/* A native-scroll chapter: the photos unfold with the page, without scroll capture. */
.social{position:relative;background:#19211e;color:var(--paper);padding:100px var(--gutter) 110px;--arrow-active-fill:var(--paper);--arrow-active-ink:var(--ink);scroll-margin-top:24px}
.social .section-meta{padding-bottom:28px;margin-bottom:60px;border-bottom:1px solid #e9e8df38;gap:25px}
.social-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:8vw;align-items:start}
.social-intro{position:sticky;top:110px;padding:20px 0 50px;min-width:0}
.social h2{font-size:clamp(55px,6.2vw,106px);line-height:.94;letter-spacing:-.065em;font-weight:400}
.social-title-line{display:block;overflow:hidden;padding:.04em .04em .12em 0;margin-bottom:-.1em}
.social-title-line>span{display:block;transform-origin:0 100%}
.social-intro>.serif{font-size:clamp(25px,2.5vw,39px);line-height:1.15;max-width:400px;margin-top:38px;color:#d7dbcf}
.social-copy{max-width:335px;font-size:14px;line-height:1.65;color:#abb6ac;margin-top:22px}
.social-index{display:flex;align-items:center;gap:15px;margin-top:55px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c4cbbf}
.social-index-rail{position:relative;width:110px;height:1px;background:#e9e8df30;overflow:hidden}
.social-index-rail>span{position:absolute;inset:0;background:var(--paper);transform:scaleX(var(--social-progress,0));transform-origin:left}
.social-index small{font-size:inherit}
.social-cards{display:grid;gap:72px;min-width:0;padding-bottom:12px}
.social-card{display:block;position:relative;isolation:isolate;min-width:0;border:1px solid #e9e8df35;border-radius:20px;background:#222c26;color:var(--paper);overflow:hidden;transform-origin:50% 50%;--social-image-y:0px}
.social-photo{position:relative;display:block;aspect-ratio:1.32;overflow:hidden;background:#263329}
.social-photo>:is(img,.social-art){display:block;width:100%;height:100%;object-fit:cover;transform:translateY(var(--social-image-y)) scale(1.12);transition:filter .6s}
.social-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09110b08 35%,#09110bc2)}
.social-photo-person>img{object-position:50% 38%}
.social-platform{position:absolute;left:27px;right:27px;bottom:25px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}
.social-platform-name{font-size:clamp(39px,4vw,67px);line-height:.95;letter-spacing:-.055em}
.social-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #f4f3ef70;border-radius:14px;background:#ffffff0c;backdrop-filter:blur(8px);flex-shrink:0}
.social-icon>svg{width:25px;height:25px;display:block;fill:currentColor}
.social-card-meta{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 27px 26px}
.social-card-category{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#b5bfb4;margin-bottom:9px}
.social-card-description{display:block;font-size:15px;line-height:1.4;letter-spacing:-.015em;max-width:330px}
.social-follow{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}
.social-card .motion-arrow{width:38px;height:38px;border-radius:10px}
.social-card:focus-visible{outline:2px solid var(--paper);outline-offset:7px;clip-path:none!important;opacity:1!important;transform:none!important}
.social-footnote{margin-top:38px;font-size:11px;line-height:1.5;color:#a6b3a8;text-align:right}
.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:13px 27px;padding:30px 0;border-block:1px solid #e9e8df30;margin:0 0 45px}
.footer-socials>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#a6afa6;margin-right:auto}
.footer-socials>a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}
.footer-socials .social-icon{width:19px;height:19px;border:0;border-radius:0;background:none;backdrop-filter:none}
.footer-socials .social-icon>svg{width:18px;height:18px}
.footer-socials .motion-arrow{width:24px;height:24px;border-radius:6px}
.footer-socials .motion-arrow svg{left:4px;top:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
@media(hover:hover) and (pointer:fine){.social-card:hover .social-photo>:is(img,.social-art){filter:brightness(1.08)}.footer-socials>a:hover{color:#fff}}
@media(max-width:1100px){.social-layout{gap:5vw;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.social h2{font-size:6.5vw}.social-card-meta{align-items:flex-start;gap:16px;padding:20px}.social-platform{left:20px;right:20px;bottom:23px}.social-follow{font-size:0;gap:0}.social-card-description{font-size:14px}.social-intro{top:90px}.social-cards{gap:55px}}
@media(max-width:700px){.social{padding-top:65px;padding-bottom:68px}.social .section-meta{margin-bottom:38px;padding-bottom:24px;align-items:flex-start}.social .section-meta .eyebrow:last-child{max-width:130px;text-align:right;line-height:1.6}.social-layout{grid-template-columns:1fr;gap:44px}.social-intro{position:relative;top:auto;padding:0}.social h2{font-size:clamp(48px,11.6vw,77px)}.social-intro>.serif{font-size:29px;margin-top:28px;max-width:300px}.social-copy{font-size:13px;max-width:310px;margin-top:17px}.social-index{margin-top:30px;font-size:9px}.social-index-rail{width:80px}.social-cards{gap:48px}.social-photo{aspect-ratio:1.18}.social-platform{left:20px;right:20px;bottom:21px;gap:10px}.social-platform-name{font-size:clamp(35px,10vw,57px)}.social-icon{width:43px;height:43px;border-radius:12px}.social-icon>svg{width:22px;height:22px}.social-card-meta{padding:21px 20px 23px}.social-card-description{font-size:14px}.social-card-category{font-size:9px;letter-spacing:.09em}.social-follow{font-size:11px;gap:8px}.social-footnote{text-align:left;font-size:10px;margin-top:26px}.footer-socials{gap:12px 22px;padding:24px 0;margin-bottom:34px}.footer-socials>p{flex-basis:100%;margin-bottom:5px}.footer-socials>a{flex-basis:calc(50% - 11px);font-size:12px;gap:8px}.footer-socials .motion-arrow{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.social-card,.social-title-line>span,.social-photo>:is(img,.social-art){transform:none!important;clip-path:none!important;opacity:1!important;transition:none!important}.social-index-rail>span{transform:none}.social-intro{position:relative;top:auto}}
body.overview .social-intro{position:relative;top:auto}
body.overview .social-card,body.overview .social-title-line>span{transform:none!important;clip-path:none!important;opacity:1!important}