:root{color-scheme:dark;--gold:#d7a748;--orange:#c9672d;--teal:#347a80;--green:#315847;--ink:#f3eee3;--muted:#b9c3bd;--line:#526158}*{box-sizing:border-box}body{margin:0;background:#141816;color:var(--ink);font-family:system-ui,sans-serif;line-height:1.55}.guide-hero{padding:clamp(3rem,7vw,6.5rem) clamp(1.2rem,7vw,7rem);background:radial-gradient(circle at 78% 20%,#57705e 0 1px,transparent 2px),linear-gradient(135deg,#17201c,#29483a 68%,#17201c);background-size:30px 30px,auto;border-bottom:4px solid var(--orange)}.eyebrow,.route-label{margin:0 0 .5rem;color:#e18a51;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.guide-hero h1{max-width:1000px;margin:.2rem 0 1rem;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.92;text-transform:uppercase}.guide-hero>p:not(.eyebrow){max-width:780px;color:#d2dbd5;font-size:1.1rem}.legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;color:#c2cbc5;font-size:.85rem}.legend span{display:flex;align-items:center;gap:.5rem}.legend i{width:.75rem;height:.75rem;border-radius:50%}.main-dot{background:var(--orange)}.branch-dot{background:var(--teal)}.journey{max-width:1320px;margin:auto;padding:3rem 1rem 6rem}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(1.5rem,5vw,5rem);align-items:center;margin:0 0 2.5rem;padding:clamp(1.5rem,4vw,3rem);background:#222824;border:1px solid #4d5850;border-left:7px solid var(--orange);box-shadow:0 18px 35px #0005}.stage.reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1fr)}.stage.reverse .stage-copy{grid-column:2}.stage.reverse .shot{grid-column:1;grid-row:1}.stage-number{position:absolute;right:1rem;top:.4rem;color:#ffffff0d;font-size:clamp(5rem,12vw,10rem);font-weight:900;line-height:1}.stage h2,.detour h2{margin:.15rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05;text-transform:uppercase}.stage p{color:#c4ccc6}.handoff{margin:1.2rem 0 0;padding:.8rem 1rem;background:#151a17;border-left:4px solid var(--gold);color:#e9dfc9!important}.shot{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#111;border:5px solid #e9e4d8;box-shadow:0 14px 32px #0008;cursor:zoom-in}.shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.shot span{position:absolute;right:.6rem;bottom:.6rem;padding:.4rem .62rem;background:#101512e8;color:#fff;border:1px solid #887a60;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shot:hover,.shot:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.detour{margin:1rem 4vw 3rem;padding:clamp(1.4rem,3vw,2.5rem);background:#18272a;border:1px solid #3f7076;border-top:6px solid var(--teal)}.detour-heading{max-width:800px}.detour-heading>p:last-child{color:#bfcfd0}.detour-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem}.detour article{display:grid;grid-template-columns:minmax(180px,.72fr) 1fr;gap:.5rem 1rem;align-items:start;padding:1rem;background:#111b1d;border:1px solid #35575b}.detour article .shot{grid-row:1/3}.detour h3{margin:.3rem 0 0;text-transform:uppercase}.detour article p{margin:0;color:#aebfc0}.final-stage{border-left-color:var(--gold)}.shot-dialog{width:min(94vw,1100px);max-width:none;padding:0;background:#0e120f;color:#fff;border:1px solid #766a55;box-shadow:0 30px 90px #000d}.shot-dialog::backdrop{background:#030504e8}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem}.dialog-head h2{margin:0;font-size:1rem;text-transform:uppercase}.dialog-head button{padding:.45rem .7rem;background:#303833;color:#fff;border:1px solid #66736b;cursor:pointer}.shot-dialog>img{display:block;width:100%;max-height:calc(100vh - 65px);object-fit:contain;background:#fff}@media(max-width:850px){.stage,.stage.reverse{grid-template-columns:1fr}.stage.reverse .stage-copy,.stage.reverse .shot{grid-column:auto;grid-row:auto}.detour{margin-left:0;margin-right:0}.detour article{grid-template-columns:1fr}.detour article .shot{grid-row:auto}.detour-cards{grid-template-columns:1fr}}@media(max-width:520px){.guide-hero{padding-top:2.5rem}.journey{padding-left:.65rem;padding-right:.65rem}.stage{padding:1.2rem}.legend{display:grid}.stage-number{font-size:5rem}.detour-cards{gap:.8rem}}