/* Wrist Mode - live watch + "the dial opens" effect. Load AFTER your hero CSS. */
.wm-journey{position:relative}
.wm-pin{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--ink,#06110f);isolation:isolate}
.wm-stage{position:absolute;inset:0;z-index:0}.wm-stage svg{width:100%;height:100%;display:block}
.wm-pin .hero{position:absolute;inset:0;z-index:1;height:100%;min-height:0;background:transparent;
  -webkit-mask-image:radial-gradient(circle at var(--mx,70%) var(--my,50%),transparent var(--hr,0px),#000 calc(var(--hr,0px) + 1.5px));
  mask-image:radial-gradient(circle at var(--mx,70%) var(--my,50%),transparent var(--hr,0px),#000 calc(var(--hr,0px) + 1.5px))}
.wm-zoom{position:absolute;inset:0;z-index:-3;transform-origin:0 0;will-change:transform}
.wm-pin .hero-media{transform:none!important}
.wm-fit{position:absolute;inset:0;transform:scale(1.08);animation:heroZoom 2s cubic-bezier(.2,.7,.2,1) 1.9s both}
.wm-canvas{position:absolute;left:0;top:0;width:1774px;height:887px;transform-origin:0 0}
.wm-canvas img,.wm-canvas svg{position:absolute;left:0;top:0;width:1774px;height:887px;max-width:none;display:block;object-fit:fill;transform:none!important;animation:none!important}
.hero-media img.wm-src{opacity:0;animation:none}
.lit{filter:drop-shadow(0 0 14px rgba(217,184,106,.6))}
.wm-ch{position:absolute;inset:0;z-index:3;pointer-events:none}
.wm-card{position:absolute;left:var(--gutter,5vw);top:50%;translate:0 -50%;width:min(27rem,86vw);padding:1.9rem;background:rgba(6,17,15,.72);backdrop-filter:blur(5px);border:1px solid rgba(224,203,152,.22);color:var(--white,#fffdf8);opacity:0;visibility:hidden;transform:translateY(22px);will-change:transform,opacity}
.wm-eye{margin:0 0 1rem;color:var(--gold-light,#e0cb98);font:500 .68rem var(--sans,sans-serif);text-transform:uppercase;letter-spacing:.22em}
.wm-card h2{margin:0 0 1rem;font:400 clamp(2.4rem,4.4vw,3.8rem)/1 var(--serif,serif);font-style:italic}
.wm-card p:last-child{margin:0;color:rgba(255,255,255,.7);font:400 .95rem/1.65 var(--sans,sans-serif)}
.wm-pr{position:absolute;right:var(--gutter,5vw);top:50%;translate:0 -50%;z-index:4;display:flex;align-items:center;gap:.7rem;opacity:0}
.wm-pr b{writing-mode:vertical-rl;font:500 .54rem var(--sans,sans-serif);letter-spacing:.3em;color:rgba(255,255,255,.5)}
.wm-trk{width:2px;height:9.5rem;background:rgba(255,255,255,.16);position:relative;overflow:hidden}
.wm-trk i{position:absolute;inset:0;background:var(--gold,#c4a35a);transform-origin:top;transform:scaleY(0)}
.wm-snd{position:absolute;top:7.4rem;right:var(--gutter,5vw);z-index:4;background:rgba(6,17,15,.72);border:1px solid rgba(196,163,90,.45);color:var(--gold-light,#e0cb98);font:500 .6rem var(--sans,sans-serif);letter-spacing:.12em;text-transform:uppercase;padding:.48rem .85rem;border-radius:2rem;cursor:pointer;backdrop-filter:blur(8px)}
.wm-snd:hover,.wm-snd:focus-visible{color:var(--ink,#06110f);background:var(--gold-light,#e0cb98)}
.wm-snd.is-hidden{opacity:0;pointer-events:none}
.wm-exit{position:absolute;bottom:1.8rem;left:50%;z-index:5;display:inline-flex;align-items:center;gap:.75rem;color:var(--white,#fffdf8);font:500 .62rem var(--sans,sans-serif);letter-spacing:.18em;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity}
.wm-exit::after{content:"↓";display:grid;place-items:center;width:2.5rem;aspect-ratio:1;border:1px solid rgba(224,203,152,.55);border-radius:50%;color:var(--gold-light,#e0cb98)}
.wm-exit.on{pointer-events:auto}
@media(max-width:700px){.wm-card{top:auto;bottom:5.5rem;translate:none;left:1.25rem;right:1.25rem;width:auto;padding:1.4rem;backdrop-filter:none}.wm-pr{display:none}.wm-snd{top:auto;right:1.25rem;bottom:1.2rem}.wm-exit{bottom:1.2rem}.lit{filter:none}}
@media(prefers-reduced-motion:reduce){.wm-fit{animation:none}.wm-card,.wm-exit{will-change:auto}}