.guide-page{--guide-paper: #f1e7d0;--guide-gold: #cfa64b;--guide-vermilion: #d8442e;background:radial-gradient(circle at 75% 7%,rgba(207,166,75,.09),transparent 24rem),linear-gradient(180deg,rgba(18,16,13,.35),transparent 34rem)}.guide-hero{position:relative;padding-top:calc(var(--header-height) + 72px);padding-bottom:90px}.guide-hero:after{position:absolute;right:0;bottom:34px;left:0;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(207,166,75,.5),transparent)}.guide-hero-copy{position:relative;z-index:2;min-width:0}.guide-hero h1{max-width:980px;margin:0 0 30px;color:var(--guide-paper);font-size:clamp(2.8rem,5.6vw,5.8rem);letter-spacing:-.04em;line-height:.96;text-wrap:balance}.guide-introduction{max-width:760px;color:var(--ice);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.8}.guide-byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:38px}.guide-byline p{display:grid;gap:2px}.guide-byline strong{color:var(--snow);font-family:var(--font-display);font-size:.92rem}.guide-byline span,.guide-byline time{color:var(--muted);font-size:.73rem}.guide-byline time{margin-left:12px;padding-left:26px;border-left:1px solid var(--line)}.guide-video{padding-block:50px 110px}.guide-video-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.guide-video-heading h2{max-width:820px;font-size:clamp(2.4rem,5vw,5.5rem);line-height:.92}.guide-video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border:1px solid rgba(207,166,75,.35);background:#050403;box-shadow:0 38px 100px #0000006b}.guide-video-frame:before{position:absolute;z-index:2;inset:10px;content:"";border:1px solid rgba(243,233,210,.1);pointer-events:none}.guide-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.guide-thumbnail-credit{margin-top:14px;color:var(--muted);font-size:.72rem;text-align:right}.guide-thumbnail-credit a{color:var(--ice)}.guide-reading-layout{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);gap:clamp(48px,8vw,120px);align-items:start;padding-bottom:110px}.guide-contents{position:sticky;top:calc(var(--header-height) + 28px);padding:25px 0;border-block:1px solid rgba(207,166,75,.25)}.guide-contents>p{margin-bottom:15px;color:var(--guide-gold);font-family:var(--font-display);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.guide-contents ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.guide-contents a{display:block;padding:9px 0;color:var(--muted);font-size:.77rem;line-height:1.35;text-decoration:none}.guide-contents a:hover{color:var(--guide-paper)}.guide-article-copy{min-width:0}.guide-takeaway{margin-bottom:70px;padding:clamp(24px,4vw,38px);border:1px solid rgba(207,166,75,.35);background:#cfa64b0f}.guide-takeaway p{margin-bottom:8px;color:var(--guide-gold);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.guide-takeaway strong{color:var(--guide-paper);font-family:var(--font-display);font-size:clamp(1rem,1.8vw,1.28rem);font-weight:550;line-height:1.55}.guide-article-copy>h2{margin:82px 0 25px;scroll-margin-top:calc(var(--header-height) + 28px);color:var(--guide-paper);font-size:clamp(2.3rem,4vw,4.2rem);line-height:.98;text-wrap:balance}.guide-article-copy>h2:first-of-type{margin-top:0}.guide-article-copy>p{max-width:780px;margin:0 0 22px;color:var(--ice);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.88}.guide-article-copy>p strong{color:var(--snow)}.guide-resources{padding-block:100px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-height) + 20px)}.guide-resources>header{max-width:820px;margin-bottom:50px}.guide-resources>header h2{margin:13px 0 20px;font-size:clamp(3rem,6vw,6.6rem);line-height:.88}.guide-resources>header>p:last-child{max-width:650px;color:var(--ice)}.guide-resource-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.guide-resource-group{min-width:0;padding:clamp(22px,3vw,32px);border:1px solid var(--line);background:#ffffff05}.guide-resource-group h3{min-height:2.3em;margin-bottom:22px;color:var(--guide-paper);font-size:1.35rem;line-height:1.15}.guide-resource-group ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.guide-resource-group li{min-width:0;padding:18px 0;border-top:1px solid var(--line)}.guide-resource-group li>a{display:flex;align-items:start;justify-content:space-between;gap:12px;color:var(--snow);text-decoration:none}.guide-resource-group li>a:hover{color:var(--guide-gold)}.guide-resource-group li>a span{display:grid;min-width:0;gap:3px}.guide-resource-group li strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:.92rem}.guide-resource-group li small{color:var(--guide-vermilion);font-size:.66rem}.guide-resource-group li p{margin-top:8px;color:var(--muted);font-size:.76rem;line-height:1.55}.guide-resource-note{margin-top:20px;padding:18px 22px;border-left:3px solid var(--guide-vermilion);background:#d8442e0f;color:var(--ice);font-size:.82rem;line-height:1.6}.guide-closing{margin-bottom:100px;padding-block:clamp(60px,8vw,105px);border:1px solid rgba(207,166,75,.25);background:radial-gradient(circle at 80% 40%,rgba(216,68,46,.14),transparent 26rem),#ffffff05;text-align:center}.guide-closing h2{max-width:920px;margin:16px auto 22px;font-size:clamp(3rem,6vw,6.5rem);line-height:.9;text-wrap:balance}.guide-closing>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}@media(max-width:900px){.guide-reading-layout{grid-template-columns:1fr}.guide-contents{position:static}.guide-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px}.guide-resource-groups{grid-template-columns:1fr 1fr}.guide-resource-group:last-child{grid-column:1 / -1}}@media(max-width:600px){.guide-hero{padding-top:calc(var(--header-height) + 54px);padding-bottom:70px}.guide-hero h1{font-size:clamp(2.3rem,11vw,3.4rem)}.guide-byline time{width:100%;margin:4px 0 0;padding:0;border:0}.guide-video{padding-bottom:80px}.guide-video-heading{display:block}.guide-reading-layout{gap:55px}.guide-contents ol,.guide-resource-groups{grid-template-columns:1fr}.guide-resource-group:last-child{grid-column:auto}.guide-closing{width:calc(100% - 28px);padding-inline:22px}.guide-closing>div{align-items:stretch;flex-direction:column}.guide-closing .button{justify-content:center}}
