.friend-hero{aspect-ratio:3;display:grid;align-items:center;border-bottom:1px solid var(--line);background:#276b78 url('/assets/hello-friend-topazed.jpg') center/100% 100% no-repeat}
.friend-hero-copy{width:39%;padding:24px 3vw 24px 6vw;text-shadow:0 2px 16px #082f36}.friend-hero h1{font-size:clamp(2.5rem,4.2vw,5rem);line-height:1.06;margin:10px 0 22px}.friend-hero .eyebrow{font-size:.8rem}.friend-hero-copy>p:last-child{color:var(--cream)}
.friends-guide{max-width:1220px;padding:0 28px 65px;margin:auto}.friend-jump{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 0;background:#080d12;border-bottom:1px solid var(--line);margin-bottom:35px}.friend-jump a{padding:9px 12px;border:1px solid var(--line);font:14px/1.4 Arial,sans-serif;color:var(--gold)}.friend-jump span{margin-right:5px;color:var(--muted)}.friend-jump a:hover,.friend-jump a:focus-visible{background:#63204066;border-color:#ef72ad}.friend-list{display:grid;gap:30px}.friend-card{display:grid;grid-template-columns:60% 40%;border:1px solid var(--line);background:#0b1017;scroll-margin-top:160px}.friend-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}.friend-copy{padding:28px;align-self:center}.friend-copy h2{font-size:clamp(1.8rem,2.5vw,3rem);line-height:1.15;margin:12px 0 16px}.friend-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted)}.friend-copy .eyebrow{font:12px/1.5 Arial,sans-serif;letter-spacing:.1em}.friend-copy .text-link{font-size:.85rem}.friend-closing{text-align:center;padding:75px 20px 0}.friend-closing img{display:block;width:min(440px,100%);height:auto;margin:auto}.friend-closing h2{margin:28px 0}
.friend-jump a{border:0;background:transparent;padding:9px 12px;font-weight:600;letter-spacing:.03em}
.friend-jump a span{color:#eb799f;font-size:1.15em}
.friend-jump a:hover,.friend-jump a:focus-visible{background:transparent;border-color:transparent;color:var(--cream)}
.friend-jump a:focus-visible{outline:1px solid var(--gold);outline-offset:2px}
.friend-jump a.current{background:transparent;color:#ff98c4;text-decoration:underline;text-underline-offset:7px}
@media(max-width:800px){.friend-hero{aspect-ratio:auto;background:#276b78}.friend-hero:before{content:'';display:block;aspect-ratio:1.8;background:url('/assets/hello-friend-topazed.jpg') right center/160% auto no-repeat}.friend-hero-copy{width:100%;padding:26px}.friend-hero h1{font-size:3.2rem}.friend-hero h1 br{display:none}.friend-card{grid-template-columns:1fr}.friend-copy{padding:24px}.friend-jump{gap:5px;padding:10px 0}.friend-jump a{font-size:13px;padding:7px 8px}.friend-card{scroll-margin-top:210px}}
@media(max-width:550px){.friends-guide{padding-inline:16px}.friend-jump{display:grid;grid-template-columns:1fr 1fr}.friend-jump a{font-size:12px;padding:5px 7px}.friend-card{scroll-margin-top:205px}.friend-copy h2{font-size:2rem}}