@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f6f6f3;background:#050606;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--yellow:#f7ca00}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button{font:inherit}.experience,.zip-scene{width:100%;height:100%;height:100svh;min-height:540px;overflow:hidden}.zip-scene{position:relative;isolation:isolate;background:#050606;touch-action:pan-y}.zip-frames{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#050606}.zip-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity .12s linear;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zip-frame.is-visible{will-change:opacity}.brand-logo{position:absolute;z-index:3;top:8%;left:50%;transform:translate(-50%);width:min(42vw,290px);max-height:10vh;object-fit:contain;filter:drop-shadow(0 2px 5px #000);transition:opacity .2s}.side-copy{position:absolute;z-index:3;top:48%;margin:0;font-size:clamp(16px,2.2vw,32px);line-height:1.08;letter-spacing:-.04em;font-weight:800;text-shadow:0 2px 9px #000}.left-copy{left:7%;text-align:left}.right-copy{right:7%;text-align:right}.reveal-left-copy,.reveal-right-copy{top:47%;opacity:0;max-width:30%;font-size:clamp(15px,2vw,28px)}.reveal-left-copy{left:6%;text-align:left}.reveal-right-copy{right:6%;text-align:right}.carousel-world{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(100%,820px);height:min(72vh,720px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 12px 20px;opacity:0;transition:opacity .2s;pointer-events:none}.carousel-heading{font-family:Barlow Condensed,sans-serif;font-size:clamp(13px,2vw,22px);font-weight:800;letter-spacing:.16em;text-align:center;margin:0 0 12px;color:#fff8df;text-shadow:0 2px 10px #000}.card-stage{width:100%;height:min(52vh,470px);min-height:240px;max-width:700px;position:relative;perspective:1000px;touch-action:pan-y}.category-card{position:absolute;top:50%;left:50%;width:min(43%,250px);height:88%;padding:0;border:1px solid #f8d95c99;border-radius:12px;overflow:hidden;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;background:#0b0b09;box-shadow:0 15px 38px #000b;transform:translate(calc(-50% + var(--offset)*42%),calc(-50% + var(--depth)*2%)) scale(calc(1 - var(--depth)*.12)) rotateY(calc(var(--offset)*-17deg));opacity:calc(1 - var(--depth)*.2);z-index:calc(20 - var(--depth));transition:transform .38s cubic-bezier(.2,.7,.2,1),opacity .35s,filter .35s;filter:brightness(calc(1 - var(--depth)*.14))}.category-card.is-active{width:min(53%,300px);height:100%;border:1.5px solid #ffe15b;box-shadow:0 0 0 1px #ffe15b44,0 0 25px #f9c90066,0 22px 45px #000b}.card-number{position:absolute;z-index:2;top:10px;left:12px;font-size:10px;letter-spacing:.15em;font-weight:800}.card-art{position:relative;display:block;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#e5b83c66,transparent 43%),linear-gradient(145deg,#302d20,#090b09 70%)}.card-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#ffffff0c,transparent 40%),repeating-linear-gradient(0deg,transparent 0 34px,#f8d65c12 35px 36px)}.card-art:after{content:"";position:absolute;left:14%;right:14%;top:20%;bottom:8%;border:1px solid #ffe16a55;transform:rotate(-5deg)}.card-art i{position:absolute;left:25%;right:25%;top:20%;bottom:7%;display:block;background:linear-gradient(100deg,#111,#292b28 23%,#090a09 52%,#292b28 78%,#090a09);clip-path:polygon(25% 0,40% 0,48% 8%,52% 8%,60% 0,75% 0,100% 17%,82% 42%,72% 34%,77% 100%,23% 100%,28% 34%,18% 42%,0 17%);filter:drop-shadow(0 12px 10px #0009)}.card-art b{position:absolute;top:10%;left:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#0a0b08d9;border:1px solid #ffe16a77}.card-art em{position:absolute;left:35%;right:35%;bottom:24%;height:3px;background:#f7ca00;box-shadow:0 0 14px #f7ca00}.custom .card-art{background:radial-gradient(ellipse at 50% 20%,#e7ba2e88,transparent 44%),linear-gradient(145deg,#514015,#090a08 72%)}.lifestyle .card-art{background:linear-gradient(145deg,#8b4029,#17100d 72%)}.destinations .card-art{background:linear-gradient(145deg,#35666a,#0b1516 72%)}.sportswear .card-art{background:linear-gradient(145deg,#24477b,#0b101b 72%)}.accessories .card-art{background:linear-gradient(145deg,#634b80,#100b18 72%)}.card-title{font-family:Barlow Condensed,sans-serif;font-size:clamp(16px,2.6vw,25px);font-weight:800;line-height:1.05;padding:11px 12px 4px;background:#090a08}.card-subtitle{font-size:clamp(8px,1.2vw,10px);line-height:1.35;color:#dedbd0;padding:0 12px 12px;background:#090a08}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px;z-index:25}.arrow{width:34px;height:34px;border:1px solid #ffffff8a;background:#10110fbb;color:#fff;border-radius:50%;font-size:25px;line-height:1;cursor:pointer}.dots{display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;border:0;border-radius:10px;padding:0;background:#7c837d;cursor:pointer}.dot.active{width:19px;background:var(--yellow)}.swipe-hint{font-size:10px;letter-spacing:.04em;color:#fff7d8;margin:7px 0 0;text-shadow:0 1px 6px #000}.zip-instruction{position:absolute;z-index:5;top:12%;left:calc(50% + 44px);transform:translateY(-50%);white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 2px 4px #000,0 0 9px #000,0 1px 14px #000;pointer-events:none}.zip-pull{position:absolute;z-index:6;left:50%;top:12%;width:84px;height:100px;transform:translate(-50%,-50%);border:0;background:transparent;cursor:grab;padding:0;touch-action:none;opacity:0}.zip-pull:before{content:none}.pull-ring,.pull-neck{display:none}.zip-pull.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.07)}.chat-button{position:absolute;z-index:8;right:5%;bottom:4%;width:46px;height:46px;border-radius:50%;border:1px solid #ffffffb0;background:#080a09a8;color:#fff;font-size:20px;box-shadow:0 3px 12px #0007;cursor:pointer}.chat-button span{display:inline-block;border:1.5px solid white;border-radius:50%;font-size:11px;letter-spacing:1px;width:21px;height:21px;line-height:15px}@media(min-width:760px){.brand-logo{top:6%;width:min(24vw,330px)}.side-copy{top:47%;font-size:clamp(27px,2.6vw,44px)}.left-copy{left:8%}.right-copy{right:8%}.reveal-left-copy{left:6%}.reveal-right-copy{right:6%}.carousel-world{top:52%;height:min(78vh,760px);width:min(100%,1000px)}.card-stage{height:min(55vh,520px);max-width:850px}.category-card{width:min(31%,270px)}.category-card.is-active{width:min(37%,330px)}.zip-pull{width:64px;height:80px}.zip-instruction{left:calc(50% + 44px);font-size:10px}}@media(max-width:759px){.side-copy{display:none}.zip-frame{object-position:center center}.brand-logo{top:8%;width:min(54vw,220px);max-height:8vh}.side-copy{top:43%;font-size:clamp(14px,4.4vw,21px)}.left-copy{left:5%}.right-copy{right:5%}.reveal-left-copy,.reveal-right-copy{top:47%;font-size:clamp(12px,3.5vw,18px);max-width:29%}.reveal-left-copy{left:4%}.reveal-right-copy{right:4%}.carousel-world{top:46%;height:68vh;padding:8px 4px 12px}.carousel-heading{font-size:12px;margin-bottom:7px}.card-stage{height:44vh;min-height:235px}.category-card{width:43%;height:87%}.category-card.is-active{width:54%;height:100%}.card-title{font-size:clamp(15px,4vw,20px);padding:8px 8px 3px}.card-subtitle{font-size:8px;padding:0 8px 9px}.carousel-controls{gap:12px;margin-top:7px}.arrow{width:30px;height:30px}.swipe-hint{font-size:9px;margin-top:5px}.zip-pull{width:50px;height:64px}.zip-instruction{left:calc(50% + 31px);font-size:7px;letter-spacing:.06em}.chat-button{width:42px;height:42px}}@media(max-height:650px){.carousel-world{height:75vh}.card-stage{height:40vh;min-height:210px}.carousel-heading{margin-bottom:5px}.carousel-controls{margin-top:4px}.brand-logo{top:4%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.zip-instruction{position:absolute;left:50%;z-index:20;transform:translate(-50%,-50%);width:max-content;max-width:90%;text-align:center;white-space:nowrap;color:#fff;font-size:1.2em;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.9);pointer-events:none;transition:opacity .22s ease}.zip-instruction-open{top:34.8%;opacity:1}.zip-instruction-close{top:auto;bottom:8%;opacity:0;visibility:hidden}.zip-instruction-open.is-hidden{opacity:0;visibility:hidden}.zip-instruction-close.is-visible{opacity:1;visibility:visible}.carousel-heading{font-weight:600!important;text-transform:uppercase!important}@media(max-width:759px){.zip-instruction{font-size:.96em;letter-spacing:.12em}.zip-instruction-open{top:34.8%}.zip-instruction-close{bottom:8%}}.zip-instruction-open{font-size:.84em;top:45.2%}.zip-instruction-close{font-size:.84em}.card-title{font-family:Inter,Arial,sans-serif;font-size:clamp(17px,2.8vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.12}.card-subtitle{font-family:Inter,Arial,sans-serif;font-size:clamp(9px,1.35vw,11.5px);font-weight:400}@media(min-width:760px){.zip-instruction-open{font-size:.84em;top:45.2%}.zip-instruction-close{font-size:.84em}.card-title{font-size:clamp(17px,2.8vw,27px)}.card-subtitle{font-size:clamp(9px,1.35vw,11.5px)}}@media(max-width:759px){.zip-instruction-open{font-size:.672em;top:45.2%}.zip-instruction-close{font-size:.672em}.card-title{font-size:clamp(16.5px,4.3vw,22px)}.card-subtitle{font-size:9.2px}}.card-art{background:#090a08}.card-art:before,.card-art:after,.card-art i,.card-art b,.card-art em{display:none!important}.card-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center}