/* A fixed photographic window brings each part into focus, while its atmosphere moves behind it. */
.product-focus{display:none;pointer-events:none}
.chapter-line{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.chapter-line-inner{display:block;will-change:transform}
.product-story.motion-ready .product-stage{background:#0d1011}
.product-story.motion-ready .product-canvas{opacity:0}
.product-story.motion-ready.webgl-ready .product-canvas{opacity:.28}
.product-story.motion-ready .product-fallback{opacity:.28}
.product-story.motion-ready .product-canvas-shade{background:linear-gradient(90deg,#0d1011 0%,rgba(13,16,17,.88) 23%,rgba(13,16,17,.28) 65%,rgba(13,16,17,.3)),linear-gradient(180deg,#0d1011,transparent 22%,transparent 70%,#0d1011);opacity:1}
.product-story.motion-ready .product-focus{display:block;position:absolute;left:51%;right:6%;top:12%;bottom:18%;z-index:4;transform-origin:100% 50%;will-change:transform,opacity}
.product-focus-window{position:absolute;inset:0 0 28px;overflow:hidden;background:#191d1e;isolation:isolate}
.product-focus-layer{position:absolute;inset:0;overflow:hidden}
.product-focus-layer:not(:first-child){clip-path:inset(100% 0 0)}
.product-focus-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.52) contrast(1.045);will-change:transform}
.product-focus-window:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(4,9,10,.06),transparent 42%,rgba(4,9,10,.23))}
.product-focus-border{position:absolute;inset:0 0 28px;z-index:6;border:1px solid rgba(201,174,117,.25);pointer-events:none}
.product-focus-border:before,.product-focus-border:after{content:"";position:absolute;width:28px;height:28px;border-color:#b6a078;border-style:solid;opacity:.8}
.product-focus-border:before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.product-focus-border:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.product-focus-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 9px/1.4 var(--en);letter-spacing:.14em;color:#a9aca7;white-space:nowrap}
.product-focus-count{color:var(--gold);font-size:11px;letter-spacing:.09em;font-variant-numeric:tabular-nums}
.product-story.motion-ready .scene-copy{width:46%;padding:35px 0 110px var(--pad);justify-content:center}
.product-story.motion-ready .scene-category{font-size:11px;letter-spacing:.13em;margin-bottom:23px}
.product-story.motion-ready .scene-copy h3{font-size:clamp(32px,3.2vw,56px);line-height:1.62;letter-spacing:.055em}
.product-story.motion-ready .scene-name{font-size:17px;margin-top:24px}
.product-story.motion-ready .scene-description{font-size:13px;line-height:2.1;color:#babfbb;margin-top:17px}
.product-story.motion-ready .scene-copy .arrow-link{font-size:13px;max-width:225px;margin-top:23px}
.product-story.motion-ready .scene-number{display:none}
.product-story.motion-ready .product-pagination{left:var(--pad);right:53%;bottom:32px;gap:22px}
.product-story.motion-ready .product-pagination button{font-size:10px;padding-block:13px;letter-spacing:.035em;white-space:nowrap;border-color:rgba(213,215,207,.25)}
.product-story.motion-ready .product-pagination button span{margin-right:8px}
.product-story.motion-ready .stage-hint{right:6%;bottom:44px;font-size:9px;letter-spacing:.12em;color:#939b95}

@media(min-width:901px) and (max-width:1150px){
 .product-story.motion-ready .product-focus{left:52%;right:5%}
 .product-story.motion-ready .scene-copy{width:48%}
 .product-story.motion-ready .scene-copy h3{font-size:34px}
 .product-story.motion-ready .scene-description{font-size:12px}
 .product-story.motion-ready .scene-name{font-size:16px}
 .product-story.motion-ready .product-pagination{right:52%;gap:16px}
 .product-story.motion-ready .product-pagination button{font-size:9px}
}
@media(min-width:901px) and (max-height:760px){
 .product-story.motion-ready .product-focus{top:8%;bottom:19%}
 .product-story.motion-ready .scene-copy{padding-top:18px;padding-bottom:85px}
 .product-story.motion-ready .scene-category{margin-bottom:12px;font-size:10px}
 .product-story.motion-ready .scene-copy h3{font-size:32px;line-height:1.5}
 .product-story.motion-ready .scene-name{font-size:15px;margin-top:17px}
 .product-story.motion-ready .scene-description{font-size:12px;line-height:1.9;margin-top:12px}
 .product-story.motion-ready .scene-copy .arrow-link{margin-top:14px;padding-block:10px;font-size:12px}
 .product-story.motion-ready .product-pagination{bottom:22px}
 .product-story.motion-ready .stage-hint{bottom:34px;font-size:8px}
}

/* Phones keep a direct reading flow; the photographic aperture supplies the movement. */
@media(max-width:900px){
 .product-story:not(.motion-ready) .product-scene{position:relative;min-height:0;height:auto;padding:0 0 65px;background:#101112;view-timeline-name:--product-card;view-timeline-axis:block}
 .product-story:not(.motion-ready) .scene-photo{position:relative;inset:auto;z-index:0;margin:0 var(--pad);width:calc(100% - 2 * var(--pad));height:auto;aspect-ratio:4/3;overflow:hidden;background:#1b2021}
 .product-story:not(.motion-ready) .scene-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.9) contrast(1.05)}
 .product-story:not(.motion-ready) .scene-overlay{display:none}
 .product-story:not(.motion-ready) .scene-copy{position:relative;display:block;margin:0;height:auto;padding:29px var(--pad) 0}
 .product-story:not(.motion-ready) .scene-number{display:none}
 .product-story:not(.motion-ready) .scene-category{margin-bottom:16px;font-size:10px;letter-spacing:.12em}
 .product-story:not(.motion-ready) .scene-copy h3{font-size:clamp(31px,6.3vw,45px);line-height:1.55}
 .product-story:not(.motion-ready) .scene-name{margin-top:21px}
 .product-story:not(.motion-ready) .scene-description{color:#bfc3bd}
 .product-story:not(.motion-ready) .scene-copy .arrow-link{margin-top:17px}
}
@supports (animation-timeline:view()) and (animation-range:entry 0% exit 100%){
 @media(max-width:900px) and (prefers-reduced-motion:no-preference){
  .product-story:not(.motion-ready) .scene-photo{animation:product-aperture-arrive auto linear both;animation-timeline:--product-card;animation-range:entry 0% entry 72%}
  .product-story:not(.motion-ready) .scene-photo img{animation:product-photo-travel auto linear both;animation-timeline:--product-card;animation-range:entry 0% exit 0%;transition:none;will-change:transform}
 }
}
@keyframes product-aperture-arrive{from{clip-path:inset(10% 7% 7%);transform:translateY(45px)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes product-photo-travel{from{transform:scale(1.14) translateY(3%)}to{transform:scale(1.03) translateY(-1%)}}
@media(prefers-reduced-motion:reduce){
 .product-focus{display:none!important}
 .chapter-line-inner{transform:none!important}
 .product-story .scene-photo,.product-story .scene-photo img{animation:none!important;transform:none!important;clip-path:none!important}
}