@font-face{font-family:DM Sans;src:url('./fonts/dm-sans.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{font-family:'DM Sans',Arial,sans-serif;color:#171917;background:#f5f5f0;font-synthesis:none;--paper:#f5f5f0;--ink:#171917;--muted:#767b72}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d0fe83;outline-offset:5px}button:hover:not(:disabled),a:hover{opacity:.76}[hidden]{display:none!important}.skip-link{position:fixed;z-index:30;top:-100px;left:20px;background:white;padding:16px}.skip-link:focus{top:15px}.site-shell{height:100dvh;min-height:560px;display:grid;grid-template-rows:76px minmax(0,1fr) 43px}.site-header{display:flex;align-items:center;padding:0 4%;gap:40px;background:#fff;z-index:3}.wordmark{display:flex;width:130px}.wordmark img{width:130px;height:50px;object-fit:contain}.site-header nav{display:flex;gap:32px;align-items:center;margin:auto}.site-header nav button{font-size:14px;padding:14px 0;position:relative}.site-header nav button[aria-current=page]:after{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;position:absolute;bottom:3px;left:calc(50% - 2px)}.store-link{font-size:12px;white-space:nowrap}.store-link span{margin-left:15px}main{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.stage{position:relative;isolation:isolate;overflow:hidden;background:#172422;color:#fff;min-height:260px}.story-scene,.wardrobe-scene{position:absolute;inset:0}.story-scene>img,.story-scene>video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}.story-scene>video{opacity:0}.story-scene>video.is-visible{opacity:1}.stage[data-phase=arming] .story-scene>img,.stage[data-phase=arming] .story-scene>video{object-position:center}.stage[data-phase=prank] .story-scene>img,.stage[data-phase=prank] .story-scene>video{object-fit:contain}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,21,21,.44),transparent 58%),linear-gradient(0deg,rgba(7,21,21,.24),transparent 25%,transparent 80%,rgba(7,21,21,.28));pointer-events:none}.stage:not([data-phase=intro]) .scene-shade{background:linear-gradient(0deg,rgba(7,21,21,.36),transparent 22%,transparent 85%,rgba(7,21,21,.3))}.scene-topline{position:absolute;top:27px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.12em;align-items:center}.scene-topline i{display:inline-block;width:7px;height:7px;background:#d0fe83;margin-right:9px;border-radius:50%}.episode-label{opacity:.75}.intro-copy{position:absolute;left:7%;bottom:16%;}.intro-copy>p{font-size:10px;letter-spacing:.16em;margin:0 0 21px}.intro-copy h1{font-size:clamp(52px,6.5vw,96px);font-weight:500;letter-spacing:-.065em;line-height:.97;margin:0 0 23px}.intro-copy>span{font-size:13px;line-height:1.7;color:#dde3dc}.scene-bottomline{position:absolute;bottom:23px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.02em}.scene-bottomline button{font-size:11px;color:white;padding:10px;background:#17242288}.scene-bottomline button span{padding-left:10px}.control-desk{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;gap:24px;min-height:145px}.control-copy{min-width:0}.eyebrow{font-size:9px;font-weight:600;letter-spacing:.13em;margin:0 0 10px;color:#6b7267}.control-copy h2{font-weight:500;letter-spacing:-.04em;font-size:26px;line-height:1.15;margin:0 0 8px}.control-copy>p:last-child{font-size:12px;line-height:1.5;margin:0;color:#73776e}.actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.dark-button,.outline-button,.hold-button{display:inline-flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;font-weight:500;padding:19px 23px;min-height:54px}.dark-button{background:var(--ink);color:white}.outline-button{border:1px solid #cbd0c3}.text-button{font-size:12px;padding:15px 0;border-bottom:1px solid #a7af9e}.text-button span{margin-left:15px}.light-switch{display:flex;align-items:center;gap:26px;background:var(--ink);color:white;padding:17px 23px;min-width:240px;min-height:68px;font-size:13px}.switch-track{width:42px;height:25px;border:1px solid #727971;border-radius:30px;padding:3px;display:flex;align-items:center}.switch-track>span{width:17px;height:17px;border-radius:50%;background:#cfff93;transform:translateX(16px);transition:transform .18s,background .18s}.light-switch[aria-checked=false] .switch-track>span{background:#9fa699;transform:translateX(0)}.switch-arrow{margin-left:auto;font-size:19px}.hold-button{background:var(--ink);color:white;position:relative;overflow:hidden;min-width:260px;user-select:none;-webkit-user-select:none;touch-action:none;--hold:0}.hold-fill{position:absolute;inset:0;background:#537346;transform:scaleX(var(--hold));transform-origin:left;pointer-events:none}#hold-label{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dddfd6;padding:0 4%;gap:15px}.story-progress{display:flex;gap:32px;list-style:none;padding:0;margin:0;counter-reset:beat;font-size:9px;color:#999e94}.story-progress li{counter-increment:beat}.story-progress li:before{content:'0' counter(beat);margin-right:8px;font-size:8px}.story-progress li[aria-current=step]{color:var(--ink)}.utility-controls{display:flex;gap:22px;align-items:center}.utility-controls button{font-size:10px;padding:10px 0;color:#6c7367}.media-status{position:fixed;bottom:55px;left:4%;right:4%;background:var(--ink);color:white;padding:12px 17px;font-size:12px;z-index:30;max-width:540px}
.wardrobe-scene{background:#839692;color:#fff;display:flex;align-items:center;justify-content:center;gap:8%}.stage[data-item="1"] .wardrobe-scene{background:#536477}.wardrobe-copy{width:40%;padding-left:3%;max-width:560px;z-index:1}.wardrobe-copy .eyebrow{color:#e1e8e2}.wardrobe-copy h1{font-weight:500;font-size:clamp(32px,4vw,60px);letter-spacing:-.055em;line-height:1.05;margin:25px 0 20px}.wardrobe-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#eef1e9}.character-tabs{display:flex;gap:7px;margin:28px 0 9px}.character-tabs button{font-size:11px;padding:12px 16px;border:1px solid #ffffff66}.character-tabs button[aria-pressed=true]{background:white;color:#26372e}.wardrobe-copy .text-button{color:#fff;border-color:#ffffff55;font-size:11px}.portrait-frame{position:relative;height:100%;aspect-ratio:2/3;flex-shrink:0}.portrait-frame>img{display:block;height:100%;width:100%;object-fit:cover}.garment-hotspot{position:absolute;left:51%;top:46%;padding:0;display:flex;align-items:center;transform:translate(-20px,-20px);gap:9px;white-space:nowrap;color:#182418;font-size:11px}.hotspot-plus{width:40px;height:40px;background:#f6ffdce8;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:300;box-shadow:0 0 0 6px #ffffff22}.garment-hotspot>span:last-child{background:#f6ffdce8;padding:8px 10px}.stage[data-item="1"] .garment-hotspot{left:43%;top:29%}.wardrobe-credit{position:absolute;bottom:20px;left:4%;font-size:8px;letter-spacing:.12em;opacity:.7}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#101b18bb;backdrop-filter:blur(7px)}.modal-open{overflow:hidden}.close-button{font-size:30px;font-weight:300;line-height:1;min-width:44px;min-height:44px;display:grid;place-items:center}.floating-close{position:absolute;right:16px;top:13px;z-index:2;background:var(--paper)}.dialog-header{padding:12px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.dialog-header h2{font-size:17px;font-weight:500;letter-spacing:-.03em;margin:0}.film-dialog{width:1100px;max-width:calc(100vw - 40px);height:calc(100dvh - 60px);max-height:900px;background:#101916;color:white;overflow:auto}.film-dialog[open]{display:flex;flex-direction:column}.film-tabs{display:flex;justify-content:center;gap:25px;padding:14px;flex-shrink:0}.film-tabs button{color:#b4c1b6;font-size:12px;padding:7px 0}.film-tabs button[aria-pressed=true]{color:white;border-bottom:1px solid white}.film-screen{flex:1;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center;background:#090e0c}.film-screen>video,.film-screen>#world-player{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.film-screen iframe{border:0;width:100%;height:100%;display:block}.film-footer{display:flex;justify-content:space-between;gap:25px;padding:18px 25px;align-items:center;font-size:11px;flex-shrink:0}.film-footer p{margin:0;color:#aebbb0;line-height:1.5}.film-footer a{white-space:nowrap;border-bottom:1px solid #ffffff55;padding-bottom:4px}.pan-controls{display:flex;gap:7px;align-items:center;justify-content:center;padding:12px;font-size:11px}.pan-controls span{margin-right:15px;color:#aebbb0}.pan-controls button{color:white;border:1px solid #ffffff44;min-height:40px;min-width:40px;padding:8px 12px}.product-dialog{width:920px}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.product-photo{background:#ebecee;min-height:540px}.product-photo img{display:block;width:100%;height:100%;object-fit:cover;max-height:680px}.product-details{align-self:center;padding:50px 40px}.product-tabs{display:flex;gap:19px;margin:27px 0 35px}.product-tabs button{font-size:12px;padding:7px 0;color:#8c9286}.product-tabs button[aria-pressed=true]{border-bottom:1px solid var(--ink);color:var(--ink)}.product-details h2{font-size:38px;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 22px}.product-details>p:not(.eyebrow){font-size:13px;color:#747b6e;line-height:1.7}.product-details .dark-button{margin:20px 0 5px;width:100%;gap:10px;padding:18px;font-size:11px}.product-details .text-button{width:100%;text-align:left;display:flex;justify-content:space-between}.product-details .product-footnote{font-size:10px!important;margin-top:25px}.about-dialog{width:570px;padding:55px 45px}.about-dialog h2{font-size:43px;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:25px 0}.about-dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#707669}.underline-link{font-size:12px;display:inline-block;border-bottom:1px solid #8f9885;padding:10px 0;margin-top:10px}
@media(min-width:1700px){.control-desk{padding-block:30px}.story-scene>img,.story-scene>video{object-fit:contain}.scene-shade{background:linear-gradient(90deg,#17242277,transparent 60%)}}
@media(max-width:850px){.site-header{gap:22px}.site-header nav{gap:23px}.store-link{font-size:10px}.control-desk{padding:22px 4%;min-height:152px}.control-copy h2{font-size:23px}.actions{gap:8px}.dark-button,.outline-button{padding:17px 16px;gap:10px;font-size:11px}.light-switch{min-width:205px;gap:17px}.wardrobe-scene{gap:0}.wardrobe-copy{width:45%;padding-left:5%}.wardrobe-copy h1{font-size:34px}.character-tabs{flex-wrap:wrap}.portrait-frame{max-width:55%;height:auto;max-height:100%}.portrait-frame>img{max-height:100%;object-fit:contain}.garment-hotspot{font-size:10px}.garment-hotspot>span:last-child{padding:7px}.product-details{padding:45px 27px}.product-details h2{font-size:33px}}
@media(max-width:600px){.site-shell{min-height:560px;grid-template-rows:97px minmax(0,1fr) 42px}.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:51px 46px;padding:0 5%;gap:0}.wordmark,.wordmark img{width:107px;height:42px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:48px;border-top:1px solid #efefe9;width:100%}.site-header nav button{font-size:12px;padding:12px 0}.site-header nav button[aria-current=page]:after{bottom:2px}.store-link{grid-column:2;grid-row:1;font-size:10px}.store-link span{margin-left:7px}.stage{min-height:290px}.story-scene>img,.story-scene>video{object-position:52% center}.stage[data-phase=arming] .story-scene>img,.stage[data-phase=arming] .story-scene>video{object-fit:cover}.scene-topline{top:20px;left:6%;right:6%;font-size:8px;letter-spacing:.09em}.episode-label{max-width:118px;text-align:right;line-height:1.5;font-size:7px}.intro-copy{left:8%;bottom:16%}.intro-copy h1{font-size:55px;margin-bottom:18px}.intro-copy>p{font-size:8px;letter-spacing:.1em;margin-bottom:15px}.intro-copy>span{font-size:11px;line-height:1.7}.scene-bottomline{bottom:14px;left:6%;right:6%;font-size:9px}.scene-bottomline button{font-size:9px}.control-desk{min-height:179px;align-items:stretch;flex-direction:column;padding:18px 6%;gap:16px}.control-copy .eyebrow{font-size:8px;margin-bottom:7px}.control-copy h2{font-size:23px;margin-bottom:5px}.control-copy>p:last-child{font-size:10px}.actions{width:100%;gap:8px}.actions>button{flex:1}.light-switch{min-height:51px;padding:11px 17px;min-width:0;gap:18px;font-size:12px}.switch-track{height:23px;width:40px}.switch-track>span{width:15px;height:15px}.dark-button,.outline-button,.hold-button{min-height:48px;font-size:10px;padding:14px 13px;gap:8px;justify-content:center}.actions .text-button{flex:0 0 85px;font-size:10px}.hold-button{min-width:0}.site-footer{padding:0 6%}.story-progress{gap:13px;font-size:7px}.story-progress li:before{display:none}.utility-controls{gap:15px}.utility-controls button{font-size:9px}.utility-controls #replay span{display:none}.utility-controls #replay{font-size:17px;line-height:1}.wardrobe-scene{align-items:stretch}.wardrobe-copy{position:absolute;inset:0;max-width:none;width:auto;padding:19px 6% 0;pointer-events:none;background:linear-gradient(0deg,rgba(12,29,26,.65),transparent 50%);display:flex;flex-direction:column;justify-content:flex-end}.wardrobe-copy .eyebrow,.wardrobe-copy h1,.wardrobe-copy>p:not(.eyebrow),.wardrobe-credit{display:none}.character-tabs{pointer-events:auto;margin:0 0 17px;flex-wrap:nowrap;gap:6px}.character-tabs button{font-size:10px;padding:11px 16px}.wardrobe-copy .text-button{position:absolute;right:6%;top:12px;pointer-events:auto;font-size:8px;background:#23392c99;padding:10px;border:0}.portrait-frame{height:100%;width:auto;max-width:100%;aspect-ratio:2/3}.portrait-frame>img{object-fit:cover;width:100%;height:100%}.garment-hotspot{font-size:9px;gap:5px;transform:translate(-17px,-17px)}.hotspot-plus{width:34px;height:34px;font-size:21px}.garment-hotspot>span:last-child{padding:7px}.film-dialog{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh}.dialog-header{padding:11px 16px}.dialog-header h2{font-size:15px}.film-footer{flex-direction:column;align-items:flex-start;padding:16px;gap:12px;font-size:10px}.pan-controls{gap:5px;flex-wrap:wrap}.pan-controls span{margin-right:5px}.pan-controls button{padding:8px;min-width:35px;min-height:40px;font-size:10px}.film-tabs{gap:25px;font-size:11px}.product-dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh}.product-dialog[open]{display:block}.product-photo{min-height:0;height:43dvh}.product-photo img{object-fit:contain}.product-details{padding:24px 26px}.product-details .eyebrow{font-size:8px}.product-tabs{margin:18px 0 22px}.product-details h2{font-size:32px;margin-bottom:12px}.product-details>p:not(.eyebrow){font-size:11px}.product-details .dark-button{margin-top:10px}.product-details .product-footnote{margin-top:17px}.about-dialog{padding:50px 27px;max-width:calc(100vw - 24px)}.about-dialog h2{font-size:37px}.media-status{bottom:55px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.light-switch[aria-disabled=true]{cursor:wait;opacity:.65}@media(max-width:600px){.stage{min-height:215px}}
