.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;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:center;gap:clamp(40px,7vw,100px);min-height:720px;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:920px;margin:28px 0 30px;color:var(--guide-paper);font-size:clamp(3.8rem,7.6vw,8.5rem);letter-spacing:-.07em;line-height:.83;text-wrap:balance}.guide-hero h1 em{display:block;color:var(--guide-vermilion);font-size:.56em;line-height:1.05}.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-author-seal{display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--guide-vermilion);color:var(--guide-vermilion);font-family:var(--font-display);font-size:.75rem;font-weight:700}.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-hero-mark{position:relative;display:grid;width:min(100%,390px);aspect-ratio:1;place-items:center;justify-self:center;border:1px solid rgba(207,166,75,.3);border-radius:50%}.guide-hero-mark:before,.guide-hero-mark:after{position:absolute;inset:12%;content:"";border:1px solid rgba(207,166,75,.18);transform:rotate(45deg)}.guide-hero-mark:after{inset:24%;border-color:#d8442e6b;transform:rotate(-8deg)}.guide-hero-mark span{color:var(--guide-paper);font-family:serif;font-size:clamp(6rem,13vw,11rem);line-height:1;text-shadow:0 0 48px rgba(216,68,46,.2)}.guide-hero-mark small{position:absolute;bottom:18%;color:var(--guide-gold);font-family:var(--font-display);font-size:.62rem;letter-spacing:.28em}.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:grid;grid-template-columns:28px 1fr;gap:10px;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-contents a span{color:var(--guide-vermilion);font-family:var(--font-display);font-size:.6rem}.guide-article-copy{min-width:0}.guide-takeaway{display:grid;grid-template-columns:auto 1fr;gap:22px;margin-bottom:70px;padding:clamp(24px,4vw,38px);border:1px solid rgba(207,166,75,.35);background:#cfa64b0f}.guide-takeaway>span{color:var(--guide-vermilion);font-family:serif;font-size:3.4rem;line-height:1}.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>h2:before{display:block;margin-bottom:12px;color:var(--guide-vermilion);font-family:var(--font-display);font-size:.62rem;letter-spacing:.2em;content:"十三 · BEGINNER NOTES"}.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>p:not(.eyebrow){max-width:590px;margin-inline:auto;color:var(--ice)}.guide-closing>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}@media(max-width:900px){.guide-hero{grid-template-columns:1fr;min-height:auto}.guide-hero-mark{position:absolute;right:0;bottom:80px;width:220px;opacity:.25}.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(3.2rem,17vw,5.1rem)}.guide-hero h1 em{font-size:.52em}.guide-byline time{width:100%;margin:4px 0 0 62px;padding:0;border:0}.guide-hero-mark{display:none}.guide-video{padding-bottom:80px}.guide-video-heading{display:block}.guide-video-heading .eyebrow{margin-bottom:12px}.guide-reading-layout{gap:55px}.guide-contents ol,.guide-takeaway,.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}}