/*
Theme Name: Trailwise Atlas
Description: Downloadable hiking route kits and field notes.
Version: 1.1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap');
:root{--forest:#193528;--moss:#486b44;--sun:#efc84a;--paper:#f4f1e6;--charcoal:#20251f;--mist:#dfe5d8;--line:#a8b09f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--charcoal);font-family:'Source Sans 3',sans-serif;line-height:1.6}
a{color:inherit}
img{display:block}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{height:76px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.03em}
.brand b{color:var(--moss)}
.brand-compass{width:38px;height:38px;border:1px solid var(--forest);border-radius:50%;display:grid;place-items:center;font-size:12px;position:relative}
.brand-compass:after{content:'';width:1px;height:12px;background:var(--forest);position:absolute;top:2px}
.site-nav{display:flex;align-items:center;gap:28px}
.site-nav a{text-decoration:none;font-size:14px;font-weight:600}
.nav-button{background:var(--forest);color:#fff;padding:10px 18px}
.menu-toggle{display:none;border:1px solid var(--forest);background:none;padding:8px 12px;font:inherit;font-weight:700}
.hero{min-height:690px;position:relative;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:rgba(18,35,25,.38)}
.hero-copy{width:min(570px,calc(100% - 40px));position:relative;z-index:2;color:#fff;margin-right:max(20px,calc((100vw - 1180px)/2));text-align:right}
.overline{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--sun)}
.overline.dark{color:var(--moss)}
.hero h1,.manifest h2,.section-title h2,.legal h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.hero h1{font-size:clamp(66px,8vw,118px);line-height:.8;margin:24px 0}
.hero p{font-size:20px;max-width:530px;margin:0 0 32px auto}
.button{display:inline-flex;background:var(--sun);color:var(--charcoal);padding:14px 22px;text-decoration:none;font-weight:700}
.coordinate{position:absolute;left:max(20px,calc((100vw - 1180px)/2));bottom:36px;z-index:2;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.08em;border-left:2px solid var(--sun);padding-left:12px}
.manifest{padding:100px 0;display:grid;grid-template-columns:1fr 2.2fr;gap:70px;border-bottom:1px solid var(--line)}
.manifest h2{font-size:52px;line-height:.95;margin:0 0 24px}
.manifest p{font-size:18px;max-width:750px}
.routes{padding:100px 0}
.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}
.section-title>span{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}
.section-title h2{font-size:58px;line-height:1;margin:0}
.route-list{border-top:2px solid var(--forest)}
.route-row{display:grid;grid-template-columns:70px 1fr 130px 110px 130px;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.route-elevation{height:40px;display:flex;align-items:flex-end;gap:3px}
.route-elevation i{flex:1;min-width:2px;background:var(--moss);border-radius:1px 1px 0 0}
.route-elevation i:nth-child(3n){background:var(--sun)}
.route-number{font-family:'Barlow Condensed',sans-serif;font-size:22px;color:var(--moss)}
.route-row h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:28px;margin:0}
.route-row p{margin:2px 0 0;color:#5a6257}
.route-row strong{font-size:18px}
.route-row>a{font-weight:700;text-underline-offset:4px}
.inside{background:var(--forest);color:#fff;padding:100px 0}
.section-title.light>span{color:var(--sun)}
.inside-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}
.inside-grid>div{padding:34px 26px;border-right:1px solid rgba(255,255,255,.25)}
.inside-grid>div:last-child{border-right:0}
.inside-grid b{color:var(--sun);font-family:'Barlow Condensed',sans-serif;letter-spacing:.1em}
.inside-grid h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:24px;margin:30px 0 8px}
.inside-grid p{color:rgba(255,255,255,.68)}
.notice{padding:90px 0;display:grid;grid-template-columns:1fr 3fr;gap:50px}
.notice p{font-size:24px;line-height:1.4;margin:0}
.site-footer{background:#dde2d5;border-top:1px solid var(--line);padding:52px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.5fr 1fr auto;gap:40px}
.footer-links{display:flex;flex-direction:column;gap:8px}
.legal{max-width:840px;padding:90px 0 120px}
.legal header{border-bottom:2px solid var(--forest);padding-bottom:34px;margin-bottom:40px}
.legal h1{font-size:clamp(58px,8vw,96px);line-height:.9;margin:16px 0}
.legal header p{font-size:20px}
.legal h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:30px;margin:40px 0 8px}
.legal p{color:#444c42}
.legal a{font-weight:600;text-underline-offset:3px}

@media(max-width:850px){.site-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px;flex-direction:column;align-items:flex-start}
.site-nav.is-open{display:flex}
.menu-toggle{display:block}
.hero-copy{text-align:left;margin:0 20px}
.hero p{margin-left:0}
.hero-overlay{background:rgba(18,35,25,.58)}
.coordinate{display:none}
.manifest{grid-template-columns:1fr;gap:20px}
.route-row{grid-template-columns:42px 1fr}
.route-row strong,.route-row>a{grid-column:2}
.route-elevation{display:none}
.inside-grid{grid-template-columns:1fr 1fr}
.inside-grid>div{border-bottom:1px solid rgba(255,255,255,.25)}
.notice{grid-template-columns:1fr}
.site-footer{grid-template-columns:1fr}
}

.reviews{padding:105px 0}
.reviews .section-title{align-items:end}
.reviews .section-title>p{max-width:430px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.review-grid blockquote{margin:0;background:#fff;border-top:5px solid var(--sun);padding:26px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between}
.review-grid blockquote p{font-size:20px;line-height:1.45;margin:0 0 25px}
.review-grid footer{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:14px}
.review-grid footer span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--moss)}
.legal.contact-page .contact-panel{background:var(--mist);padding:30px;margin-top:32px;border-left:5px solid var(--moss)}
.legal .legal-note{background:var(--mist);padding:18px 22px;border-left:5px solid var(--sun)}
.footer-links{columns:2}
.footer-links a{display:block;break-inside:avoid}
.footer-links .footer-heading{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-top:10px}
@media(max-width:850px){.section-title{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
.section-title h2{font-size:48px;overflow-wrap:anywhere}
.review-grid{grid-template-columns:1fr}
.reviews .section-title{align-items:start}
.footer-links{columns:1}
}
.footer-cta{background:var(--sun);color:var(--charcoal);padding:70px max(20px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:50px;border-block:1px solid var(--forest)}
.footer-cta .overline{color:var(--forest)}
.footer-cta h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(52px,6vw,86px);line-height:.85;margin:10px 0}
.footer-cta p{margin:0;font-size:18px}
.footer-cta .button{background:var(--forest);color:#fff;white-space:nowrap}
.footer-cta-map{font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.12em;display:grid;gap:12px}
.footer-cta-map i{display:block;height:1px;background:var(--forest);position:relative}
.footer-cta-map i:after{content:'';position:absolute;width:10px;height:10px;border:2px solid var(--forest);border-radius:50%;right:24%;top:-5px;background:var(--sun)}
.site-footer{display:block;background:var(--forest);color:#fff;padding:58px max(20px,calc((100vw - 1180px)/2)) 22px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr 1.15fr;gap:50px}
.site-footer .brand b{color:var(--sun)}
.footer-brand-block p{color:rgba(255,255,255,.66);max-width:350px}
.footer-column{display:flex;flex-direction:column;gap:9px}
.footer-column a{width:fit-content;text-underline-offset:4px}
.footer-column a:hover{color:var(--sun)}
.footer-heading{color:var(--sun);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px}
.footer-contact p{margin:0 0 8px;color:rgba(255,255,255,.66)}
.footer-email{font-weight:700;overflow-wrap:anywhere}
.terrain-line{height:42px;display:flex;align-items:flex-end;gap:5px;margin-top:24px}
.terrain-line i{width:22px;border:1px solid var(--sun);border-bottom:0;transform:skew(-24deg)}
.terrain-line i:nth-child(1){height:12px}.terrain-line i:nth-child(2){height:28px}.terrain-line i:nth-child(3){height:18px}.terrain-line i:nth-child(4){height:38px}.terrain-line i:nth-child(5){height:23px}
.footer-bottom{margin-top:48px;padding-top:18px;border-top:1px solid rgba(255,255,255,.28);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.58);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.route-row,.review-grid blockquote,.button{transition:transform .2s ease,box-shadow .2s ease}
.route-row:hover,.review-grid blockquote:hover{transform:translateX(5px)}
.button:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--moss)}
@media(max-width:900px){.footer-cta{grid-template-columns:1fr;gap:24px}.footer-cta-map{max-width:190px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-block,.footer-contact{grid-column:1/-1}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-brand-block,.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column}.footer-cta{padding-block:56px}}

/* Modern motion system */
body{overflow-x:hidden}::selection{background:var(--sun);color:var(--forest)}
a:focus-visible,button:focus-visible,.button:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:2px}
.site-header{position:sticky;top:0;background:rgba(244,241,230,.88);backdrop-filter:blur(16px);transition:height .35s ease,box-shadow .35s ease;z-index:100}.site-header.is-scrolled{height:66px;box-shadow:0 10px 35px rgba(25,53,40,.12)}
.scroll-progress{position:fixed;z-index:110;left:0;top:0;height:3px;width:calc(var(--scroll-progress,0)*100%);background:var(--sun)}
.hero{min-height:calc(100svh - 76px);isolation:isolate;background:var(--forest)}
.hero>img{max-width:none;transform:scale(1.07) translate(calc(var(--pointer-x,0)*-13px),calc(var(--pointer-y,0)*-11px));transition:transform .8s cubic-bezier(.2,.7,.2,1);animation:trail-image-in 1.6s cubic-bezier(.2,.7,.2,1) both}
.hero-overlay{background:linear-gradient(90deg,rgba(15,31,23,.2),rgba(15,31,23,.7))}
.hero-copy{animation:trail-copy-in 1s .2s cubic-bezier(.2,.8,.2,1) both}.hero h1{font-size:clamp(78px,9vw,142px)}
.hero-actions{display:flex;justify-content:flex-end;align-items:center;gap:24px;flex-wrap:wrap}.hero-text-link{color:#fff;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding:12px 0}.hero-text-link span{color:var(--sun);margin-left:8px}
.hero-route-card{position:absolute;z-index:3;left:max(20px,calc((100vw - 1180px)/2));top:13%;width:290px;background:rgba(244,241,230,.92);backdrop-filter:blur(12px);color:var(--forest);padding:22px;border:1px solid rgba(244,241,230,.7);box-shadow:12px 12px 0 rgba(239,200,74,.8);transform:translate(calc(var(--pointer-x,0)*17px),calc(var(--pointer-y,0)*13px));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-route-card>span,.hero-route-card small{text-transform:uppercase;font-size:10px;letter-spacing:.13em}.hero-route-card strong{display:block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:26px;margin:8px 0 14px}
.elevation-line{height:58px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--forest)}.elevation-line i{flex:1;background:var(--moss);height:20%}.elevation-line i:nth-child(2){height:36%}.elevation-line i:nth-child(3){height:52%}.elevation-line i:nth-child(4){height:46%}.elevation-line i:nth-child(5){height:80%;background:var(--sun)}.elevation-line i:nth-child(6){height:64%}.elevation-line i:nth-child(7){height:92%;background:var(--forest)}.elevation-line i:nth-child(8){height:56%}
.hero-route-card small{display:block;margin-top:12px}.hero-map-ring{position:absolute;z-index:2;left:14%;bottom:13%;width:150px;height:150px;border:1px solid rgba(255,255,255,.6);border-radius:50%;animation:trail-spin 18s linear infinite}.hero-map-ring:before,.hero-map-ring:after{content:'';position:absolute;background:rgba(255,255,255,.55)}.hero-map-ring:before{height:1px;width:190px;left:-20px;top:50%}.hero-map-ring:after{width:1px;height:190px;top:-20px;left:50%}.hero-map-ring i{position:absolute;inset:18px;border:1px dashed var(--sun);border-radius:50%}.hero-map-ring span{position:absolute;top:-28px;left:50%;color:#fff;font-family:'Barlow Condensed',sans-serif}
.hero-rail{background:var(--forest);color:#fff}.hero-rail .wrap{min-height:82px;display:grid;grid-template-columns:repeat(4,1fr)}.hero-rail span{display:flex;align-items:center;gap:12px;padding:15px 22px;border-left:1px solid rgba(255,255,255,.2);text-transform:uppercase;font-size:11px;letter-spacing:.1em}.hero-rail span:last-child{border-right:1px solid rgba(255,255,255,.2)}.hero-rail b{font-family:'Barlow Condensed',sans-serif;font-size:29px;color:var(--sun)}
.manifest{position:relative}.manifest:after{content:'BEYOND SIGNAL';position:absolute;right:0;bottom:4px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(70px,11vw,156px);font-weight:700;color:rgba(25,53,40,.045);line-height:.7;white-space:nowrap;pointer-events:none}
.route-row{position:relative;transition:background .3s ease,padding .3s ease,transform .3s ease}.route-row:before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--sun);z-index:-1;transition:width .4s cubic-bezier(.2,.7,.2,1)}.route-row:hover{padding-inline:20px;transform:translateX(5px)}.route-row:hover:before{width:100%}
.inside-grid>div{transition:background .3s ease,transform .3s ease}.inside-grid>div:hover{background:rgba(255,255,255,.08);transform:translateY(-6px)}
.review-grid blockquote{transition:transform .25s ease,box-shadow .25s ease}.review-grid blockquote:hover{transform:translateY(-6px);box-shadow:8px 8px 0 var(--moss)}
.motion-ready .reveal-item{opacity:0;transform:translateY(32px);transition:opacity .75s var(--reveal-delay,0ms) ease,transform .75s var(--reveal-delay,0ms) cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-item.is-visible{opacity:1;transform:none}
@keyframes trail-image-in{from{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1.07)}}@keyframes trail-copy-in{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes trail-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero-route-card{top:24px;left:20px;right:20px;width:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;box-shadow:7px 7px 0 rgba(239,200,74,.8)}.hero-route-card>span{grid-column:1}.hero-route-card strong{grid-column:2;margin:0;font-size:21px}.hero-route-card small{grid-column:3;margin:0;white-space:nowrap}.elevation-line{display:none}.hero-map-ring{display:none}.hero-rail .wrap{grid-template-columns:1fr 1fr}.hero-actions{justify-content:flex-start}.hero-rail span:nth-child(2){border-right:1px solid rgba(255,255,255,.2)}}
@media(max-width:600px){.hero{min-height:740px;align-items:flex-end;padding-bottom:66px}.hero h1{font-size:68px}.hero-route-card{grid-template-columns:1fr auto}.hero-route-card>span{display:none}.hero-route-card strong{font-size:19px}.hero-route-card small{font-size:8px}.coordinate{display:block;left:auto;right:20px;bottom:18px;font-size:13px}.hero-rail .wrap{width:100%;grid-template-columns:1fr 1fr}.hero-rail span{padding:12px 14px}.manifest:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>img,.hero-copy,.hero-map-ring{animation:none}.motion-ready .reveal-item{opacity:1;transform:none;transition:none}}

/* Buy modal */
.buy-modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,31,23,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.buy-modal-overlay.active{opacity:1;pointer-events:auto}
.buy-modal{background:var(--paper);max-width:420px;width:100%;padding:32px;position:relative;box-shadow:12px 12px 0 var(--sun)}
.buy-modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:26px;cursor:pointer;line-height:1;color:var(--forest)}
.buy-modal-plan{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}
.buy-modal-plan-name{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:24px}
.buy-modal-plan-price{font-size:15px;color:var(--moss);font-weight:700;margin-top:4px}
.buy-modal-form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:8px}
.buy-modal-form input[type=email]{width:100%;padding:12px 14px;border:1px solid var(--forest);font:inherit;font-size:16px;margin-bottom:14px;box-sizing:border-box;background:#fff}
.buy-modal-error{display:none;background:#fdeceb;color:#a3271b;padding:10px 14px;font-size:13px;margin-bottom:14px}
.buy-modal-submit{width:100%;justify-content:center;cursor:pointer;border:none;background:var(--sun);color:var(--charcoal);padding:14px 22px;font-weight:700}
.buy-modal-submit:disabled{opacity:.6;cursor:default}
.buy-modal-secure{font-size:11px;text-align:center;color:#5a6257;margin:18px 0 0}
.buy-btn{cursor:pointer;background:none;border:none;font:inherit;padding:0;font-weight:700}
@media(max-width:480px){.buy-modal{padding:26px}}