/* Social contribution: shares the site's typography, palette and motion. */
.tnj-site .social-hero { position:relative; overflow:hidden; }
.tnj-site .social-hero::after { content:""; position:absolute; width:670px; height:670px; border:1px solid #a6bbc833; border-radius:50%; right:-80px; top:45px; box-shadow:0 0 0 95px #a6bbc809,0 0 0 190px #a6bbc807; pointer-events:none; }
.tnj-site .social-hero .wrap { position:relative; z-index:1; }
.tnj-site .social-hero-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:center; }
.tnj-site .social-hero-visual img { width:100%; height:auto; }
.tnj-site .social-hero-visual figcaption { margin-top:10px; font-size:10px; line-height:1.7; color:#bac5ce; }
.tnj-site .social-hero .lead { font-size:15px; line-height:2; }
.tnj-site .social-hero h1 { font-size:18px; font-family:inherit; letter-spacing:.12em; }
.tnj-site .social-statement { font-size:clamp(36px,3.7vw,52px); line-height:1.55; letter-spacing:.02em; margin-top:26px; }
.tnj-site .social-index { display:flex; flex-wrap:wrap; gap:18px 40px; border-top:1px solid #ffffff35; padding-top:24px; margin-top:50px; max-width:850px; }
.tnj-site .social-index a { display:flex; align-items:center; gap:30px; font-size:13px; }
.tnj-site .social-index a:hover { text-decoration:underline; }
.tnj-site .social-focus { background:#eeefec; }
.tnj-site .social-focus-grid { gap:0; }
.tnj-site .social-focus-card { position:relative; display:block; padding:10px 35px 34px; border-left:1px solid #bfc7cb; }
.tnj-site .social-focus-card:first-child { border-left:0; padding-left:0; }
.tnj-site .social-focus-card .eyebrow { margin-top:22px; margin-bottom:10px; }
.tnj-site .social-number { font:52px/1 Georgia,serif; color:#7d8c95; }
.tnj-site .social-focus-card h3 { font-size:27px; margin-bottom:15px; }
.tnj-site .social-focus-card p { font-size:14px; max-width:285px; }
.tnj-site .social-card-arrow { display:inline-block; margin-top:22px; transition:transform .25s; }
.tnj-site .social-focus-card:hover .social-card-arrow { transform:translateY(5px); }
.tnj-site .social-feature { display:grid; grid-template-columns:1fr 1.2fr; border:1px solid var(--line); }
.tnj-site .social-feature-mark { padding:50px; display:flex; flex-direction:column; justify-content:space-between; gap:30px; }
.tnj-site .social-feature-mark .serif { font-size:clamp(35px,4vw,52px); line-height:1.6; letter-spacing:.12em; }
.tnj-site .social-mark-caption { font-size:13px; color:#cbd6de; border-top:1px solid #ffffff35; padding-top:22px; }
.tnj-site .social-feature-copy { padding:50px; background:#fff; align-self:stretch; }
.tnj-site .social-tag { display:block; margin-bottom:18px; font-size:12px; color:#64707a; letter-spacing:.06em; }
.tnj-site .social-feature-copy h3 { font-size:28px; }
.tnj-site .social-feature-copy .arrow-link { margin-top:28px; }
.tnj-site .social-source { font-size:12px; color:var(--muted); margin-top:14px; }
.tnj-site .social-ruled { border-top:1px solid var(--line); }
.tnj-site .social-two-col { display:grid; grid-template-columns:1fr 1fr; gap:55px; }
.tnj-site .social-knowledge-card { border-top:1px solid #a4adb3; padding-top:26px; }
.tnj-site .social-knowledge-card .arrow-link { margin-top:25px; }
.tnj-site .social-related { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-top:30px; margin-top:50px; border-top:1px solid var(--line); font-size:13px; color:var(--muted); }
.tnj-site .social-partner-row { display:grid; grid-template-columns:1fr 1.6fr; gap:75px; padding:38px 0; border-top:1px solid #bcc5c9; }
.tnj-site .social-partner-row h3 { font-size:26px; line-height:1.65; }
.tnj-site .social-registration { margin-top:22px; font-size:13px; color:var(--muted); }
.tnj-site .social-registration strong { margin-left:10px; font:inherit; color:var(--ink); }
.tnj-site .social-link-list { display:flex; align-items:flex-start; flex-wrap:wrap; gap:15px 30px; margin-top:22px; }
.tnj-site .social-partner-row .prose>.arrow-link { margin-top:22px; }
.tnj-site [id^="social-"] { scroll-margin-top:30px; }
@media (prefers-reduced-motion:no-preference) {
  .tnj-site .social-statement { animation:tnj-rise .9s .1s both; }
  .tnj-site .social-hero .lead { animation:tnj-rise .9s .25s both; }
}
@media (max-width:1100px) {
  .tnj-site .social-hero-grid { grid-template-columns:1fr 1fr; gap:30px; }
  .tnj-site .social-focus-card { padding-inline:24px; }
  .tnj-site .social-focus-card h3 { font-size:23px; }
  .tnj-site .social-feature-copy,.tnj-site .social-feature-mark { padding:32px; }
  .tnj-site .social-partner-row { gap:35px; }
}
@media (max-width:700px) {
  .tnj-site .social-hero-grid { grid-template-columns:1fr; gap:28px; }
  .tnj-site .social-hero::after { width:400px; height:400px; right:-220px; top:180px; }
  .tnj-site .social-statement { font-size:clamp(34px,9vw,43px); }
  .tnj-site .social-index { margin-top:35px; gap:15px 25px; }
  .tnj-site .social-index a { gap:14px; font-size:12px; }
  .tnj-site .social-focus-card,.tnj-site .social-focus-card:first-child { padding:26px 0; border-left:0; border-top:1px solid #bfc7cb; }
  .tnj-site .social-focus-card .eyebrow { margin-top:12px; }
  .tnj-site .social-number { font-size:38px; }
  .tnj-site .social-focus-card h3 { font-size:26px; }
  .tnj-site .social-focus-card p { max-width:none; }
  .tnj-site .social-card-arrow { position:absolute; right:8px; top:22px; }
  .tnj-site .social-feature,.tnj-site .social-two-col,.tnj-site .social-partner-row { grid-template-columns:1fr; }
  .tnj-site .social-feature-copy,.tnj-site .social-feature-mark { padding:28px; }
  .tnj-site .social-feature-copy h3 { font-size:25px; }
  .tnj-site .social-feature-mark .serif { font-size:38px; }
  .tnj-site .social-two-col { gap:35px; }
  .tnj-site .social-partner-row { gap:25px; padding:30px 0; }
  .tnj-site .social-partner-row h3 { font-size:24px; }
  .tnj-site .social-related { align-items:flex-start; flex-direction:column; margin-top:35px; }
}
@media print { .tnj-site .social-statement,.tnj-site .social-hero .lead { animation:none!important; } }