.off-day-scene{position:absolute;inset:54px 0 62px;isolation:isolate}
.off-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}
.off-layer img{display:block;width:100%;height:100%;object-fit:contain}
.off-blank{opacity:1;padding:12px}.off-art{padding:12px}.off-pouch{padding:4px 12%}
.off-family{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:4px 12px}
.off-family figure{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px}
.off-family figcaption{font:13px/1.5 'Manrope',Arial,sans-serif;text-align:center}
.off-shelf img{object-fit:contain}.off-day-stage .stage-progress i{background:#078d91}
.artwork-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.artwork-choices button{font:14px/1.5 'Manrope',Arial,sans-serif;background:transparent;border:1px solid var(--ink);border-radius:999px;padding:8px 16px}
.artwork-choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.artwork-choices button:hover{background:#d5e8e3;color:var(--ink)}
.artwork-choices button:focus-visible{outline:2px solid #078d91;outline-offset:3px}
.off-day-page .off-day-showcase .mallow-range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.off-day-page .off-day-showcase .mallow-range-grid img{padding:10px;background:#f1f0e8}
.off-day-page .off-day-showcase .mallow-range-grid figcaption{display:block;font-size:14px}
.off-day-showcase figcaption span{display:block}.off-day-showcase figcaption span+span{color:var(--muted);margin-top:4px}
@media(max-width:1100px) and (min-width:901px){.off-day-page .off-day-showcase .mallow-range-grid{gap:18px}}
@media(max-width:900px){.off-family{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:3px 6px}.off-family figcaption{font-size:11px!important}.off-day-page .off-day-showcase .mallow-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.off-day-page .off-day-showcase .mallow-range-grid figure{padding-left:0}.off-day-page .off-day-showcase .mallow-range-grid figure:before{display:none}.off-day-page .off-day-showcase .mallow-range-grid img{max-height:360px}}
@media(max-width:560px){.off-day-page .off-day-showcase .mallow-range-grid{grid-template-columns:1fr;gap:28px}.off-day-page .off-day-showcase .mallow-range-grid img{max-height:360px}.artwork-choices{gap:8px}.artwork-choices button{font-size:13px;padding:7px 12px}}
.off-day-artwork{border-bottom:1px solid var(--line)}
.off-day-artwork img{display:block;width:100%;height:auto;border-radius:14px}
.off-day-artwork figcaption{display:flex;justify-content:space-between;padding-top:18px;gap:16px}