/* A photographic composition for paused, reduced-motion and no-WebGL visits. */
.static-headline,.static-intro-copy,.static-dial{display:none}
body:is(.static-mode,:not(.enhanced)) .motion-headline{display:none}
body:is(.static-mode,:not(.enhanced)) .static-headline{display:block}
body:is(.static-mode,:not(.enhanced)) .static-intro-copy{display:block;font-size:clamp(17px,1.4vw,22px);line-height:1.5;margin:28px 0 24px;max-width:27ch;color:var(--muted)}
body:is(.static-mode,:not(.enhanced)) .display-intro{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;min-height:min(820px,100svh);padding:136px var(--gutter) 72px}
body:is(.static-mode,:not(.enhanced)) .display-copy{position:static;max-width:none;width:auto}
body:is(.static-mode,:not(.enhanced)) .display-copy h1{font-size:clamp(76px,9vw,154px);line-height:.94;margin:0;letter-spacing:-.04em}
body:is(.static-mode,:not(.enhanced)) .static-headline em{display:block;margin-left:.45em}
body:is(.static-mode,:not(.enhanced)) .display-intro .original-watch{position:relative;inset:auto;width:100%;height:clamp(380px,42vw,580px);opacity:1}
body:is(.static-mode,:not(.enhanced)) .display-intro .scroll-cue,body:is(.static-mode,:not(.enhanced)) .opening{display:none}
body:is(.static-mode,:not(.enhanced)) .closer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,7vw,110px);min-height:0;padding:80px var(--gutter)}
body:is(.static-mode,:not(.enhanced)) .detail-copy{max-width:480px;order:2}
body:is(.static-mode,:not(.enhanced)) .closer h2{font-size:clamp(54px,6vw,96px);line-height:1.03;margin:0}
body:is(.static-mode,:not(.enhanced)) .static-dial{display:block;max-width:580px;aspect-ratio:1;background:var(--ivory);order:1}
.static-dial a,.static-dial img{display:block;width:100%;height:100%}
.static-dial img{object-fit:cover;mix-blend-mode:multiply}
body:is(.static-mode,:not(.enhanced)) .in-the-world{min-height:0;padding:80px var(--gutter) 32px}
body:is(.static-mode,:not(.enhanced)) .back-home{min-height:0;padding:48px var(--gutter) 80px;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px)}
body:is(.static-mode,:not(.enhanced)) .box-still{display:block;width:100%;max-width:580px;margin:0;justify-self:center}
body:is(.static-mode,:not(.enhanced)) .box-still img{width:100%;height:auto}
@media(max-width:700px){
 body:is(.static-mode,:not(.enhanced)) .display-intro{grid-template-columns:1fr;gap:24px;padding:116px 22px 56px;min-height:0}
 body:is(.static-mode,:not(.enhanced)) .display-copy h1{font-size:clamp(66px,19vw,104px)}
 body:is(.static-mode,:not(.enhanced)) .static-headline em{display:inline;margin-left:0}
 body:is(.static-mode,:not(.enhanced)) .static-intro-copy{margin:20px 0 12px}
 body:is(.static-mode,:not(.enhanced)) .display-intro .original-watch{height:360px;grid-row:2}
 body:is(.static-mode,:not(.enhanced)) .closer{grid-template-columns:1fr;gap:32px;padding:48px 22px}
 body:is(.static-mode,:not(.enhanced)) .detail-copy{order:1}
 body:is(.static-mode,:not(.enhanced)) .static-dial{order:2;width:100%}
 body:is(.static-mode,:not(.enhanced)) .closer h2{font-size:50px}
 body:is(.static-mode,:not(.enhanced)) .closer h2 br{display:none}
 body:is(.static-mode,:not(.enhanced)) .detail-link{margin-top:20px}
 body:is(.static-mode,:not(.enhanced)) .in-the-world{padding:48px 22px 12px}
 body:is(.static-mode,:not(.enhanced)) .back-home{grid-template-columns:1fr;gap:24px;padding:36px 22px 56px}
 body:is(.static-mode,:not(.enhanced)) .return-copy h2{font-size:clamp(44px,12vw,64px)}
 body:is(.static-mode,:not(.enhanced)) .box-still{max-width:420px}
}

/* Disclosure belongs to the generated view, away from the exact-watch link. */
.range-imagery-label{position:absolute;z-index:3;top:16px;left:16px;display:flex;align-items:center;min-height:32px;padding:6px 10px;background:#f1ede3f2;color:#625c53;font:12px/1.35 Hanken,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px}
.range-swap[data-view="product"] .range-imagery-label{display:none}
.range-imagery-label:focus-visible{outline:2px solid #272520;outline-offset:3px}
@media(max-width:380px){.range-imagery-label{top:12px;left:12px;font-size:11px;padding:6px 8px}}
