.product-photo{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:var(--photo-ratio);isolation:isolate}
.art-200{--photo-ratio:1860/1400;--photo-aspect:1.328571;--photo-width:295.914%;--photo-left:-10.753%;--photo-top:-50%}
.art-400{--photo-ratio:1770/1200;--photo-aspect:1.475;--photo-width:310.96%;--photo-left:-197.175%;--photo-top:-73.333%}
.art-plus{--photo-ratio:1464/2251;--photo-aspect:.650378;--photo-width:163.935%;--photo-left:-34.973%;--photo-top:-17.548%}
.product-photo>img,.home-portrait .product-photo>img,.machine-image .product-photo>img{position:absolute;inset:var(--photo-top) auto auto var(--photo-left);width:var(--photo-width);max-width:none;height:auto;aspect-ratio:auto;object-fit:initial;filter:none;opacity:1;transform:none;transition:none}

.home-stage{background:#10171d}
.home-stage:before{background:linear-gradient(90deg,#10171d 0%,#10171d88 38%,transparent 64%)}
.home-stage:after{background:linear-gradient(0deg,#10171d 0%,transparent 18%,transparent 84%,#10171d50 100%)}
.home-editorial-light{position:absolute;inset:0;background:radial-gradient(ellipse at 77% 55%,#35434d66,transparent 55%)}
.home-portraits{inset:23% 2vw 15% 44%}
.home-portrait:before,.home-portrait:after{display:none}
.home-still{position:absolute;inset:0 0 10%;display:flex;align-items:end;justify-content:center;transform:translate3d(calc(var(--portrait-x)*-4px),0,0);transition:transform 1.2s ease}
.home-still .product-photo{width:100%}.home-still .art-plus{width:min(67%,34vh)}
.home-portrait figcaption{left:7%;right:4%;bottom:0;justify-content:space-between;border-color:#c6d7e02b;font-size:9px;padding-top:14px;gap:10px}
.home-portrait figcaption span{color:#a6c4d4}.home-portrait figcaption b{color:#b8c2c9}
.home-act-product{top:24%}.home-act-product h2{font-size:clamp(64px,6.4vw,110px)}
.home-stage[data-home-act="0"] .home-portrait figcaption{opacity:.65}

.editorial-context{display:grid;grid-template-columns:1.05fr 1fr .75fr;align-items:center;gap:5vw;background:#e9ecec;color:#10171d;padding:100px var(--gutter,5vw)}
.editorial-context h2{font-size:clamp(42px,4.8vw,78px);font-weight:300;line-height:1.02;letter-spacing:-.04em;margin:22px 0}
.editorial-context p{font-size:18px;line-height:1.6;color:#5b6a73;margin:20px 0 30px}
.editorial-context figure{margin:0}.editorial-context img{display:block;width:100%;height:480px;object-fit:cover}.editorial-context figure:last-child{align-self:end;transform:translateY(35px)}.editorial-context figure:last-child img{height:340px}
.editorial-context figcaption{font:9px/1.5 var(--mono);letter-spacing:.04em;margin-top:15px;color:#526571}
.product-editorial{position:absolute;z-index:16;inset:25% 3vw 12% 49%;display:flex;align-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s}
body:not([data-chapter]) .product-editorial,body[data-chapter="0"] .product-editorial{opacity:1;visibility:visible}
body:not([data-chapter]) #product-canvas,body[data-chapter="0"] #product-canvas{opacity:0}
body:not([data-chapter]) .model-loader,body[data-chapter="0"] .model-loader,body[data-chapter="0"] .model-fallback{visibility:hidden}
.dimension-art{display:flex;align-items:center;justify-content:center}.dimension-art .product-photo{width:90%;margin:auto}.dimension-art .product-photo>img{position:absolute;inset:var(--photo-top) auto auto var(--photo-left);width:var(--photo-width);height:auto;filter:none;object-fit:initial}
.library-gallery{padding:90px 5vw;background:#10171d;color:#eff2f4}
.library-gallery>header{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.library-gallery h2{font:300 clamp(40px,4.5vw,72px)/1.02 var(--sans,'Barlow',sans-serif);letter-spacing:-.035em}.library-gallery header p{max-width:340px;color:#9eafb9;font-size:17px;line-height:1.5}
.library-gallery>div{display:grid;grid-template-columns:1.2fr .75fr .85fr;gap:24px}.library-gallery figure{margin:0}.library-gallery img{width:100%;height:510px;object-fit:cover}.library-gallery figcaption{padding-top:14px;font:10px/1.5 var(--mono,monospace);color:#99afbd}
@media(max-width:760px){
 .home-stage{min-height:780px;background:#10171d}.home-stage:before{background:none}
 .home-act{top:17%}.home-act h1{font-size:clamp(49px,12.8vw,70px);line-height:.99}.home-act p{font-size:15px;line-height:1.45;max-width:300px;margin-top:18px}.home-act .button{margin-top:17px;min-height:44px;font-size:12px;padding:12px 15px}
 .home-act-product{top:17%}.home-act-product h2{font-size:clamp(43px,12vw,60px);line-height:.97}.home-act-product p{margin-top:13px}.home-act-spec{display:none}
 .home-portraits{inset:max(51%,420px) 1% 15%}.home-still{inset:0 0 12%;align-items:center}.home-still .product-photo{width:100%}.home-still .art-plus{width:min(54%,22vh)}
 .home-portrait figcaption{left:5%;right:5%;font-size:8px;padding-top:9px}
 .home-bottom{flex-wrap:wrap;bottom:14px;gap:8px}.home-bottom>a{flex-basis:100%;font-size:7px}.home-chapters{display:flex;flex:1;justify-content:space-between}.home-chapters button{min-height:44px;min-width:38px;font-size:8px}.home-chapters i{width:10px}
 .editorial-context{padding:65px 22px;grid-template-columns:1fr 1fr;gap:28px 15px}.editorial-context>div{grid-column:1/-1}.editorial-context h2{font-size:47px}.editorial-context img{height:270px}.editorial-context figure:last-child{transform:none}.editorial-context figure:last-child img{height:220px}.editorial-context figcaption{font-size:8px}
 .product-editorial{inset:49% 3% 13%;align-items:center}.product-editorial .product-photo{width:min(100%,410px);margin:auto}
 .library-gallery{padding:65px 22px}.library-gallery>header{display:block}.library-gallery header p{margin-top:20px}.library-gallery>div{grid-template-columns:1fr 1fr;gap:16px}.library-gallery figure:first-child{grid-column:1/-1}.library-gallery img{height:300px}.library-gallery figcaption{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.home-still{transform:none;transition:none}.home-portrait,.home-portrait.is-current{transition:none;transform:none}.home-portrait:first-child{opacity:0;visibility:hidden}.home-portrait.is-current{opacity:1;visibility:visible}.home-chapters{display:flex}.home-motion{display:none}}

.home-still,.product-editorial{container-type:size}
.home-still .product-photo,.product-editorial .product-photo{width:min(100%,calc(100cqh * var(--photo-aspect)))}

@media(min-width:761px){.story[data-scene="0"]{top:57%}}

.machine-card,.machine-card.flagship{background:#f3f5f5}
.machine-card .machine-image{height:auto;aspect-ratio:1; padding:0 12px;overflow:hidden;transform:none}
.machine-card .machine-image img{width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:multiply;transition:transform .6s ease;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 3%,#000 97%,transparent);mask-composite:intersect}
.machine-card .machine-image img:is([src*="front-v3"],[src*="mate-200-front-v4"]){transform:translateY(8%)}
.machine-card:hover .machine-image img{transform:scale(1.025)}
.machine-card:hover .machine-image img:is([src*="front-v3"],[src*="mate-200-front-v4"]){transform:translateY(8%) scale(1.025)}
.machine-card .machine-shadow{display:none}
.machine-card.flagship .machine-copy{background:#15212b;color:white}
@media(prefers-reduced-motion:reduce){.machine-card:hover .machine-image img{transform:none}.machine-card:hover .machine-image img:is([src*="front-v3"],[src*="mate-200-front-v4"]){transform:translateY(8%)}}
.studio-photo.art-200,.studio-photo.art-400{--photo-ratio:3/2;--photo-aspect:1.5}
.studio-photo.art-plus{--photo-ratio:1122/1402;--photo-aspect:.800285}
.studio-photo{--photo-width:100%;--photo-left:0%;--photo-top:0%;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 11%,#000 91%,transparent);mask-composite:intersect}
.home-portraits{inset:17% 0 14% 43%}
.home-still{inset:0 0 7%;align-items:center}
.home-still .studio-photo{width:min(112%,calc(112cqh * var(--photo-aspect)));flex-shrink:0}
.home-still .studio-photo.art-plus{width:min(88%,calc(127cqh * var(--photo-aspect)));transform:translateY(-2%)}
@media(max-width:760px){
 .home-portraits{inset:max(49%,410px) 0 14%}
 .home-still .studio-photo{width:min(112%,calc(118cqh * var(--photo-aspect)))}
 .home-still .studio-photo.art-plus{width:min(78%,calc(136cqh * var(--photo-aspect)));transform:translateY(-2%)}
}