/* Current homepage brand: original SVG, Barlow Condensed, DM Sans, lantern gold. */
:root{--cream:#f0ede6;--gold:#fca311;--ink:#120b1f}
#world{display:none}
.trailhead{min-height:900px;background:#070b0f url('/trail-prototype/assets/cinematic-night-tre.png') 64% center/cover no-repeat}
.trailhead>.trail-tre{display:none}.trailhead .hero-shade{z-index:0;background:linear-gradient(90deg,#05080e40,transparent 52%),linear-gradient(0deg,#120b1f,transparent 14%)}
.hero-copy{position:absolute;top:24%;left:7%;margin:0;padding:0;width:48%}
.hero-copy h1{font:800 clamp(68px,6.2vw,96px)/.93 Trail,sans-serif;letter-spacing:-.015em;text-transform:uppercase;text-shadow:none}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.17em;color:#e8e0cf;margin-bottom:25px}
.hero-copy .intro{max-width:455px;font-size:17px;line-height:1.65;margin:28px 0 27px;color:#d9d8d5}
.hero-copy .button{border-radius:50px;background:linear-gradient(#ffc34d,#fca311);border:1px solid #ffd68499;color:#15120c;font-size:13px;min-height:48px;padding:12px 24px;gap:28px}
.hero-copy .experience{margin-top:40px;max-width:530px}.journey-employers>span{font-size:10px;letter-spacing:.16em;display:block;margin-bottom:12px;color:#a9acaf}
.journey-employer-logos{gap:22px;flex-wrap:nowrap}.journey-employer-logos img{height:42px;max-width:88px;filter:none;opacity:.85}.journey-employer-logos img:nth-child(1){max-width:70px}
header.trail-nav{min-height:56px;width:min(1000px,calc(100% - 64px));top:22px;padding:0 14px;border-radius:40px;background:#0c11176e;border:1px solid #e2e4e229;box-shadow:none;backdrop-filter:blur(20px);gap:22px}
.trail-nav .brand{display:flex;align-items:center;flex:0 0 80px;height:54px}.trail-nav .brand img{width:80px;height:40px;object-fit:contain}.trail-nav__compass{border:0;background:none;flex-basis:32px;width:32px;height:32px}.trail-nav__compass canvas{width:32px;height:32px}.trail-nav__controls{justify-content:space-between;gap:8px}.trail-nav nav{gap:8px}.trail-nav nav a{font-size:12px;padding:10px 9px;border-radius:24px;color:#d5d7d8}.trail-nav nav a:hover,.trail-nav nav a[aria-current="location"]{background:#ffffff0c;color:#fff}.trail-nav nav a:after{height:1px;bottom:6px;left:14px;right:14px;background:#fca311}.trail-nav #motion{font-size:11px;border-color:#ffffff2e;background:#ffffff06;padding:6px 12px}
.chapter-bottom{left:7%;right:7%;bottom:28px;border-top:1px solid #ffffff26;padding-top:19px;font-size:10px;color:#b9bcc0}.chapter-bottom a{font-size:12px;padding:0}.chapter-bottom a span{color:#fca311}
.field{background:linear-gradient(#120b1f,#120b1f66 30%,#120b1fcc 85%,#120b1f),url('/images/sections/field-notes-bg.webp') center/cover}
.tales{background:linear-gradient(#120b1f,#120b1f99 40%,#120b1fe0),url('/images/work/campfire-tales-bg.webp') center/cover}
.journey-markers,.journey-voices{background-color:#120b1f}.journey-marker-grid p,.journey-quote blockquote{font-size:16px}
.cinematic-world{position:absolute;inset:0;pointer-events:none;z-index:1}.cinematic-world canvas{display:block;width:100%;height:100%}
@media(max-width:1050px){.trail-nav__compass{display:none}.trail-nav nav{gap:0}.trail-nav nav a{padding:10px 7px}.hero-copy{left:6%;width:51%}.hero-copy h1{font-size:76px}.journey-employer-logos{gap:14px}.journey-employer-logos img{max-width:72px;height:36px}}
@media(max-width:820px){header.trail-nav{width:calc(100% - 32px);padding:0 12px;gap:8px}.trail-nav__toggle{display:grid;background:transparent;border:0}.trail-nav__controls{justify-content:flex-end}.trail-nav nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;gap:3px;padding:10px;border:1px solid #ffffff24;border-radius:18px;background:#0c1019f5;box-shadow:0 12px 30px #0004;opacity:0;visibility:hidden;pointer-events:none}.trail-nav.is-open nav{opacity:1;visibility:visible;pointer-events:auto}.trail-nav nav a{padding:12px 16px;font-size:14px}.trail-nav nav a:after{display:none}.hero-copy h1{font-size:68px}.hero-copy .intro{font-size:16px}.hero-copy{width:55%}.journey-employer-logos{flex-wrap:wrap;max-width:320px}}
@media(max-width:650px){.trailhead{height:1150px;min-height:1150px;background-size:auto 720px;background-position:73% bottom;background-color:#080d13}.trailhead .hero-shade{background:linear-gradient(#080d13 0%,#080d13 39%,transparent 63%,transparent 88%,#120b1f)}.hero-copy{top:139px;left:7%;width:86%}.hero-copy h1{font-size:clamp(55px,14vw,76px)}.hero-copy .intro{max-width:340px;margin:24px 0}.hero-copy .eyebrow{font-size:9px;max-width:none;margin-bottom:20px}.hero-copy .experience{margin-top:29px;max-width:100%}.journey-employer-logos{gap:15px;max-width:none;flex-wrap:nowrap}.journey-employer-logos img{height:27px;max-width:55px}.journey-employer-logos img:nth-child(1){max-width:49px}.chapter-bottom{bottom:18px;padding-top:14px}.hero-copy .button{font-size:12px}.trail-nav .brand{flex-basis:70px}.trail-nav .brand img{width:70px}.trail-nav #motion{max-width:none}.cinematic-world{top:500px}}
@media(max-width:360px){.hero-copy h1{font-size:53px}.hero-copy .intro{font-size:16px}.journey-employer-logos{gap:11px}.journey-employer-logos img{max-width:45px}.journey-employer-logos img:nth-child(1){max-width:43px}}
/* Glass follows the scene, with a fine rim rather than a dark navigation slab. */
header.trail-nav{background:linear-gradient(125deg,#ffffff13,#ffffff05);border-color:#e9eceb40;backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff12,0 8px 32px #0000000a}
.trail-nav nav a[aria-current="location"]{background:#ffffff0b}.trail-nav #motion{background:#ffffff05;border-color:#ffffff35}
.trailhead{background-image:none}.trailhead:before{content:'';position:absolute;inset:-30px;background:#080d13 url('/trail-prototype/assets/cinematic-night-tre.png') 64% center/cover no-repeat;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(var(--scene-scale,1.035));transform-origin:65% 65%;will-change:transform;z-index:-1}.motion-paused .trailhead:before{will-change:auto}
@media(max-width:650px){.trailhead:before{inset:400px -30px -30px;background-size:auto 740px;background-position:85% bottom;transform-origin:70% 80%}}
@media(prefers-reduced-motion:reduce){.trailhead:before{transform:none;will-change:auto}}
/* Keep the guide and typography sharp; the forest is a separate focal plane. */
.trailhead:before{background-image:url('/trail-prototype/assets/cinematic-night-environment.webp');filter:blur(4px) brightness(.68) saturate(.78)}
.trailhead>.trail-tre{display:block;position:absolute;z-index:1;height:64%;max-height:720px;width:auto;max-width:none;right:7%;bottom:9%;opacity:1;filter:brightness(.86) saturate(.9) drop-shadow(0 18px 18px #0008);transform:translate3d(calc(var(--scene-x,0px) * .4),calc(var(--scene-y,0px) * .38),0);transform-origin:bottom center;will-change:transform}
.trailhead:after{content:'';position:absolute;z-index:0;right:6%;bottom:7%;width:34%;height:6%;background:radial-gradient(ellipse,#0009,transparent 68%);filter:blur(12px);pointer-events:none}
.hero-copy{z-index:3}.hero-copy .intro{color:#f0ede6;text-shadow:0 2px 12px #0009}.hero-copy h1{text-shadow:0 4px 26px #0003}
.pointer-lantern{position:fixed;inset:0;z-index:7;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .4s;background:radial-gradient(circle 150px at var(--light-x,50%) var(--light-y,50%),#ffbd5c22, #ffb33d0b 44%,transparent 100%)}.pointer-lantern.is-active{opacity:1}.pointer-flies{position:fixed;inset:0;z-index:8;pointer-events:none}.pointer-flies canvas{display:block}
@media(max-width:1000px) and (min-width:651px){.trailhead>.trail-tre{height:54%;right:-3%;bottom:10%}}
@media(max-width:650px){.trailhead>.trail-tre{height:480px;max-width:90%;right:2%;bottom:58px}.trailhead:before{filter:blur(3px) brightness(.72) saturate(.78)}.trailhead:after{right:0;bottom:4%;width:80%}}
.motion-paused .trailhead>.trail-tre{will-change:auto;transform:none}
/* The plate already contains photographic near/far focus. Keep that lens character. */
.trailhead:before{filter:brightness(.72) contrast(.88) saturate(.82)}
.trailhead>.trail-tre{height:70%;max-height:810px;right:5%;bottom:8%;filter:brightness(.9) saturate(.92) drop-shadow(0 18px 20px #0007)}
@media(max-width:1000px) and (min-width:651px){.trailhead>.trail-tre{height:58%;right:-5%;bottom:9%}}
@media(max-width:650px){.trailhead:before{filter:brightness(.72) contrast(.9) saturate(.85)}.trailhead>.trail-tre{height:480px;right:2%;bottom:58px}}
@media(max-width:360px){.hero-copy h1{font-size:48px}.journey-employer-logos{flex-wrap:wrap;gap:4px 20px;max-width:250px}.journey-employer-logos img{height:30px;max-width:65px}.journey-employer-logos img:nth-child(1){max-width:60px}}

/* A dark canopy frames the entrance and lets the eye settle on the guide below. */
.trailhead .hero-shade{background:linear-gradient(180deg,#060811e6 0%,#060811a8 8%,#06081140 21%,transparent 39%),linear-gradient(90deg,#05080e55,transparent 54%),linear-gradient(0deg,#120b1f,transparent 14%)}
.pointer-lantern{background:radial-gradient(circle var(--lantern-radius,84px) at var(--light-x,50%) var(--light-y,50%),#ffdc963d 0%,#ffc35e1c 27%,#ffb33d08 64%,transparent 100%)}
.pointer-lantern.is-hovering{--lantern-radius:112px}.pointer-lantern.is-quiet{--lantern-radius:52px;opacity:.45}
@media(max-width:650px){.trailhead .hero-shade{background:linear-gradient(#080d13 0%,#080d13 39%,transparent 63%,transparent 88%,#120b1f)}}
/* Each chapter keeps its original scene; shared feathered edges join the journey. */
body{background:#090b13}
.field,.tales,.journey-markers,.journey-voices{isolation:isolate;background:#090b13;overflow:hidden}
.field:before,.tales:before,.journey-markers:before,.journey-voices:before{content:'';position:absolute;inset:-40px 0;z-index:-2;pointer-events:none;background:var(--chapter-art) var(--chapter-position,50% 65%)/cover no-repeat;transform:translate3d(0,var(--chapter-shift,0px),0);mask-image:linear-gradient(transparent 0%,#000 18%,#000 78%,transparent 100%);filter:brightness(var(--chapter-brightness,1)) saturate(1.03)}
.field{--chapter-art:url('/images/sections/field-notes-bg.webp');--chapter-position:54% bottom}
.tales{--chapter-art:url('/images/work/campfire-tales-bg.webp');--chapter-position:30% bottom;--chapter-brightness:1.25}
.journey-markers{--chapter-art:url('/images/sections/trail-markers-bg.webp');--chapter-position:34% bottom}
.journey-voices{--chapter-art:url('/images/sections/echo-ridge-bg.webp');--chapter-position:52% bottom;--chapter-brightness:1.1}
.field:after,.tales:after,.journey-markers:after,.journey-voices:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#090b1370,transparent 30%,#090b1325 65%,#090b1355)}
.tales-world{z-index:0}.tales-heading,.books{position:relative;z-index:1}
.journey-marker-grid article{background:linear-gradient(145deg,#111623c9,#16131dcc);backdrop-filter:blur(5px)}
.journey-campsite{background:#090b13 url('/images/Footer-3d-desktop-poster.jpg') center/cover no-repeat}
.journey-campsite:before{background:linear-gradient(180deg,#090b13,transparent 24%),linear-gradient(90deg,#060b12b0,transparent 80%),linear-gradient(0deg,#090b13a0,transparent 35%)}
.journey-campsite-video{mask-image:linear-gradient(transparent,#000 24%,#000 85%,transparent)}
.trailhead .hero-shade{background:linear-gradient(180deg,#060811e6 0%,#060811a8 8%,#06081140 21%,transparent 39%),linear-gradient(90deg,#05080e55,transparent 54%),linear-gradient(0deg,#090b13,transparent 23%)}
@media(max-width:650px){.field:before,.tales:before,.journey-markers:before,.journey-voices:before{background-size:auto 100%;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.trailhead .hero-shade{background:linear-gradient(#080d13 0%,#080d13 39%,transparent 63%,transparent 85%,#090b13)}}
/* Paper tiles grow with their stories; fixed rows must not clip a companion's words. */
#voices .journey-bento-panel{grid-template-rows:repeat(3,minmax(240px,auto));align-items:stretch}
#voices .journey-quote{min-height:min-content}
@media(max-width:650px){#voices .journey-bento-panel{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto}#voices .journey-bento-panel>:nth-child(n){grid-column:span 1;grid-row:span 1}#voices .journey-quote{padding:24px}#voices .journey-quote blockquote{font-size:15px;line-height:1.5}#voices .journey-quote h3{font-size:16px}#voices .journey-quote small{font-size:12px}#voices .journey-photo{min-height:230px}}
/* Transparent foreground bridges ride over the previous scene as each chapter arrives. */
main{overflow-x:clip}
.field,.tales,.journey-markers,.journey-voices,.journey-campsite{overflow:visible}
.chapter-bridge{position:absolute;top:-160px;left:0;right:0;height:310px;z-index:4;pointer-events:none;isolation:isolate;background:linear-gradient(180deg,transparent 5%,#090b1300 30%,#090b13db 54%,#090b13 66%,#090b1300 100%)}
.chapter-bridge img{position:absolute;object-fit:contain;object-position:bottom;filter:brightness(.34) saturate(.6);mask-image:linear-gradient(#000 35%,#000c 62%,transparent 96%);height:310px;width:60%;bottom:40px;transform-origin:bottom center}
.chapter-bridge__near{left:-5%;transform:translate3d(0,calc(65px - var(--entrance-progress,0)*115px),0) scale(1.08)}
.chapter-bridge__far{right:-9%;opacity:.78;transform:translate3d(0,calc(30px - var(--entrance-progress,0)*65px),0) scaleX(-1)}
.field>.field-inner,.tales>.tales-heading,.journey-markers>.journey-wrap,.journey-voices>.journey-wrap,.journey-campsite>.journey-wrap{position:relative;z-index:5}
.field:before,.tales:before,.journey-markers:before,.journey-voices:before{inset:0;transform:translate3d(0,var(--chapter-shift,0px),0) scale(1.07)}
@media(max-width:650px){.chapter-bridge{height:230px;top:-115px}.chapter-bridge img{height:190px;width:75%;bottom:55px}.chapter-bridge__near{left:-14%;transform:translate3d(0,calc(35px - var(--entrance-progress,0)*65px),0)}.chapter-bridge__far{right:-20%;transform:translate3d(0,calc(15px - var(--entrance-progress,0)*35px),0) scaleX(-1)}}
@media(prefers-reduced-motion:reduce){.chapter-bridge img{transform:none!important}.chapter-bridge__far{scale:-1 1}}

/* Original hero actions and employer scale. */
.hero-copy .hero-ctas{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-ctas .button{font-size:12px;letter-spacing:.09em;min-height:46px;padding:0 22px;gap:14px}
.hero-ctas svg{width:15px;height:15px;flex:none}
.hero-ctas .hero-email-link{color:#f0ede6;background:#100e1680;border:1px solid #ffffff35;border-radius:99px}
.hero-copy .experience{max-width:590px;padding-top:24px;border-top:1px solid #e8c98826;margin-top:30px}
.journey-employer-logos{gap:clamp(20px,2.4vw,34px);max-width:none}
.journey-employer-logos img,.journey-employer-logos img:nth-child(1){height:38px;width:auto;max-width:none;opacity:.85}
@media(max-width:650px){.hero-ctas .button{font-size:10px;padding:0 16px;min-height:44px}.hero-copy .hero-ctas{gap:10px}.journey-employer-logos{gap:14px;flex-wrap:wrap}.journey-employer-logos img,.journey-employer-logos img:nth-child(1){height:29px;max-width:none}.hero-copy .experience{margin-top:24px;padding-top:18px}}
@media(min-width:651px){
 .hero-runway{position:relative;height:145svh;min-height:1450px}
 .hero-runway>.trailhead{position:sticky;top:0;height:100svh;min-height:1000px;overflow:clip}
 #field-notes{margin-top:-45svh;z-index:6}
 .hero-runway .hero-copy{transform:translate3d(0,calc(var(--hero-exit,0)*-95px),0);opacity:calc(1 - var(--hero-exit,0)*.8)}
 .hero-runway .trail-tre{transform:translate3d(0,calc(var(--hero-exit,0)*-160px),0) scale(calc(1 + var(--hero-exit,0)*.06))}
 .hero-runway .chapter-bottom{opacity:calc(1 - var(--hero-exit,0)*3)}
 #field-notes>.chapter-bridge{top:-270px;height:430px;background:linear-gradient(transparent,#090b13c9 56%,#090b13 72%,transparent)}
 #field-notes>.chapter-bridge img{height:430px;width:66%;bottom:25px}
 #field-notes .chapter-bridge__near{transform:translate3d(0,calc(110px - var(--entrance-progress,0)*240px),0) scale(1.1)}
 #field-notes .chapter-bridge__far{transform:translate3d(0,calc(50px - var(--entrance-progress,0)*110px),0) scaleX(-1)}
}
.motion-paused .hero-runway{height:auto;min-height:0}.motion-paused .hero-runway>.trailhead{position:relative}.motion-paused #field-notes{margin-top:0}
@media(prefers-reduced-motion:reduce){.hero-runway{height:auto;min-height:0}.hero-runway>.trailhead{position:relative}#field-notes{margin-top:0}.hero-runway .trail-tre,.hero-runway .hero-copy{transform:none;opacity:1}}

/* Open sky arrives through cloud, not a floating forest-floor cutout. */
#field-notes{background:transparent}
#field-notes:after{background:linear-gradient(transparent,#090b1325 50%,#090b1355)}
#field-notes>.chapter-bridge img{display:none}
#field-notes>.chapter-bridge{top:-300px;height:510px;background:linear-gradient(transparent 0%,#090b1333 28%,#090b13d9 60%,#090b13c9 75%,transparent 100%)}
.field-clouds{position:absolute;top:-350px;left:0;right:0;height:950px;z-index:4;pointer-events:none;transform:translate3d(0,calc(70px - var(--entrance-progress,0)*130px),0)}
.field-clouds canvas{display:block;width:100%;height:100%}
@media(min-width:651px){#field-notes{margin-top:-30svh;padding-top:230px}.hero-runway>.trailhead{mask-image:linear-gradient(#000 0%,#000 66%,#000a 82%,transparent 100%)}}
@media(max-width:650px){.field-clouds{top:-180px;height:720px}#field-notes>.chapter-bridge{top:-180px;height:300px}}
.motion-paused .field-clouds{transform:none}
@media(prefers-reduced-motion:reduce){.field-clouds{transform:none}#field-notes{margin-top:0}}

/* Chapter airlocks: an opaque incoming bed closes the previous scene first. */
#field-notes,.tales,.journey-markers,.journey-voices,.journey-campsite{background-color:#090b13}
.chapter-bridge img{display:none}
.chapter-bridge,#field-notes>.chapter-bridge{top:-400px;height:440px;background:linear-gradient(180deg,transparent 0%,#090b1340 25%,#090b13db 62%,#090b13 91%,#090b13 100%)}
.field-clouds{top:-370px;height:1050px;z-index:4}
.tales,.journey-markers,.journey-voices,.journey-campsite{margin-top:180px;padding-top:190px}
@media(min-width:651px){#field-notes{margin-top:-8svh;padding-top:250px}}
.tales{--chapter-art:url('/trail-prototype/assets/close-campfire-v1.webp');--chapter-position:50% bottom;--chapter-brightness:1.1;padding-bottom:300px}
.tales:before{background-size:cover;mask-image:linear-gradient(transparent,#000 16%,#000 90%,transparent)}
.tales-world{height:100%;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
.journey-campsite>.journey-connect-inner,.journey-campsite>footer{position:relative;z-index:5}
@media(max-width:650px){.tales,.journey-markers,.journey-voices,.journey-campsite{margin-top:110px;padding-top:125px}.chapter-bridge,#field-notes>.chapter-bridge{top:-240px;height:270px}.field-clouds{top:-240px;height:790px}.tales{padding-bottom:190px}.tales-world{display:block}.tales:before{background-size:auto 1100px;background-position:center bottom}}
.tales:after{background:linear-gradient(180deg,#090b1320,transparent 38%,#090b1355 62%,#090b138c 83%,#090b1340)}
.book-meta{text-shadow:0 2px 10px #000,0 1px 3px #000}
.journey-campsite>.journey-wrap{position:relative;z-index:5}
/* The entrance navigation shares the content margins and leaves with the page. */
header.trail-nav{position:absolute;top:24px;left:7%;right:7%;width:auto;max-width:none;transform:none;margin:0;padding:0 18px}
@media(max-width:650px){header.trail-nav{top:20px;left:7%;right:7%;width:auto;padding:0 12px}}
/* Covers, titles, and the story action form one viewport-sized reading stage. */
.book-actions{border:0;margin-top:4px;padding-top:0;justify-content:flex-start}
.book-caption{min-height:0;margin-bottom:4px}
@media(min-width:900px){
 .tales{height:100svh;min-height:740px;padding:clamp(40px,5svh,70px) 7% 35px;display:flex;flex-direction:column}
 .tales-heading{flex:none;margin-bottom:clamp(20px,3svh,40px);align-items:center}
 .tales h2{font-size:clamp(46px,6svh,76px);line-height:.98}
 .tales-heading .eyebrow{margin-bottom:20px}
 .tales .books{flex:1;min-height:0;width:100%;gap:5%;align-items:start}
 .tales .book:nth-child(2){padding-top:0}
 .tales .cover-wrap{width:auto;max-width:100%;height:clamp(310px,calc(100svh - 365px),690px);aspect-ratio:2/3;margin:0 auto}
 .tales .cover{height:100%;width:100%}
 .tales .book-meta{padding-top:18px;max-width:460px;margin:0 auto}
 .tales .book-title{font-size:clamp(25px,2.6svh,34px);margin:6px 0}
 .tales .book-caption{font-size:14px;line-height:1.5}
 .tales .text-button{min-height:36px;padding:6px 0;font-size:14px}
 .tales:after{background:linear-gradient(transparent 40%,#090b1355 67%,#090b13ae 88%,#090b1360)}
}
@media(min-width:900px){.tales .cover-wrap{height:min(clamp(310px,calc(100svh - 365px),690px),37vw)}}
@media(min-width:900px){.tales-heading{width:100%}.tales .cover-wrap{aspect-ratio:941/1672;width:auto}.tales .cover img,.tales .cover video{object-fit:contain}.tales .book-meta{width:min(100%,calc(min(clamp(310px,calc(100svh - 365px),690px),37vw) * .5628))}}
.chapter-bridge,#field-notes>.chapter-bridge{height:600px;background:linear-gradient(180deg,transparent 0%,#090b1340 18%,#090b13db 43%,#090b13 62%,#090b13b0 76%,transparent 100%)}
@media(max-width:650px){.chapter-bridge,#field-notes>.chapter-bridge{height:390px}}

/* Transparent navigation shell; the scenery remains visible behind the links. */
header.trail-nav{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Mobile reading order: guide, introduction, then the journey. */
@media(max-width:650px){
 .trail-nav #motion{display:none}
 .hero-runway>.trailhead,.trailhead{height:auto;min-height:100svh;padding:0 0 76px;display:block}
 .trailhead:before{inset:0;background-size:cover;background-position:64% top;transform:none}
 .trailhead .hero-shade{background:linear-gradient(180deg,#080d1325 0%,#080d1320 32%,#080d13a8 65%,#080d13d9 100%)}
 .trailhead>.trail-tre{height:320px;width:auto;max-height:none;max-width:none;top:90px;bottom:auto;right:calc(50% - 110.5px);transform:none}
 .trailhead .hero-copy{position:relative;top:auto;left:auto;margin:0;width:100%;padding:440px 7% 0;transform:none;opacity:1}
 .trailhead .hero-copy h1{font-size:clamp(44px,12.5vw,68px)}
 .trailhead .hero-copy .eyebrow{font-size:9px;line-height:1.5}
 .trailhead .cinematic-world{inset:0}
 .tales .book{display:flex;flex-direction:column}
 .tales .book-meta{order:-1;padding:0 0 22px}
 .journey-campsite{min-height:100svh;padding-bottom:90px}
 .journey-campsite-video{object-position:65% center}
}

@media(max-width:650px){.journey-campsite-video{object-position:center}.journey-campsite h2{font-size:42px}.journey-campsite .journey-wrap>p:not(.eyebrow){font-size:16px;margin:18px 0 24px}.journey-campsite{padding-top:90px}}

/* Mobile uses ordinary document flow and short transitions between chapters. */
@media(max-width:650px){
 .chapter-bridge,#field-notes>.chapter-bridge{display:none}
 .tales,.journey-markers,.journey-voices,.journey-campsite{margin-top:24px;padding-top:60px}
 .tales{padding-bottom:60px}
 #field-notes{padding-top:60px}
 .field-clouds{top:-70px;height:420px}
 #voices{min-height:0;height:auto;padding:52px 0 28px}
 #voices .journey-voices-head{gap:16px;margin-bottom:16px}
 #voices .journey-voices-head h2{font-size:48px}
 #voices .journey-voices-head .eyebrow{margin-bottom:14px}
 #voices .journey-voices-head p{font-size:15px}
 #voices .journey-rail{height:auto;max-height:none;padding-top:16px;padding-bottom:20px}
 #voices .journey-gallery-column:nth-child(n) .journey-photo,#voices .journey-gallery-column:nth-child(n) .journey-photo img{height:170px;min-height:170px}
}

@media(max-width:650px){
 .trailhead:before{background-color:#090b13;background-image:linear-gradient(180deg,transparent 0,transparent 52svh,#090b1390 78svh,#090b13 105svh),url('/trail-prototype/assets/cinematic-night-environment.webp');background-size:100% 100%,auto max(100svh,760px);background-position:center,64% top;background-repeat:no-repeat;filter:none}
 .trailhead .hero-shade{background:linear-gradient(180deg,#080d1338 0%,#080d131a 34%,#090b1338 65%,#090b13 100%)}
 .trailhead{background-color:#090b13}
}

/* A precise light replaces the mouse pointer only while it is active. */
.trail-flashlight{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:10000;opacity:0;mix-blend-mode:screen}
.trail-flashlight.is-visible{opacity:1}
.trail-flashlight:before{content:'';position:absolute;width:88px;height:88px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff5c4 0 2px,#ffe28088 4px 8px,#fcb84438 18px,#fca3110e 32px,transparent 44px);transition:width .18s,height .18s}
.trail-flashlight:after{content:'';position:absolute;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#fff9df;box-shadow:0 0 6px #fff0b8,0 0 14px #fca311}
.trail-flashlight.is-hovering:before{width:144px;height:144px;background:radial-gradient(circle,#fff5c499 0 4px,#ffe28055 12px,#fcb84428 38px,transparent 72px)}
.trail-flashlight.is-quiet:before{width:44px;height:44px;opacity:.5}
@media(hover:hover) and (pointer:fine){
 html.flashlight-active,html.flashlight-active *{cursor:none!important}
 .flashlight-surface{background-image:radial-gradient(160px circle at var(--flash-x,50%) var(--flash-y,50%),#ffce7538,transparent 75%);box-shadow:0 0 18px #ffc16420}
 .journey-quote.flashlight-surface{background-image:radial-gradient(180px circle at var(--flash-x,50%) var(--flash-y,50%),#fff0b890,transparent 75%),repeating-linear-gradient(0deg,#f0dfb9 0 29px,#c9b78d 30px)}
 .cover-wrap.flashlight-surface,.journey-photo.flashlight-surface{filter:brightness(1.1) drop-shadow(0 0 9px #ffc16435)}
}
@media(prefers-reduced-motion:reduce){.trail-flashlight{display:none}html.flashlight-active,html.flashlight-active *{cursor:auto!important}}

.story-collection{display:flex;align-items:center;justify-content:center;gap:54px;max-width:760px;margin:90px auto 0;padding:32px 28px;color:#f6efdb;text-decoration:none}
.story-collection__stack{position:relative;display:block;flex:0 0 130px;height:190px;perspective:800px}
.story-collection__stack img{position:absolute;inset:0;width:108px;height:190px;object-fit:cover;border-radius:2px 5px 5px 2px;border-right:5px solid #caba97;box-shadow:5px 10px 18px #0008;transition:transform .3s ease}
.story-collection__stack img:nth-child(1){transform:translate(-20px,4px) rotate(-13deg)}
.story-collection__stack img:nth-child(2){transform:translate(20px,0) rotate(12deg)}
.story-collection__stack img:nth-child(3){transform:translate(0,10px) rotate(-2deg)}
.story-collection:hover img:nth-child(1),.story-collection:focus-visible img:nth-child(1){transform:translate(-28px,-4px) rotate(-17deg)}
.story-collection:hover img:nth-child(2),.story-collection:focus-visible img:nth-child(2){transform:translate(28px,-8px) rotate(17deg)}
.story-collection__copy{display:grid;gap:12px}.story-collection__copy strong{font:clamp(28px,3vw,40px)/1.05 Trail,sans-serif}.story-collection__copy>span:not(.book-number){font-size:15px}.story-collection__link{color:#efbd62;margin-top:8px;text-decoration:underline;text-underline-offset:6px}
@media(max-width:650px){.story-collection{gap:30px;padding:20px 0;margin-top:48px;align-items:center}.story-collection__stack{flex-basis:90px;height:150px;margin-left:16px}.story-collection__stack img{width:80px;height:142px}.story-collection__copy{gap:9px}.story-collection__copy strong{font-size:28px}.story-collection__copy>span:not(.book-number){font-size:14px}}
@media(prefers-reduced-motion:reduce){.story-collection__stack img{transition:none}.story-collection:hover img,.story-collection:focus-visible img{transform:none}}

@media(min-width:901px){
 .books{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,.8fr);gap:3%;max-width:1280px}
 .story-collection{flex-direction:column;align-self:center;gap:32px;margin:0;padding:20px 8px;text-align:left;min-width:0}
 .story-collection__stack{flex:none;width:130px;height:215px}
 .story-collection__stack img{width:120px;height:213px}
 .story-collection__copy strong{font-size:30px}
 .story-collection__copy>span:not(.book-number){font-size:14px}
}
@media(min-width:651px) and (max-width:900px){.story-collection{grid-column:1/-1}}
@media(max-width:650px){.story-collection{margin-top:24px}}

.trail-progress{position:fixed;left:18px;bottom:38px;z-index:30;display:flex;flex-direction:column;width:36px;isolation:isolate}
.trail-progress:before{content:'';position:absolute;left:17px;top:18px;bottom:18px;width:1px;background:#e6dfcc55;z-index:-1}
.trail-progress a{position:relative;display:grid;place-items:center;width:36px;height:36px;color:#f6efdb;text-decoration:none}
.trail-progress a:before{content:'';width:5px;height:5px;border:1px solid #eee4cc99;border-radius:50%;background:#10151a;box-shadow:0 0 0 4px #10151a66}
.trail-progress a[aria-current]:before{width:8px;height:8px;background:#efbd62;border-color:#efbd62;box-shadow:0 0 0 4px #efbd6225}
.trail-progress a span{position:absolute;left:38px;white-space:nowrap;padding:4px 8px;background:#10151af2;border-radius:3px;font:12px/1.5 Body,sans-serif;opacity:0;pointer-events:none}
.trail-progress a:hover span,.trail-progress a:focus-visible span{opacity:1}
@media(max-width:1100px){.trail-progress{display:none}}

.story-collection.flashlight-surface,.story-collection__stack.flashlight-surface{background:none!important}
.story-collection__stack.flashlight-surface img{filter:brightness(1.12) drop-shadow(0 0 9px #ffc16455)}

.trail-progress{gap:0;padding:0;margin:0}.trail-progress a{box-sizing:border-box;flex:0 0 36px;min-height:36px;margin:0;padding:0}

nav.trail-progress{height:14vh;max-height:168px;min-height:0;gap:0;justify-content:space-between;bottom:38px;width:28px;left:20px}
nav.trail-progress a{flex:1 1 0;width:28px;height:auto;min-height:0;padding:0;margin:0}
nav.trail-progress:before{left:13px;top:7%;bottom:7%}
nav.trail-progress a:before{width:4px;height:4px;box-shadow:0 0 0 3px #10151a66}
nav.trail-progress a[aria-current]:before{width:6px;height:6px;box-shadow:0 0 0 3px #efbd6220}

header.trail-nav{position:fixed;padding-right:120px}
body>#motion{position:fixed;z-index:40;top:30px;right:calc(7% + 18px);min-height:44px;padding:8px 13px;border:1px solid #ffffff35;border-radius:30px;background:#10151a66;color:#f6efdb;font:11px Body,sans-serif;white-space:nowrap}
@media(max-width:650px){body>#motion{display:none}header.trail-nav{padding-right:12px}}

nav.trail-progress{min-height:144px}nav.trail-progress a{min-height:24px}

/* Preserve the source cover ratio even when a grid column limits its width. */
.tales .cover{aspect-ratio:600/1066}
@media(min-width:900px){
 .tales .cover-wrap{width:min(100%,calc(min(clamp(310px,calc(100svh - 365px),690px),37vw) * 600 / 1066));height:auto;aspect-ratio:600/1066}
 .tales .cover{height:auto}
}
/* Shorter atmospheric pauses; keep the campsite copy in the open sky. */
@media(min-width:651px){
 .tales,.journey-markers,.journey-voices,.journey-campsite{margin-top:64px}
 .journey-markers,.journey-voices{padding-top:100px}
 .journey-campsite{padding-top:40px}
}
@media(max-width:650px){.journey-campsite{padding-top:32px}}

/* Homepage entrance cadence: each headline line rises 22px, 120ms apart. */
#hero-title .hero-title-line{display:block;animation:hero-line-enter 700ms cubic-bezier(.22,1,.36,1) both;animation-delay:480ms;background:linear-gradient(180deg,#fffdf5 12%,#d6d8d7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#hero-title .hero-title-line:nth-child(2){animation-delay:600ms}
#hero-title .hero-title-line:nth-child(3){animation-delay:720ms}
#hero-title .hero-title-line em{background:linear-gradient(180deg,#ffc34e 5%,#fca311 65%,#db8614 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
@keyframes hero-line-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.motion-paused #hero-title .hero-title-line{animation:none}
@media(prefers-reduced-motion:reduce){#hero-title .hero-title-line{animation:none}}
@media(forced-colors:active){#hero-title .hero-title-line,#hero-title .hero-title-line em{background:none;color:CanvasText}}
/* A smaller version of the original concentric lantern glow. */
.trail-flashlight:before{width:112px;height:112px;background:radial-gradient(circle,#fffde4 0 9px,#fff4b5 10px,#ffe39370 11px 26px,#fbb54038 27px 43px,#e9a44119 44px 55px,transparent 56px);box-shadow:0 0 34px #fba72916}
.trail-flashlight:after{width:8px;height:8px;background:#fffde4;box-shadow:0 0 10px #fff4ba,0 0 24px #ffce54}
.trail-flashlight.is-hovering:before{width:128px;height:128px;background:radial-gradient(circle,#fffde4 0 10px,#fff4b5 11px,#ffe39370 12px 30px,#fbb54038 31px 49px,#e9a44119 50px 63px,transparent 64px)}
.trail-flashlight.is-quiet:before{width:112px;height:112px;opacity:.5}

.tales .book>.book-number{display:block;margin:0 auto 16px;width:100%}
.tales .book-actions .open{min-height:44px;padding:10px 20px;border:1px solid #fca311;border-radius:24px;background:linear-gradient(#ffc451,#fca311);color:#17130b;font-weight:600;font-size:13px}
.tales .book-actions{margin-top:12px}
@media(min-width:900px){.tales .book>.book-number{width:min(100%,calc(min(clamp(310px,calc(100svh - 365px),690px),37vw) * 600 / 1066))}}
@media(max-width:650px){.tales .book-meta{order:0;padding:20px 0 0}}
@media(min-width:651px){.journey-campsite{min-height:max(900px,100svh)}}