html{scroll-padding-top:88px}.trail-hero{position:relative;isolation:isolate;min-height:94svh;display:flex;align-items:end;overflow:hidden;background:#16140f;color:#fff5e6}.trail-hero__image{position:absolute;inset:0;z-index:-2;background:url('../assets/hector-trainer.webp') 62% 48%/cover no-repeat;transform:scale(1.03)}.trail-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100e0cf5 0%,#17110cc9 43%,#21160b22 85%),linear-gradient(0deg,#100e0cdd 0%,transparent 55%)}.trail-hero__copy{padding:170px clamp(22px,8vw,130px) 95px;max-width:920px}.trail-hero .eyebrow{color:#e0bf83}.trail-hero h1{font:500 clamp(5.5rem,11vw,12rem)/.78 var(--display);letter-spacing:-.06em;margin:0 0 45px}.trail-hero h1 em{color:#e7c88f}.trail-hero__copy>p:not(.eyebrow){max-width:510px;font-size:clamp(1.05rem,1.6vw,1.4rem);color:#f2e6d0}.trail-hero__copy>a{display:inline-block;margin-top:30px;padding:15px 0;border-bottom:1px solid #e8c687;font:700 1.05rem var(--label);letter-spacing:.18em;color:#e9cb94}.trail-hero__stamp{position:absolute;right:6vw;bottom:60px;width:175px;height:175px;display:grid;place-items:center;border:1px solid #e9cd96;border-radius:50%;transform:rotate(12deg);text-align:center;color:#f1dba8;font:700 1.2rem/1.2 var(--label);letter-spacing:.15em;box-shadow:0 0 0 7px #b7985c35,inset 0 0 0 7px #b7985c35}
.trail-intro{display:grid;grid-template-columns:200px 1fr;gap:30px 70px;padding:70px clamp(22px,8vw,130px);background:#2a211b;color:#f5e8d2;border-block:1px solid #b69765}.trail-intro>span{font:700 1rem var(--label);letter-spacing:.18em;color:#d5b678;padding-top:13px}.trail-intro>p{font:500 clamp(2rem,3.4vw,4.5rem)/1.05 var(--display);max-width:950px;margin:0}.trail-intro>small{grid-column:2;color:#d5c7b2;font-size:.87rem}
.trail-map{position:relative;padding:110px clamp(22px,8vw,130px) 130px;background:#f5efe3;overflow:hidden}.trail-map__heading{max-width:800px;margin-bottom:80px}.trail-map__heading h2{margin:0}.trail-map__heading .eyebrow{color:#806039}.trail-stops{position:relative;z-index:1;display:grid;gap:90px}.trail-line{position:absolute;z-index:0;top:490px;bottom:170px;left:calc(clamp(22px,8vw,130px) + 65px);width:2px;background:#c8b292}.trail-line__fill{display:block;width:100%;height:var(--trail-progress,0%);max-height:100%;background:#856437;transition:height .12s linear}.trail-stop{display:grid;grid-template-columns:130px minmax(0,1fr);gap:48px;align-items:start;max-width:1080px}.trail-stop:nth-child(even){margin-left:clamp(10px,7vw,130px)}.trail-stop__pin{width:132px;height:132px;border:1px solid #a98451;background:#242019;color:#e5c68c;display:grid;place-items:center;border-radius:50%;font:500 5rem var(--display);box-shadow:0 0 0 10px #f5efe3,0 0 0 11px #aa8b60,0 18px 30px #2e211a30}.trail-stop__body{padding:34px 40px;border:1px solid #b79769;background:#fffaf0;box-shadow:16px 18px 0 #d7c5aa,0 20px 45px #2b1c111f}.trail-stop__body>span,.trail-stop__body>small{font:700 .93rem var(--label);letter-spacing:.16em;color:#7f592d}.trail-stop__body h3{font:500 clamp(2.8rem,4.6vw,5.7rem)/.95 var(--display);letter-spacing:-.04em;margin:22px 0;color:#281d15}.trail-stop__body p{max-width:650px;font-size:clamp(1rem,1.35vw,1.18rem);color:#514637}.trail-stop__body small{display:block;padding-top:17px;border-top:1px solid #baa17d;color:#85683d}
.trail-finish{min-height:640px;display:flex;align-items:center;padding:100px clamp(22px,8vw,130px);color:#f5ead8;background:linear-gradient(90deg,#12110eea,#12110e75),url('../assets/caballera-with-hector.webp') 55% 50%/cover}.trail-finish>div{max-width:800px}.trail-finish .eyebrow{color:#e0bc7c}.trail-finish h2 em{color:#e7c58c}.trail-finish p:not(.eyebrow){max-width:500px;color:#e8deca}.trail-finish .gold-button{margin-top:25px}
@media(min-width:941px){.trail-hero__image{background-position:10% 50%}.trail-hero__shade{background:linear-gradient(270deg,#100e0cf5 0%,#17110cd8 36%,#21160b17 78%),linear-gradient(0deg,#100e0cba,transparent 70%)}.trail-hero__copy{margin-left:auto;width:57%;padding-left:20px}.trail-hero__stamp{right:auto;left:6vw}}
html[data-theme="night"] .trail-map{background:#171512;color:#f6ebd8}html[data-theme="night"] .trail-line{background:#51402b}html[data-theme="night"] .trail-stop__pin{box-shadow:0 0 0 10px #171512,0 0 0 11px #aa8b60,0 18px 30px #0009}html[data-theme="night"] .trail-stop__body{background:#28231b;border-color:#97784f;box-shadow:16px 18px 0 #33291c,0 20px 45px #0007}html[data-theme="night"] .trail-stop__body h3{color:#f9ecd5}html[data-theme="night"] .trail-stop__body p{color:#dfd1ba}html[data-theme="night"] .trail-stop__body>span,html[data-theme="night"] .trail-stop__body>small{color:#dcc08b}
@media(max-width:940px){.trail-intro{grid-template-columns:1fr;gap:20px}.trail-intro>small{grid-column:auto}.trail-stop:nth-child(even){margin-left:0}}
@media(max-width:620px){.trail-hero{min-height:85svh}.trail-hero__image{background-position:0 center}.trail-hero__shade{background:linear-gradient(0deg,#100e0cf2 0%,#17110ca8 65%,#21160b5a)}.trail-hero__copy{padding:170px 22px 65px}.trail-hero h1{font-size:clamp(5rem,20vw,8rem)}.trail-hero__stamp{display:none}.trail-intro{padding:55px 22px}.trail-intro>p{font-size:2.2rem}.trail-map{padding:75px 22px 95px}.trail-map__heading{margin-bottom:55px}.trail-stops{gap:50px}.trail-line{left:57px;top:350px;bottom:120px}.trail-stop{grid-template-columns:70px minmax(0,1fr);gap:17px}.trail-stop__pin{width:70px;height:70px;font-size:2.8rem;box-shadow:0 0 0 5px #f5efe3,0 0 0 6px #aa8b60}.trail-stop__body{padding:24px 20px;box-shadow:7px 8px 0 #d7c5aa}.trail-stop__body>span,.trail-stop__body>small{font-size:.72rem}.trail-stop__body h3{font-size:2.5rem;margin:16px 0}.trail-stop__body p{font-size:.92rem}.trail-finish{min-height:570px;padding:70px 22px}html[data-theme="night"] .trail-stop__pin{box-shadow:0 0 0 5px #171512,0 0 0 6px #aa8b60}html[data-theme="night"] .trail-stop__body{box-shadow:7px 8px 0 #33291c}}
@media(prefers-reduced-motion:reduce){.trail-line__fill{transition:none}}