[data-product-reel]{position:relative;overflow:hidden;isolation:isolate}
.pr-frame-slot{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .65s;pointer-events:none;z-index:5}
.reel-ready>.pr-frame-slot{opacity:1}
.eds-art.reel-ready>:not(.pr-frame-slot){visibility:hidden}
.pr-frame-slot iframe{position:absolute;left:0;top:0;border:0;max-width:none!important;transform-origin:top left;pointer-events:none}
.pr-player{margin:100px 0;--reel-progress:0}
.pr-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.ncase-main .pr-heading h2{font-size:clamp(35px,4vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.055em;margin:0}
.pr-heading>p{max-width:310px;font-size:16px;line-height:1.6;color:#7b7b74}
.pr-mat{padding:4%;background:var(--pr-mat,#eee);position:relative;overflow:hidden}
.pr-mat [data-product-reel]{aspect-ratio:var(--reel-ratio,1408/814);box-shadow:0 25px 50px -25px #18191b60;background:var(--pr-mat,#eee)}
.pr-mat img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.pr-controls{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;gap:20px;font-size:12px;border-bottom:1px solid #ddd;position:relative}
.pr-controls::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#fe5b2a;transform:scaleX(var(--reel-progress));transform-origin:left}
.pr-controls button{background:none;border:0;padding:5px 0;color:inherit;font:inherit;cursor:pointer;border-bottom:1px solid #aaa}
.pr-controls a{display:inline-flex;gap:20px}
.pr-controls span{color:#85857d}
@media(max-width:650px){.pr-player{margin:60px 0}.pr-heading{display:block}.ncase-main .pr-heading h2{font-size:36px}.pr-heading>p{margin-top:22px;font-size:15px}.pr-mat{padding:3%}.pr-mat [data-product-reel]{aspect-ratio:390/710}.pr-controls{flex-wrap:wrap;font-size:11px;gap:14px}.pr-controls>span{width:100%}}
@media(prefers-reduced-motion:reduce){.pr-frame-slot{transition:none}}
.pr-mat{padding:5% 4% 4%;border-radius:14px;background:radial-gradient(ellipse at 50% 10%,#ffffffac,transparent 75%),var(--pr-mat,#eee)}
.pr-mat>.ds-display{max-width:1220px;margin:auto}.pr-mat>.ds-laptop{max-width:1350px;margin:auto}
@media(max-width:650px){.pr-mat{padding:26px 7% 29px;border-radius:12px}}