
:root{--page-photo-height:510px}
.logo-stage,.editorial-page-hero,.equipment-photo-head{height:var(--page-photo-height);min-height:var(--page-photo-height);max-height:var(--page-photo-height);position:relative;overflow:hidden;box-sizing:border-box}
.logo-stage{padding:24px}
.logo-stage .hero-brand-logo{max-height:calc(var(--page-photo-height) - 48px);width:min(560px,78vw);object-fit:contain}
.editorial-page-hero img{height:100%;width:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 62%}
.equipment-photo-head{background:var(--white);padding-block:48px;display:flex;align-items:center}
.equipment-photo-head::before{z-index:0;pointer-events:none}
.equipment-photo-head>div{position:relative;z-index:1}
.equipment-photo-head .equipment-hero-photo{position:absolute;inset:0;height:100%;width:100%;max-width:none;object-fit:cover;object-position:center 58%;z-index:-1}
.equipment-photo-head{background:transparent}
.equipment-photo-head::before{background:linear-gradient(90deg,rgba(250,251,252,.8),rgba(250,251,252,.2))}
.equipment-intro-below{padding:32px max(44px,calc((100% - 1180px)/2));background:var(--white)}
.equipment-intro-below .equipment-intro{max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.equipment-intro-below p{margin:0;color:var(--gray)}
.scroll-photo{transform:translate3d(0,var(--photo-shift,0px),0);will-change:transform}
.logo-stage .mountain-photo.scroll-photo,.editorial-page-hero img.scroll-photo,.equipment-photo-head .equipment-hero-photo.scroll-photo,.card-media img.scroll-photo{height:calc(100% + var(--parallax-room,90px)*2);max-height:none;top:calc(-1*var(--parallax-room,90px));bottom:auto;object-fit:cover;transition:none}
.editorial-page-hero img.scroll-photo,.card-media img.scroll-photo{position:relative}
.card-media{overflow:hidden}
@media(max-width:760px){
:root{--page-photo-height:360px}
.equipment-photo-head{padding:32px 22px}
.equipment-photo-head h2{font-size:2.4rem}
.equipment-intro-below{padding:28px 22px}
.equipment-intro-below .equipment-intro{grid-template-columns:1fr;gap:16px}
.editorial-page-hero img{object-position:center 65%}
}
@media(prefers-reduced-motion:reduce){.scroll-photo{transform:none;will-change:auto}}

/* Compact two-line name beside the symbol. */
.brand .brand-name.brand-stacked{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:.8rem;line-height:1.05;letter-spacing:.045em;height:29px;white-space:nowrap}
.brand .brand-stacked>span{display:block}
.equipment-photo-head{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}
.equipment-photo-head .equipment-intro{position:relative;z-index:1;max-width:440px;padding:24px;background:rgba(250,251,252,.84)}
.equipment-photo-head .equipment-intro p{font-size:1rem;line-height:1.5;margin:0;color:#25292c}
.equipment-photo-head .equipment-intro p+p{margin-top:14px}
@media(max-width:760px){
.brand .brand-name.brand-stacked{font-size:.72rem;height:26px}
.equipment-photo-head{grid-template-columns:1fr;gap:12px;padding:20px 22px;align-content:center}
.equipment-photo-head h2{font-size:clamp(1.65rem,6.6vw,2.2rem);line-height:1.06;margin-top:8px}
.equipment-photo-head .equipment-intro{padding:12px 14px;max-width:none}
.equipment-photo-head .equipment-intro p{font-size:.92rem;line-height:1.35}
.equipment-photo-head .equipment-intro p+p{margin-top:8px}
}

/* Keep the full navigation on one line on phones only. */
@media(max-width:760px){
 .nav-inner .nav-links{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;min-width:0;gap:clamp(5px,1.8vw,12px);font-size:clamp(.56rem,2.55vw,.68rem);letter-spacing:.035em}
 .nav-inner .nav-links a{flex:0 0 auto;white-space:nowrap;min-height:44px}
}
