/* Phase 18: Mountain destination detail pages only.
 * Preserve the original photo, avoid empty side panels and retain the 80% site container. */
.mountain-detail-page .inner-intro{padding:clamp(23px,3vw,44px) 0}
.mountain-detail-page .inner-intro h1{font-size:clamp(32px,3.3vw,51px);line-height:1.16;margin:10px 0}
.mountain-detail-page .inner-intro .eyebrow{margin-top:12px}
.mountain-detail-page .inner-intro-symbol{height:83px;width:83px;flex-basis:83px}
.mountain-detail-page .inner-intro-symbol svg{width:40px;height:40px}
.mountain-detail-page .mountain-visual-section{padding-top:clamp(16px,2.2vw,31px)}
.mountain-detail-page .mountain-visual-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);gap:0;min-width:0;align-items:stretch;border-radius:14px;overflow:hidden;border:1px solid #e9ded5;background:#fcf9f6;box-shadow:0 14px 28px rgba(72,37,25,.06)}
.mountain-detail-page .mountain-visual-photo{margin:0;min-width:0;overflow:hidden;background:#e5dfd7}
.mountain-detail-page .mountain-photo-stage{height:100%;min-height:370px;max-height:465px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#e5dfd7}
/* Blurred copy fills the leftover width while the actual photo stays fully visible. */
.mountain-detail-page .mountain-photo-backdrop{position:absolute;z-index:0;width:110%;height:110%;inset:-5%;object-fit:cover;filter:blur(22px) brightness(.86);pointer-events:none}
.mountain-detail-page .mountain-photo-main{position:relative;display:block;width:100%;height:100%;max-height:465px;object-fit:contain;object-position:center;z-index:1}
.mountain-detail-page .mountain-photo-placeholder{display:grid;place-items:center;min-height:360px;height:100%;color:var(--brand);background:#f0e6dd}
.mountain-detail-page .mountain-photo-placeholder svg{width:80px;height:80px;opacity:.7}
.mountain-detail-page .mountain-visual-summary{padding:clamp(25px,3vw,47px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0}
.mountain-detail-page .mountain-visual-summary h2{font:650 clamp(25px,2.25vw,35px)/1.22 var(--site-heading-font);letter-spacing:-.025em;color:var(--brand);margin:11px 0 14px;overflow-wrap:anywhere}
.mountain-detail-page .mountain-visual-description{font-size:14px;line-height:1.75;color:#6b5b53;margin:0 0 19px;overflow-wrap:anywhere}
.mountain-detail-page .mountain-key-facts{display:grid;gap:11px;width:100%;margin:0 0 25px;padding:16px 0;border-top:1px solid #e9ddd4;border-bottom:1px solid #e9ddd4}
.mountain-detail-page .mountain-key-facts>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.mountain-detail-page .mountain-key-facts dt{display:flex;align-items:center;gap:8px;color:#736056;font-size:12px}
.mountain-detail-page .mountain-key-facts dt svg{color:var(--accent);flex-shrink:0}
.mountain-detail-page .mountain-key-facts dd{margin:0;font-weight:700;font-size:13px;color:var(--brand);text-align:right}
.mountain-detail-page .mountain-visual-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.mountain-detail-page .mountain-visual-actions .cta-btn{display:inline-flex;align-items:center;gap:9px;font-size:12px;min-height:43px;padding:11px 15px;text-decoration:none}
.mountain-detail-page .mountain-outline-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 15px;border:1px solid var(--brand);border-radius:5px;color:var(--brand);font-size:12px;font-weight:700;text-decoration:none;transition:color .2s ease,background-color .2s ease}
.mountain-detail-page .mountain-outline-button:hover,.mountain-detail-page .mountain-outline-button:focus-visible{background:var(--brand);color:#fff}
.mountain-detail-page .mountain-main-section{padding-top:clamp(29px,3.5vw,47px)}
.mountain-detail-page .mountain-editorial-layout{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:clamp(28px,3.5vw,58px)}
.mountain-detail-page .mountain-article-heading{font:650 clamp(25px,2.3vw,32px)/1.3 var(--site-heading-font);color:var(--brand);margin:0 0 16px;letter-spacing:-.02em}
.mountain-detail-page .mountain-article{font-size:15px;line-height:1.83}
.mountain-detail-page .mountain-article-copy{margin-top:0}
.mountain-detail-page .mountain-article-copy + .mountain-article-copy{margin-top:22px}
.mountain-detail-page .mountain-article-copy h2{font-size:clamp(21px,1.65vw,25px);line-height:1.34;margin:27px 0 10px;color:var(--brand)}
.mountain-detail-page .mountain-article-copy h3{font-size:clamp(18px,1.3vw,20px);line-height:1.42;margin:21px 0 9px;color:var(--brand)}
.mountain-detail-page .mountain-article-copy h4{font-size:17px;line-height:1.45;margin:18px 0 8px;color:var(--brand)}
.mountain-detail-page .mountain-article-copy p{margin:0 0 14px}
.mountain-detail-page .mountain-article-copy p + p{margin-top:9px}
.mountain-detail-page .mountain-editorial-aside h2{font-size:clamp(21px,1.9vw,25px)}
.mountain-detail-page .mountain-section-divider{margin-top:clamp(36px,4vw,52px);scroll-margin-top:110px}
.mountain-detail-page .mountain-section-divider h2{font-size:clamp(24px,2.15vw,32px)}
@media(max-width:1080px){
 .mountain-detail-page .mountain-visual-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
 .mountain-detail-page .mountain-visual-summary{padding:27px}
 .mountain-detail-page .mountain-photo-stage{min-height:340px;max-height:410px}
 .mountain-detail-page .mountain-photo-main{max-height:410px}
}
@media(max-width:900px){
 .mountain-detail-page .mountain-visual-layout{grid-template-columns:minmax(0,1fr)}
 .mountain-detail-page .mountain-photo-stage{min-height:0;height:clamp(235px,47vw,400px);max-height:400px}
 .mountain-detail-page .mountain-photo-main{max-height:400px}
 .mountain-detail-page .mountain-visual-summary{padding:26px 29px}
 .mountain-detail-page .mountain-editorial-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
 .mountain-detail-page .inner-intro{padding:22px 0}
 .mountain-detail-page .inner-intro h1{font-size:clamp(29px,7vw,38px)}
 .mountain-detail-page .mountain-visual-section{padding-top:15px}
 .mountain-detail-page .mountain-photo-stage{height:clamp(220px,63vw,315px)}
 .mountain-detail-page .mountain-visual-summary{padding:23px 19px}
 .mountain-detail-page .mountain-visual-summary h2{font-size:25px}
 .mountain-detail-page .mountain-main-section{padding-top:27px}
 .mountain-detail-page .mountain-article{font-size:14px;line-height:1.78}
 .mountain-detail-page .mountain-article-heading{font-size:26px}
 .mountain-detail-page .mountain-visual-actions{width:100%}
}
@media(prefers-reduced-motion:reduce){.mountain-detail-page .mountain-outline-button{transition:none}}