:root{--forest:#172b23;--deep:#102119;--cream:#f4ead5;--tan:#e6c996;--gold:#b49b3b;--ink:#18251e;--blue:#7399aa;--olive:#859443}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--forest);color:var(--cream);font-family:'DM Sans',Segoe UI,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,audio:focus-visible{outline:3px solid #ddac42;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--cream);color:var(--ink);padding:12px}.skip:focus{top:10px}.header{height:112px;padding:10px 6%;background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:5;border-bottom:1px solid #172b2320}.brand{display:flex;align-items:center;gap:16px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:800;letter-spacing:1px;line-height:1.2}.brand img{width:84px;height:84px;object-fit:contain}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:2.2px;margin-top:6px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.nav-contact{background:var(--forest);padding:13px 22px;color:var(--cream);border-radius:3px;transform:rotate(-1deg)}.nav-contact span{margin-left:18px}.hero{position:relative;isolation:isolate;background:linear-gradient(115deg,#f1e7d1 12%,#e1ddcc 52%,#6f8068);color:var(--ink);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f1e7d1e8,#f1e7d190 43%,transparent 70%),url('assets/forest.jpg') center 52%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102119 0%,transparent 20%);z-index:-1}.hero-inner{max-width:1300px;min-height:690px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:55px 6% 100px;gap:30px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:13px;font-weight:700;margin:0 0 17px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(76px,8.5vw,126px);line-height:.84;letter-spacing:-2px;margin:22px 0 25px;transform:rotate(-3deg)}.hero h1 .title-art>span:first-child{font-size:.43em;letter-spacing:1px;vertical-align:top;line-height:1.2}.handwritten{display:block;font-family:'Caveat','Segoe Print',cursive;font-size:clamp(25px,3vw,40px);font-weight:600;line-height:1.25;letter-spacing:-1px;margin-top:18px}.intro{max-width:460px;margin:32px 0 26px;font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--forest);color:var(--cream);padding:15px 26px;border:1px solid transparent;border-radius:4px;font-weight:700;font-size:15px;box-shadow:0 4px 0 #07140d40;transition:transform .2s,background .2s}.button:hover{background:#304b38;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.hero-portrait{position:relative;padding-bottom:50px;transform:rotate(4deg)}.hero-portrait>img{width:100%;height:440px;object-fit:contain;filter:drop-shadow(6px 14px 9px #15241860)}.portrait-note{position:absolute;right:0;bottom:0;display:block;padding:24px 34px;background:var(--tan);border-radius:38% 25% 39% 23%;font-family:'Caveat','Segoe Print',cursive;font-size:27px;font-weight:700;line-height:1.05;transform:rotate(-10deg);box-shadow:4px 5px 0 #ac8b54}.hero-bottom{max-width:1300px;margin:-45px auto 0;position:relative;padding:0 6% 35px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--cream);font-size:12px;letter-spacing:1.6px;font-weight:700}.hero-bottom a{font-size:14px;letter-spacing:0;white-space:nowrap}.adventures{position:relative;isolation:isolate;padding:100px 6% 80px;background:var(--deep)}.adventures:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/topography.png') left top/600px auto repeat;opacity:.13;pointer-events:none}.section-heading{text-align:center;max-width:780px;margin:0 auto 65px}.section-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,5vw,64px);line-height:1.05;margin:0 0 20px;text-transform:uppercase}.section-heading h2 em{font-family:'Caveat','Segoe Print',cursive;font-weight:600;text-transform:none;color:#e6c996}.section-heading>p:last-child{color:#c8caba;font-size:16px}.section-heading .eyebrow{color:#d5ba7e}
@media(max-width:760px){.header{height:90px;padding:8px 5%;gap:10px}.brand img{width:65px;height:65px}.brand>span{display:none}nav{gap:18px;font-size:12px}.nav-contact{padding:10px 12px}.nav-contact span{display:none}.hero-inner{grid-template-columns:1fr;padding:55px 7% 85px;gap:12px}.hero-copy{max-width:530px}.hero h1{font-size:85px}.hero:before{background:linear-gradient(180deg,#f1e7d1eb,#f1e7d170 60%,transparent),url('assets/forest.jpg') center/cover}.hero-portrait{max-width:400px;width:100%;margin:0 auto;padding-bottom:15px}.hero-portrait>img{height:340px}.portrait-note{font-size:23px;padding:20px 26px;right:0;bottom:0}.hero-bottom{display:block;text-align:center;font-size:10px;line-height:1.8;margin-top:-25px}.hero-bottom a{display:block;margin-top:15px}.adventures{padding:70px 6%}.section-heading{margin-bottom:35px}.eyebrow{font-size:12px}.intro{font-size:16px}.brand small{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.trail-content{max-width:1120px;margin:auto;position:relative}.trail{position:absolute;width:82%;height:100%;left:9%;top:0;pointer-events:none;z-index:-1;opacity:.8;overflow:visible}.trail path{fill:none;stroke:#f4ead5;stroke-width:3.5;stroke-dasharray:11 12;stroke-linecap:round}.adventure{position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:10%;padding:50px 0 105px;min-height:580px}.adventure.reverse{grid-template-columns:1.08fr 1fr}.reverse .map-card{grid-column:2;grid-row:1}.reverse .photo-card{grid-column:1;grid-row:1}.map-card{--stroke:var(--gold);position:relative;color:var(--ink);background:radial-gradient(ellipse at 20% 0%,#f7e5be99,transparent 65%),var(--tan);padding:54px 45px;border:7px solid var(--stroke);border-radius:32% 22% 30% 20% / 15% 28% 18% 23%;box-shadow:inset 2px 3px 0 #fff5,inset -3px -4px 0 #593b1930,4px 7px 0 color-mix(in srgb,var(--stroke),#000 25%),10px 20px 18px #0005;transform:rotate(-2deg)}.map-card:before{content:'';position:absolute;inset:9px;border:1px solid #81663955;border-radius:inherit;pointer-events:none}.map-card.blue{--stroke:var(--blue);transform:rotate(2deg);border-radius:23% 30% 19% 28% / 27% 20% 25% 14%}.map-card.olive{--stroke:var(--olive)}.map-card.moss{--stroke:#5e7960;transform:rotate(1deg)}.map-card>*{position:relative}.stop{font-size:11px;letter-spacing:1.6px;font-weight:700}.map-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,4.7vw,66px);font-weight:800;line-height:.95;text-transform:uppercase;margin:17px 0}.map-card p{font-size:16px;line-height:1.7;margin:15px 0}.map-card .card-motto{font-family:'Caveat','Segoe Print',cursive;font-size:27px;line-height:1.1;font-weight:700}.text-link{border:0;border-bottom:1px solid #18251e80;background:none;padding:10px 0 7px;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:15px}.text-link:hover{color:#795a17}.photo-card{margin:0;background:var(--cream);padding:12px 12px 0;box-shadow:10px 15px 25px #0005;position:relative}.photo-card button{display:block;padding:0;border:0;width:100%;background:none;cursor:zoom-in;overflow:hidden}.photo-card img{width:100%;height:380px;object-fit:cover;transition:transform .35s}.photo-card button:hover img{transform:scale(1.035)}.photo-card .running-photo{object-position:center 38%}.photo-card figcaption{color:#334432;font-family:'Caveat','Segoe Print',cursive;font-size:23px;text-align:center;padding:11px 8px 16px;line-height:1.1}.tilt-right{transform:rotate(3deg)}.tilt-left{transform:rotate(-3deg)}.trail-x{position:absolute;left:54%;bottom:12px;font-family:Arial,sans-serif;font-weight:900;font-size:78px;line-height:1;color:#ba4330;-webkit-text-stroke:2px var(--cream);transform:rotate(-12deg);text-shadow:3px 6px 0 #0007}.reverse .trail-x{left:38%}.meet{padding:90px 8%;background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%}.meet-badge img{width:100%;max-width:400px;height:auto;margin:auto}.meet-copy{max-width:610px}.meet h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:54px;line-height:1.05;margin:0 0 25px;text-transform:uppercase}.meet h2 em{font-family:'Caveat','Segoe Print',cursive;font-size:42px;text-transform:none;font-weight:600}.meet-copy p{font-size:16px}.signature{font-family:'Caveat','Segoe Print',cursive;font-size:27px;margin-top:25px}.signature span{font-size:45px;margin-left:10px}.soundtrack{padding:50px 8%;display:flex;gap:50px;align-items:center;justify-content:space-between;background:#263d2e;border-top:1px solid #e6c99655;border-bottom:1px solid #e6c99655}.soundtrack-title{display:flex;gap:24px;align-items:center}.music-icon{border:1px solid #bfa675;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;flex-shrink:0;color:var(--tan);font-size:38px}.soundtrack .eyebrow{font-size:11px;margin-bottom:5px;color:var(--tan)}.soundtrack h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;line-height:1.1;margin:0}.soundtrack p{font-size:13px;margin:9px 0 0;color:#c9d0c2}.audio-wrap{width:340px;max-width:100%}audio{width:100%;display:block;height:44px}.audio-wrap>p{text-align:center;font-family:'Caveat','Segoe Print',cursive;font-size:20px}.contact{background:linear-gradient(#10211988,#10211933),url('assets/forest.jpg') center 75%/cover;padding:115px 6%;display:grid;place-items:center;position:relative}.contact-card{position:relative;color:var(--ink);background:radial-gradient(ellipse at top,#f6e6c5,var(--tan));border-radius:27% 17% 29% 13% / 17% 22% 12% 23%;padding:70px 90px 60px;max-width:820px;text-align:center;box-shadow:0 5px 0 #ab8a54,0 20px 50px #0007;border:2px solid #fff6}.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:70px;font-weight:800;line-height:.95;text-transform:uppercase;margin:10px 0 25px}.contact h2 em{font-family:'Caveat','Segoe Print',cursive;text-transform:none;font-size:64px}.contact-card>p:not(.eyebrow){max-width:450px;margin:0 auto 28px;font-size:17px}.contact-tag{display:block;font-size:11px;letter-spacing:2px;margin-top:30px}.contact-x{position:absolute;left:4%;top:-42px;color:#bc4532;-webkit-text-stroke:2px var(--cream);font-size:100px;line-height:1;font-weight:900;transform:rotate(-13deg)}.contact-pending{font-size:14px;font-weight:600}.contact-email{display:block;margin-top:18px;font-size:14px;word-break:break-word}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#ced3c8}.footer-brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;font-weight:800;letter-spacing:1px}dialog{border:1px solid #cfb378;background:var(--cream);color:var(--ink);border-radius:8px;padding:28px;width:min(920px,94vw);max-height:92dvh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#07110de8;backdrop-filter:blur(5px)}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;text-transform:uppercase;margin:0 50px 18px 0}.close-gallery{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:36px;color:var(--ink);width:44px;height:44px;cursor:pointer}.gallery-stage{display:flex;align-items:center;gap:12px;justify-content:space-between}.gallery-stage img{max-height:60dvh;object-fit:contain;min-width:0;max-width:calc(100% - 104px)}.gallery-stage button{width:40px;height:54px;flex-shrink:0;border:1px solid #a19175;background:#e1d0b1;color:var(--ink);font-size:32px;border-radius:3px;cursor:pointer}.gallery-stage button:disabled{opacity:.3;cursor:default}#gallery-caption{text-align:center;font-size:15px;margin-bottom:0}#gallery-count{text-align:center;font-size:12px;margin:8px 0 0}
@media(min-width:1500px){.hero-inner{padding-left:30px;padding-right:30px}.hero-bottom{padding-left:30px;padding-right:30px}}
@media(max-width:900px){.adventure{gap:6%}.map-card{padding:42px 30px}.map-card h3{font-size:50px}.photo-card img{height:350px}.soundtrack{gap:25px}.music-icon{display:none}.contact-card{padding:60px}.meet{gap:5%}}
@media(max-width:760px){.adventure,.adventure.reverse{grid-template-columns:1fr;gap:35px;padding:30px 3% 100px;max-width:490px;margin:auto}.reverse .map-card,.reverse .photo-card{grid-column:auto;grid-row:auto}.map-card{padding:45px 37px;max-width:420px;margin:auto;width:100%}.map-card h3{font-size:56px}.photo-card{width:92%;margin:0 auto}.photo-card img{height:340px}.trail{width:80%;left:10%;opacity:.65}.trail-x,.reverse .trail-x{left:45%;bottom:5px;font-size:66px}.meet{grid-template-columns:1fr;padding:65px 8%;gap:40px}.meet-badge img{max-width:240px}.meet h2{font-size:44px}.meet h2 em{font-size:36px}.soundtrack{flex-direction:column;padding:40px 7%;gap:25px;text-align:center}.contact{padding:80px 5%}.contact-card{padding:55px 30px 45px;border-radius:20% 15% 22% 14% / 12% 17% 10% 15%}.contact h2{font-size:52px}.contact h2 em{font-size:47px}.contact-card .eyebrow{font-size:10px}.contact-card>p:not(.eyebrow){font-size:16px}footer{flex-direction:column;gap:10px;text-align:center}.gallery-stage{gap:6px}.gallery-stage img{max-width:calc(100% - 76px)}.gallery-stage button{width:32px}dialog{padding:20px 12px}dialog h2{font-size:28px;margin-left:8px}.hero-bottom>span{font-size:10px}.stop{font-size:10px}.map-card p{font-size:16px}}
@media(max-width:380px){nav{gap:10px}.hero h1{font-size:74px}.map-card{padding:42px 25px}.map-card h3{font-size:49px}.contact h2{font-size:46px}.contact h2 em{font-size:40px}}


/* September texture refinement: supplied map, paper and woodland assets. */
.header{background-color:#efe4cd;background-image:linear-gradient(#f4ead5ec,#f4ead5ec),url('assets/tennessee-map.webp');background-size:cover;background-position:center}
.hero:before{background:linear-gradient(90deg,#f1e7d1e8 6%,#f1e7d1a6 36%,#f1e7d12e 65%,transparent),url('assets/forest.jpg') center 52%/cover}
.hero:after{background:url('assets/tree-frame.webp') center bottom/100% 100% no-repeat,linear-gradient(0deg,#102119,transparent 23%);opacity:.96}
.hero-inner{padding-left:9%;padding-right:9%;max-width:1500px;min-height:760px}
.hero-copy,.hero-portrait{position:relative;z-index:1}
.hero-portrait{margin-right:12px}
.hero-bottom{z-index:2;max-width:1400px;padding-left:9%;padding-right:9%}
.adventures{background:#182c24;overflow:hidden;padding-top:100px;padding-bottom:110px}
.adventures:before{background:url('assets/contours-gold.webp') center top/1100px auto repeat;opacity:.34}
.adventures:after{content:'';position:absolute;inset:130px 0 0;z-index:-1;pointer-events:none;background:url('assets/tree-frame.webp') center top/100% 780px repeat-y;opacity:.67;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}
.section-heading{position:relative;z-index:1;margin-bottom:95px}
.trail-content{max-width:1100px}
.adventure,.adventure.reverse{gap:12%;padding-bottom:150px;min-height:650px}
.map-card{background:linear-gradient(#ecd5a9c9,#e6c996e8),url('assets/paper-grain.webp') center/500px;background-color:#e6c996;border-width:9px;box-shadow:inset 2px 3px 0 #fff8,inset -3px -4px 0 #593b1935,4px 7px 0 color-mix(in srgb,var(--stroke),#000 28%),12px 24px 24px #0006}
.map-card:after{content:'';position:absolute;inset:8px;border-radius:inherit;background:url('assets/paper-grain.webp') center/450px;opacity:.14;pointer-events:none}
.map-card>*{z-index:1}
.map-card:before{inset:6px;border-color:#fff6}
.map-card.gold{border-radius:31% 23% 34% 19% / 16% 33% 20% 26%}
.map-card.olive{border-radius:24% 35% 26% 19% / 22% 17% 30% 18%}
.map-card.moss{border-radius:33% 19% 29% 23% / 18% 29% 16% 32%}
.photo-card{background:#f4e7ca url('assets/paper-grain.webp') center/450px;box-shadow:9px 18px 24px #0007}
.photo-card img{height:400px}
.trail{opacity:.95}
.trail path{stroke-width:4}
.trail-x{bottom:35px}
.meet{background:linear-gradient(90deg,#f4ead5f7 0%,#f4ead5eb 60%,#f4ead5cf),url('assets/tennessee-map.webp') center/cover;padding-top:110px;padding-bottom:110px}
.soundtrack{background:linear-gradient(#263d2eeb,#263d2eeb),url('assets/contours-gold.webp') center/900px}
.contact{background:linear-gradient(90deg,#172b2366,#172b230d 50%,#172b2366),url('assets/river-map.webp') center 48%/cover;padding-top:130px;padding-bottom:130px;isolation:isolate}
.contact:after{content:'';position:absolute;inset:0;background:url('assets/tree-frame.webp') center bottom/100% 100%;z-index:-1;pointer-events:none}
.contact-card{background:linear-gradient(#f4dfb6ec,#e9cc9be8),url('assets/paper-grain.webp') center/500px;border:5px solid #b49b3b;box-shadow:inset 2px 3px 0 #fff8,4px 7px 0 #6e622b,0 20px 50px #0007}
.stop{font-size:12px;letter-spacing:1.2px}
.brand small,.hero-bottom>span,.soundtrack .eyebrow,.contact-tag{font-size:12px}
@media(min-width:1500px){.hero-inner{padding-left:100px;padding-right:100px}}
@media(max-width:1000px){.adventure,.adventure.reverse{gap:7%}.adventures:after{opacity:.42}.hero-inner{padding-left:8%;padding-right:8%}.hero h1{font-size:92px}.map-card{padding:48px 30px}.stop{font-size:12px;letter-spacing:.4px}}
@media(max-width:760px){.hero-inner{min-height:0;padding:55px 8% 95px}.hero h1{font-size:85px}.hero:before{background:linear-gradient(180deg,#f1e7d1f0,#f1e7d18a 50%,transparent),url('assets/forest.jpg') center/cover}.hero:after{background:url('assets/tree-frame.webp') center bottom/auto 580px no-repeat,linear-gradient(0deg,#102119,transparent 30%)}.hero-portrait{margin-right:auto}.hero-bottom>span{font-size:12px;letter-spacing:.6px}.adventures{padding:70px 6%}.adventures:before{background-size:700px auto;opacity:.28}.adventures:after{background-size:auto 740px;opacity:.28}.section-heading{margin-bottom:35px}.adventure,.adventure.reverse{gap:38px;padding-bottom:115px;min-height:0}.map-card{padding:46px 32px}.photo-card img{height:340px}.trail-x{bottom:16px}.meet{padding:70px 8%}.contact{padding:90px 5%;background-size:auto 100%}.contact:after{background-size:auto 100%}.contact-card{padding:55px 26px 45px}.contact-tag{letter-spacing:1px}.contact-card .eyebrow{font-size:12px}}


/* Keep copy clear of foreground branches. */
@media(min-width:761px){.hero:after{background:linear-gradient(90deg,#f1e7d199 0%,#f1e7d1e6 17%,#f1e7d1cb 40%,transparent 65%),url('assets/tree-frame.webp') center bottom/100% 100% no-repeat,linear-gradient(0deg,#102119,transparent 23%)}}
.adventures:before{opacity:.23}.adventures:after{opacity:.5}
.map-card.gold{border-radius:40% 23% 34% 19% / 21% 35% 24% 31%}
.map-card.blue{border-radius:24% 39% 20% 35% / 34% 20% 32% 18%}
@media(max-width:760px){.adventures:after{opacity:.25}.adventures:before{opacity:.2}}

@media(min-width:761px){.hero-bottom>span{color:#26392c;background:#f4ead5d9;padding:6px 10px;border-radius:3px}}

/* ===== Weathered expedition pass ===== */
@property --rv{syntax:'<length>';inherits:true;initial-value:0px}
:root{--ink2:#2a1d10}
.grunge{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('assets/grunge-heavy.webp') center/cover;mix-blend-mode:multiply;opacity:.55}
.header,.meet,.soundtrack,.contact,footer{position:relative;isolation:isolate}
.header>*:not(.grunge),.meet>*:not(.grunge),.soundtrack>*:not(.grunge),.contact>*:not(.grunge),footer>*:not(.grunge){position:relative;z-index:1}
.env .grunge{z-index:2}
/* hero */
.hero:before{background:linear-gradient(90deg,#efe3c8f0 4%,#efe3c8c4 40%,#efe3c855 72%,transparent),url('assets/topographic-map-background-landscape-faded-edges.webp') 62% 40%/cover,linear-gradient(115deg,#e7d9b9,#c9b98f 60%,#8d9a73)}
.hero-inner{min-height:1040px;padding-top:70px;padding-bottom:150px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:1560px}
.hero h1{font-size:clamp(120px,13.5vw,225px);line-height:.8;letter-spacing:-3px;color:#585d3e;-webkit-text-stroke:4px #23261a;paint-order:stroke fill;text-shadow:7px 9px 0 #14160e,14px 22px 24px #14160e66;margin:30px 0 34px}
.hero h1 .title-art>span:first-child{font-size:.36em;-webkit-text-stroke:3px #23261a}
.hero h1 .handwritten{color:#1d3524;-webkit-text-stroke:0;text-shadow:none;font-size:clamp(30px,3.3vw,52px);letter-spacing:-1px}
.hero-portrait{padding-bottom:70px;margin-right:0;transform:rotate(5deg)}
.hero-portrait>img{height:auto;width:100%;max-width:780px;margin:0 auto;filter:drop-shadow(10px 20px 12px #0a160e99) drop-shadow(0 0 2px #0008)}
.portrait-note{font-size:34px;padding:30px 42px;background:#dfbf86;box-shadow:5px 7px 0 #94733f,10px 16px 18px #0006}
.hero .intro{font-size:19px;max-width:520px}
/* section environment */
.adventures:before,.adventures:after{display:none}
.adventures{background:#13231b;padding-top:120px;padding-bottom:160px}
.section-heading,.trail-content{position:relative;z-index:4}
.trail-content{max-width:1320px}
.env{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 40% at 50% 0,#243b2c,transparent),radial-gradient(ellipse 80% 30% at 50% 100%,#0c1a12,transparent)}
.env-map{position:absolute;left:50%;width:max(230%,2900px);aspect-ratio:1672/941;background:url('assets/topographic-map-background-landscape-faded-edges.webp') center/100% 100% no-repeat;opacity:.7;filter:saturate(.9) brightness(.95) sepia(.15);translate:-50% 0;will-change:transform}
.env-map.m1{top:-3%;transform:translateY(calc(var(--p,0)*-.05px))}
.env-map.m2{top:23%;scale:-1 1;left:44%;transform:translateY(calc(var(--p,0)*-.08px))}
.env-map.m3{top:49%;left:57%;transform:translateY(calc(var(--p,0)*-.04px))}
.env-map.m4{top:74%;scale:-1 1;left:46%;transform:translateY(calc(var(--p,0)*-.06px))}
.env-acc{position:absolute;opacity:.55}
.env-acc.land{width:max(120%,1700px);aspect-ratio:1672/941;background:url('assets/topographic-map-background-landscape-faded-edges.webp') center/100% 100% no-repeat;mix-blend-mode:screen;left:-10%}
.env-acc.a1{top:18%;opacity:.35;rotate:-5deg}.env-acc.a4{top:86%;opacity:.4;rotate:4deg;left:-30%}
.env-acc.river{width:max(46%,520px);aspect-ratio:941/1672;background:url('assets/topographic-map-website-background-portrait-faded-edges.webp') center/100% 100% no-repeat;opacity:.6}
.env-acc.a2{top:6%;right:-9%;rotate:7deg}.env-acc.a3{top:58%;left:-11%;rotate:-6deg;scale:-1 1}
.env-acc.lines{background:center/contain no-repeat;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
.env-acc.l1{background-image:url('assets/lines-gold-panel.webp');width:420px;height:1500px;left:3%;top:9%;opacity:.7}
.env-acc.l2{background-image:url('assets/contour-gold-portrait.webp');width:min(900px,95%);aspect-ratio:2550/3300;right:-12%;top:30%;opacity:.55;rotate:12deg}
.env-acc.l3{background-image:url('assets/lines-white-panel.webp');width:360px;height:1700px;right:7%;top:52%;opacity:.35}
.env-acc.l4{background-image:url('assets/contour-gold-portrait.webp');width:min(800px,90%);aspect-ratio:2550/3300;left:-14%;top:72%;opacity:.5;rotate:-14deg}
.env-stain{position:absolute;inset:0;mix-blend-mode:multiply;background:radial-gradient(ellipse 520px 360px at 14% 7%,#3a220f66,transparent 70%),radial-gradient(ellipse 700px 420px at 88% 22%,#2a1a0c80,transparent 70%),radial-gradient(ellipse 600px 500px at 30% 47%,#40290f55,transparent 70%),radial-gradient(ellipse 760px 480px at 80% 66%,#2c1b0e80,transparent 70%),radial-gradient(ellipse 600px 420px at 20% 90%,#3a240f66,transparent 70%)}
.env-forest{position:absolute;top:0;bottom:0;width:36%;filter:brightness(.62) saturate(.9)}
.env-forest.l{left:0;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent)}.env-forest.r{right:0;-webkit-mask-image:linear-gradient(270deg,#000 60%,transparent);mask-image:linear-gradient(270deg,#000 60%,transparent)}
.env-forest i{position:absolute;left:0;right:0;background:url('assets/tree-frame.webp') no-repeat;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);opacity:.9}
.env-forest.l i{background-position:left var(--by,0)}
.env-forest.r i{background-position:right var(--by,0)}
.env-forest i.v1{background-size:auto 100%}
.env-forest i.v2{background-size:auto 128%;--by:70%}
.env-forest i.v3{background-size:auto 112%;--by:20%}
.env-forest.l i.flip{transform:scaleX(-1);background-position:right var(--by,0)}
.env-forest.r i.flip{transform:scaleX(-1);background-position:left var(--by,0)}
/* route */
.route{position:absolute;left:0;top:0;z-index:3}
.route-shadow{stroke:#08130d;stroke-width:12;opacity:.55;stroke-linecap:round;stroke-dasharray:22 16;transform:translate(3px,5px)}
.route-line{stroke:#f6ebcf;stroke-width:7;stroke-linecap:round;stroke-dasharray:22 16}
.route-x{transform-box:fill-box;transform-origin:center;transition:scale .5s cubic-bezier(.3,1.6,.5,1)}
.js-motion .route-x:not(.on){scale:0}
.route-x .xo{stroke:#f6ebcf;stroke-width:34;stroke-linecap:round}
.route-x .xi{stroke:#b8321f;stroke-width:21;stroke-linecap:round}
.route-x .xs{stroke:#08130d;stroke-width:34;stroke-linecap:round;opacity:.5;transform:translate(4px,6px)}
/* cards + photos */
.adventure,.adventure.reverse{display:grid;grid-template-columns:repeat(12,1fr);column-gap:0;align-items:start;padding:0 0 260px;min-height:0;gap:0}
.adventure:last-child{padding-bottom:120px}
.adventures .map-card{--edge:#3b2a12;grid-row:1;background:none;border:0;border-radius:0;box-shadow:none;transform:none;rotate:var(--tilt,-2deg);padding:116px 88px 96px;width:100%;max-width:none;margin:0;z-index:2;filter:drop-shadow(4px 6px 0 var(--edge)) drop-shadow(14px 26px 20px #000b);transition:scale .4s,rotate .4s}
.adventures .map-card:before{content:'';position:absolute;inset:0;border:0;border-radius:0;background:var(--stroke);clip-path:var(--shape);z-index:-1}
.adventures .map-card:after{content:'';position:absolute;inset:11px;border-radius:0;opacity:1;clip-path:var(--shape);z-index:-1;background:radial-gradient(ellipse at 12% 8%,#fff3cf88,transparent 55%),radial-gradient(ellipse at 90% 92%,#6e431a66,transparent 50%),radial-gradient(ellipse at 60% 40%,#a8793a33,transparent 60%),url('assets/grunge-heavy.webp') center/cover,linear-gradient(#ecd4a3,#dcbd82);background-blend-mode:normal,normal,normal,multiply,normal}
.adventures .map-card>*{position:relative;z-index:1}
.adventures .map-card.gold{--shape:polygon(92.9% 46.0%,91.4% 50.8%,89.7% 55.3%,87.8% 59.5%,85.9% 63.4%,84.2% 67.3%,82.7% 71.2%,81.2% 75.3%,79.7% 79.5%,77.9% 83.7%,75.8% 87.7%,73.2% 91.2%,70.0% 94.0%,66.5% 95.9%,62.7% 96.8%,58.9% 96.8%,55.2% 96.6%,51.6% 97.1%,48.1% 98.8%,44.4% 100.0%,40.7% 98.9%,37.5% 95.8%,34.7% 92.7%,31.6% 90.8%,28.1% 89.8%,24.6% 88.5%,21.1% 86.6%,18.1% 84.0%,15.4% 80.6%,13.3% 76.8%,11.7% 72.6%,10.4% 68.2%,9.3% 63.9%,8.3% 59.5%,7.1% 55.1%,5.9% 50.7%,4.5% 46.0%,3.1% 41.1%,1.9% 35.7%,1.2% 30.2%,0.9% 24.3%,0.4% 18.0%,0.0% 11.0%,1.3% 4.7%,5.9% 1.3%,12.7% 1.3%,19.4% 2.8%,24.7% 3.9%,29.1% 4.4%,32.9% 4.7%,36.2% 4.8%,39.3% 4.6%,42.2% 4.1%,45.1% 3.2%,48.1% 2.3%,51.2% 1.3%,54.5% 0.5%,57.9% 0.0%,61.4% 0.0%,64.9% 0.5%,68.5% 1.4%,72.1% 2.8%,75.7% 4.5%,79.3% 6.7%,83.0% 9.0%,87.6% 11.1%,93.1% 13.2%,98.0% 16.6%,100.0% 22.2%,98.7% 28.9%,96.3% 35.3%,94.4% 40.9%);--tilt:-3deg}
.adventures .map-card.blue{--shape:polygon(96.0% 48.2%,94.1% 52.1%,91.6% 55.6%,91.3% 59.4%,90.1% 63.0%,89.2% 66.7%,89.9% 71.5%,88.9% 75.8%,85.4% 78.5%,84.7% 83.6%,81.2% 86.4%,77.3% 88.6%,73.2% 90.3%,69.5% 92.6%,65.0% 93.1%,60.9% 94.5%,56.7% 95.3%,52.3% 95.0%,48.1% 97.5%,43.5% 99.1%,38.7% 100.0%,33.8% 99.8%,29.2% 98.5%,24.2% 97.8%,19.1% 96.8%,13.3% 96.3%,10.6% 91.4%,7.7% 87.3%,4.6% 83.5%,4.8% 77.5%,3.8% 73.0%,3.8% 68.2%,4.5% 63.6%,3.1% 59.9%,2.0% 56.1%,3.0% 52.0%,2.2% 48.2%,1.1% 44.2%,1.6% 40.3%,0.4% 35.8%,0.0% 31.2%,1.3% 27.0%,3.0% 23.0%,4.4% 18.5%,8.5% 16.0%,10.8% 12.1%,14.7% 9.6%,18.2% 6.9%,23.0% 6.0%,26.4% 3.1%,31.3% 3.5%,35.5% 2.5%,39.4% 0.5%,43.7% 0.0%,48.1% 1.2%,52.3% 1.4%,56.5% 2.1%,60.8% 2.4%,65.5% 2.0%,69.6% 3.5%,74.3% 4.2%,79.7% 4.5%,84.1% 6.7%,89.7% 8.0%,94.1% 10.8%,97.3% 14.9%,98.7% 19.9%,99.6% 25.0%,100.0% 29.9%,98.3% 35.2%,98.9% 39.5%,96.5% 44.1%);--tilt:2.5deg}
.adventures .map-card.olive{--shape:polygon(96.6% 50.8%,97.2% 54.6%,98.0% 58.6%,98.6% 62.9%,98.9% 67.3%,98.6% 71.8%,97.5% 76.1%,95.7% 80.2%,93.2% 83.9%,90.0% 87.1%,86.4% 89.7%,82.5% 91.8%,78.6% 93.6%,74.6% 95.2%,70.6% 96.7%,66.6% 97.9%,62.5% 98.9%,58.4% 99.6%,54.1% 100.0%,49.9% 100.0%,45.6% 99.6%,41.4% 98.8%,37.2% 97.8%,33.0% 96.6%,28.7% 95.3%,24.3% 93.8%,19.9% 92.1%,15.4% 90.0%,11.1% 87.3%,7.3% 84.0%,4.1% 80.0%,1.8% 75.5%,0.4% 70.6%,0.0% 65.5%,0.5% 60.4%,1.9% 55.5%,3.8% 50.8%,6.2% 46.6%,8.7% 42.7%,11.1% 39.2%,13.3% 35.8%,15.3% 32.5%,17.0% 29.2%,18.7% 25.7%,20.5% 22.3%,22.6% 19.0%,25.2% 16.0%,28.3% 13.6%,31.8% 11.7%,36.5% 12.6%,40.1% 11.8%,43.6% 11.1%,47.1% 10.4%,50.6% 9.6%,54.1% 8.4%,57.9% 6.9%,62.1% 5.3%,66.7% 3.6%,71.7% 2.1%,77.0% 1.3%,82.4% 1.3%,89.4% 0.0%,93.9% 2.9%,97.3% 7.2%,99.3% 12.5%,100.0% 18.4%,99.7% 24.3%,98.7% 29.8%,97.6% 34.9%,96.7% 39.3%,96.1% 43.4%,96.1% 47.1%);--tilt:-1.5deg}
.adventures .map-card.moss{--shape:polygon(100.0% 51.5%,99.1% 55.3%,96.8% 58.8%,95.0% 62.2%,94.0% 65.7%,93.3% 69.4%,92.4% 73.2%,91.1% 77.0%,89.5% 80.9%,87.5% 84.7%,85.0% 88.5%,82.0% 92.1%,78.3% 95.1%,74.1% 97.6%,69.4% 99.2%,64.4% 100.0%,59.4% 99.9%,54.4% 99.2%,49.6% 97.9%,45.2% 96.4%,40.9% 95.0%,36.5% 94.4%,31.6% 95.1%,25.9% 96.3%,20.5% 95.9%,16.4% 93.1%,13.5% 89.3%,10.5% 85.9%,7.1% 82.9%,3.9% 79.6%,1.6% 75.9%,0.3% 71.7%,0.0% 67.4%,0.5% 63.1%,1.6% 58.9%,2.9% 55.1%,4.2% 51.5%,5.2% 48.1%,5.9% 44.7%,6.4% 41.3%,6.8% 37.8%,7.2% 34.1%,8.0% 30.4%,9.4% 26.7%,11.2% 23.2%,13.0% 19.4%,14.6% 14.9%,16.8% 10.3%,20.6% 7.4%,26.0% 7.0%,31.6% 7.9%,36.4% 8.0%,40.7% 6.8%,45.0% 5.1%,49.6% 3.3%,54.6% 1.7%,59.9% 0.5%,65.4% 0.0%,70.8% 0.5%,75.9% 2.1%,80.3% 4.9%,83.9% 8.6%,86.5% 12.9%,88.2% 17.7%,89.0% 22.5%,89.4% 27.1%,89.6% 31.3%,89.7% 35.1%,90.3% 38.5%,91.7% 41.6%,94.7% 44.5%,98.2% 47.8%);--tilt:3deg}
.adventures .map-card:hover{scale:1.035;rotate:calc(var(--tilt) + 1.2deg)}
.adventures .map-card h3{font-size:clamp(44px,4.1vw,62px)}
.adventures .photo-card{grid-row:1;width:100%;margin:0;rotate:var(--tilt,3deg);transform:translateY(calc(var(--rv) + var(--py,0)*1px));padding:14px 14px 0;background:#f1e4c6 url('assets/grunge-heavy.webp') center/cover;background-blend-mode:multiply;box-shadow:12px 20px 28px #000a,0 0 0 1px #5a3d1a55;z-index:2;transition:scale .4s,rotate .4s}
.adventures .photo-card:hover{scale:1.03;rotate:calc(var(--tilt) - 1.2deg)}
.adventures .photo-card img{height:470px;filter:sepia(.18) contrast(1.04)}
.adventures .photo-card.tilt-right{--tilt:3deg}.adventures .photo-card.tilt-left{--tilt:-3.5deg}
#hiking .map-card{grid-column:1/6;margin-top:30px}
#hiking .photo-card{grid-column:8/13;margin-top:290px}
#metal-detecting .photo-card{grid-column:2/7;margin-top:10px}
#metal-detecting .map-card{grid-column:8/13;margin-top:330px}
#running .map-card{grid-column:3/8;margin-top:190px}
#running .photo-card{grid-column:9/13;margin-top:0}
#wellness .photo-card{grid-column:1/6;margin-top:340px}
#wellness .map-card{grid-column:7/12;margin-top:20px}
#running .photo-card img{height:400px}
/* motion */
.adventures .map-card,.adventures .photo-card{--rv:0px}
.js-motion .adventures .map-card,.js-motion .adventures .photo-card{opacity:0;--rv:90px;translate:0 0}
.js-motion .adventures .map-card{transform:translateY(var(--rv))}
.js-motion .adventures .photo-card{scale:.93}
.js-motion .adventures .map-card.in,.js-motion .adventures .photo-card.in{opacity:1;--rv:0px;scale:1;transition:opacity .9s ease,--rv 1s cubic-bezier(.2,.8,.2,1),scale .9s cubic-bezier(.2,.8,.2,1),rotate .4s}
.js-motion .adventures .photo-card.in{transition-delay:.25s,.25s,.25s,0s}
.js-motion .adventures .map-card.in:hover,.js-motion .adventures .photo-card.in:hover{transition-delay:0s}
@keyframes drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.js-motion .adventures .map-card.in{animation:drift 8s ease-in-out 1.2s infinite}
.js-motion .adventures .photo-card.in{animation:drift 10s ease-in-out 1.6s infinite reverse}
#metal-detecting .map-card.in{animation-duration:9.5s}#running .photo-card.in{animation-duration:7.5s}#wellness .map-card.in{animation-duration:8.8s}
.js-motion .section-heading{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s}
.js-motion .section-heading.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.adventures .map-card,.adventures .photo-card{animation:none!important}}
/* mobile */
@media(max-width:760px){
.hero-inner{min-height:0;padding:50px 7% 120px;grid-template-columns:minmax(0,1fr)}
.hero h1{font-size:clamp(88px,27vw,128px);-webkit-text-stroke:3px #23261a;text-shadow:5px 7px 0 #14160e}
.hero-portrait{width:100%;margin:0 auto}.hero-portrait>img{height:auto;width:100%;max-width:430px}
.adventures{padding-top:80px;padding-bottom:100px}
.adventure,.adventure.reverse{grid-template-columns:1fr;max-width:none;margin:0;padding:0 0 190px;gap:70px}
.adventures .map-card{padding:104px 54px 96px;width:88%;margin:0}
.env-acc.l1,.env-acc.l3{display:none}
.env-forest{width:19%}
.adventures .map-card h3{font-size:38px}
.adventure,.adventure.reverse{padding-left:3%;padding-right:3%}
.adventures .photo-card{width:82%;margin:0}
#hiking .map-card,#running .map-card,#metal-detecting .photo-card,#wellness .photo-card{grid-column:1;margin:0 auto 0 0}
#hiking .photo-card,#running .photo-card,#metal-detecting .map-card,#wellness .map-card{grid-column:1;margin:0 0 0 auto}
#metal-detecting .photo-card,#wellness .photo-card{margin:0 auto 0 0}
.adventures .map-card,.adventures .photo-card{grid-row:auto}
.adventures .photo-card img,#running .photo-card img{height:380px}
.env-map{width:max(520%,2700px)}
.adventure:last-child{padding-bottom:80px}
}

/* Play-music buttons */
.hero>.music-btn,.adventures>.music-btn,.meet>.music-btn,.contact>.music-btn{position:absolute;z-index:7}
.music-btn{border:0;background:none;padding:0;cursor:pointer;width:calc(var(--s,110px)*1.3);rotate:var(--r,-8deg);filter:drop-shadow(4px 9px 6px #000a);transition:filter .3s}
.music-btn img{width:100%;height:auto;display:block;transform-origin:50% 90%;transition:scale .25s}
.music-btn:hover img,.music-btn:focus-visible img{scale:1.1;animation:btnpop .6s cubic-bezier(.3,1.4,.5,1)}
.music-btn:active img{scale:.94}
.music-btn.playing{filter:drop-shadow(0 0 16px #e8b84acc) drop-shadow(4px 9px 6px #000a)}
@keyframes btnpop{0%{transform:translateY(0) scale(1,1)}25%{transform:translateY(2px) scale(1.18,.84)}50%{transform:translateY(-22px) scale(.92,1.12)}72%{transform:translateY(0) scale(1.07,.94)}88%{transform:translateY(-6px) scale(.99,1.03)}100%{transform:translateY(0) scale(1,1)}}
@media(max-width:760px){.music-btn{width:calc(var(--s,110px)*.78)}}

.route-top{position:absolute;left:0;top:0;z-index:6;pointer-events:none;overflow:visible}
@media(min-width:761px){#running .map-card{padding-left:116px;padding-top:128px}}

/* hero note card: irregular grungy shape, kept clear of Tom's face */
.hero .portrait-note{--shape:polygon(96.6% 50.8%,97.2% 54.6%,98.0% 58.6%,98.6% 62.9%,98.9% 67.3%,98.6% 71.8%,97.5% 76.1%,95.7% 80.2%,93.2% 83.9%,90.0% 87.1%,86.4% 89.7%,82.5% 91.8%,78.6% 93.6%,74.6% 95.2%,70.6% 96.7%,66.6% 97.9%,62.5% 98.9%,58.4% 99.6%,54.1% 100.0%,49.9% 100.0%,45.6% 99.6%,41.4% 98.8%,37.2% 97.8%,33.0% 96.6%,28.7% 95.3%,24.3% 93.8%,19.9% 92.1%,15.4% 90.0%,11.1% 87.3%,7.3% 84.0%,4.1% 80.0%,1.8% 75.5%,0.4% 70.6%,0.0% 65.5%,0.5% 60.4%,1.9% 55.5%,3.8% 50.8%,6.2% 46.6%,8.7% 42.7%,11.1% 39.2%,13.3% 35.8%,15.3% 32.5%,17.0% 29.2%,18.7% 25.7%,20.5% 22.3%,22.6% 19.0%,25.2% 16.0%,28.3% 13.6%,31.8% 11.7%,36.5% 12.6%,40.1% 11.8%,43.6% 11.1%,47.1% 10.4%,50.6% 9.6%,54.1% 8.4%,57.9% 6.9%,62.1% 5.3%,66.7% 3.6%,71.7% 2.1%,77.0% 1.3%,82.4% 1.3%,89.4% 0.0%,93.9% 2.9%,97.3% 7.2%,99.3% 12.5%,100.0% 18.4%,99.7% 24.3%,98.7% 29.8%,97.6% 34.9%,96.7% 39.3%,96.1% 43.4%,96.1% 47.1%);position:relative;right:auto;bottom:auto;display:block;width:max-content;margin:78px 0 0 auto;padding:52px 70px 50px;background:none;border-radius:0;box-shadow:none;transform:none;rotate:-6deg;filter:drop-shadow(3px 5px 0 #4a3517) drop-shadow(9px 16px 12px #0008);isolation:isolate}
.hero .portrait-note:before{content:'';position:absolute;inset:0;background:#8d6a35;clip-path:var(--shape);z-index:-1}
.hero .portrait-note:after{content:'';position:absolute;inset:7px;clip-path:var(--shape);z-index:-1;background:radial-gradient(ellipse at 15% 10%,#fff3cf77,transparent 55%),radial-gradient(ellipse at 88% 92%,#6e431a66,transparent 55%),url('assets/grunge-heavy.webp') center/cover,linear-gradient(#e8cc96,#d6b476);background-blend-mode:normal,normal,multiply,normal}
.hero-portrait{padding-bottom:0}
@media(max-width:1200px){.hero>.m-h2{left:36%!important}}
@media(max-width:760px){.hero>.m-h2{display:none}.hero>.m-h1{left:auto!important;right:2%;top:auto!important;bottom:34%}}

/* contact card: irregular grungy shape + bigger map-style X */
.contact .contact-card{--shape:polygon(96.0% 48.2%,94.1% 52.1%,91.6% 55.6%,91.3% 59.4%,90.1% 63.0%,89.2% 66.7%,89.9% 71.5%,88.9% 75.8%,85.4% 78.5%,84.7% 83.6%,81.2% 86.4%,77.3% 88.6%,73.2% 90.3%,69.5% 92.6%,65.0% 93.1%,60.9% 94.5%,56.7% 95.3%,52.3% 95.0%,48.1% 97.5%,43.5% 99.1%,38.7% 100.0%,33.8% 99.8%,29.2% 98.5%,24.2% 97.8%,19.1% 96.8%,13.3% 96.3%,10.6% 91.4%,7.7% 87.3%,4.6% 83.5%,4.8% 77.5%,3.8% 73.0%,3.8% 68.2%,4.5% 63.6%,3.1% 59.9%,2.0% 56.1%,3.0% 52.0%,2.2% 48.2%,1.1% 44.2%,1.6% 40.3%,0.4% 35.8%,0.0% 31.2%,1.3% 27.0%,3.0% 23.0%,4.4% 18.5%,8.5% 16.0%,10.8% 12.1%,14.7% 9.6%,18.2% 6.9%,23.0% 6.0%,26.4% 3.1%,31.3% 3.5%,35.5% 2.5%,39.4% 0.5%,43.7% 0.0%,48.1% 1.2%,52.3% 1.4%,56.5% 2.1%,60.8% 2.4%,65.5% 2.0%,69.6% 3.5%,74.3% 4.2%,79.7% 4.5%,84.1% 6.7%,89.7% 8.0%,94.1% 10.8%,97.3% 14.9%,98.7% 19.9%,99.6% 25.0%,100.0% 29.9%,98.3% 35.2%,98.9% 39.5%,96.5% 44.1%);background:none;border:0;border-radius:0;box-shadow:none;padding:120px 150px 110px;max-width:900px;isolation:isolate;filter:drop-shadow(4px 6px 0 #4a3a12) drop-shadow(12px 22px 22px #000b)}
.contact .contact-card:before{content:'';position:absolute;inset:0;background:#b49b3b;clip-path:var(--shape);z-index:-1;border:0;border-radius:0}
.contact .contact-card:after{content:'';position:absolute;inset:10px;clip-path:var(--shape);z-index:-1;border:0;border-radius:0;opacity:1;background:radial-gradient(ellipse at 14% 8%,#fff3cf88,transparent 55%),radial-gradient(ellipse at 88% 92%,#6e431a66,transparent 55%),radial-gradient(ellipse at 55% 45%,#a8793a30,transparent 60%),url('assets/grunge-heavy.webp') center/cover,linear-gradient(#efd8a8,#dcbd82);background-blend-mode:normal,normal,normal,multiply,normal}
.contact-card>*{position:relative;z-index:1}
.contact-card .contact-x{position:absolute;left:-4%;top:-60px;width:190px;height:190px;rotate:-12deg;z-index:3;overflow:visible;font-size:0}
.contact-x .xo{fill:none;stroke:#f6ebcf;stroke-width:34;stroke-linecap:round}
.contact-x .xi{fill:none;stroke:#b8321f;stroke-width:21;stroke-linecap:round}
.contact-x .xs{fill:none;stroke:#08130d;stroke-width:34;stroke-linecap:round;opacity:.5;transform:translate(4px,6px)}
@media(max-width:760px){.contact .contact-card{padding:100px 62px 90px}.contact-card .contact-x{width:120px;height:120px;left:-2%;top:-40px}}
/* hero title: THE sits right above HIKING, lettering gets worn texture */
.hero h1 .title-art>span:first-child{display:block;line-height:.9;vertical-align:baseline;margin:0 0 .03em .02em;font-size:.36em}
.hero h1 .handwritten{filter:none}

/* hero title: tone-on-tone grunge (no white, no noise) */
.hero h1 .title-art{display:block;-webkit-text-fill-color:transparent;color:transparent;background:radial-gradient(ellipse 40% 55% at 18% 30%,#6a7048aa,transparent 70%),radial-gradient(ellipse 45% 60% at 70% 75%,#464a2eaa,transparent 70%),radial-gradient(ellipse 35% 50% at 88% 25%,#666c46aa,transparent 70%),url('assets/grunge-heavy.webp') 0 0/620px auto,url('assets/gritty.webp') 30% 40%/760px auto,#585d3e;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(7px 9px 0 #14160e) drop-shadow(14px 22px 16px #14160e66)}
.hero h1 .handwritten{-webkit-text-stroke:0}
/* tan/brown buttons with soft wide shadow */
.button,.nav-contact{background:#7b5632;color:#f6ebcf;box-shadow:0 5pt 10pt 15pt rgba(0,0,0,.25);border-color:#5a3e22}
.button:hover,.nav-contact:hover{background:#8d6439}
/* failsafe: if scripts never run, reveal the story section anyway */
@keyframes forceShow{to{opacity:1;--rv:0px;scale:1}}
@keyframes forceX{to{scale:1}}
.js-motion .adventures .map-card:not(.in),.js-motion .adventures .photo-card:not(.in){animation:forceShow .01s 6s forwards}
.js-motion .route-x:not(.on){animation:forceX .01s 6s forwards}
.js-motion .section-heading:not(.in){animation:forceShow .01s 6s forwards}

/* map backdrop: native-size, flipped copies with feathered edges, overlapped (no stretching) */
.env-map{transform:none!important;top:auto;opacity:.72}
/* hero title: dark shadow layer at 50% opacity */
.hero h1 .title-art{filter:drop-shadow(7px 9px 0 #14160e80) drop-shadow(14px 22px 16px #14160e33)}
/* hero title: black grunge inside letters softened (green veil over the texture layers) */
.hero h1 .title-art{background:radial-gradient(ellipse 40% 55% at 18% 30%,#6a7048aa,transparent 70%),radial-gradient(ellipse 45% 60% at 70% 75%,#464a2eaa,transparent 70%),radial-gradient(ellipse 35% 50% at 88% 25%,#666c46aa,transparent 70%),linear-gradient(#4a4f33a6,#4a4f33a6),url('assets/grunge-heavy.webp') 0 0/620px auto,url('assets/gritty.webp') 30% 40%/760px auto,#585d3e;-webkit-background-clip:text;background-clip:text}
/* brown buttons: tight shadow (0 x, 2 y, 5pt blur, 45%) */
.button,.nav-contact{box-shadow:0 2px 5pt rgba(0,0,0,.45)}

/* scenic patches: each card+photo gets its own torn-edge scene, dark topo bands show between */
.env-patch{position:absolute;left:0;right:0;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.env-patch i{position:absolute;inset:0;background-size:cover,cover;background-repeat:no-repeat}
.env-forest,.env-forest.l,.env-forest.r{z-index:2}
.env-map{filter:saturate(.8) brightness(.55) hue-rotate(35deg)}
.env-stain{display:none}

.env-forest,.env-forest.l,.env-forest.r{z-index:0}
.env-map{filter:saturate(.85) brightness(.75) hue-rotate(35deg)}
.env-deco{position:absolute;z-index:4;pointer-events:none;height:auto;filter:drop-shadow(0 12px 14px rgba(0,0,0,.55))}
.env-deco.d-sign{width:210px;right:3.5%;top:46px;rotate:3deg}
.env-deco.d-newsign{width:240px;left:3%;bottom:-6px;rotate:-2deg}
.env-deco.d-compass{width:130px;left:calc(3% + 205px);bottom:8px;rotate:-14deg}
.adventures .map-card .card-icon{position:absolute;right:62px;bottom:52px;width:64px;height:auto;opacity:.85;z-index:1;pointer-events:none;mix-blend-mode:multiply}
@media(max-width:1000px){.env-deco.d-sign{width:120px;top:20px;right:2%}.env-deco.d-newsign{width:130px;left:2%;bottom:-4px}.env-deco.d-compass{width:80px;left:calc(2% + 120px)}.adventures .map-card .card-icon{width:46px;right:36px;bottom:34px}}
/* contact card: bolder, larger type so it reads through the grunge */
.contact .contact-card{color:#131f19}
.contact .contact-card .eyebrow{font-size:clamp(16px,1.35vw,20px);font-weight:700;letter-spacing:.14em;color:#131f19}
.contact .contact-card h2 em{font-weight:700}
.contact .contact-card>p:not(.eyebrow){font-size:clamp(21px,1.9vw,28px);font-weight:600;line-height:1.5;color:#131f19}
.contact .contact-card .contact-pending{font-size:clamp(21px,1.9vw,27px);font-weight:700}
.contact .contact-card .contact-tag{font-size:clamp(16px,1.35vw,20px);font-weight:600;letter-spacing:.16em;color:#131f19}
@media(max-width:760px){.contact .contact-card .eyebrow,.contact .contact-card .contact-tag{font-size:14px}.contact .contact-card>p:not(.eyebrow),.contact .contact-card .contact-pending{font-size:19px}}
/* story cards: bigger/bolder, centered type, bright link hover, icons in the open space at the top */
.adventures .map-card{text-align:center;display:flex;flex-direction:column;align-items:center;color:#131f19}
.adventures .map-card .stop{font-size:clamp(14px,1.15vw,17px);font-weight:700;letter-spacing:.1em;color:#131f19}
.adventures .map-card .card-motto{font-size:clamp(27px,2.2vw,34px);font-weight:700;color:#131f19}
.adventures .map-card>p:not(.card-motto){font-size:clamp(19px,1.5vw,23px);font-weight:600;line-height:1.5;color:#131f19}
.adventures .map-card .text-link{font-size:clamp(17px,1.35vw,20px);font-weight:700;color:#131f19;padding:9px 18px;border-radius:6px;border:0;transition:background .25s,color .25s,scale .25s}
.adventures .map-card .text-link:hover,.adventures .map-card .text-link:focus-visible{background:#102119;color:#b6ff4a;scale:1.06;text-decoration:none}
.adventures .map-card .card-icon{position:static;display:block;width:76px;height:76px;object-fit:contain;margin:-48px auto 14px;opacity:1;mix-blend-mode:multiply;filter:brightness(.6) contrast(1.15)}
@media(max-width:760px){.adventures .map-card .card-icon{width:60px;height:60px;margin:-42px auto 10px}.adventures .map-card>p:not(.card-motto){font-size:18px}}
@media(max-width:760px){.adventures .map-card{padding:136px 58px 100px}.adventures .map-card .card-icon{margin:-24px auto 10px}}
@media(max-width:760px){.adventures .map-card{padding-left:46px;padding-right:46px}}
.adventures .map-card.blue .card-icon{width:96px;height:88px;margin-top:-56px}
@media(max-width:760px){.adventures .map-card.blue .card-icon{width:76px;height:70px;margin-top:-30px}}
.adventures .map-card.blue .card-icon{width:128px;height:118px;margin-top:-64px;filter:brightness(.92) contrast(1.1);mix-blend-mode:normal}
@media(max-width:760px){.adventures .map-card.blue .card-icon{width:100px;height:92px;margin-top:-36px}}

/* nav: smoother header, bigger semi-bold Title Case links */
.header .grunge{opacity:.2}
.header nav a{font-size:clamp(17px,1.3vw,20px);font-weight:600;text-transform:capitalize;letter-spacing:.03em}
@media(max-width:760px){.header nav a{font-size:14px}}
/* signpost grows out of the top edge of the first scenic patch */
.env-deco.d-sign{right:3%;rotate:0deg;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
/* section cards: grunge 10% lighter (tan veil over the texture) */
.adventures .map-card:after{background:linear-gradient(#e6cf9b1a,#e6cf9b1a),radial-gradient(ellipse at 12% 8%,#fff3cf88,transparent 55%),radial-gradient(ellipse at 90% 92%,#6e431a66,transparent 50%),radial-gradient(ellipse at 60% 40%,#a8793a33,transparent 60%),url('assets/grunge-heavy.webp') center/cover,linear-gradient(#ecd4a3,#dcbd82);background-blend-mode:normal,normal,normal,normal,multiply,normal}
/* hero bottom: jagged mountain ridge edge */
.hero{position:relative;z-index:2;margin-bottom:-70px;padding-bottom:70px;clip-path:polygon(0% 0%,100% 0%,100.0% calc(100% - 39px),98.6% calc(100% - 36px),97.1% calc(100% - 45px),95.7% calc(100% - 15px),94.3% calc(100% - 4px),92.9% calc(100% - 8px),91.4% calc(100% - 23px),90.0% calc(100% - 47px),88.6% calc(100% - 49px),87.1% calc(100% - 35px),85.7% calc(100% - 38px),84.3% calc(100% - 51px),82.9% calc(100% - 55px),81.4% calc(100% - 32px),80.0% calc(100% - 7px),78.6% calc(100% - 15px),77.1% calc(100% - 36px),75.7% calc(100% - 28px),74.3% calc(100% - 31px),72.9% calc(100% - 23px),71.4% calc(100% - 36px),70.0% calc(100% - 65px),68.6% calc(100% - 63px),67.1% calc(100% - 36px),65.7% calc(100% - 34px),64.3% calc(100% - 28px),62.9% calc(100% - 36px),61.4% calc(100% - 14px),60.0% calc(100% - 8px),58.6% calc(100% - 13px),57.1% calc(100% - 34px),55.7% calc(100% - 56px),54.3% calc(100% - 56px),52.9% calc(100% - 50px),51.4% calc(100% - 50px),50.0% calc(100% - 42px),48.6% calc(100% - 40px),47.1% calc(100% - 26px),45.7% calc(100% - 9px),44.3% calc(100% - 17px),42.9% calc(100% - 30px),41.4% calc(100% - 45px),40.0% calc(100% - 35px),38.6% calc(100% - 35px),37.1% calc(100% - 39px),35.7% calc(100% - 53px),34.3% calc(100% - 45px),32.9% calc(100% - 22px),31.4% calc(100% - 18px),30.0% calc(100% - 11px),28.6% calc(100% - 21px),27.1% calc(100% - 28px),25.7% calc(100% - 23px),24.3% calc(100% - 35px),22.9% calc(100% - 54px),21.4% calc(100% - 50px),20.0% calc(100% - 57px),18.6% calc(100% - 44px),17.1% calc(100% - 24px),15.7% calc(100% - 31px),14.3% calc(100% - 25px),12.9% calc(100% - 25px),11.4% calc(100% - 12px),10.0% calc(100% - 18px),8.6% calc(100% - 32px),7.1% calc(100% - 51px),5.7% calc(100% - 46px),4.3% calc(100% - 40px),2.9% calc(100% - 51px),1.4% calc(100% - 51px),0.0% calc(100% - 42px))}
.adventures{position:relative;z-index:1}
@media(max-width:600px){.env-deco.d-sign{display:none}}
/* bands between scenic patches + under the hero ridge: crisp contour lines instead of blown-up map */
.env{background:url('assets/contours-tile.webp') 0 0/1000px auto repeat,radial-gradient(ellipse 70% 40% at 50% 0,#243b2c,transparent),#13231b}
.env-map{opacity:.12}
/* burnt edges: charred rim + ember glow on the hero ridge and every scenic patch */
.hero-wrap{position:relative;z-index:2;margin-bottom:-70px;filter:drop-shadow(0 0 1.5px #120803) drop-shadow(0 0 5px #120803) drop-shadow(0 0 11px #d8601dcc) drop-shadow(0 4px 14px #000a)}
.hero-wrap .hero{margin-bottom:0;z-index:auto}
.env-patch{filter:drop-shadow(0 0 1.5px #120803) drop-shadow(0 0 5px #120803) drop-shadow(0 0 11px #d8601dcc) drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.env-patch i{box-shadow:inset 0 0 34px 12px rgba(26,10,2,.85),inset 0 0 12px 18px rgba(150,58,10,.35)}
/* army-green contour map for the bands + heavier, dirtier burn */
.env{background:linear-gradient(rgba(12,20,10,.22),rgba(12,20,10,.22)),url('assets/contours-army-tile.jpg') 0 0/2800px auto repeat,#3f4727}
.env-map{display:none}
.hero-wrap{filter:drop-shadow(0 0 1.5px #0d0602) drop-shadow(0 0 6px #0d0602) drop-shadow(0 0 13px #e0651acc) drop-shadow(0 6px 16px #000b)}
.env-patch{filter:drop-shadow(0 0 1.5px #0d0602) drop-shadow(0 0 6px #0d0602) drop-shadow(0 0 13px #e0651acc) drop-shadow(0 12px 20px rgba(0,0,0,.55))}
.env-patch i{box-shadow:inset 0 0 44px 16px rgba(20,8,2,.92),inset 0 0 14px 22px rgba(165,62,8,.45)}
/* burnt edges, tightened: thin charred rim hugging the edge, no glow */
.hero-wrap{filter:drop-shadow(0 0 .8px #0a0401) drop-shadow(0 0 1.5px #1a0a03) drop-shadow(0 1.5px 2px #6b2f0f) drop-shadow(0 6px 12px #0009)}
.env-patch{filter:drop-shadow(0 0 .8px #0a0401) drop-shadow(0 0 1.5px #1a0a03) drop-shadow(0 1.5px 2px #6b2f0f) drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.env-patch i{box-shadow:inset 0 0 14px 4px rgba(20,8,2,.9),inset 0 0 4px 7px rgba(120,48,8,.45)}
/* burn: a hair thicker, darker, browner */
.hero-wrap{filter:drop-shadow(0 0 1px #070301) drop-shadow(0 0 2px #140803) drop-shadow(0 2px 2.5px #4a2410) drop-shadow(0 6px 12px #0009)}
.env-patch{filter:drop-shadow(0 0 1px #070301) drop-shadow(0 0 2px #140803) drop-shadow(0 2px 2.5px #4a2410) drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.env-patch i{box-shadow:inset 0 0 18px 5px rgba(16,6,2,.94),inset 0 0 5px 9px rgba(88,44,14,.5)}
/* video reel: phone frames */
.reel{position:relative;isolation:isolate;padding:90px 6% 100px;background:var(--deep);color:var(--cream)}
.reel:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/topography.png') left top/600px auto repeat;opacity:.13;pointer-events:none}
.reel .section-heading{margin-bottom:55px}
.reel-row{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.reel-item{margin:0;text-align:center;transition:transform .3s}
.reel-item.r2{transform:scale(1.06)}
.phone{position:relative;max-width:290px;margin:0 auto;padding:11px;border-radius:44px;background:linear-gradient(145deg,#3a3d36,#14160f);box-shadow:0 0 0 2px #0b0c08,inset 0 0 0 1.5px #5b5e52,0 24px 40px #0009,0 6px 0 #07140d}
.phone-btn{position:absolute;width:4px;background:#2a2c25;border-radius:2px}
.pb1{left:-4px;top:110px;height:44px}.pb2{right:-4px;top:150px;height:70px}
.phone-screen{position:relative;aspect-ratio:9/19;border-radius:34px;overflow:hidden;background:#000}
.phone-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.island{position:absolute;top:10px;left:50%;width:30%;height:22px;transform:translateX(-50%);background:#000;border-radius:20px;z-index:2;pointer-events:none}
.reel-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:linear-gradient(0deg,#0008,transparent 40%);display:grid;place-items:center;cursor:pointer;z-index:1;transition:opacity .25s}
.reel-play svg{width:68px;height:68px;padding:19px 15px 19px 23px;border-radius:50%;background:#f4ead5e6;fill:#18251e;box-shadow:0 4px 18px #0007;transition:transform .2s}
.reel-play:hover svg{transform:scale(1.1)}
.reel-dur{position:absolute;right:14px;bottom:14px;z-index:2;font-size:12px;font-weight:700;background:#000a;padding:2px 8px;border-radius:10px;pointer-events:none}
.reel-item.playing .reel-play,.reel-item.playing .reel-dur{opacity:0;pointer-events:none}
.reel-item.playing .phone-screen{cursor:pointer}
.reel-item figcaption{margin-top:26px}
.reel-item figcaption b{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.reel-item figcaption span{display:block;margin-top:2px;color:#d5ba7e;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600}
@media(max-width:760px){.reel{padding:70px 0 80px}.reel .section-heading{padding:0 16px}.reel-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding:10px 16px 20px;grid-template-columns:none;-webkit-overflow-scrolling:touch}.reel-item{flex:0 0 74%;scroll-snap-align:center}.reel-item.r2{transform:none}}
/* contact: services line + email button */
.contact .contact-card>p.contact-services{font-size:clamp(17px,1.4vw,21px);font-weight:600;line-height:1.5;margin-top:14px}
.contact .contact-card #contact-action{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 6px}
.contact .contact-card .contact-mail{background:#102119;color:#f4ead5;font-size:clamp(17px,1.4vw,20px);box-shadow:0 2px 2px #0b0c0873}
.contact .contact-card .contact-mail:hover{background:#1b3526}
.contact .contact-card .contact-email{margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:700;letter-spacing:.02em;word-break:break-all}
/* mobile fixes: one-line nav, no play buttons covering card text, contact tag fits */
@media(max-width:760px){
.header nav{gap:14px}.header nav a{font-size:14px;white-space:nowrap}.nav-contact{padding:10px 12px}
.adventures>.music-btn{display:none}
.contact .contact-card .contact-tag{font-size:12px;letter-spacing:.08em;display:block;padding:0 8%}
.contact>.music-btn.m-c1{left:2%!important;bottom:2%!important;width:calc(var(--s,110px)*.6)}
}
@media(max-width:760px){.header{gap:8px}.brand img{width:52px;height:52px}.header nav{gap:10px}.header nav a{font-size:12.5px}.nav-contact{padding:9px 9px}}
@media(max-width:760px){.brand{flex:none}}
@media(max-width:480px){.header{justify-content:center}.brand{display:none}}
/* mobile round 2: wider, shorter story cards; wider polaroids; play button beside the title */
@media(max-width:760px){
.adventures{padding-left:2%;padding-right:2%}
.adventure,.adventure.reverse{max-width:none;padding:20px 0 70px;gap:26px}
.adventures .map-card{width:100%;max-width:none;padding:88px 34px 70px}
.adventures .map-card .card-icon{margin:-20px auto 6px}
.adventures .map-card>p:not(.card-motto){font-size:17px;line-height:1.5}
.photo-card{width:100%}
.photo-card img{height:300px}
.hero .music-btn.m-h1{left:auto!important;right:5%;top:295px!important;bottom:auto!important}
}
@media(max-width:760px){.hero .music-btn.m-h1{top:218px!important;right:4%}.adventures .map-card{padding:88px 46px 70px}}

/* Below-the-fold textures wait until the first screen has loaded (site.js removes .defer-bg) */
.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer),.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer)::before,.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer)::after,.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer) *,.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer) *::before,.defer-bg :is(.adventures,.meet,.reel,.soundtrack,.contact,footer) *::after{background-image:none!important}