/* The approved forest/gold palette, with borderless product films. */
.immersive-range{background:var(--paper)}
.product-scene{position:relative;isolation:isolate;min-height:640px;height:min(78vw,740px);overflow:hidden;background:var(--paper);display:flex;align-items:center}
.scene-media{position:absolute;inset:0;z-index:-2}
.scene-media video{width:100%;height:100%;object-fit:cover;display:block;opacity:.96}
.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17291ff5 2%,#17291fd9 24%,#17291f30 64%,#17291f0d),linear-gradient(0deg,#17291f 0%,transparent 24%,transparent 78%,#17291f 100%)}
.product-scene.reverse .scene-shade{background:linear-gradient(270deg,#17291ff5 2%,#17291fd9 24%,#17291f30 64%,#17291f0d),linear-gradient(0deg,#17291f 0%,transparent 24%,transparent 78%,#17291f 100%)}
.scene-copy{width:42%;max-width:490px;margin:0 0 0 7%;padding:68px 0 92px}
.product-scene.reverse .scene-copy{margin-left:auto;margin-right:7%}
.scene-copy h3{font-size:clamp(48px,5vw,72px);line-height:1.03;letter-spacing:-2px;margin:20px 0;color:var(--ink)}
.scene-tagline{font-size:22px;line-height:1.45;max-width:340px;color:#e1e8df;margin:0 0 28px}
.scene-specs{display:flex;gap:32px;margin:0 0 30px}
.scene-specs div{min-width:0;display:block;border:0;padding:0}.scene-specs dt{font-size:24px;font-weight:650;line-height:1.3;color:var(--accent)}
.scene-specs dd{font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.5}
.scene-play{position:absolute;bottom:30px;right:7%;min-width:90px;min-height:44px;padding:10px 16px;background:#17291f80;border:1px solid #97aa9580;color:var(--ink);font:500 12px/1.4 Arial,sans-serif;cursor:pointer}
.scene-portrait .scene-media{width:52%;left:auto;right:0}.scene-portrait.reverse .scene-media{left:0;right:auto}
.scene-portrait .scene-media video{position:absolute;width:auto;max-width:100%;left:50%;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.scene-portrait .scene-shade{background:linear-gradient(0deg,#17291f 0%,transparent 22%,transparent 80%,#17291f 100%)}
.range-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 20px 30px}
.range-jump a{min-height:44px;padding:12px 18px;font-size:13px;border-bottom:1px solid var(--line);color:var(--muted)}
.range-jump a:hover{color:var(--accent);border-color:var(--accent)}

/* Product pages: media is browsable rather than hidden behind a purchase action. */
.detail-lead{padding:58px 0 36px}.detail-lead h1{font-size:clamp(42px,6vw,76px);letter-spacing:-2px;line-height:1.05;margin:16px 0 20px}
.detail-lead>p{max-width:660px;font-size:18px;line-height:1.6;color:var(--muted)}
.detail-shortcuts{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0 0}.detail-shortcuts a{min-height:44px;padding:10px 0;border-bottom:1px solid var(--line)}
.detail-media{padding:20px 0 70px}.detail-media .landscape{aspect-ratio:16/9}
.detail-media .portrait{height:560px;aspect-ratio:auto}.detail-media .portrait video{object-fit:contain}
.detail-media .clip-picker{margin:20px 0}.detail-media .media-note{font-size:13px;line-height:1.6;color:var(--muted)}
.photo-section{padding:64px 0}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.photo-grid figure{margin:0}.photo-grid a{display:block;background:#20362a}.photo-grid img{display:block;width:100%;height:280px;object-fit:contain}.photo-grid figcaption{font-size:13px;color:var(--muted);line-height:1.5;padding:14px 0}
.detail-quote{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:40px 0 80px}
@media(max-width:760px){
 .intro{padding-bottom:28px}.range-jump{justify-content:flex-start;padding:0 20px 22px;gap:4px 10px}.range-jump a{padding:10px;font-size:12px}
 .product-scene{display:block;height:auto;min-height:0;padding-top:calc(100vw * .5625 - 12px);margin-bottom:16px}
 .scene-media{inset:0 0 auto;height:calc(100vw * .5625)}
 .scene-media video{object-fit:contain;width:100%;height:100%}
 .scene-shade,.product-scene.reverse .scene-shade{inset:0 0 auto;height:calc(100vw * .5625 + 1px);background:linear-gradient(0deg,#17291f 0%,#17291f66 16%,transparent 43%,transparent 84%,#17291f 100%)}
 .scene-copy,.product-scene.reverse .scene-copy{width:auto;max-width:none;margin:0;padding:4px 24px 90px}
 .scene-copy h3{font-size:42px;letter-spacing:-1.5px;margin:14px 0}.scene-tagline{font-size:18px;line-height:1.5;margin-bottom:22px;max-width:300px}
 .scene-specs{gap:28px;margin-bottom:26px}.scene-specs dt{font-size:22px}.scene-specs dd{font-size:12px}
 .scene-copy .button{min-height:48px}.scene-play{bottom:22px;right:24px}
 .scene-portrait{padding-top:370px}
 .scene-portrait .scene-media,.scene-portrait.reverse .scene-media{width:100%;height:430px;left:0;right:0;mask-image:none}
 .scene-portrait .scene-media video{object-fit:contain}
 .scene-portrait .scene-shade,.scene-portrait.reverse .scene-shade{height:431px;background:linear-gradient(0deg,#17291f 0%,#17291f66 22%,transparent 48%,transparent 85%,#17291f 100%)}
 .detail-lead{padding:28px 0 18px}.detail-lead h1{font-size:44px}.detail-lead>p{font-size:16px}.detail-shortcuts{gap:18px;font-size:14px}
 .detail-media{padding:12px 0 36px}.detail-media .portrait{height:440px}
 .photo-section{padding:40px 0}.photo-grid{grid-template-columns:1fr;gap:20px}.photo-grid img{height:auto;max-height:400px}.detail-quote{padding-bottom:48px}
}