.journey-main{padding-top:64px}.journey-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding:24px 0 64px;border-bottom:1px solid var(--line);scroll-margin-top:120px}.journey-intro h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.3;font-weight:400;margin:0 0 22px}.journey-intro>div>p:last-child{font-size:17px;color:var(--muted);line-height:1.9}.journey-pass{border:1px solid #3a443e;border-radius:14px;padding:30px 34px;max-width:360px;justify-self:end;width:100%;background:#121815}.journey-pass>span{font-size:14px;color:#c4dbd0}.journey-pass>p{font-size:40px;letter-spacing:.08em;line-height:1.7;color:#e2e8e4}.journey-pass>p span{color:#6b7f72;font-size:24px}.journey-pass>div{font-size:14px;line-height:2;color:#a9b8b0}.journey-pass>a{display:block;border-top:1px solid #303e34;margin-top:22px;padding-top:18px;font-size:14px}.journey-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;margin-top:48px;align-items:start}.journey-rail{position:sticky;top:110px;max-height:calc(100dvh - 135px);overflow:auto;padding-right:18px;scrollbar-width:thin}.journey-chapter{margin-bottom:25px}.journey-chapter>p{font-size:14px;color:#e0e7e3;margin-bottom:10px}.journey-chapter>p>span{color:#72877c;margin-right:12px}.journey-chapter>a{display:flex;gap:14px;align-items:center;line-height:1.6;font-size:14px;color:#929ba2;padding:10px 12px;border-radius:7px;border-left:2px solid transparent}.journey-chapter>a>span{font-variant-numeric:tabular-nums;color:#627269}.journey-chapter>a:hover{background:#171d1a;color:#edf2ef}.journey-chapter>a[aria-current=step]{background:#1b2520;color:#e0ece4;border-color:#b4d2c1}.journey-chapter>a[aria-current=step]>span{color:#c4dbd0}.reference-jump{display:block;font-size:14px;border-top:1px solid var(--line);padding:16px 12px;color:#b9c5be}.journey-step{scroll-margin-top:115px;min-width:0}.journey-step[hidden]{display:none}.step-heading{position:relative;padding-right:80px;margin-bottom:28px}.step-heading h2{font-size:30px;font-weight:400;line-height:1.4;margin:0 0 12px}.step-heading .eyebrow{font-size:14px;letter-spacing:0;margin-bottom:12px}.step-goal{font-size:17px;color:#adb6b2}.step-page{position:absolute;right:0;top:0;font-size:24px;font-variant-numeric:tabular-nums;color:#d9e5de}.step-page>span{font-size:14px;color:#7d8982}.guide-shot{margin:0 0 34px;aspect-ratio:16/9;display:grid;place-items:center;background:#13171a;border:1px dashed #39443e;border-radius:12px;overflow:hidden}.shot-empty{padding:24px;max-width:510px;text-align:center}.shot-index{font-size:36px;color:#55665d;letter-spacing:.1em}.shot-empty p{font-size:14px;line-height:1.9;color:#9baaa2;margin-top:14px}.guide-shot>img{width:100%;height:100%;object-fit:cover}.step-instructions h3{font-size:16px;font-weight:400;color:#d1ded7;margin-bottom:22px}.step-instructions ol{list-style:none;padding:0;display:grid;gap:20px}.step-instructions li{display:flex;gap:20px;align-items:flex-start}.step-instructions li>span{flex:none;color:#83a18f;font-size:14px;line-height:2.15}.step-instructions li>p{font-size:16px;line-height:1.9;margin:0;color:#d0d6d3}.step-outcome{border-top:1px solid #303e35;border-bottom:1px solid #303e35;padding:20px 0;margin-top:32px;display:grid;grid-template-columns:110px 1fr;gap:16px}.step-outcome>span{font-size:14px;color:#8da799}.step-outcome>p{font-size:16px;color:#d8e5dd}.step-tip{font-size:14px;color:#9ca8a1;line-height:1.9;margin:20px 0 0}.step-detail-link{margin-top:22px}.step-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 0 8px;margin-top:40px}.step-pagination a{font-size:14px;padding:10px 0;color:#d2ded7}.step-pagination a:last-child{color:#e0ece5}.step-pagination a span{padding:6px 10px;border-radius:5px;margin-left:12px;background:#22342a}.journey-reference-section{margin-top:100px;padding-top:52px;border-top:1px solid var(--line);scroll-margin-top:120px}.reference-heading{margin-bottom:32px}.reference-heading h2{font-size:28px;font-weight:400}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.guide-reference{border:1px solid var(--line);border-radius:10px;scroll-margin-top:120px;background:#111518;min-width:0}.guide-reference>summary{padding:23px 24px;font-size:16px;cursor:pointer}.guide-reference[open]{grid-column:1/-1}.reference-body{padding:0 24px 28px;font-size:16px;line-height:1.9}.reference-body p+p{margin-top:18px}.reference-body ul{margin:20px 0;padding-left:22px}.reference-body li{padding:6px 0}.reference-body .table-wrap{overflow-x:auto}.reference-body .crop-list{display:flex;flex-wrap:wrap}.reference-body .crop-list a{display:flex;gap:16px;align-items:center}.reference-body .crop-list img{width:48px;height:48px;image-rendering:pixelated}.reference-body .crop-list small{display:block;color:var(--muted)}.journey-main a:focus-visible,.journey-main summary:focus-visible{outline:2px solid #c4dbd0;outline-offset:4px}.journey-step h2:focus{outline:0}.guide-reference:target{border-color:#637b6c}
@media(max-width:1000px){.journey-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}.journey-intro{gap:40px}.journey-pass{padding:25px}}
@media(max-width:760px){.journey-main{padding-top:36px}.journey-intro{grid-template-columns:1fr;gap:30px;padding:12px 0 35px}.journey-pass{max-width:none;justify-self:stretch;padding:22px}.journey-pass>p{float:right;font-size:32px;line-height:1.3}.journey-pass>div{margin-top:14px}.journey-pass>a{margin-top:16px;padding-top:14px}.journey-layout{grid-template-columns:1fr;gap:35px;margin-top:30px}.journey-rail{position:static;max-height:260px;padding:0 8px 14px 0;border-bottom:1px solid var(--line)}.journey-rail nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.journey-chapter{margin-bottom:20px}.journey-chapter>a{padding:9px 7px;gap:8px}.journey-chapter>p{font-size:14px}.journey-chapter>p>span{margin-right:6px}.reference-jump{padding-bottom:0}.step-heading h2{font-size:27px}.step-goal{font-size:16px}.step-outcome{grid-template-columns:1fr;gap:8px}.step-instructions li{gap:14px}.journey-reference-section{margin-top:60px;padding-top:36px}.reference-grid{grid-template-columns:1fr}.guide-shot{min-height:200px;aspect-ratio:auto}.shot-empty{padding:24px 18px}.step-pagination{margin-top:28px}.journey-step,.guide-reference{scroll-margin-top:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.guide-shot.has-photo{display:block;aspect-ratio:auto;min-height:0;border-style:solid;overflow:hidden}.guide-shot.has-photo>a{display:block;cursor:zoom-in}.guide-shot.has-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.guide-shot.has-photo figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;line-height:1.7;color:#a6b2ac;border-top:1px solid var(--line)}.guide-shot.has-photo figcaption span:last-child{white-space:nowrap;color:#c1d8cb}@media(max-width:600px){.guide-shot.has-photo figcaption{display:block}.guide-shot.has-photo figcaption span:last-child{display:block;margin-top:4px}}

.guide-shot.has-photo>a{position:relative}.shot-stage-number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:inherit;font-size:clamp(72px,11vw,160px);font-weight:400;line-height:1;letter-spacing:-.06em;color:#fff;opacity:1;text-shadow:0 3px 0 #1c211e,0 6px 18px #0009;pointer-events:none;user-select:none}
.journey-main [hidden]{display:none!important}.guide-route{scroll-margin-top:115px}.guide-entry{max-width:1000px;margin:12px auto 80px}.guide-entry h1,.guide-primer h1{font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.35;letter-spacing:-.035em;margin:18px 0 22px}.entry-lead,.primer-lead{font-size:17px;color:#abb6b0;line-height:1.95}.experience-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.experience-choice{display:flex;flex-direction:column;min-height:300px;padding:32px;border:1px solid #364039;border-radius:12px;background:#151b18;color:#e3ebe6;transition:border-color .15s,background .15s}.experience-choice:hover{background:#1b2520;border-color:#a2bcab}.choice-kicker{font-size:13px;color:#9cbca9}.experience-choice h2{font-size:25px;line-height:1.6;font-weight:400;margin:20px 0 14px}.experience-choice p{color:#a2aea7;font-size:15px;line-height:1.8}.choice-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #35423a;padding-top:20px;margin-top:28px;font-size:14px}.choice-bottom>span{font-size:24px}.guide-skip{display:flex;justify-content:space-between;align-items:center;padding:27px 4px;margin-top:24px;border-bottom:1px solid #354039;font-size:17px;color:#d3e4d9}.guide-skip small{display:block;font-size:13px;color:#8e9e94;margin-top:10px}.skip-arrow{font-size:44px}.guide-primer{max-width:900px;margin:0 auto 80px}.primer-back{display:inline-block;margin:0 0 40px;color:#9bac9f;font-size:14px}.primer-rows{margin-top:48px}.primer-rows>article{display:grid;grid-template-columns:60px 1fr;gap:22px;padding:32px 0;border-top:1px solid #354039}.primer-index{font-size:17px;color:#95bca5;padding-top:5px}.primer-rows h2{font-weight:400;font-size:23px;line-height:1.6;margin:0 0 14px}.primer-rows p{font-size:16px;line-height:2;color:#b0bbb5;max-width:690px}.primer-rows article a{display:inline-block;margin-top:18px;font-size:14px;color:#c0ddcb}.primer-note{padding:20px 24px;background:#18231c;border-left:2px solid #abc6b5;margin-top:22px}.primer-note>span{font-size:15px;color:#d0e2d7}.primer-note p{margin:10px 0 0;font-size:14px}.primer-next{border-top:1px solid #46574b;margin-top:24px;padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.primer-next p{font-size:22px;line-height:1.7;color:#e1eae4}.primer-next .button{white-space:normal;text-align:center}.beginner-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #354039;border-bottom:1px solid #354039;padding:25px 0;margin-top:32px;color:#c2dcca;font-size:16px}.beginner-flow span[aria-hidden]{color:#75867b}@media(max-width:760px){.experience-choices{grid-template-columns:1fr;gap:16px;margin-top:30px}.experience-choice{min-height:0;padding:26px}.experience-choice h2 br{display:none}.experience-choice h2{font-size:22px}.guide-entry{margin-top:0}.guide-skip{gap:20px;font-size:15px}.primer-rows>article{grid-template-columns:32px 1fr;gap:12px;padding:26px 0}.primer-rows h2{font-size:20px}.primer-rows p{font-size:15px}.primer-next{align-items:stretch;flex-direction:column}.primer-next .button{width:100%}.primer-note{padding:16px}.beginner-flow{font-size:13px;gap:6px}.guide-route{scroll-margin-top:130px}}@media(prefers-reduced-motion:reduce){.experience-choice{transition:none}}
