@import url('/assets/site.css');

:root{--wrap:1260px}
html{scroll-padding-top:1rem}
body{overflow-wrap:anywhere}
.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;max-width:840px}
.site-header nav a{font-size:.86rem;text-decoration:none;color:#dce0e3;padding:.2rem 0}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold)}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center;padding-block:5rem 6rem}
.hero h1{font-size:clamp(3.15rem,11vw,6.8rem);max-width:1000px}
.hero .lead{font-size:clamp(1.12rem,2.6vw,1.45rem);line-height:1.5;max-width:770px;color:#e6e6e2}
.hero .location{color:var(--gold);font-weight:600}
.hero-side{min-width:0;padding:2rem;border:1px solid rgba(233,200,120,.45);background:linear-gradient(135deg,#1d2023,#121415);border-radius:12px}
.hero-side .kicker{color:var(--gold);font-size:.82rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.hero-side>p{font-size:1.06rem;line-height:1.58}
.hero-side .fine{font-size:.83rem;color:#b9bfc3}
.hero-stats{display:flex;gap:1rem;align-items:center;padding-block:1.3rem;margin-block:1rem;border-block:1px solid var(--line)}
.hero-stats strong{font-size:4rem;line-height:1;color:var(--gold)}
.hero-stats span{max-width:190px;color:#e2e4e6}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.actions .button,.feature .button,.directory-section .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border:1px solid var(--gold);border-radius:4px;text-decoration:none;font-size:.91rem;font-weight:750;color:var(--gold);background:transparent;transition:background .2s,color .2s}
.actions .button.primary,.feature .button.primary{background:var(--gold);color:#161616}
.actions .button:hover,.feature .button:hover,.directory-section .button:hover{background:#f1d792;color:#151515}
.route-section{background:#eae7dc;color:#22292d;padding-block:5rem}
.route-section h2{max-width:800px}
.route-section .eyebrow{color:#705727}
.route-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}
.route{display:block;position:relative;padding:1.4rem 1.45rem;border:1px solid #c9c4b7;border-radius:7px;text-decoration:none;background:#fbfaf5;min-width:0;transition:transform .2s,box-shadow .2s}
.route:hover{transform:translateY(-3px);box-shadow:0 10px 26px #3c382324;color:#1d2427}
.route h3{font-size:1.35rem;margin-right:2rem}
.route p{color:#484d4e;line-height:1.5}
.route-arrow{position:absolute;right:1.25rem;top:1.2rem;font-size:1.3rem;color:#7c612e}
.section.wrap{padding-block:5rem;border-bottom:1px solid rgba(255,255,255,.13)}
.section-top{max-width:900px}
.section h2{max-width:1000px;font-size:clamp(2.2rem,7vw,5rem)}
.section .lead{font-size:clamp(1.1rem,2.1vw,1.34rem);color:#e0dbce;line-height:1.55;max-width:840px;margin-top:1rem}
.body-copy{max-width:850px;margin-top:2rem;display:grid;gap:.55rem}
.body-copy p,.section.wrap>p:not(.eyebrow):not(.lead):not(.fine){font-size:1.04rem;line-height:1.72;color:#cbd0d1}
.feature-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.3rem}
.feature{min-width:0;padding:1.5rem;border:1px solid #5b523b;background:#1a1d1f;border-radius:8px}
.feature h3{font-size:1.45rem;color:var(--gold)}
.feature p{line-height:1.55;color:#d4d8d9}
.feature .button{margin-top:1rem}
.feature .fine,.section .fine{font-size:.82rem;color:#aeb4b6}
.book-feature{background:linear-gradient(140deg,#352d1e,#181b1d)}
.related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.related h3{font-size:1.3rem;color:var(--gold)}
.related-list{list-style:none;display:grid;grid-template-columns:1fr;gap:.7rem;margin:1rem 0 0;padding:0}
.related-list li{min-width:0;padding:1rem;border:1px solid rgba(233,200,120,.25);border-radius:6px}
.related-list li a,.related-list li .inactive{display:block;font-weight:750}
.related-list li small{display:block;color:#abb3b4;line-height:1.4;margin-top:.25rem}
.inactive{color:#d5d1c5}
.shop-links{display:grid;gap:.55rem;margin-block:1.2rem}
.shop-links a,.feature .subtle{display:block;color:var(--gold)}
.timeline{margin-top:1rem;border:1px solid #5b523b;padding:1rem 1.25rem;border-radius:6px}
.timeline summary{cursor:pointer;font-weight:750;color:var(--gold)}
.timeline ol,.timeline ul{padding-left:1.5rem}
.timeline li{margin-top:1rem;padding-left:.2rem}
.timeline li span{display:block;color:#adb7ba;font-size:.9rem}
.timeline li p{margin:.25rem 0 0;color:#d2d5d6}
.directory-section{background:#f0ede5;color:#22292d;padding-block:5rem}
.directory-section .eyebrow{color:#705727}
.directory-section h2{max-width:900px}
.directory-section .lead{color:#3d4446}
.directory-legend{padding:1rem 1.25rem;background:#e4dfd2;border-left:4px solid #92743a;color:#303536;font-weight:650}
.directory-list{list-style:none;display:grid;grid-template-columns:1fr;gap:.7rem;padding:0;margin:2rem 0 3rem;counter-reset:none}
.directory-row{display:flex;gap:1rem;align-items:flex-start;min-width:0;padding:1rem 1.1rem;border:1px solid #ccc7b9;background:#fffdfa;border-radius:7px}
.directory-row>div{min-width:0}
.display-no{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:#262928;color:#f7e8bb;font-weight:800;font-size:.8rem}
.directory-row h3{font-size:1.14rem;letter-spacing:-.01em}
.directory-row h3 a{color:#22292d}
.directory-row h3 a:hover{color:#755a24}
.directory-row .domain{font-size:.78rem;letter-spacing:.02em;color:#555f60;margin:.25rem 0 .7rem}
.directory-row p:not(.domain){color:#424a4b;font-size:.91rem;line-height:1.45;margin:.25rem 0}
.directory-row .entry-status{font-weight:750;color:#6b5427!important;margin-top:.75rem!important}
.contact-section{background:linear-gradient(130deg,#24221d,#0c1012);padding-block:5rem}
.contact-section .wrap{max-width:900px}
.contact-section .lead{color:#e9e0cf}
.footer{padding-top:5rem}
@media(min-width:660px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-list{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.header-inner{align-items:center}.hero{grid-template-columns:minmax(0,1.7fr) minmax(260px,.6fr);padding-block:7rem 8rem}.route-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.route,.actions .button,.feature .button{transition:none}.route:hover{transform:none}}