@font-face{font-family:DM Sans;src:url(/travel/assets/fonts/dm-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Instrument Serif;src:url(/travel/assets/fonts/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url(/travel/assets/fonts/instrument-serif-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#faf7ef;--ink:#252f26;--muted:#50584b;--forest:#263e31;--cream:#f5ecda;--moss:#dfe5d7;--line:#dcd7ca;--accent:#8c4d32;--heading:"Instrument Serif",Georgia,serif;--body:"DM Sans",Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--body)}
a{color:inherit}
img{display:block;width:100%;height:auto}
button,input{font:inherit}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:.99;letter-spacing:-.025em}
h1{font-size:clamp(3.65rem,8vw,7.8rem)}
h2{font-size:clamp(2.65rem,5.1vw,4.9rem)}
h3{font-size:clamp(1.9rem,3.05vw,2.9rem)}
.wrap{width:min(1250px,calc(100% - 8.5vw));margin-inline:auto}
:focus-visible{outline:2px solid #bb5b36;outline-offset:5px}
.skip{position:fixed;left:12px;top:10px;padding:.5rem .85rem;background:white;transform:translateY(-150%);z-index:15}
.skip:focus{transform:translateY(0)}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:2}
.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}
.home-header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(19,32,24,.46),transparent);border:0;color:#fffdf1}
.home-header .header-inner{border-bottom:1px solid #ffffff58}
.brand{display:inline-flex;gap:.72rem;align-items:center;font:400 1.78rem/.95 var(--heading);white-space:nowrap;text-decoration:none;letter-spacing:-.025em}
.brand em{font-weight:400;opacity:.87}
.mark{width:29px;height:24px;display:inline-grid;position:relative;align-items:center;justify-content:center}
.mark span{display:block;position:absolute;border:1.5px solid currentColor;width:13px;height:13px;transform:rotate(45deg);border-right:0;border-bottom:0;top:8px;left:2px}
.mark span+span{left:12px;top:10px;width:11px;height:11px}
.site-header nav{display:flex;gap:clamp(.75rem,3vw,2.6rem);align-items:center}
.site-header nav a,.footer-link{font-weight:600;font-size:.9rem;text-underline-offset:.3em;text-decoration:none}
.site-header nav a:hover,.footer-link:hover{text-decoration:underline}
.hero{position:relative;display:grid;align-items:end;isolation:isolate;min-height:min(695px,83svh);color:#fffdf2;background:#27382a}
.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-photo{object-position:center 48%;z-index:-2}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(18,29,21,.83) 0%,rgba(21,34,25,.58) 38%,rgba(25,37,28,.10) 83%),linear-gradient(0deg,rgba(23,33,24,.64),transparent 52%)}
.hero-content{padding-block:11rem 6.3rem}
.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:.6rem;line-height:1.4}
.eyebrow span{width:1.4rem;height:1px;background:currentColor}
.hero h1{max-width:850px;font-size:clamp(4.4rem,9vw,9rem);margin:.65rem 0 1rem;text-wrap:balance}
.hero-intro{font-size:clamp(1rem,1.4vw,1.21rem);line-height:1.55;max-width:455px;color:#fffdf2}
.button{display:inline-flex;align-items:center;gap:1.6rem;padding:.78rem 1.15rem;margin-top:1.65rem;background:#f7efdc;color:#253328;text-decoration:none;font-weight:700;border-radius:3px;transition:background .2s}
.button:hover{background:#e8dbc0}
.hero-caption{position:absolute;inset:auto 0 1.35rem;display:flex;justify-content:flex-end;font-size:.72rem}
.hero-caption a{text-decoration-color:#f7efdc85;text-underline-offset:.27em}
.trek-section{padding-block:4.4rem 5.1rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.1rem;margin-bottom:2rem}
.section-head p{max-width:390px;color:var(--muted);font-size:.96rem;line-height:1.55}
.trek-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.65rem}
.trek-card{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--line)}
.card-image{display:block;overflow:hidden;background:#a1ae95;aspect-ratio:1.57;border-radius:3px}
.card-image img{height:100%;object-fit:cover;transition:transform .3s ease}
.trek-card:hover img{transform:scale(1.035)}
.card-copy{padding:1.1rem 0 1.2rem;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.meta{font-size:.68rem;text-transform:uppercase;font-weight:700;letter-spacing:.105em;color:#5c614e}
.meta span{margin:0 .19rem}
.card-copy h3{margin:.47rem 0 .58rem}
.card-copy h3 a{text-decoration:none}
.card-copy h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.card-copy>p:not(.meta){color:var(--muted);font-size:.94rem;line-height:1.55;margin-bottom:.85rem}
.text-link{font-size:.91rem;line-height:1.5;font-weight:700;text-decoration-color:#a48572;text-underline-offset:.3em;color:var(--accent)}
.text-link:hover{text-decoration-color:currentColor}
.card-copy>.text-link{margin-top:auto}
.prep-band{background:var(--moss);border-block:1px solid #cfd7c8}
.prep-inner{display:grid;grid-template-columns:1fr minmax(270px, .95fr);gap:clamp(2rem,8vw,8rem);padding-block:4.25rem}
.prep-inner h2{margin:.55rem 0 .8rem}
.prep-inner p:not(.eyebrow){max-width:430px;color:var(--muted);margin-bottom:1rem}
.checklist{display:grid;gap:0;background:#f8f7ef;border:1px solid #cdd3c6;border-radius:4px;padding:.45rem 1rem .4rem}
.checklist label{display:flex;align-items:flex-start;gap:.65rem;border-bottom:1px solid #deded1;padding:.6rem .1rem;cursor:pointer;font-size:.9rem;line-height:1.5}
.checklist label input{accent-color:#2e4a39;width:1.05rem;height:1.05rem;margin:.14rem 0 0;flex:none}
.checklist label:has(input:checked) span{color:#556253;text-decoration:line-through;text-decoration-thickness:1px}
.checklist-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem;min-height:2rem;padding-top:.2rem}
.checklist-footer button{border:0;background:transparent;color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer;padding:.23rem .08rem}
.about{display:grid;grid-template-columns:.85fr 1fr;gap:2rem;padding-block:4.3rem}
.about p{max-width:590px;color:var(--muted)}
.about p+p{margin-top:.65rem}
.site-footer{border-top:1px solid var(--line);background:#efeadd}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.5rem}
.footer-inner p,.footer-link{font-size:.82rem;color:var(--muted)}
.guide-head{padding-block:3.1rem 2.35rem}
.back-link{color:var(--accent);font-weight:700;font-size:.86rem;text-decoration:none}
.back-link:hover{text-decoration:underline;text-underline-offset:.2em}
.guide-head .meta{margin:1.75rem 0 .6rem}
.guide-head h1{font-size:clamp(3.6rem,8vw,7.3rem)}
.guide-intro{max-width:650px;margin:.8rem 0 1.15rem;color:var(--muted);font-size:1.12rem}
.route-line{display:inline-block;color:var(--forest);background:var(--moss);padding:.38rem .7rem;font-size:.86rem;font-weight:700;border-radius:3px}
.guide-figure img{border-radius:3px;width:100%;height:clamp(215px,40vw,475px);object-fit:cover;object-position:center 54%}
figcaption{font-size:.72rem;color:var(--muted);margin-top:.45rem;text-align:right}
figcaption a,.credit-page li a{text-underline-offset:.18em}
.article-layout{display:grid;grid-template-columns:minmax(155px,.28fr) minmax(0,1fr);gap:3rem;max-width:1030px;margin-block:3.5rem 5rem}
.guide-nav{align-self:start;position:sticky;top:1.2rem;display:grid;border-left:1px solid var(--line);padding-left:1rem;gap:.55rem}
.guide-nav a{font-size:.9rem;text-decoration:none;color:var(--muted)}
.guide-nav a:hover{text-decoration:underline;text-underline-offset:.2em}
.guide-body section{scroll-margin-top:1.4rem;margin-bottom:2.5rem}
.guide-body h2{font-size:clamp(2.6rem,5vw,4.2rem);margin-bottom:.7rem}
.personal{padding:1.2rem 1.35rem 1.35rem;background:#ebe9d9;border-left:2px solid #7a8b70}
.personal .eyebrow{margin-bottom:.42rem;color:#516349}
.steps{list-style:none;counter-reset:stops;margin:1.25rem 0 0;padding:0 0 0 .35rem}
.steps li{position:relative;border-left:1px solid #c5cbbd;padding:0 0 1.25rem 1.55rem}
.steps li:last-child{border-color:transparent;padding-bottom:0}
.steps li::before{counter-increment:stops;content:counter(stops);position:absolute;left:-.66rem;top:.13rem;border-radius:50%;width:1.28rem;height:1.28rem;background:var(--forest);color:white;font-size:.72rem;text-align:center;line-height:1.28rem}
.steps h3{font-size:1.95rem;margin-bottom:.2rem}
.steps p,.tips{color:var(--muted)}
.tips{padding-left:1.15rem;margin:.3rem 0 .9rem}
.tips li+li{margin-top:.35rem}
.reference{padding-top:1rem;border-top:1px solid var(--line)}
.reference h2{font-size:2.65rem}
.reference ul{margin:0;padding-left:1.13rem}
.reference a{font-size:.92rem;text-underline-offset:.2em}
.related{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0;display:flex;justify-content:space-between;align-items:center;color:var(--accent);text-decoration:none;gap:1rem}
.related div span{display:block;font-size:.81rem}
.related strong{font:400 2rem/1.05 var(--heading)}
.related:hover strong{text-decoration:underline;text-underline-offset:.12em}
.credit-page{padding-block:3.25rem 5rem}
.credit-page h1{margin:1rem 0 .75rem;font-size:clamp(3.5rem,8vw,6.5rem)}
.credit-page ul{list-style:none;padding:0}
.credit-page li{padding:1rem 0;border-bottom:1px solid var(--line)}
.credit-page li h2{font-size:2rem}
.credit-page li p{font-size:.9rem;margin-top:.35rem}
@media(max-width:800px){.trek-grid{gap:1.15rem}.section-head{align-items:start;flex-direction:column}.prep-inner{gap:1.7rem}.article-layout{gap:1.75rem}.hero{min-height:610px}}
@media(max-width:590px){.wrap{width:calc(100% - 2rem)}.header-inner{min-height:68px;gap:.5rem}.brand{font-size:1.35rem;gap:.37rem}.mark{scale:.83;width:23px}.site-header nav{gap:.58rem}.site-header nav a{font-size:.72rem}.hero{min-height:580px}.hero-content{padding:9.5rem 0 5.55rem}.hero h1{font-size:clamp(3.7rem,14.3vw,5.4rem);max-width:380px;text-wrap:initial}.hero-photo{object-position:56% center}.hero-shade{background:linear-gradient(90deg,#14241ac4,#18281f42 100%),linear-gradient(0deg,#16281ab0,transparent 72%)}.hero-caption{bottom:1.05rem}.trek-section,.prep-inner,.about{padding-block:2.9rem}.trek-grid,.prep-inner,.about{grid-template-columns:1fr}.trek-grid{gap:1.6rem}.card-copy{padding-bottom:1rem}.about{gap:.65rem}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.article-layout{grid-template-columns:1fr;gap:1.3rem;margin-top:2.2rem}.guide-nav{position:static;display:flex;flex-wrap:wrap;gap:.5rem .85rem}.guide-head{padding-block:2rem 1.5rem}.guide-head .meta{margin-top:1.1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.arrow{position:relative;display:inline-block;width:.68rem;height:.68rem;flex:none;margin-left:.22rem;color:currentColor;vertical-align:baseline}
.arrow::before,.arrow::after{content:"";position:absolute}
.arrow::before{width:100%;height:1.5px;background:currentColor;top:50%;left:0}
.arrow::after{width:.34rem;height:.34rem;border-top:1.5px solid;border-right:1.5px solid;right:0;top:calc(50% - .13rem);transform:rotate(45deg)}
.arrow-up{transform:rotate(-45deg)}
.arrow-down{transform:rotate(45deg)}
.pilgrimage-section{padding-bottom:4.8rem}
.pilgrimage-section .trek-card{grid-column:span 1}
.guide-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.guide-gallery h2{grid-column:1/-1}
.guide-gallery figure img{border-radius:3px}
.guide-gallery figcaption{text-align:left}
.guide-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:3px}
@media(max-width:590px){.pilgrimage-section{padding-bottom:2.9rem}}