.destination-page .site-header:not(.is-scrolled) { color: #fff; }
.destination-shell { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.destination-hero { min-height: 560px; display: grid; align-items: end; padding: 170px 0 84px; color: #fff; background: linear-gradient(110deg, rgba(23,35,30,.98), rgba(38,58,50,.84)), url('../images/placeholders/hero-heide.svg') center/cover; }
.destination-hero h1 { max-width: 850px; margin: 12px 0 20px; font: 600 clamp(3.6rem,7vw,7rem)/.88 'Barlow Condensed','Arial Narrow',sans-serif; letter-spacing: -.025em; text-transform: uppercase; }
.destination-hero > div > p:not(.eyebrow) { max-width: 700px; font-size: clamp(1.1rem,1.8vw,1.35rem); color: rgba(255,255,255,.78); }
.destination-hero__notice { max-width: 760px; margin-top: 30px; padding: 18px 22px; border: 1px solid rgba(255,255,255,.25); background: rgba(0,0,0,.14); }
.destination-hero__notice strong { display: block; margin-bottom: 4px; color: #fff; }
.destination-list { padding-block: 78px 110px; }
.destination-list__intro { display: flex; justify-content: space-between; align-items: start; gap: 30px; padding-bottom: 32px; border-bottom: 1px solid var(--color-sand-200); }
.destination-list__intro span { font: 600 2rem/1 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.destination-list__intro p { max-width: 600px; margin: 0; color: var(--color-muted); }
.destination-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 54px 24px; margin-top: 42px; }
.destination-card { min-width: 0; }
.destination-card__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--color-mist-100); }
.destination-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.destination-card:hover img { transform: scale(1.025); }
.destination-card__body { padding: 24px 4px 0; }
.destination-card h2 { margin: 8px 0 13px; font: 600 clamp(1.9rem,2.7vw,2.7rem)/.98 'Barlow Condensed',sans-serif; text-transform: uppercase; }
.destination-card__body > p:not(.eyebrow) { min-height: 5.2em; color: var(--color-muted); }
.destination-card__link { display: inline-flex; gap: 15px; margin-top: 8px; padding-bottom: 4px; font-weight: 500; border-bottom: 1px solid currentColor; }
.destination-card__link span { transition: transform .2s; }.destination-card__link:hover span { transform: translateX(4px); }
.destination-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 70px; }.destination-pagination .page-numbers { padding: 8px 12px; border: 1px solid var(--color-sand-200); }.destination-pagination .current { color:#fff; background:var(--color-forest-800); }

.destination-single__hero { position: relative; min-height: 720px; display: grid; align-items: end; padding: 180px 0 92px; color: #fff; background: var(--destination-image) center/cover no-repeat; }
.destination-single__shade { position:absolute; inset:0; background: linear-gradient(180deg,rgba(12,22,18,.25),rgba(12,22,18,.88)); }
.destination-single__hero-inner { position: relative; z-index:1; }
.destination-single__hero h1 { max-width: 980px; margin: 12px 0 20px; font: 600 clamp(4rem,8vw,8rem)/.85 'Barlow Condensed','Arial Narrow',sans-serif; letter-spacing:-.03em; text-transform:uppercase; }
.destination-single__hero-inner > p:last-child { max-width: 720px; margin:0; font-size:clamp(1.15rem,2vw,1.45rem); color:rgba(255,255,255,.8); }
.destination-single__layout { display:grid; grid-template-columns:minmax(0,820px) 300px; justify-content:space-between; gap:80px; padding-block:80px 120px; }
.destination-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-bottom:64px; background:var(--color-sand-200); border:1px solid var(--color-sand-200); }
.destination-facts div { padding:22px; background:var(--color-sand-50); }.destination-facts span { display:block; margin-bottom:6px; color:var(--color-muted); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }.destination-facts strong { font-size:1.05rem; }
.destination-prose { font-size:1.12rem; }.destination-prose > p:first-child { font-size:1.35rem; line-height:1.55; }.destination-prose h2,.trail-plan h2,.destination-map-card h2,.destination-sources h2,.destination-rail h2 { font:600 clamp(2.3rem,4vw,3.7rem)/.95 'Barlow Condensed',sans-serif; text-transform:uppercase; }.destination-prose h2 { margin-top:64px; }
.trail-plan { margin-top:72px; padding-top:48px; border-top:2px solid var(--color-forest-800); }.trail-plan__heading { max-width:680px; }.trail-stages { margin:34px 0 0; padding:0; list-style:none; border-top:1px solid var(--color-sand-200); }.trail-stages li { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:20px; min-height:78px; border-bottom:1px solid var(--color-sand-200); }.trail-stages span { color:var(--color-heath-500); font:600 1.4rem 'Barlow Condensed',sans-serif; }.trail-stages strong { font-weight:500; }
.trail-status { margin-top:34px; padding:24px 28px; background:var(--color-mist-100); border-left:4px solid var(--color-heath-500); }.trail-status p { margin-bottom:0; }
.destination-map-card { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-top:72px; padding:40px; color:#fff; background:var(--color-forest-800); }.destination-map-card h2 { margin:8px 0 12px; }.destination-map-card p { max-width:570px; color:rgba(255,255,255,.7); }.destination-map-card a { flex:none; padding:14px 18px; color:var(--color-forest-950); background:#fff; font-weight:500; }
.destination-sources { margin-top:64px; padding-top:40px; border-top:1px solid var(--color-sand-200); }.destination-sources h2 { font-size:2.4rem; }.destination-sources ul { padding-left:1.1em; }.destination-sources a { overflow-wrap:anywhere; text-decoration:underline; text-underline-offset:3px; }
.destination-related { margin-top:72px; }.destination-related > h2 { font:600 clamp(2.3rem,4vw,3.7rem)/.95 'Barlow Condensed',sans-serif; text-transform:uppercase; }.destination-related__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.destination-related article img { width:100%; aspect-ratio:4/3; object-fit:cover; }.destination-related article span { display:block; margin-top:14px; color:var(--color-muted); font-size:.78rem; text-transform:uppercase; }.destination-related article strong { display:block; margin-top:3px; font:600 1.45rem/1.05 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.destination-rail { align-self:start; position:sticky; top:110px; padding:30px; background:var(--color-sand-100); }.destination-rail h2 { margin:8px 0 18px; font-size:2.2rem; }.destination-rail > a { display:inline-block; margin-top:20px; font-weight:500; border-bottom:1px solid; }

@media (max-width: 1050px) { .destination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.destination-single__layout { grid-template-columns:1fr; }.destination-rail { position:static; max-width:680px; } }
@media (max-width: 700px) { .destination-shell { width:min(100% - 40px,1240px); }.destination-hero { min-height:520px; padding:130px 0 60px; }.destination-hero h1 { font-size:clamp(3.2rem,16vw,5rem); }.destination-list { padding-block:52px 80px; }.destination-list__intro { display:block; }.destination-list__intro p { margin-top:14px; }.destination-grid { grid-template-columns:1fr; gap:46px; }.destination-card__body > p:not(.eyebrow) { min-height:0; }.destination-single__hero { min-height:620px; padding:130px 0 58px; }.destination-single__hero h1 { font-size:clamp(3.5rem,17vw,6rem); }.destination-single__layout { gap:46px; padding-block:48px 80px; }.destination-facts { grid-template-columns:1fr; margin-bottom:44px; }.destination-map-card { display:block; padding:28px; }.destination-map-card a { display:inline-block; margin-top:16px; }.trail-stages li { grid-template-columns:46px 1fr; }.destination-rail { padding:24px; } }
@media (max-width: 700px) { .destination-related__grid { grid-template-columns:1fr; } }
@media (max-width: 420px) { .destination-hero h1 { font-size:2.55rem; }.destination-single__hero h1 { font-size:2.8rem; overflow-wrap:anywhere; }.destination-hero > div > p:not(.eyebrow),.destination-single__hero-inner > p:last-child { font-size:1.05rem; } }
