.cool-stage{--brand:0;--fold:0;--photo:0;--family:0;--shelf:0;--walls:0;--back:0;--dust:0;--lids:0;--tucks:0;--glue:0;--model-scale:1;background:#f5f3eb}
.cool-scene{position:absolute;inset:64px 0 62px;perspective:1800px;perspective-origin:50% 45%}
.cool-stage .fold-camera{width:270px;height:324px}.cool-stage .fold-carton{width:270px;height:324px;transform:translateX(calc(146px*(1 - var(--fold)))) rotateX(calc(-13deg*var(--fold))) rotateY(calc(-24deg*var(--fold)))}
.cool-stage .fold-layer{background-size:814.112px 620.863px;background-position:var(--tex-x) var(--tex-y);background-repeat:no-repeat}.cool-stage .fold-paper{background-image:url('/assets/cool-down-blank.png');border:0}.cool-stage .fold-art{background-image:url('/assets/cool-down-artwork.png');clip-path:var(--cut);mask-image:linear-gradient(to right,#000 0 calc(var(--ink-fill)*100%),transparent calc(var(--ink-fill)*100%) 100%)}.cool-stage .fold-panel:before{background:#faf9f4}
.cool-front{width:270px;height:324px;left:0;top:0}.cool-left{width:90px;height:324px;left:-90px;top:0;transform-origin:right center;transform:rotateY(calc(-90deg*var(--walls)))}.cool-right{width:90px;height:324px;left:270px;top:0;transform-origin:left center;transform:rotateY(calc(90deg*var(--walls)))}.cool-back{width:270px;height:324px;left:-270px;top:0;transform-origin:right center;transform:rotateY(calc(-90deg*var(--back)))}
.cool-glue{width:22px;height:324px;left:-22px;top:0;transform-origin:right center;transform:rotateY(calc(-90deg*var(--glue)))}
.cool-dust-top{width:90px;height:63px;left:0;top:-63px;transform-origin:center bottom;transform:rotateX(calc(90deg*var(--dust)))}.cool-dust-bottom{width:90px;height:63px;left:0;top:324px;transform-origin:center top;transform:rotateX(calc(-90deg*var(--dust)))}
.cool-inner-top{width:270px;height:86px;left:0;top:-86px;transform-origin:center bottom;transform:rotateX(calc(90deg*var(--dust)))}.cool-inner-bottom{width:270px;height:86px;left:0;top:324px;transform-origin:center top;transform:rotateX(calc(-90deg*var(--dust)))}
.cool-top{width:270px;height:90px;left:0;top:-90px;transform-origin:center bottom;transform:rotateX(calc(90deg*var(--lids)))}.cool-top-seal{width:270px;height:22px;left:0;top:-22px;transform-origin:center bottom;transform:translateY(calc(3px*var(--tucks))) rotateX(calc(90deg*var(--tucks)))}
.cool-bottom{width:270px;height:90px;left:0;top:324px;transform-origin:center top;transform:rotateX(calc(-90deg*var(--lids)))}.cool-bottom-seal{width:270px;height:22px;left:0;top:90px;transform-origin:center top;transform:translateY(calc(-3px*var(--tucks))) rotateX(calc(-90deg*var(--tucks)))}
.cool-left>.fold-shade{opacity:calc(var(--walls)*.1)}.cool-right>.fold-shade{opacity:calc(var(--walls)*.08)}.cool-back>.fold-shade{opacity:calc(var(--back)*.12)}.cool-bottom>.fold-shade{opacity:calc(var(--lids)*.12)}.cool-top>.fold-shade{background:#fff;opacity:calc(var(--lids)*.08)}
.cool-photo{position:absolute;inset:2% 7%;opacity:calc(var(--photo)*(1 - var(--family)));transform:scale(calc(.94 + var(--photo)*.06))}.cool-photo img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 14px 10px #1625391a)}
.cool-family{position:absolute;inset:4% 3%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px;opacity:calc(var(--family)*(1 - var(--shelf)));transform:scale(calc(.9 + var(--family)*.1))}.cool-family figure{min-width:0}.cool-family img{display:block;width:100%;height:auto;filter:drop-shadow(0 9px 7px #16253920)}.cool-family figcaption{font:10px 'IBM Plex Mono',monospace;text-align:center;margin-top:18px;line-height:1.5}
.cool-freezer{position:absolute;inset:0;opacity:var(--shelf);transform:scale(calc(1.035 - var(--shelf)*.035))}.cool-freezer img{display:block;width:100%;height:100%;object-fit:contain}.cool-stage .stage-head,.cool-stage .stage-footer{background:rgb(252 250 244 / calc(var(--shelf)*.95))}.cool-stage .stage-progress i{background:#1044de}
.cool-artwork{padding:64px 44px 40px;border-bottom:1px solid var(--line)}.cool-artwork .retail-head{margin-bottom:40px}.cool-artwork img{display:block;width:100%;height:auto;border-radius:14px}.cool-artwork figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font:9px 'IBM Plex Mono',monospace}.cool-showcase .mallow-range-grid img{padding:24px;background:#f5f3eb}.cool-page .range-caption>span{max-width:70%}
@media(max-width:900px){.cool-scene{inset:36px 0 38px}.cool-family{gap:7px;inset:1% 3%}.cool-family figcaption{font-size:7px;margin-top:10px}.cool-artwork{padding:42px 20px 30px}.cool-artwork .retail-head{margin-bottom:28px}.cool-artwork figcaption{font-size:7px}.cool-showcase .mallow-range-grid img{padding:15px}}
@media(max-width:600px){.cool-showcase .mallow-range-grid{grid-template-columns:1fr;gap:36px}.cool-showcase .mallow-range-grid img{width:min(100%,290px);margin:auto}.cool-showcase .mallow-range-grid figcaption{flex-direction:row;font-size:10px}.cool-showcase .mallow-range-grid figure+figure:before{left:0;top:-18px;bottom:auto;width:100%;height:1px}}