/* "Trail" theme v1, 2026-10-26: style modeled on the Rob Jinks site Knapsack Creative showcases */
:root{--rust:#b4532a;--rust2:#9a4420;--char:#443f3d;--char2:#2f2b29;--stone:#e8e3de;--stone2:#aea7a5;--paper:#f7f6f4;--ink:#2b2826;--mute:#6b6461;--a:var(--rust);--bg:var(--stone);--line:#ddd6cf}
body{font:17px/1.7 Lato,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
h1,h2,h3,nav b,.eb,.btn,summary,.num,.amt,.tag{font-family:Oswald,"Arial Narrow",Impact,sans-serif}
h1{text-transform:uppercase;font-weight:600;letter-spacing:.02em;line-height:1.05}
h2{text-transform:uppercase;font-weight:500;letter-spacing:.04em;line-height:1.15}
h3{text-transform:uppercase;font-weight:500;letter-spacing:.05em}
.eb{font-weight:500;letter-spacing:.22em;color:var(--rust)}
.btn{background:var(--rust);border-radius:2px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-size:15px;padding:14px 26px;box-shadow:0 3px 0 var(--rust2);transition:background .2s}
a.btn:hover{background:var(--rust2)}
.btn.o{border-radius:2px;border-width:1px}
nav{background:var(--char2);border-bottom:3px solid var(--rust)}
nav b{text-transform:uppercase;letter-spacing:.14em;font-weight:500;font-size:19px}
nav a{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.14em}
nav b span{color:#e08a5c}
/* hero: full-bleed photo, dark overlay, torn bottom edge */
section.dark{background:var(--char);position:relative}
section.hero-img{background:linear-gradient(90deg,rgba(28,25,23,.86),rgba(28,25,23,.55) 55%,rgba(28,25,23,.35)),var(--hero) center/cover no-repeat;padding:96px 0 120px}
section.hero-img h1{text-shadow:0 2px 18px rgba(0,0,0,.4)}
section,.band{position:relative}
.et:before,.eb2:after{content:"";position:absolute;left:0;right:0;height:24px;pointer-events:none;z-index:2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V14l40-6 35 7 50-9 45 8 60-11 40 9 55-5 45 8 70-12 40 7 60-4 35 6 55-9 50 10 45-8 60 6 40-9 55 7 45-6 60 10 40-8 50 5 45-7 35 9 50-6V26z'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 26' preserveAspectRatio='none'%3E%3Cpath d='M0 26V14l40-6 35 7 50-9 45 8 60-11 40 9 55-5 45 8 70-12 40 7 60-4 35 6 55-9 50 10 45-8 60 6 40-9 55 7 45-6 60 10 40-8 50 5 45-7 35 9 50-6V26z'/%3E%3C/svg%3E") center/100% 100%}
.et:before{top:-1px;transform:scaleY(-1);background:var(--et)}.eb2:after{bottom:-1px;background:var(--eb)}
/* stone band (the textured gray band) */
.alt{background:var(--stone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .37 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");padding:80px 0}
section{padding:72px 0}
.dark:not(.hero-img){background:var(--char)}
.dark .lead{color:#e3ddd8}.dark .small{color:#c4bcb6}
.card,.pain li,.pc{border-radius:0;border:0;box-shadow:0 10px 28px rgba(40,30,25,.10)}
.pain li{border-left:4px solid var(--rust)}
.co{background:var(--char);color:#f3efeb;border:0;border-radius:0;box-shadow:12px 12px 0 var(--stone2)}
.co .ck li{border-color:#5a5452}
.q{font-family:Oswald,sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.03em;border-left-color:var(--rust)}
.q small{font-family:Lato,sans-serif;text-transform:none;letter-spacing:0}
.ck li:before{background:var(--rust)}.x li:before{background:var(--stone2)}
.fig{border-radius:0;border:0;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.cover{box-shadow:-10px 16px 36px rgba(0,0,0,.45)}
.steps i{background:var(--rust);border-radius:0;font-family:Oswald,sans-serif}
.cta{background:linear-gradient(rgba(47,43,41,.82),rgba(47,43,41,.88)),var(--band,none) center/cover;border-radius:0;padding:56px 26px}
.pc.best{border:2px solid var(--rust)}.pc .tag{border-radius:0;letter-spacing:.12em;text-transform:uppercase}
details{border-color:#cfc6be}summary{text-transform:uppercase;letter-spacing:.06em;font-weight:500}
footer{background:var(--char2);color:#bdb4ae;border:0;padding:44px 0;text-align:center;letter-spacing:.03em}footer a{color:#e8a27c}
/* full-bleed photo bands between sections */
.band{height:clamp(220px,38vw,460px);background:var(--img) center/cover no-repeat;position:relative}
@media(max-width:600px){section{padding:56px 0}section.hero-img{padding:64px 0 90px}.alt{padding:64px 0}}
/* free guide pages: photo backdrop + white card */
body:has(>main.c){background:linear-gradient(rgba(47,43,41,.55),rgba(47,43,41,.7)),var(--hero,#443f3d) center/cover fixed;min-height:100vh;padding:48px 16px}
main.c{background:var(--paper);box-shadow:0 20px 50px rgba(0,0,0,.35);border-top:5px solid var(--rust)}
main.c img{border-radius:2px}
.cta .lead,.cta p{color:#eee8e3}.cta .small{color:#d6cec8}