.friend-banner{position:relative;background:#276b78 url('/assets/hello-friend-topazed.jpg') center/100% auto no-repeat;isolation:isolate;overflow:hidden}
.friend-full-art{width:90%;margin:auto;aspect-ratio:2.79;background:url('/assets/hello-friend-topazed.jpg') center/100% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.friend-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#080d12),radial-gradient(ellipse at center,transparent 40%,#080d1288 100%)}
.friend-banner .accessible-room-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.friend-banner .back-link{position:absolute;z-index:1;left:max(4vw,24px);bottom:12px;margin:0;color:var(--gold);background:#090c13;border:1px solid var(--gold);padding:12px 18px;min-height:44px}
main .friends-guide{padding-top:28px;background:#080d12}
.friend-jump a{text-align:center}
main .friend-copy{padding:14px 16px 16px}
main .friend-copy h2{font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.3;margin:6px 0}
main .friend-copy p:not(.eyebrow){font-size:.9rem;line-height:1.4;margin:4px 0 8px;font-weight:400}
.friend-card video{scroll-margin-top:116px}
@media(max-width:800px){.friend-full-art{width:100%;aspect-ratio:16/9;background-size:cover;mask-image:none}.friend-banner .back-link{left:24px;bottom:8px;font-size:14px;padding:10px 16px}}