.laser-experience{position:relative;isolation:isolate;overflow:hidden;background:#101213;color:#f3f1eb;padding:90px max(6vw,24px);display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;min-height:680px;border-top:1px solid #ffffff20}
.laser-experience:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 40%,#42494b80,transparent 55%),linear-gradient(120deg,#101213,#1d2021)}
.watch-copy{max-width:470px}.watch-copy .kicker{color:#bac4c5;font-size:11px;letter-spacing:.17em}.watch-copy h2{font-size:clamp(36px,4.6vw,68px);line-height:1.13;letter-spacing:-.05em;margin:24px 0}.watch-copy>p:not(.kicker){color:#b6bdbc;font-size:15px;line-height:1.9;max-width:340px}.watch-copy .pill{margin-top:20px}.watch-number{font:11px monospace;letter-spacing:.18em;color:#99a5a6;display:block;margin-bottom:30px}
.watch-stage{--wx:0deg;--wy:0deg;--shadow-x:0px;--light-x:50%;position:relative;height:490px;perspective:1000px;touch-action:pan-y;cursor:grab;outline-offset:-5px;border-radius:24px;user-select:none;-webkit-user-select:none}.watch-stage:focus-visible{outline:2px solid #d7dddc}.watch-stage.dragging{cursor:grabbing}
.watch-pedestal{position:absolute;left:9%;right:9%;bottom:32px;height:100px;border-radius:50%;background:linear-gradient(#545b5c,#282e2e 35%,#151a1a 75%);box-shadow:0 28px 45px #0008,inset 0 1px #cad4d355;transform:rotateX(35deg)}
.watch-shadow{position:absolute;width:48%;height:45px;bottom:95px;left:26%;background:#000a;border-radius:50%;filter:blur(15px);transform:translateX(var(--shadow-x));transition:transform .6s ease}
.watch-object{position:absolute;inset:0 3% 55px;transform:rotateX(var(--wx)) rotateY(var(--wy));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.watch-float{height:100%;position:relative;animation:watch-float 6s ease-in-out infinite;animation-play-state:paused}.watch-product{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 1px #d6e5e52b) drop-shadow(0 16px 20px #0006);pointer-events:none}
.watch-light{position:absolute;inset:16% 16%;border-radius:50%;background:radial-gradient(ellipse at var(--light-x) 20%,#e4f3f322,transparent 60%);mix-blend-mode:screen;pointer-events:none;transform:translateZ(8px)}
.watch-visible:not(.watch-still):not(.watch-hidden) .watch-float{animation-play-state:running}.watch-stage.dragging .watch-float{animation-play-state:paused!important}.dragging .watch-object,.dragging .watch-shadow{transition:none}
.watch-revealed:not(.watch-still) .watch-product{animation:watch-reveal .9s ease-out both}.watch-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;color:#bfc7c7;font-size:12px}.watch-caption button{color:inherit;background:none;border:0;border-bottom:1px solid #7b8989;padding:12px 4px;cursor:pointer;min-height:44px}.watch-caption button:hover{color:white}.watch-still *{animation:none!important;transition:none!important}
@keyframes watch-float{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-9px) rotate(.6deg)}}@keyframes watch-reveal{from{opacity:.15;transform:translateY(28px) scale(.94);filter:brightness(.35)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.laser-experience{padding:54px 22px 30px;grid-template-columns:1fr;gap:5px;min-height:0}.watch-copy h2{font-size:40px;margin:16px 0}.watch-number{margin-bottom:18px}.watch-stage{height:360px;margin:0 -12px}.watch-object{inset:0 0 55px}.watch-pedestal{bottom:28px;height:75px}.watch-shadow{bottom:80px}.watch-copy>p:not(.kicker){font-size:14px}.watch-copy .pill{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.laser-experience *{animation:none!important;transition:none!important}}
/* Real-photo use sequence; no invented moving internals. */
.watch-float{width:auto;aspect-ratio:1;margin:auto;max-width:100%}.watch-hotspots{position:absolute;inset:0}.watch-hotspots button{position:absolute;left:var(--hx);top:var(--hy);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid #d1d8d6;background:#142021c9;color:white;cursor:pointer;font:12px monospace}.watch-hotspots button[aria-pressed=true]{background:#e3d5ae;color:#141819}.watch-detail{min-height:48px;text-align:center;font-size:13px;line-height:1.7;color:#ccd3d1;margin:0 auto;max-width:480px}.watch-use,.watch-versions{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:52px;margin-top:40px}.watch-use{display:grid;grid-template-columns:1fr 1.15fr;gap:18px 48px}.watch-use h3,.watch-versions h3{font-size:clamp(28px,3.2vw,46px);line-height:1.2;margin:14px 0 20px;letter-spacing:-.03em}.watch-use p,.watch-versions p{color:#b6bdbc;font-size:14px;line-height:1.8}.wear-view{grid-column:2;grid-row:1/5;position:relative;aspect-ratio:1.5;border-radius:4px;overflow:hidden;background:#080a09}.wear-view img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:0;transform:translateY(-35%);opacity:0;transition:opacity .55s,scale .65s;scale:1.025}.wear-view img:nth-child(2){transform:translateY(-18%)}.wear-view[data-wear="0"] img:first-child,.wear-view[data-wear="1"] img:nth-child(2){opacity:1;scale:1}.wear-steps,.version-switch{display:flex;gap:10px;flex-wrap:wrap}.wear-steps button,.version-switch button{background:transparent;color:#c5ccca;border:1px solid #89918f70;padding:14px 16px;min-height:48px;cursor:pointer;border-radius:2px}.wear-steps button[aria-pressed=true],.version-switch button[aria-pressed=true]{background:#e6dfcf;color:#141819;border-color:#e6dfcf}.watch-footnote{font-size:11px!important;opacity:.8}.watch-versions{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.version-spec{padding-top:26px;transition:opacity .3s,transform .3s}.version-spec strong{font:16px monospace;color:#e6d3a0}.laser-experience[data-edition=silver] .version-spec strong{color:#d4e1e4}.version-spec dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.version-spec dt{font-size:11px;color:#aab4b0;margin:10px 0}.version-spec dd{font-size:17px;margin:0;white-space:nowrap}.base-evidence{position:relative;margin:0;overflow:hidden;aspect-ratio:1.2;background:#080a09;border:1px solid #d2bc7c55;transition:border-color .6s,box-shadow .6s;box-shadow:0 0 70px #c8a34b0b}.base-evidence[data-base=silver]{border-color:#d0e0e455;box-shadow:0 0 70px #c8e4ef12}.base-evidence img{width:100%;height:auto;display:block;transform:translateY(-24%)}.base-evidence figcaption{position:absolute;bottom:0;padding:16px;width:100%;background:linear-gradient(transparent,#080a09 30%);font-size:11px;color:#bcc5c2}.watch-use button:focus-visible,.watch-versions button:focus-visible,.watch-hotspots button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){.watch-use,.watch-versions{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding-top:32px;margin-top:32px}.watch-use-heading{order:0}.wear-view{order:1;aspect-ratio:1.25}.wear-steps{order:2}.wear-description{order:3;margin:0;min-height:50px}.watch-use .watch-footnote{order:4}.version-spec dl{gap:8px}.version-spec dd{font-size:15px}.watch-detail{font-size:12px}.base-evidence{aspect-ratio:1.2}}
.base-evidence img{transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-origin:center 42%}.base-evidence[data-base=gold] img{transform:translateY(-24%) translateX(3%) scale(1.1)}.base-evidence[data-base=silver] img{transform:translateY(-24%) translateX(-3%) scale(1.1)}
@media(prefers-reduced-motion:reduce){.laser-experience *{animation:none!important;transition:none!important}}

/* One deliberate reveal; native range remains operable with reduced motion. */
#watch .watch-product{animation:none}
#watch .watch-object{transform:translateY(var(--watch-rise,0px)) scale(var(--watch-scale,1)) rotateZ(var(--watch-roll,0deg)) rotateX(var(--wx,0deg)) rotateY(var(--wy,0deg));filter:brightness(var(--watch-bright,1))}
#watch .watch-shadow{scale:var(--watch-shadow-scale,1)}
.watch-sequence{padding:4px 12px 16px;border-bottom:1px solid #ffffff24}
.watch-sequence[hidden]{display:none}
.watch-sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#d0d4cf}
.watch-sequence button{min-height:44px;border:0;background:transparent;color:#b7c0b8;font:inherit;cursor:pointer}
.watch-sequence input{display:block;width:100%;height:44px;margin:6px 0;accent-color:#d8d5ad;cursor:ew-resize;touch-action:pan-y}
.watch-chapters{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.watch-chapters button{flex:1;border-bottom:1px solid #ffffff20}
.watch-chapters button[aria-pressed=true]{color:#f0e6bf;border-color:#ddd0a0}
.watch-sequence-copy{font-size:13px!important;line-height:1.7;min-height:44px;color:#b7c0b8;margin:14px 0 0}
.watch-sequence :focus-visible{outline:2px solid #e4d7ad;outline-offset:3px}

/* BLACT WORLD: the object leads, light supports it. */
#watch{column-gap:clamp(24px,5vw,80px);grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}
#watch .watch-viewer{min-width:0;width:100%;max-width:680px;justify-self:center}
#watch .watch-stage{height:540px}
#watch .watch-object{inset:12px 0 60px;max-width:610px;margin-inline:auto;transform-origin:50% 55%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s ease}
#watch .watch-playing .watch-object,#watch .dragging .watch-object{transition:none}
#watch .watch-shadow{transition:transform .5s,scale .65s,opacity .65s;opacity:.72}
#watch .watch-playing .watch-shadow{transition:none}
#watch .watch-float{animation-name:watch-controlled-float}
@keyframes watch-controlled-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
#watch .watch-light{inset:12% 10%;background:radial-gradient(ellipse at var(--light-x) 24%,#edf1e91f,transparent 52%)}
#watch .watch-sequence-copy{transition:opacity .18s ease}
#watch .watch-hotspots button{box-shadow:0 2px 8px #0005}
@media(max-width:700px){
 #watch{display:flex;flex-direction:column;align-items:stretch;padding:38px 20px 32px;gap:12px}
 #watch .watch-copy{display:contents}
 #watch .watch-copy .watch-number{order:0;margin:0;font-size:10px}
 #watch .watch-copy .kicker{display:none}
 #watch .watch-copy h2{order:1;font-size:36px;margin:4px 0 0;line-height:1.15}
 #watch .watch-viewer{order:2}
 #watch .watch-copy>p:not(.kicker){order:3;margin:0;max-width:none}
 #watch .watch-copy>.pill{order:4;align-self:flex-start;margin:0}
 #watch .watch-use{order:5}#watch .watch-versions{order:6}
 #watch .watch-stage{height:350px;margin:0;overflow:visible}
 #watch .watch-object{inset:20px 0 48px}
 #watch .watch-pedestal{left:5%;right:5%;height:60px;bottom:36px}
 #watch .watch-shadow{bottom:70px;height:26px}
 #watch .watch-sequence{padding-inline:0}
 #watch .watch-sequence-copy{min-height:44px;margin:8px 0 0}
}
@media(prefers-reduced-motion:reduce){#watch .watch-object{filter:none}}
@media(min-width:701px){#watch .watch-copy h2{font-size:clamp(36px,3.5vw,54px);word-break:keep-all;overflow-wrap:normal}}

/* Real-source wearing sequence: full frame, user paced, no invented geometry. */
#watch .wear-view{aspect-ratio:640/1138;width:min(100%,380px);justify-self:center;max-height:none}
#watch .wear-view img,#watch .wear-view img:nth-child(2){position:relative;display:block;transform:none;scale:1;opacity:1;height:auto}
#watch .wear-view.wear-interactive img{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;transform:none;scale:1}
#watch .wear-view[data-wear="0"].wear-interactive img:nth-child(1),#watch .wear-view[data-wear="1"].wear-interactive img:nth-child(2),#watch .wear-view[data-wear="2"].wear-interactive img:nth-child(3),#watch .wear-view[data-wear="3"].wear-interactive img:nth-child(4){opacity:1}
.wear-controls[hidden]{display:none}.wear-controls label{font-size:13px;color:#c5ccca}.wear-controls input{width:100%;height:48px;accent-color:#e6dfcf;cursor:ew-resize}
.wear-controls input:focus-visible{outline:2px solid #e6dfcf;outline-offset:3px}.wear-steps{display:grid;grid-template-columns:1fr 1fr}.wear-steps button{text-align:left;font-size:12px}
@media(max-width:700px){#watch .wear-view{width:min(100%,300px);align-self:center}.wear-controls{order:2}.wear-description{min-height:52px}}
@media(prefers-reduced-motion:reduce){#watch .wear-view.wear-interactive img{transition:none}}
body.paused #watch .wear-view.wear-interactive img{transition:none}
#watch .wear-view:not(.wear-interactive){aspect-ratio:auto;display:grid;gap:12px;background:transparent;overflow:visible}

/* Edition focus follows the photographed base; the black casing is untouched. */
#watch .base-evidence{aspect-ratio:1;isolation:isolate;border-color:#c9b58166}
#watch .base-evidence img{transform-origin:50% 40%;transition:transform .8s cubic-bezier(.22,.68,.2,1)}
#watch .base-evidence[data-base=gold] img{transform:translateY(-23%) translateX(8%) scale(1.3)}
#watch .base-evidence[data-base=silver] img{transform:translateY(-23%) translateX(-8%) scale(1.3)}
#watch .base-evidence figcaption{display:grid;gap:5px;padding:40px 20px 18px;background:linear-gradient(transparent,#080a09 50%);line-height:1.5}
.base-current{font-size:16px;letter-spacing:.02em;color:#e2cc90}.base-evidence[data-base=silver] .base-current{color:#d2e2e8}
.version-source{margin-top:24px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26}
.version-source summary{padding:18px 0;min-height:48px;cursor:pointer;color:#e2e5dc;font-size:13px;line-height:1.6}
.version-source>div{padding:0 0 20px}.version-source p{font-size:12px!important;line-height:1.9!important}.version-source a{display:inline-block;color:#e2dfc7;min-height:44px;padding-block:12px;font-size:13px;text-underline-offset:4px}
.version-source summary:focus-visible{outline:2px solid #e4d7ad;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#watch .base-evidence img{transition:none}}
body.paused #watch .base-evidence img{transition:none}

/* Photos and official links remain useful if interaction cannot initialise. */
#watch:not(.watch-enhanced) .watch-hotspots,
#watch:not(.watch-enhanced) .watch-controls,
#watch:not(.watch-enhanced) .watch-sequence,
#watch:not(.watch-enhanced) .wear-controls,
#watch:not(.watch-enhanced) .version-switch,
#watch:not(.watch-enhanced) .watch-detail{display:none}
#watch button:focus-visible,#watch input:focus-visible{outline:2px solid #e6dfcf;outline-offset:4px}
#watch .watch-chapters button,#watch [data-watch-replay],#watch [data-watch-reset]{min-height:44px}