/* Softer architectural surfaces; original image contrast is preserved. */
:root{--paper:#d1d2cf;--ink:#282c29;--red:#bb392f;--line:#afb3ad}
body,.intro,.equipment,.closing{background:var(--paper)}.detail-section{background:#c4c7c1}.orientation{background:#c9ccc6;border-bottom-color:#afb3ad}.photo-tag{background:rgba(207,211,204,.6);backdrop-filter:blur(18px) saturate(.75);-webkit-backdrop-filter:blur(18px) saturate(.75);border:1px solid #ffffff3d;border-left:0;border-bottom:0}.equipment-photo{background:#ccd0cb}.intro .muted,footer{color:#535b52}.detail-heading .note,.detail-a p{color:#41483f}
/* Stable matte header: avoid live backdrop sampling during scrolling. */
header{background:#cbd0c9;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid #ffffff40;box-shadow:none;transition:none}
.hero-link{padding:17px 21px;min-width:245px;background:rgba(206,217,207,.13);border:1px solid rgba(235,241,235,.31);backdrop-filter:blur(18px) saturate(.7);-webkit-backdrop-filter:blur(18px) saturate(.7);box-shadow:inset 0 1px 0 #ffffff18;transition:background .4s,border-color .4s,transform .4s var(--ease)}.hero-link:hover{background:rgba(214,225,216,.23);border-color:#edf5ed80;transform:translateY(-2px)}
.hero-foot .small{transition:opacity .4s}.hero-title p{color:#e1e5df}.hero-grid{border-color:#ffffff45}.orientation i{transform-origin:left;animation:accent-enter 1.4s .2s var(--ease) both}
.details-layout figure img{transition:transform 1.2s var(--ease)}.details-layout figure:hover img{transform:scale(1.018)}.detail-a figure,.detail-b{overflow:hidden}.range a{transition:border-color .35s,color .35s}.range a:hover{color:#a3332b;border-color:#a3332b}.js-motion .reveal{transition-duration:1.15s;transition-delay:var(--reveal-delay,0ms)}
@keyframes accent-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@supports not (backdrop-filter:blur(1px)){.hero-link{background:#343f3be6}.photo-tag{background:#cdd2ca}}
@media(max-width:760px){.hero-link{padding:13px 17px;min-width:225px}.hero-title p{margin:18px 0}.photo-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{transition:none;transition-delay:0s}.orientation i{animation:none}}
