/* The second study: a living clearing, with independent foreground scenery. */
#world{background:#101c20 url('/trail-prototype/assets/forest-night-v3.png') center/cover no-repeat}
.forest-ready .trail-tre{opacity:0;filter:none}
.trailhead{min-height:900px;height:100svh}
.hero-copy{margin-left:10%;width:58%;padding-top:165px;padding-bottom:125px}
.hero-copy h1{font-size:clamp(70px,7.3vw,114px);text-shadow:0 4px 26px #04101266}
.hero-copy .intro{max-width:475px;color:#f0efdf;text-shadow:0 2px 10px #0008}
.hero-shade{background:linear-gradient(90deg,#071719cf 0%,#07171995 35%,#07171915 63%,transparent 100%),linear-gradient(0deg,#101513,transparent 22%);pointer-events:none}
.trail-tre{height:73%;max-height:850px;right:6%;bottom:8%}
.field{background:linear-gradient(#101513,#101513b3 32%,#111710ba 70%,#111710);padding-top:130px}
.chapter-bottom{z-index:4;color:#f0e6c9;text-shadow:0 1px 8px #000}
.chapter-bottom a{padding:10px 0}
.tales{background:linear-gradient(#111710,#1117109c 45%,#101513dd),url('/images/work/campfire-tales-bg.webp') center/cover}
@media(max-width:1000px) and (min-width:651px){.hero-copy{margin-left:8%;width:66%}.hero-copy h1{font-size:78px}.trail-tre{height:64%;right:-9%;bottom:8%}.hero-shade{background:linear-gradient(90deg,#071719df,#0717197a 55%,transparent),linear-gradient(0deg,#101513,transparent 24%)}}
@media(max-width:650px){.trailhead{height:auto;min-height:1110px}.hero-copy{margin:0;padding:145px 7% 0;width:100%}.hero-copy h1{font-size:68px}.hero-copy .intro{max-width:355px;font-size:16px}.trail-tre{height:470px;bottom:38px;right:-4%;max-width:88%;width:auto}.hero-shade{background:linear-gradient(#071719b8,#071719b3 48%,#07171911 75%,#101513)}.experience{margin-top:32px;max-width:130px}.field{padding-top:85px}.chapter-bottom{bottom:12px;font-size:12px}.hero-copy .eyebrow{letter-spacing:.13em}.hero-copy .button{font-size:14px}.forest-ready .trail-tre{opacity:0}}
@media(max-width:360px){.trailhead{min-height:1110px}.hero-copy h1{font-size:57px}.trail-tre{height:430px}.hero-copy{padding-top:135px}}
@media(prefers-reduced-motion:reduce){.trail-tre{opacity:1}.hero-copy{transform:none!important;opacity:1!important}}
.tales{isolation:isolate;overflow:hidden}.tales-world{position:absolute;inset:0 0 auto;height:min(1100px,100%);z-index:-1;pointer-events:none;mask-image:linear-gradient(#000, #000 80%,transparent)}.tales-world canvas{display:block;width:100%;height:100%}.tales-heading{position:relative}.tales-invite{text-shadow:0 2px 10px #000;background:#101513bb;padding:16px 20px;border-radius:4px}
@media(max-width:650px){.tales-invite{padding:0;background:none}.tales-world{display:none}}