/* Product exploration. The images and date aperture share one transform. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.craft-story{position:relative;background:#051710;isolation:isolate}
.craft-story.is-enhanced{height:520svh}
.craft-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 28% 45%,#122c20,#04140d 76%);isolation:isolate}
.craft-viewport{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}
.craft-full,.craft-macro{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;will-change:transform,opacity}
.craft-full{width:1672px;height:940px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 78%,transparent)}
.craft-full img{width:1672px;height:940px}
.craft-macro{width:1254px;height:1254px;opacity:0}
.craft-macro>img{width:1254px;height:1254px}
.date-window{position:absolute;left:824px;top:565px;width:61px;height:47px;overflow:hidden;background:#f0f1eb;color:#11130f;box-shadow:inset 2px 3px 5px #767e6c;clip-path:polygon(1% 1%,100% 0,99% 100%,0 100%)}
.date-window:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(56,71,51,.12),transparent 18%,transparent 86%,rgba(27,39,23,.08));box-shadow:inset 0 0 2px rgba(23,39,26,.3)}
.date-strip{height:100%;display:flex;flex-direction:column;transform:translate3d(0,calc(var(--date-turn,0)*-100%),0);will-change:transform}
.date-strip span{display:flex;flex:0 0 47px;height:47px;min-height:0;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-size:46px;font-weight:400;line-height:47px;letter-spacing:-2px;padding-right:2px;font-variant-numeric:lining-nums}
.craft-copy{position:absolute;left:58%;top:50%;width:32%;max-width:490px;transform:translateY(-50%);z-index:3;will-change:opacity,transform}
.craft-copy .eyebrow{color:#b6c9b7;margin-bottom:25px;font-size:14px;letter-spacing:.12em}
.craft-copy h2{font-size:clamp(50px,5.2vw,88px);line-height:1.02;margin-bottom:28px}
.craft-copy>p:not(.eyebrow){color:#b6c5b9;font-size:17px;line-height:1.7;max-width:330px}
.craft-begin{margin-top:25px;font-size:14px}
.craft-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,12,7,.78),transparent 23%)}
.craft-caption{position:absolute;z-index:2;top:8%;left:6%;opacity:0;pointer-events:none;color:#edf3e9;text-shadow:0 2px 18px #04100c}
.craft-caption .eyebrow{font-size:12px}
.craft-caption p{font-family:var(--serif);font-size:clamp(27px,3vw,48px);margin-top:12px}
.craft-ui{position:absolute;bottom:27px;left:5%;right:5%;z-index:4;display:flex;align-items:center;justify-content:center;gap:25px}
.craft-chapters{position:relative;display:flex;background:rgba(235,240,232,.95);color:#142b1d;box-shadow:0 4px 25px #00140f24;border-radius:3px;overflow:hidden;flex-shrink:0}
.craft-chapters button{position:relative;min-height:51px;padding:13px 20px;color:#4e6154;font-size:14px;white-space:nowrap}
.craft-chapters button[aria-pressed=true]{color:#112b1b;background:#fff9}
.chapter-number{font-size:12px;opacity:.55;margin-right:10px}
.craft-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#325c40;transform:scaleX(var(--craft-progress,0));transform-origin:left;pointer-events:none}
.craft-skip{position:absolute;right:0;font-size:14px;color:#c7d7c9;display:flex;gap:15px;align-items:center}
.craft-skip span{font-size:20px}
.date-action{position:absolute;left:0;font-size:14px;min-height:44px;display:flex;align-items:center;gap:14px;padding:8px 0;color:#f4f5ef;border-bottom:1px solid #afc7b380}
.date-action[hidden]{display:none}.date-action:disabled{opacity:.65;cursor:default}
.date-action span{font-size:23px}
.craft-story:not(.is-enhanced) .craft-viewport{width:50%}
.craft-story:not(.is-enhanced) .craft-full{display:none}
.craft-story:not(.is-enhanced) .craft-macro{opacity:1;width:100%;height:100%}
.craft-story:not(.is-enhanced) .craft-macro>img{width:100%;height:100%;object-fit:contain}
.craft-story:not(.is-enhanced) .date-window,.craft-story:not(.is-enhanced) .craft-chapters{display:none}

/* Native horizontal gallery: drag, swipe, keyboard, arrows and indicators. */
.editorial-gallery{padding:85px 0 45px;background:#eef0eb;color:#13271b;overflow:hidden;border-top:18px solid #f8f9f5}
.editorial-heading{padding:0 7vw 40px;display:flex;align-items:baseline;justify-content:space-between;gap:25px}
.editorial-heading>.eyebrow{color:#657263;font-size:14px;letter-spacing:.1em}
.editorial-heading h2{font-size:clamp(46px,5vw,76px)}
.editorial-slider{display:flex;gap:16px;padding:0 14vw;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14vw;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;outline-offset:-4px}
.editorial-slider::-webkit-scrollbar{display:none}
.editorial-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto!important;user-select:none}
.editorial-slide{margin:0;flex:0 0 72vw;min-width:0;scroll-snap-align:center;position:relative}
.editorial-art{height:clamp(420px,65svh,820px);overflow:hidden;position:relative;background:#0d251b}
.editorial-art img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;transform:translate3d(var(--gallery-parallax,0px),0,0) scale(1.07);will-change:transform}
.editorial-slide-0 .editorial-art img{object-position:50% 47%;object-fit:contain;background:#102e20}
.editorial-slide-1 .editorial-art img{object-position:50% 40%}
.editorial-slide-2 .editorial-art img{object-position:50% 61%}
.editorial-slide-3 .editorial-art img{object-position:50% 47%;object-fit:contain;background:#0b2336}
.editorial-slide figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 5px}
.editorial-slide figcaption .eyebrow{font-size:12px;letter-spacing:.07em;color:#6b776b}
.editorial-slide h3{font-size:clamp(27px,2.7vw,42px);letter-spacing:-.025em;margin-top:6px}
.editorial-count{font-size:12px;color:#697969;letter-spacing:.12em;white-space:nowrap}
.editorial-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:25px}
.editorial-controls>button{width:46px;height:46px;font-size:24px;border-radius:50%;transition:background .25s}
.editorial-controls>button:hover{background:#dae1d7}
.editorial-controls>button:disabled{opacity:.25}
.editorial-dots{display:flex;gap:7px;align-items:center}
.editorial-dots button{width:42px;height:44px;position:relative;padding:0}
.editorial-dots button:after{content:'';height:2px;position:absolute;left:0;right:0;top:21px;background:#c0cabc;transition:background .3s,transform .3s}
.editorial-dots button[aria-current=true]:after{background:#23412d;transform:scaleY(1.5)}
.gallery-frame{position:relative}
.product-macro{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.gallery-image{transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.experience{height:180svh;min-height:1200px}
.language-link,.gallery-controls button,.motion-control,.footer-bottom>a{font-size:14px}

@media(max-width:1050px){
  .craft-copy{left:57%;width:36%}.craft-copy h2{font-size:58px}
  .craft-skip{right:0;bottom:65px;font-size:14px}.date-action{bottom:65px}
}
@media(max-width:760px){
  .craft-story.is-enhanced{height:450svh}
  .craft-copy{left:7%;top:8%;width:86%;max-width:none;transform:none}
  .craft-copy .eyebrow{font-size:12px;margin-bottom:15px}
  .craft-copy h2{font-size:clamp(44px,9vw,62px);margin-bottom:18px}
  .craft-copy>p:not(.eyebrow){font-size:16px;max-width:310px;line-height:1.55}
  .craft-begin{display:none}
  .craft-caption{top:7%;left:7%}.craft-caption p{font-size:32px}
  .craft-ui{bottom:20px;left:6%;right:6%;gap:0}
  .craft-chapters{width:100%;justify-content:center}
  .craft-chapters button{font-size:14px;padding:12px 10px;flex:1}
  .chapter-number{display:none}
  .craft-skip{bottom:66px;max-width:185px;font-size:12px;gap:8px}
  .date-action{bottom:63px;font-size:14px;gap:6px}
  .craft-shade{background:linear-gradient(0deg,#02110ce6,transparent 29%)}
  .editorial-gallery{padding:55px 0 30px;border-top-width:12px}
  .editorial-heading{padding:0 7vw 30px;display:block}
  .editorial-heading>.eyebrow{font-size:12px;margin-bottom:14px}
  .editorial-heading h2{font-size:48px}
  .editorial-slider{gap:10px;padding:0 7vw;scroll-padding-inline:7vw}
  .editorial-slide{flex-basis:86vw}
  .editorial-art{height:57svh;min-height:340px;max-height:650px}
  .editorial-slide-0 .editorial-art img,.editorial-slide-3 .editorial-art img{object-fit:cover}
  .editorial-slide figcaption{padding-top:17px;align-items:flex-start}
  .editorial-slide figcaption .eyebrow{font-size:12px;letter-spacing:0;text-transform:none}
  .editorial-slide h3{font-size:28px;line-height:1.2}
  .editorial-count{font-size:12px;padding-top:5px}
  .editorial-controls{gap:20px;margin-top:18px}
  .editorial-dots button{width:34px}
  .experience{height:165svh;min-height:1100px}
  .hero-description{font-size:16px}.hero .eyebrow,.hero-bottom,.hero-model{font-size:12px}
  .hero .text-link{font-size:14px}.gallery-controls button{font-size:14px}
}
@media(max-height:560px) and (min-width:761px){
  .craft-copy h2{font-size:48px;margin-bottom:15px}.craft-copy .eyebrow{margin-bottom:12px}.craft-copy>p:not(.eyebrow){font-size:16px}.craft-begin{margin-top:10px}.craft-ui{bottom:15px}
}

/* Motion-free presentation keeps all content and the date interaction. */
.craft-story.motion-static{height:auto!important}
.motion-static .craft-stage{position:relative;height:auto;min-height:0;padding:55px 6vw 35px;display:flex;flex-direction:column}
.motion-static .craft-copy{position:relative;left:auto;top:auto;width:100%;max-width:650px;transform:none!important;opacity:1!important;order:0}
.motion-static .craft-copy h2{font-size:clamp(44px,6vw,74px)}
.motion-static .craft-copy>p:not(.eyebrow){max-width:500px}
.motion-static .craft-begin{display:none}
.motion-static .craft-viewport{position:relative;inset:auto;height:min(80svh,86vw);width:100%;order:1;margin-top:25px}
.motion-static .craft-full{display:none}
.motion-static .craft-macro{opacity:1!important}
.motion-static .craft-shade,.motion-static .craft-caption{display:none}
.motion-static .craft-ui{position:relative;left:auto;right:auto;bottom:auto;order:2;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px}
.motion-static .craft-chapters{display:none}
.motion-static .date-action,.motion-static .craft-skip{position:relative;left:auto;right:auto;bottom:auto}
.reduced-motion .editorial-art img{transform:none!important}
@media(prefers-reduced-motion:reduce){.editorial-art img{transform:none!important}}

/* The approved catalog set shares one warm-white studio and fixed hand positions. */
.experience{height:235svh;min-height:1550px;background:#f8f8f5}
.experience-sticky,.experience-sticky[data-scene=blue],.experience-sticky[data-scene=cyan]{background:#f8f8f5;color:#17291f;--muted:#526258;--line:#bcc5bd}
.experience-copy{width:46%}
.experience-copy>.eyebrow,.scene-model>.eyebrow{color:#56675b}
.studio-stack{right:0;top:4%;width:52%;height:89%;background:#f8f8f5}
.studio-image{object-fit:contain;opacity:0;object-position:center}
.experience-sticky[data-scene=emerald] .green-image,.experience-sticky[data-scene=blue] .blue-image,.experience-sticky[data-scene=cyan] .cyan-image{opacity:1}
.studio-edge{display:none}
.dial-picker{flex-wrap:wrap;gap:12px 25px}
.dial-picker label:has(input:checked){color:#17291f}
.dial-picker label:has(input:not(:checked)){color:#526258}
.dial-picker input:checked~.swatch{box-shadow:0 0 0 4px #f8f8f5,0 0 0 5px #385a46}
.dial-picker input:focus-visible~.swatch{outline-color:#173f2a}
.swatch.cyan{background:#7cc8d9}
.scene-track{background:#cbd2cb}.scene-track span{background:#315c42}
.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px)}
.card-image,.catalogue .card-image{aspect-ratio:4/5;background:#f9f8f6;color:#1b2b21}
.card-image img{object-fit:contain}
.card-info{display:block}.card-info p{text-align:left;margin-top:9px;font-size:14px;max-width:none}
.card-number{top:18px;left:18px}.card-cta{bottom:17px;right:18px}
.product-hero[data-model=cyan]{background:#0d2529}
.product-visual,.other-photo{background:#f9f8f6}
.product-visual .gallery-frame{position:absolute;inset:0}
.gallery-image{object-fit:contain;transform-origin:50% 42%}
.gallery-frame[data-view=dial] .gallery-image{transform:scale(1.8);transform-origin:50% 42%}
.gallery-frame[data-view=bracelet] .gallery-image{transform:scale(2);transform-origin:50% 78%}
.variant-links{flex-wrap:wrap;gap:12px 25px}
.other-photo{aspect-ratio:4/5}.other-photo img{object-fit:contain}
.editorial-slide-0 .editorial-art,.editorial-slide-3 .editorial-art,.editorial-slide-4 .editorial-art{background:#f9f8f6}
.editorial-slide-0 .editorial-art img,.editorial-slide-3 .editorial-art img,.editorial-slide-4 .editorial-art img{object-fit:contain;background:#f9f8f6;transform:translate3d(var(--gallery-parallax,0px),0,0) scale(1.015)}
.editorial-slide-1 .editorial-art img{object-fit:contain;background:#061b13}
.model-card[href$="/cyan/"] .card-image,.product-hero[data-model=cyan] .gallery-frame{view-transition-name:watch-cyan}
::view-transition-group(watch-cyan){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,.7,.18,1)}
@media(max-width:1100px) and (min-width:761px){.experience-copy h2{font-size:clamp(40px,4.8vw,58px)}}
@media(max-width:760px){
  .hero{min-height:900px}.hero-picture{inset:330px 0 42px}.hero-picture img{object-position:68% center}
  .hero-copy{top:120px}.hero-shade{background:linear-gradient(180deg,#051b11 0%,#051b11 30%,transparent 49%),linear-gradient(0deg,#02120bcc,transparent 15%)}
  .hero h1{font-size:clamp(48px,9.5vw,66px)}
  .experience{height:245svh;min-height:1600px}
  .experience-sticky{min-height:880px;padding:45px 6vw}
  .experience-copy{width:100%;padding:0}
  .experience-copy h2{font-size:clamp(40px,8.5vw,56px);margin-top:16px}
  .experience-copy>p:not(.eyebrow){font-size:16px}
  .dial-picker{margin-top:16px;gap:10px 24px}
  .studio-stack{top:32%;right:0;width:100%;height:49%}
  .scene-model{position:absolute;top:auto;bottom:67px;left:0;right:0;width:auto;min-width:0;max-width:none;display:grid;grid-template-columns:1fr auto;gap:5px 15px;background:none;margin:0;padding-top:15px}
  .experience-copy .scene-model{top:calc(max(100svh, 880px) - 220px);bottom:auto}
  .scene-model>.eyebrow{grid-column:1}.scene-model h3{grid-column:1;font-size:32px;margin:0}
  .scene-model .text-link{grid-column:2;grid-row:1 / 3;align-self:center;font-size:14px;max-width:180px;gap:14px}
  .model-grid{grid-template-columns:1fr;gap:42px}
  .card-image,.catalogue .card-image{aspect-ratio:4/5}
  .card-info{display:flex;gap:20px}.card-info p{max-width:180px;text-align:right;margin:0;font-size:14px}
  .other-photo{aspect-ratio:4/5}
  .product-visual{height:76svh;min-height:530px;max-height:800px}
  .editorial-slide-0 .editorial-art img,.editorial-slide-3 .editorial-art img,.editorial-slide-4 .editorial-art img{object-fit:contain}
}
@media(max-width:390px){.card-info{display:block}.card-info p{max-width:none;text-align:left;margin-top:8px}.dial-picker{gap:10px 18px}.scene-model .text-link{max-width:145px}}
html.reduced-motion .experience{height:auto;min-height:0}
@media(prefers-reduced-motion:reduce){.experience{height:auto;min-height:0}}