/* Official, uncut white-background photographs. No masks or blend modes. */
#deal-grid .deal-image{background:#fff;border:3px solid #080808;border-bottom-width:2px;padding:14px;isolation:isolate}
#deal-grid .deal-image img{width:100%;height:100%;object-fit:contain;clip-path:none;filter:grayscale(1);mix-blend-mode:normal}
#deal-grid .deal-image .image-pending{color:#555}
.deal-theatre{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#090909;overflow:auto;color:#f5f5f5;scrollbar-width:thin;scrollbar-color:#444 #111;perspective:1500px}
.deal-theatre::backdrop{background:#000d;backdrop-filter:blur(8px)}
.theatre-header{height:72px;display:flex;align-items:center;gap:24px;padding:0 32px;border-bottom:1px solid #303030;position:sticky;top:0;z-index:30;background:#090909f5;backdrop-filter:blur(12px)}
.theatre-header>a{font-size:11px;font-weight:600;letter-spacing:.11em}
.theatre-header>span{font-size:9px;letter-spacing:.12em;color:#777;margin-left:8px}
.theatre-replay{margin-left:auto;display:flex;align-items:center;gap:10px;border:1px solid #444;border-radius:4px;background:transparent;padding:9px 12px;color:#bbb;font-size:11px;min-height:38px}
.theatre-replay:hover{border-color:#bbb;color:white}
.theatre-header .close-button{flex-shrink:0;font-size:26px;color:#ccc}
.deal-workspace{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(290px,1.45fr) minmax(300px,1fr);gap:clamp(24px,2.7vw,44px);min-height:calc(100dvh - 72px);padding:44px 32px;position:relative;isolation:isolate;overflow:hidden}
.product-anchor{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;min-width:0;z-index:10;perspective:1600px}
.product-passport{width:min(100%,270px,calc((100dvh - 240px)*.5625));aspect-ratio:9/16;position:relative;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;flex-shrink:0}
.passport-face{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;color:#080808;border:3px solid #080808;outline:1px solid #555;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:18px;box-shadow:0 22px 55px #0006;overflow:hidden}
.passport-face-front{transform:translateZ(1px)}
.passport-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #ccc;font-size:9px;font-weight:700;letter-spacing:.07em}
.passport-brand>span:last-child{font-size:8px;color:#888;font-weight:400}
.passport-photo{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:12px 0}
.passport-photo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);clip-path:none;mix-blend-mode:normal}
.passport-photo .image-pending{color:#666;font-size:11px}
.passport-name{font-size:clamp(20px,2.2vw,34px);line-height:1.05;letter-spacing:-.04em;font-weight:700;padding-top:14px;border-top:1px solid #ccc;overflow-wrap:anywhere}
.passport-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.07em;color:#888;margin-top:12px;gap:10px}
.passport-face-back{transform:rotateY(180deg);background:#111;color:#fff;align-items:center;justify-content:center;border-color:#eee;padding:20px;background-image:linear-gradient(135deg,#222 0%,#111 55%)}
.passport-face-back:before,.passport-face-back:after{content:'+';position:absolute;color:#666;font-size:20px;line-height:1}.passport-face-back:before{top:20px;left:20px}.passport-face-back:after{bottom:20px;right:20px}
.passport-face-back>strong{font-style:italic;font-size:clamp(22px,2.5vw,38px);font-weight:800;letter-spacing:-.04em}
.passport-face-back>span{font-size:8px;letter-spacing:.14em;color:#888;margin-top:16px}
.anchor-caption{font-size:8px;letter-spacing:.1em;color:#777;margin-top:20px;display:flex;gap:18px;align-items:center;width:min(100%,270px)}
.anchor-caption:before{content:'';height:1px;background:#555;flex:1}
.case-stage{position:relative;min-width:0;min-height:530px;align-self:stretch;perspective:1400px}
.case-stage-label{position:absolute;top:8px;left:0;font-size:9px;letter-spacing:.12em;color:#666;display:flex;align-items:center;gap:15px;white-space:nowrap}
.case-stage-label:before{content:'';width:24px;height:1px;background:#555}
.deal-case{--shift:0px;--lift:0px;--tilt:0deg;position:absolute;left:50%;top:48%;width:clamp(162px,15vw,218px);aspect-ratio:3/4;transform:translate(calc(-50% + var(--shift)),calc(-50% + var(--lift))) rotate(var(--tilt));transform-origin:center;opacity:0;border:1px solid #626262;border-radius:9px;background:#161616;color:#ddd;padding:18px;box-shadow:0 18px 35px #0008;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden;transition:border-color .2s,background .2s,box-shadow .2s;cursor:pointer}
.deal-case:nth-of-type(1){--shift:-86px;--lift:18px;--tilt:-11deg;z-index:1}
.deal-case:nth-of-type(2){--shift:0px;--lift:-18px;--tilt:0deg;z-index:3}
.deal-case:nth-of-type(3){--shift:86px;--lift:18px;--tilt:11deg;z-index:2}
.deal-case.is-selected{z-index:6;border-color:#eee;background:#202020;box-shadow:0 24px 55px #000b}
.deal-case:hover,.deal-case:focus-visible{z-index:8;border-color:#ddd;background:#252525}
.case-topline{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.1em;color:#999}
.case-skeleton{flex:1;min-height:0;display:grid;place-items:center;margin:20px 0;border:1px solid #3a3a3a;position:relative;background:linear-gradient(145deg,#ffffff06,transparent)}
.case-skeleton:before,.case-skeleton:after{content:'';position:absolute;width:16px;height:16px;border-color:#666;border-style:solid}
.case-skeleton:before{left:10px;top:10px;border-width:1px 0 0 1px}.case-skeleton:after{right:10px;bottom:10px;border-width:0 1px 1px 0}
.case-skeleton>span{font:500 clamp(58px,7vw,96px)/1 var(--display);color:#444}
.case-footer{font-size:9px;letter-spacing:.1em;color:#aaa;display:flex;justify-content:space-between;gap:10px}
.case-caption{position:absolute;left:0;right:0;bottom:50px;text-align:center;font-size:10px;color:#777;line-height:1.7;letter-spacing:.02em}
.case-caption span{display:block;font-size:8px;letter-spacing:.12em;color:#aaa;margin-bottom:5px}
.theatre-details{min-width:0;align-self:center;position:relative;padding:10px 0}
.theatre-details>.small-label{font-size:9px;color:#888;letter-spacing:.12em;margin-bottom:16px}
.theatre-details h2{font:600 clamp(32px,3.6vw,55px)/1 var(--body);letter-spacing:-.045em;overflow-wrap:anywhere}
.theatre-details .deal-tag{font-size:12px;margin:12px 0 23px;color:#aaa}
.theatre-price{padding-bottom:20px;border-bottom:1px solid #363636}
.theatre-price .original-price{font-size:11px;min-height:0;line-height:1.5}
.theatre-price .original-price .msrp-pending{font-size:9px}
.theatre-price .deal-value{font-size:48px;margin:9px 0 7px;line-height:1;letter-spacing:-.045em}
.theatre-price .deal-value.pending{font-size:32px}
.theatre-price .price-caption{font-size:9px;margin:0;letter-spacing:.07em}
.theatre-highlights{list-style:none;padding:0;margin:20px 0 22px;display:flex;flex-direction:column;gap:15px}
.theatre-highlights>li{display:grid;grid-template-columns:25px 1fr;align-items:start;gap:12px;font-size:12px;line-height:1.6;color:#ddd}
.theatre-highlights>li>span{border:1px solid #454545;border-radius:50%;font-size:8px;width:22px;height:22px;display:grid;place-items:center;color:#888;margin-top:1px}
.theatre-more{border-top:1px solid #353535;color:#bbb}
.theatre-more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:11px;color:#bbb;cursor:pointer}
.theatre-more summary::-webkit-details-marker{display:none}.theatre-more summary:after{content:'+';font-size:18px;color:#888}.theatre-more[open] summary:after{content:'−'}
.theatre-more>div{font-size:11px;line-height:1.7;color:#999;padding:0 0 16px}
.theatre-more p+p{margin-top:8px}.theatre-more strong{font-weight:500;color:#ddd}
.theatre-cta{width:100%;margin-top:20px;justify-content:space-between;font-size:12px;padding:14px 16px}
.theatre-footnote{font-size:9px;color:#777;line-height:1.6;margin-top:12px}
.deal-theatre.is-revealed .deal-case{opacity:1}
.deal-theatre.is-animating .product-anchor{z-index:20}
.deal-theatre.is-animating .deal-case{pointer-events:none}
@media(min-width:1600px){.deal-workspace{grid-template-columns:300px minmax(400px,1fr) 370px;gap:48px;padding-left:40px;padding-right:40px}.product-passport{width:280px}.deal-case{width:240px}.deal-case:nth-of-type(1){--shift:-120px}.deal-case:nth-of-type(3){--shift:120px}}
@media(min-width:701px) and (max-width:1100px){
 .deal-workspace{grid-template-columns:minmax(175px,.65fr) minmax(300px,1fr);gap:26px;padding:28px 24px}
 .product-passport{width:min(100%,210px)}.product-anchor{align-items:flex-start}
 .case-stage{min-height:390px}.deal-case{width:165px}.deal-case:nth-of-type(1){--shift:-60px;--lift:12px;--tilt:-10deg}.deal-case:nth-of-type(3){--shift:60px;--lift:12px;--tilt:10deg}.case-caption{bottom:0}
 .theatre-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding-top:28px;border-top:1px solid #333}
 .theatre-details>.small-label,.theatre-details h2,.theatre-details>.deal-tag,.theatre-price{grid-column:1}
 .theatre-highlights{grid-column:2;grid-row:1/5;margin:0;align-self:center}
 .theatre-more{grid-column:1/-1}.theatre-cta,.theatre-footnote{grid-column:1/-1}.theatre-details h2{font-size:40px}
 .anchor-caption{font-size:7px}
}
@media(max-width:700px){
 .theatre-header{height:58px;gap:10px;padding:0 16px}.theatre-header>a{font-size:9px}.theatre-header>span{display:none}.theatre-header .close-button{width:34px;height:38px;font-size:25px}.theatre-replay{font-size:9px;padding:8px 9px;gap:8px;min-height:34px}
 .deal-workspace{display:grid;grid-template-columns:110px minmax(0,1fr);gap:0 14px;padding:28px 16px 32px;min-height:calc(100dvh - 58px)}
 .product-anchor{justify-content:center;align-self:start;align-items:flex-start;height:250px}.product-passport{width:110px;aspect-ratio:9/16}
 .passport-face{padding:9px;border-width:2px}.passport-brand{font-size:5px;padding-bottom:7px;gap:4px}.passport-brand>span:last-child{font-size:5px}.passport-photo{padding:5px 0}.passport-name{font-size:16px;line-height:1.05;padding-top:7px}.passport-foot{font-size:4px;margin-top:7px;gap:2px}.passport-face-back>strong{font-size:17px}.passport-face-back>span{font-size:5px}
 .anchor-caption{font-size:5px;letter-spacing:.05em;gap:6px;margin-top:14px;width:110px}
 .case-stage{height:250px;min-height:0;align-self:start}.case-stage-label{font-size:6px;top:0;gap:6px;letter-spacing:.08em;white-space:normal}.case-stage-label:before{width:12px}
 .deal-case{width:112px;aspect-ratio:3/4;padding:10px;border-radius:5px;top:48%}
 .deal-case:nth-of-type(1){--shift:-30px;--lift:12px;--tilt:-12deg}.deal-case:nth-of-type(2){--shift:0px;--lift:-8px}.deal-case:nth-of-type(3){--shift:30px;--lift:12px;--tilt:12deg}
 .case-topline{font-size:5px;gap:5px}.case-skeleton{margin:10px 0}.case-skeleton>span{font-size:48px}.case-skeleton:before,.case-skeleton:after{width:9px;height:9px}.case-skeleton:before{top:6px;left:6px}.case-skeleton:after{bottom:6px;right:6px}.case-footer{font-size:5px;gap:3px}.case-caption{font-size:7px;bottom:0}.case-caption span{font-size:6px;margin-bottom:3px}
 .theatre-details{grid-column:1/-1;align-self:start;padding:28px 0 0;margin-top:25px;border-top:1px solid #333}.theatre-details>.small-label{font-size:8px;margin-bottom:12px}.theatre-details h2{font-size:37px}.theatre-details .deal-tag{font-size:12px;margin:10px 0 18px}
 .theatre-price{padding-bottom:18px}.theatre-price .deal-value{font-size:42px}.theatre-highlights{gap:13px;margin:18px 0 22px}.theatre-highlights>li{font-size:12px}.theatre-cta{font-size:12px;min-height:48px}.theatre-footnote{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.product-passport{will-change:auto}.deal-case{transition:none}}