.social-main { width: min(1280px, 83%); padding-top: clamp(150px, 17vh, 196px); }
.social-switchboard-hero { grid-template-columns: minmax(0, 1.14fr) minmax(360px, .86fr); gap: clamp(36px, 4.5vw, 76px); min-height: min(750px, calc(100svh - 150px)); padding-bottom: clamp(70px, 8vw, 120px); }
.social-intro h1 { font-size: clamp(2.9rem, 4.35vw, 4.9rem); line-height: 1.1; letter-spacing: -.028em; margin-bottom: 26px; }
.social-intro > p { max-width: 44ch; color: var(--mist); font-size: 1.0625rem; line-height: 1.8; }
.social-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 24px; }
.social-hero-actions .button { min-height: 50px; }
.social-jump-link, .social-inline-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; font-size: .8125rem; font-weight: 700; }
.social-jump-link { color: var(--mist); }
.social-jump-link:hover, .social-inline-link:hover { color: var(--electric); }
.social-jump-link svg, .social-inline-link svg, .social-channel-note svg { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.social-inline-link { color: var(--paper); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 6px; }
.social-signal-dial { width: min(100%, 480px); }
.social-signal-dial:focus-visible { outline-width: 3px; outline-offset: 8px; }
.social-dial-name { font-size: clamp(1.8rem, 2.7vw, 3rem); }
.social-dial-state { letter-spacing: .12em; }
.social-channel-section { padding-top: 22px; scroll-margin-top: 124px; }
.social-section-intro { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 36px; }
.social-section-intro h2, .social-editorial h2, .social-conversation h2 { font-size: clamp(2rem, 3.5vw, 3.4rem); line-height: 1.12; letter-spacing: -.026em; margin-bottom: 0; }
.social-section-intro p { max-width: 37ch; margin: 0 0 4px; color: var(--mist); font-size: .9375rem; line-height: 1.8; }
.social-channel { min-height: 236px; padding: 30px 26px; gap: 13px; }
.social-channel:hover { transform: none; }
.social-channel-name { font-size: clamp(1.35rem, 1.9vw, 2rem); }
.social-channel-copy { min-height: 2lh; color: var(--mist); font-size: .875rem; }
.social-platform-icon { width: 29px; height: 29px; margin-bottom: 14px; color: var(--violet-hot); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.social-channel-arrow { top: 33px; right: 26px; }
.social-channel:focus-visible { z-index: 1; outline-offset: -3px; }
.social-channel-note { display: flex; align-items: center; justify-content: end; gap: 9px; margin: 18px 0 0; color: var(--mist); font-size: .75rem; line-height: 1.6; }
.social-channel-note svg { width: 13px; height: 13px; }
.social-editorial { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(52px, 9vw, 140px); padding-block: clamp(100px, 11vw, 160px) 16px; }
.social-editorial-heading > p { max-width: 33ch; margin: 23px 0 16px; color: var(--mist); font-size: 1rem; line-height: 1.8; }
.social-topics { margin: 0; }
.social-topics > div { padding: 25px 0; border-top: 1px solid var(--line); }
.social-topics > div:first-child { padding-top: 7px; border-top: 0; }
.social-topics > div:last-child { padding-bottom: 0; }
.social-topics dt { font-size: 1.125rem; line-height: 1.4; font-weight: 700; }
.social-topics dd { max-width: 46ch; margin: 9px 0 0; color: var(--mist); font-size: .9375rem; line-height: 1.75; }
.social-linktree-panel { margin-top: clamp(74px, 8vw, 112px); padding-inline: 0; grid-template-areas: 'name copy icon' 'label copy icon'; gap: 9px clamp(30px, 5vw, 82px); }
.social-linktree-label { align-self: start; letter-spacing: .1em; }
.social-linktree-panel strong { align-self: end; }
.social-linktree-panel:focus-visible { outline-offset: 7px; }
.social-conversation { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-top: clamp(70px, 8vw, 112px); }
.social-conversation h2 { font-size: clamp(2rem, 3vw, 3rem); }
.social-conversation p { max-width: 53ch; margin: 18px 0 0; color: var(--mist); line-height: 1.8; }
.social-conversation .button { flex-shrink: 0; }
.social-page .reveal, html.js .social-page .reveal { opacity: 1; transform: none; }

@media (max-width: 1099px) {
  .social-main { width: 83%; padding-top: 150px; }
  .social-switchboard-hero { grid-template-columns: minmax(0, 1fr); gap: 54px; min-height: auto; }
  .social-intro h1 { font-size: clamp(3.1rem, 6.1vw, 4.75rem); }
  .social-intro > p { max-width: 51ch; }
  .social-signal-dial { justify-self: center; width: min(460px, 72vw); }
  .social-dial-name { font-size: clamp(2rem, 4.7vw, 3rem); }
  .social-channel { min-height: 216px; padding: 28px; }
  .social-channel-name { font-size: 1.75rem; }
  .social-channel-copy { min-height: auto; }
  .social-section-intro h2, .social-editorial h2 { font-size: clamp(2rem, 4.2vw, 3.2rem); }
  .social-editorial { gap: 48px; }
  .social-conversation { align-items: start; }
}

@media (max-width: 740px) {
  .social-main { width: 87%; padding: 125px 0 72px; }
  .social-intro h1 { font-size: clamp(1.75rem, 7.7vw, 3.5rem); line-height: 1.14; letter-spacing: -.025em; }
  .social-intro > p { margin-bottom: 25px; font-size: 1rem; }
  .social-hero-actions { align-items: start; flex-direction: column; gap: 10px; }
  .social-switchboard-hero { gap: 35px; padding-bottom: 65px; }
  .social-signal-dial { width: min(390px, 100%); }
  .social-dial-name { font-size: clamp(1.65rem, 7.3vw, 2.8rem); }
  .social-dial-mark { width: 58px; height: 58px; border-width: 2px; border-radius: 17px; top: 32%; }
  .social-dial-mark i { inset: 13px; border-width: 2px; }
  .social-dial-mark::after { width: 5px; height: 5px; top: 9px; right: 9px; }
  .social-dial-state { gap: 7px; font-size: .625rem; }
  .social-dial-handle { font-size: .6875rem; }
  .social-dial-action { font-size: .75rem; bottom: 12%; }
  .social-channel-section { padding-top: 0; scroll-margin-top: 108px; }
  .social-section-intro { display: block; margin-bottom: 28px; }
  .social-section-intro h2, .social-editorial h2 { font-size: clamp(1.7rem, 6.4vw, 2.75rem); }
  .social-section-intro p { margin-top: 18px; }
  .social-channel, .social-channel:nth-child(even), .social-channel:nth-child(odd) { min-height: 160px; padding: 25px 22px 23px 77px; gap: 10px; align-content: center; }
  .social-platform-icon { position: absolute; top: 30px; left: 23px; width: 27px; height: 27px; margin: 0; }
  .social-channel-name { padding-right: 25px; font-size: clamp(1.25rem, 5.4vw, 1.75rem); }
  .social-channel-arrow { top: 30px; right: 20px; width: 16px; height: 16px; }
  .social-channel-copy { max-width: 24ch; font-size: .875rem; }
  .social-channel-note { justify-content: start; font-size: .6875rem; }
  .social-editorial { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-top: 80px; }
  .social-editorial-heading > p { max-width: 39ch; margin-top: 18px; }
  .social-topics > div:first-child { border-top: 1px solid var(--line); padding-top: 24px; }
  .social-topics dt { font-size: 1rem; }
  .social-topics dd { font-size: .875rem; }
  .social-linktree-panel { grid-template-areas: 'name icon' 'label icon' 'copy copy'; min-height: 210px; margin-top: 72px; padding-block: 28px; gap: 9px 22px; }
  .social-linktree-panel strong { font-size: clamp(2.2rem, 10vw, 3.5rem); }
  .social-linktree-copy { margin-top: 10px; font-size: .9375rem; }
  .social-conversation { flex-direction: column; gap: 25px; padding-top: 65px; }
  .social-conversation p { margin-top: 15px; font-size: .9375rem; }
}

@media (prefers-reduced-motion: reduce) {
  .social-page *, .social-page *::before, .social-page *::after { scroll-behavior: auto; animation: none !important; transition: none !important; }
  .social-signal-dial:hover, .social-channel-arrow, .social-linktree-panel:hover > svg { transform: none; }
}