.editorial-slider{position:relative;isolation:isolate;margin:70px 0;border-radius:24px;overflow:hidden;background:#111;color:#fff;min-height:570px;border:1px solid #3a292c}
.editorial-scene{position:relative;min-height:570px;display:flex;justify-content:flex-end;align-items:center;padding:36px 8%;isolation:isolate}
.editorial-backdrop,.editorial-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:35% 50%}
.editorial-shade{z-index:-1;background:linear-gradient(90deg,#0009,transparent 52%,#0008),linear-gradient(0deg,#0009,transparent 35%)}
.editorial-statement{position:absolute;left:4%;top:50px;max-width:48%}
.editorial-statement .eyebrow{font-size:9px;letter-spacing:2px}.editorial-display{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,5.8vw,82px);font-weight:800;font-style:italic;line-height:.98;letter-spacing:-1.5px}.editorial-display span{color:var(--red)}
.editorial-small{font-size:9px;letter-spacing:3px;line-height:1.6;margin-top:36px}.editorial-small::before{content:'';display:block;width:22px;height:2px;background:var(--red);margin-bottom:12px}
.editorial-panel{width:340px;max-width:38%;padding:30px;background:linear-gradient(130deg,#171719ef,#0c0c0ded);border:1px solid #ffffff2a;border-radius:18px;box-shadow:0 18px 50px #0004}
.editorial-panel>.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:14px}.editorial-panel h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.2px;line-height:1.04}.editorial-panel h2 em{color:#ff1827;font-style:italic}
.editorial-description{font-size:12px;line-height:1.6;color:#c9c9cc;margin-top:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.editorial-product{display:flex;gap:14px;align-items:center;margin:20px 0 18px;padding-top:18px;border-top:1px solid #ffffff20;min-width:0}.editorial-product>img{width:72px;height:80px;border-radius:9px;object-fit:cover}.editorial-product>div{min-width:0}.editorial-product small{font-size:8px;letter-spacing:1px}.editorial-product h3{font-size:16px;line-height:1.3;margin:6px 0;overflow-wrap:anywhere}.editorial-product p{font-size:12px;color:#bbb}
.editorial-panel .button{font-size:12px;min-height:44px;padding:12px 18px;gap:18px}.editorial-panel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.editorial-hotspot{position:absolute;left:48%;top:42%;display:grid;place-items:center;width:46px;height:46px;border:1px solid #fffa;border-radius:50%;background:#ffffff18;box-shadow:0 0 0 9px #ffffff0b;font-size:23px}
.editorial-hotspot:hover{background:var(--red)}
.editorial-controls{position:absolute;left:4%;bottom:32px;display:flex;align-items:center;gap:12px}.editorial-controls[hidden]{display:none}.editorial-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;background:#1119;color:#fff;font-size:18px}.editorial-controls [data-editorial-play]{width:auto;min-width:60px;border-radius:30px;padding:0 13px;font-size:12px}.editorial-controls span{font-size:12px;letter-spacing:1px;margin-inline:8px}
@media(max-width:900px){.editorial-scene{padding:30px 4%;min-height:550px}.editorial-panel{max-width:44%;padding:24px}.editorial-statement{max-width:48%;top:40px}.editorial-display{font-size:54px}.editorial-hotspot{left:44%;top:48%}}
@media(max-width:640px){.editorial-slider{margin:45px 0;border-radius:20px}.editorial-scene{display:block;padding:310px 20px 84px;min-height:0}.editorial-panel{width:100%;max-width:none;padding:26px}.editorial-statement{top:30px;left:24px;max-width:85%}.editorial-display{font-size:52px}.editorial-small{margin-top:22px}.editorial-hotspot{top:240px;left:auto;right:32px}.editorial-backdrop{object-position:center top}.editorial-shade{background:linear-gradient(0deg,#0a0a0bed 20%,#0002 80%,#0008)}.editorial-controls{left:24px;bottom:22px}.editorial-panel h2{font-size:34px}.editorial-description{-webkit-line-clamp:4}}
@media(prefers-reduced-motion:reduce){.editorial-scene{animation:none!important}}

/* Compact phone lookbook keeps imagery, product and controls together. */
@media(max-width:640px){
 .editorial-slider{margin-block:30px;min-height:0;border-radius:18px}
 .editorial-scene{padding:180px 14px 66px}
 .editorial-statement{top:22px;left:20px;max-width:80%}
 .editorial-statement .eyebrow{font-size:8px;margin-bottom:10px}
 .editorial-display{font-size:36px;letter-spacing:-.6px}
 .editorial-small{display:none}.editorial-hotspot{top:125px;right:22px;width:36px;height:36px;font-size:20px}
 .editorial-panel{padding:16px;border-radius:13px}
 .editorial-panel>.eyebrow{font-size:8px;margin-bottom:8px}
 .editorial-panel h2{font-size:23px;line-height:1.04;letter-spacing:-.6px}
 .editorial-panel h2 br{display:none}.editorial-panel h2 em{display:block}
 .editorial-description{display:none}
 .editorial-product{margin:12px 0;padding-top:12px;gap:12px}
 .editorial-product>img{width:52px;height:58px}.editorial-product small{display:none}
 .editorial-product h3{font-size:14px;margin:0 0 3px}.editorial-product p{font-size:11px}
 .editorial-product .price-line{font-size:11px;margin-top:4px;gap:3px 7px}
 .editorial-panel .button{width:100%;justify-content:center;min-height:44px;padding:10px 14px}
 .editorial-controls{left:20px;bottom:14px;gap:9px}.editorial-controls button{width:36px;height:36px;font-size:16px}.editorial-controls [data-editorial-play]{min-width:56px;font-size:11px}.editorial-controls span{font-size:11px}
}