:root{--ink:#101111;--muted:#a2a6a4;--line:#ffffff29;--font:'Urbanist',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:#101111;color:#fff;font:400 14px var(--font);-webkit-font-smoothing:antialiased}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit;border-radius:0}a{color:inherit;text-decoration:none}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #fff}svg{fill:none;stroke:currentColor;stroke-width:1.25}h1,h2,p{margin:0}body.scene-intro,body.scene-entering{overflow:hidden}[hidden]{display:none!important}
.ambience{position:fixed;inset:0;z-index:0;overflow:hidden;background:#11221f}.ambience video{width:100%;height:100%;object-fit:cover;opacity:.7;filter:saturate(.5);transform:scale(1.045);transition:filter 1.8s,transform 2s,opacity 1.5s}.ambience-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0aeb,#080b0aca 29%,#080b0a55 70%,#080b0a8c),linear-gradient(0deg,#080b0aeb,transparent 35%,transparent 70%,#080b0a9c);transition:background 1s}.film-grain{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.specks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.specks i{position:absolute;left:var(--left);top:110%;height:2px;width:2px;background:#fff;border-radius:50%;box-shadow:0 0 8px 1px #fff5;animation:drift var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
.header{position:absolute;top:0;left:0;right:0;height:103px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;z-index:30;border-bottom:1px solid #ffffff20;gap:20px}.brand{display:inline-flex;align-items:center}.brand img{width:180px;height:auto;display:block}.header-edition{display:flex;align-items:center;gap:15px;letter-spacing:2px;font-size:8px;color:#dbdedb}.header-edition i{height:3px;width:3px;background:#fff;border-radius:50%;opacity:.5}.shop-link{display:flex;gap:20px;align-items:center;letter-spacing:1.6px;font-size:9px}.shop-link svg{width:22px;height:22px;transition:transform .3s}.shop-link:hover svg{transform:translateX(5px)}main{position:relative;z-index:2}
.intro{height:100svh;min-height:620px;position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:115px 8.5% 85px;gap:30px;isolation:isolate}.intro-copy{z-index:3;position:relative;animation:copyEnter 1.3s .1s both}.eyebrow{font-size:8px;font-weight:500;letter-spacing:2px;line-height:1.8}.intro .eyebrow{display:flex;align-items:center;gap:13px;color:#dedfdb;margin-bottom:27px}.intro .eyebrow span{height:1px;width:32px;background:#ffffff80}.intro .eyebrow sup{font-size:5px;margin-left:-13px}.intro h1{font-size:clamp(64px,6.4vw,112px);font-weight:200;line-height:1.06;letter-spacing:-1.7px}.intro-line{font-size:14px;font-weight:300;letter-spacing:.8px;color:#dfdfd9;margin:23px 0 36px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 24px;background:#fff;color:#171a18;border:1px solid #fff;font-size:9px;letter-spacing:1.7px;font-weight:600;position:relative;overflow:hidden;transition:background .3s,color .3s,transform .3s}.primary:hover{color:#fff;background:transparent;transform:translateY(-2px)}.primary:active{transform:scale(.98)}.primary svg{width:25px;height:25px}.primary:disabled{opacity:.5;cursor:wait}.enter-button{min-width:280px;min-height:62px}.enter-button svg{transition:transform .4s}.enter-button:hover svg{transform:translateX(7px)}.loading-status{font-size:10px;color:#a7aca7;margin-top:14px;min-height:15px}.loading-status:empty{visibility:hidden}.intro-coordinate{position:absolute;bottom:91px;left:8.5%;font-size:8px;font-weight:300;letter-spacing:3px;color:#a8aaa3}
.mystery-object{position:relative;width:100%;height:430px;perspective:1500px;align-self:center;animation:objectEnter 1.6s .25s both}.mystery-box{position:absolute;left:50%;top:44%;width:260px;height:345px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(-17deg) rotateX(8deg) rotateZ(7deg);animation:levitate 7s ease-in-out infinite}.box-front{position:absolute;inset:0;transform:translateZ(20px);background:linear-gradient(135deg,#3b3e3dc9,#191c1bf2 42%,#151817f5);border:1px solid #aab3ae70;box-shadow:inset 0 0 30px #0008,0 30px 90px #0007;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.box-side{position:absolute;left:-40px;top:0;width:40px;height:100%;background:linear-gradient(90deg,#060909,#303330);transform:rotateY(-90deg);transform-origin:right;border:1px solid #9da6a64a}.box-top{position:absolute;top:-40px;left:0;width:100%;height:40px;background:linear-gradient(0deg,#343a37,#111714);transform:rotateX(90deg);transform-origin:bottom;border:1px solid #aebbb865}.box-border{position:absolute;inset:12px;border:1px solid #ffffff26}.box-mark{font-size:12px;letter-spacing:5px;position:absolute;top:40px;font-weight:300}.box-24{font-size:160px;font-weight:200;letter-spacing:-15px;line-height:1.2;margin:0 17px 12px 0;color:#f1f1e6}.box-star{font-size:31px;font-weight:200;color:#d2d5ce}.box-bottom{position:absolute;bottom:37px;letter-spacing:4px;font-size:8px}.box-seam{position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,#ffffff24,transparent)}.box-shine{position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 45%,#fff1 49%,#fff2 50%,transparent 55%);transform:translateX(-40%);animation:boxSheen 8s ease-in-out infinite}.object-glow{position:absolute;inset:15% 0 5%;background:radial-gradient(ellipse,#d6dbb012,transparent 63%);filter:blur(25px)}.object-shadow{position:absolute;bottom:-12px;left:50%;width:240px;height:40px;transform:translateX(-50%);background:#000a;filter:blur(16px);border-radius:50%;animation:shadowBreathe 7s ease-in-out infinite}.object-orbit{position:absolute;left:50%;top:45%;width:380px;height:380px;border:1px solid #ffffff12;border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-25deg)}.orbit-two{width:465px;height:465px;border-style:dashed;border-color:#ffffff14;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(25deg)}.object-spark{position:absolute;font-weight:200;font-family:Arial;color:#eceee0;animation:twinkle 4s ease-in-out infinite}.spark-a{font-size:43px;top:22px;right:21%}.spark-b{font-size:14px;bottom:65px;left:6%;animation-delay:-2s}.spark-c{font-size:22px;bottom:130px;right:5%;animation-delay:-3s}
.footer{position:fixed;bottom:0;left:0;right:0;z-index:25;min-height:56px;padding:15px 4.5%;display:flex;align-items:center;gap:25px;background:linear-gradient(transparent,#080b0aab);color:#b0b6b0}.footer>p{font-size:8px;font-weight:300;text-align:center;line-height:1.5;margin:0 auto}.footer>a{font-size:7px;letter-spacing:1px;white-space:nowrap;opacity:.8}.preview-menu{position:relative;flex-shrink:0}.preview-menu>button{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:7px;letter-spacing:1.5px;padding:7px 0;font-weight:400;color:#cacfc9}.preview-menu>button svg{width:14px;height:14px}.preview-dot{width:3px;height:3px;border-radius:50%;background:#d4ddce;box-shadow:0 0 7px #e7ffdc70}.preview-menu>button[aria-expanded="true"] svg{transform:rotate(180deg)}#preview-panel{position:absolute;bottom:38px;left:0;width:230px;background:#1b201e;border:1px solid #ffffff3a;padding:22px;color:#fff;box-shadow:0 15px 40px #0008}#preview-panel label{font-size:7px;letter-spacing:1.8px;display:block;margin-bottom:12px}#preview-panel select{font-size:12px;border:1px solid #ffffff4a;width:100%;padding:9px;color:#fff;background:#1b201e}#preview-panel p{font-size:10px;line-height:1.8;color:#abb3ac;margin:15px 0 8px}#preview-panel .text-button{font-size:9px;display:block}.text-button{padding:9px 0;font-weight:400;color:inherit;font-size:10px;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff50}.text-button:hover{text-decoration-color:#fff}
.experience{position:relative;min-height:100svh;padding:127px 5% 74px;max-width:1700px;margin:0 auto;perspective:1800px}.calendar-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}.calendar-heading .eyebrow{font-size:8px;color:#b3bab3;letter-spacing:2px;margin-bottom:8px}.calendar-heading h2{font-size:34px;font-weight:300;line-height:1.1;letter-spacing:.3px}.calendar-heading h2:focus{outline:none}.calendar-actions{display:flex;align-items:center;gap:30px;padding-bottom:4px}.replay-button{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.5px;border:0;background:transparent;color:#d2d7cf;padding:8px 0}.replay-button svg{width:16px;height:16px;transition:transform .5s}.replay-button:hover svg{transform:rotate(-90deg)}.progress-info{min-width:80px;text-align:right;font-size:12px;letter-spacing:3px;font-weight:300}.progress-track{width:80px;height:1px;background:#ffffff30;margin-top:9px;overflow:hidden}.progress-track i{display:block;height:100%;background:#fff;transition:width .8s}.calendar-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;height:clamp(400px,calc(100svh - 267px),690px);perspective:1600px}.day{--tile-bg:#1b2220d9;--tile-fg:#eaf0e7;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;appearance:none;border:1px solid #ffffff26;background:var(--tile-bg);color:var(--tile-fg);padding:0;min-width:0;isolation:isolate;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s,box-shadow .4s;overflow:hidden;opacity:0}.wide{grid-column:span 2}.day:nth-child(5n+2){--tile-bg:#e3e5dfeb;--tile-fg:#1b2520}.day:nth-child(7n){--tile-bg:#b8bfb9df;--tile-fg:#1a241f}.day:nth-child(4n+3){--tile-bg:#304037d9;--tile-fg:#e6ece2}.day:before{content:'';position:absolute;inset:6px;border:1px solid currentColor;opacity:.14;pointer-events:none;transition:inset .4s,opacity .4s}.day:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),#ffffff2b,transparent 65%);opacity:0;transition:opacity .4s;z-index:2}.tile-cover{height:100%;display:flex;align-items:center;justify-content:center;position:relative;gap:22px;padding:10px}.day-number{font-size:clamp(42px,4vw,70px);font-weight:200;line-height:1;letter-spacing:-2px;position:relative;z-index:2;animation:numberBreathe 6s ease-in-out infinite;animation-delay:var(--idle-delay);transition:transform .5s}.day-motif{position:absolute;right:10px;bottom:10px;width:20px;height:20px;opacity:.55;transition:transform .6s,opacity .5s}.day-motif svg{width:100%;height:100%;stroke-width:1}.wide .day-motif{position:relative;right:auto;bottom:auto;width:37px;height:37px;opacity:.6;animation:motifBreathe 7s ease-in-out infinite;animation-delay:var(--idle-delay)}.tile-corner{position:absolute;top:12px;left:13px;font-size:5px;letter-spacing:1.3px;opacity:.55}.tiny-lock{position:absolute;right:12px;top:12px;width:8px;height:10px;opacity:.45}.tiny-lock svg{width:100%;height:100%}.day-availability{font-size:5px;letter-spacing:1.5px;position:absolute;bottom:12px;left:14px;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .35s}.day.today{--tile-bg:#f4f4ed;--tile-fg:#18201c;border-color:#fff;box-shadow:0 0 40px #dcf0d20c}.day.today:before{border-style:dashed;opacity:.35;inset:7px}.today-label{position:absolute;left:14px;top:12px;font-size:6px;letter-spacing:1.4px;font-weight:500}.day.today .tile-corner{display:none}.day.today .day-availability{opacity:.65;transform:none}.day.today:after{opacity:.6;background:linear-gradient(115deg,transparent 25%,#fff9 48%,transparent 75%);transform:translateX(-100%);animation:todayShine 6s 2s infinite}.day.today .day-motif{width:30px;height:30px}.day.locked .tile-cover{opacity:.8}.day.revealed{--tile-bg:#e9ece5;--tile-fg:#16221b}.tile-revealed{display:flex;align-items:center;justify-content:center;height:100%;padding:7px 20px;gap:13px}.tile-revealed img{height:90%;max-width:65%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s}.tile-revealed b{max-width:110px;font-size:9px;font-weight:400;line-height:1.5;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.day:not(.wide) .tile-revealed b{display:none}.revealed-number{font-size:13px;position:absolute;top:10px;left:12px;letter-spacing:0;font-weight:300}.reveal-check{position:absolute;right:12px;top:11px;font-size:8px}.calendar-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:19px;letter-spacing:1.4px;font-size:6px;color:#a8b3a7}.calendar-bottom p{font-size:7px;color:#d2d9ce}
.scene-open .ambience video,.scene-entering .ambience video{filter:saturate(.25) blur(7px);opacity:.32;transform:scale(1.12)}.scene-open .ambience-shade,.scene-entering .ambience-shade{background:linear-gradient(0deg,#09100ee8,#09100e70 50%,#080d0be0)}.scene-entering .intro{pointer-events:none;animation:introExit 1.2s both;z-index:5}.scene-entering .intro-copy{animation:copyExit .6s both}.scene-entering .mystery-object{animation:boxExit 1.2s both}.scene-entering .intro-coordinate{opacity:0}.tiles-enter .day{animation:tileEnter 1s cubic-bezier(.2,.75,.15,1) both;animation-delay:var(--delay)}.scene-open .day{opacity:1}.scene-open .day.settled{animation:none}.transition-flash{position:fixed;z-index:20;left:70%;top:50%;width:30px;height:30px;border-radius:50%;background:#f1f5e1;filter:blur(15px);pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:0}.scene-entering .transition-flash{animation:flash 1.3s both}.dialog-open{overflow:hidden}
dialog{padding:0;border:1px solid #ffffff40;background:#141b17;color:#fff;max-width:760px;width:calc(100% - 40px);max-height:92dvh;overflow:auto;box-shadow:0 25px 120px #000a}dialog::backdrop{background:#030806cb;backdrop-filter:blur(10px)}dialog[open]{animation:dialogEnter .45s cubic-bezier(.2,.8,.2,1) both}.dialog-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#fff;font-size:25px;font-weight:200;width:32px;height:32px;z-index:5}.surprise-layout{display:grid;grid-template-columns:1fr 1fr;min-height:450px}.scratch-column{padding:33px 27px 24px;background:#ffffff05;text-align:center}.scratch-column>.eyebrow{font-size:8px;letter-spacing:2.2px;color:#c7cec2;margin-bottom:19px}.scratch-card{width:100%;aspect-ratio:4/4.7;position:relative;background:#eff1e9;overflow:hidden;border:1px solid #ffffff45;isolation:isolate}.scratch-product{position:absolute;inset:0;padding:22px;display:flex;align-items:center;justify-content:center}.scratch-product img{max-height:95%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform 1s}.scratch-card canvas{position:absolute;inset:0;touch-action:none;width:100%;height:100%;z-index:1;cursor:crosshair;transition:opacity .7s,filter .7s}.scratch-hint{position:absolute;bottom:27px;left:0;right:0;font-size:6px;font-weight:400;letter-spacing:1.4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:2;color:#cbd0c5;pointer-events:none;transition:opacity .3s}.scratch-hint>span{font-size:23px;animation:hand 2.5s ease-in-out infinite}.scratch-hint.hidden{opacity:0}.scratch-card.is-revealed canvas{opacity:0;filter:blur(5px);pointer-events:none}.scratch-card.is-revealed .scratch-product img{animation:productEnter .8s cubic-bezier(.2,.8,.2,1) both}.scratch-column>p{font-size:6px;letter-spacing:1.5px;color:#98a591;margin-top:16px}.scratch-column>.text-button{font-size:9px;color:#c5cfc0;margin-top:5px}.surprise-copy{padding:55px 34px 32px;align-self:center}.surprise-copy>.eyebrow{font-size:7px;letter-spacing:1.8px;color:#a7b3a1;margin-bottom:20px}.surprise-copy h2{font-size:37px;font-weight:200;line-height:1.12;letter-spacing:.1px}.secret-star{font-size:65px;font-weight:200;display:block;color:#b5c2aa;margin-top:30px;animation:motifBreathe 6s ease-in-out infinite}#product-description{font-size:10px;line-height:1.7;color:#a7b3a1;margin:13px 0 0}.offer-placeholder{padding:17px 0;margin:20px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.offer-placeholder>span{display:block;font-size:6px;letter-spacing:1.5px;color:#b5c0ac}.offer-placeholder strong{font-size:21px;font-weight:300;display:block;margin:7px 0}.offer-placeholder small{font-size:9px;color:#a5b39b}#after-reveal .primary{width:100%;font-size:8px;padding:15px;gap:10px;letter-spacing:1px}.back-calendar{display:block;margin:7px auto 0;font-size:9px}.revealed-copy{animation:productEnter .6s both}.small-dialog{max-width:440px;padding:42px 32px 30px}.small-dialog>.eyebrow{color:#a6b29e;font-size:7px;margin-bottom:18px}.small-dialog h2{font-size:32px;font-weight:200;line-height:1.1}.small-dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#a9b3a1;margin-top:20px}.reset-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:23px}.reset-actions .primary{font-size:8px;padding:15px}.reset-actions .text-button{font-size:9px}.toast{position:fixed;z-index:60;bottom:68px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;background:#eff2e9;color:#142015;padding:14px 22px;font-size:11px;max-width:calc(100% - 40px);width:max-content;text-align:center;box-shadow:0 10px 30px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti i{position:absolute;left:50%;top:43%;width:3px;height:8px;background:#d7e5cc;animation:confetti 1.9s ease-out forwards}.day.nudge{animation:nudge .5s!important}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .day{animation:none!important;opacity:1}.motion-paused .mystery-box{animation:none!important}
@media(hover:hover){.day.settled:hover{transform:perspective(800px) translateY(-5px) rotateX(var(--rx)) rotateY(var(--ry)) scale(1.025);border-color:#ffffffa6;box-shadow:0 15px 30px #0007;z-index:4}.day:hover:before{inset:10px;opacity:.4}.day:hover:after{opacity:1}.day:hover .day-number{animation:none;transform:translateX(-5px) scale(1.1)}.day:hover .day-motif{animation:none;opacity:1;transform:rotate(-16deg) scale(1.2)}.day.locked:hover .day-motif{transform:rotate(10deg) scale(1.15)}.day:hover .day-availability{opacity:.8;transform:none}.day.revealed:hover img{transform:rotate(-8deg) scale(1.12)}}
@keyframes drift{0%{transform:translate(0,0);opacity:0}15%{opacity:.6}80%{opacity:.4}100%{transform:translate(60px,-115vh);opacity:0}}@keyframes copyEnter{from{opacity:0;transform:translateY(25px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes objectEnter{from{opacity:0;transform:translateY(35px) scale(.9)}to{opacity:1;transform:none}}@keyframes levitate{0%,100%{transform:translate(-50%,-50%) rotateY(-17deg) rotateX(8deg) rotateZ(7deg)}50%{transform:translate(-50%,-54%) rotateY(-9deg) rotateX(4deg) rotateZ(4deg)}}@keyframes shadowBreathe{50%{transform:translateX(-50%) scale(.8);opacity:.6}}@keyframes boxSheen{0%,20%{transform:translateX(-45%)}60%,100%{transform:translateX(45%)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.65) rotate(15deg)}}@keyframes numberBreathe{50%{transform:translateY(-3px)}}@keyframes motifBreathe{50%{transform:translateY(-3px) rotate(9deg);opacity:.85}}@keyframes introExit{0%,25%{opacity:1}100%{opacity:0;filter:blur(12px)}}@keyframes copyExit{to{opacity:0;transform:translateY(-20px)}}@keyframes boxExit{to{transform:translateX(60px) scale(2.5) rotate(8deg);opacity:0;filter:blur(12px)}}@keyframes flash{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(0)}45%{opacity:.25;transform:translate(-50%,-50%) scale(30)}100%{opacity:0;transform:translate(-50%,-50%) scale(70)}}@keyframes tileEnter{0%{opacity:0;transform:perspective(1000px) translate3d(var(--from-x),var(--from-y),-120px) rotateX(22deg) rotateY(var(--from-rotate)) scale(.75)}100%{opacity:1;transform:none}}@keyframes todayShine{0%,35%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}@keyframes dialogEnter{from{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:none}}@keyframes hand{50%{transform:translateX(8px)}}@keyframes productEnter{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes confetti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes nudge{25%,75%{transform:translateX(-4px) rotate(-1deg)}50%{transform:translateX(4px) rotate(1deg)}}
main{min-height:100svh}.intro{position:absolute;inset:0;z-index:5}
.experience{display:grid;height:100svh;min-height:620px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding-bottom:83px}.calendar-heading{margin-bottom:0}.calendar-grid{height:100%;min-height:0}.calendar-bottom{margin-top:0}
@media(min-width:1500px){.intro{padding-left:10%;padding-right:10%}.mystery-box{width:300px;height:390px}.box-24{font-size:180px}.mystery-object{height:480px}.experience{padding-left:6%;padding-right:6%}}
@media(max-width:1000px){.intro{padding-left:6%;padding-right:6%}.intro h1{font-size:65px}.mystery-box{width:220px;height:300px}.box-24{font-size:135px}.mystery-object{height:370px}.object-orbit{width:310px;height:310px}.orbit-two{width:370px;height:370px}.header{height:90px}.brand img{width:157px}.header-edition{font-size:7px;gap:10px;letter-spacing:1.3px}.intro-coordinate{left:6%}.experience{padding:112px 4% 73px}.calendar-heading h2{font-size:28px}.calendar-actions{gap:18px}.calendar-grid{height:clamp(400px,calc(100svh - 245px),640px);gap:6px}.day-number{font-size:45px}.day-motif{width:16px;height:16px}.wide .day-motif{width:30px;height:30px}.footer>p{font-size:7px}.footer>a{font-size:6px}.calendar-heading .eyebrow{font-size:7px}}
@media(max-width:720px){.header{height:77px;padding:0 20px;gap:15px}.brand img{width:140px}.header-edition{display:none}.shop-link{font-size:7px;letter-spacing:1.4px;gap:13px}.shop-link svg{width:20px;height:20px}.intro{padding:107px 27px 90px;min-height:650px;height:100svh;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:0;align-items:center;overflow:hidden}.intro-copy{align-self:end;z-index:4}.intro .eyebrow{font-size:6px;letter-spacing:1.7px;margin-bottom:19px;gap:12px}.intro .eyebrow span{width:22px}.intro .eyebrow sup{font-size:4px;margin-left:-12px}.intro h1{font-size:56px;line-height:1.02;letter-spacing:-1px}.intro-line{font-size:12px;margin:17px 0 21px}.enter-button{min-width:254px;min-height:53px;padding:14px 19px;font-size:8px;gap:23px}.enter-button svg{width:23px;height:23px}.mystery-object{height:250px;width:100%;align-self:start;margin-top:15px;z-index:2}.mystery-box{width:144px;height:194px;top:46%;left:65%;transform:translate(-50%,-50%) rotateY(-17deg) rotateX(8deg) rotateZ(7deg)}.box-mark{font-size:6px;letter-spacing:3px;top:25px}.box-24{font-size:88px;letter-spacing:-7px;margin:0 8px 4px 0}.box-star{font-size:21px}.box-bottom{font-size:5px;letter-spacing:2px;bottom:20px}.box-border{inset:8px}.box-side{left:-25px;width:25px}.box-top{top:-25px;height:25px}.object-orbit{width:230px;height:230px;left:64%;top:48%}.orbit-two{width:270px;height:270px}.object-shadow{width:150px;height:20px;left:65%;bottom:8px}.spark-a{top:10px;right:7%;font-size:25px}.spark-b{bottom:50px;left:27%;font-size:12px}.spark-c{right:0;bottom:70px;font-size:15px}.intro-coordinate{bottom:90px;left:27px;font-size:6px;letter-spacing:2px}.loading-status{font-size:9px;margin-top:8px;position:absolute}.ambience video{object-position:61% center;filter:saturate(.4)}.ambience-shade{background:linear-gradient(90deg,#080c0bea,#080c0b66),linear-gradient(0deg,#080c0be3,transparent 60%,#080c0b99)}.footer{padding:10px 18px 11px;min-height:68px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;background:linear-gradient(transparent,#080b0ae8 30%)}.footer>p{font-size:6px;line-height:1.5;order:3;grid-column:1/-1;margin:0;letter-spacing:.1px;text-align:left}.footer>a{font-size:5px;letter-spacing:.8px}.preview-menu>button{font-size:6px;letter-spacing:1.1px;padding:3px 0}.preview-menu>button svg{width:11px;height:11px}.preview-menu>button .preview-dot{width:3px;height:3px}#preview-panel{bottom:30px;width:225px}#preview-panel select{font-size:16px}.experience{padding:103px 16px 95px;min-height:100svh}.calendar-heading{margin:0 3px 20px;gap:12px;align-items:flex-end}.calendar-heading .eyebrow{font-size:6px;letter-spacing:1.1px;margin-bottom:6px}.calendar-heading h2{font-size:24px;line-height:1.08;max-width:220px;letter-spacing:0}.calendar-actions{gap:13px;flex-shrink:0}.replay-button{padding:6px 0}.replay-button span{display:none}.replay-button svg{width:16px;height:16px}.progress-info{font-size:10px;letter-spacing:2px;min-width:48px}.progress-track{width:48px;margin-top:7px}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,108px);height:auto;gap:6px}.day.wide{grid-column:span 1}.tile-cover{padding:7px}.day-number{font-size:45px;letter-spacing:-1.5px}.day-motif,.wide .day-motif{position:absolute;width:18px;height:18px;right:10px;bottom:10px}.tile-corner{font-size:4px;left:10px;top:10px;letter-spacing:1px}.today-label{font-size:4.5px;letter-spacing:.9px;left:10px;top:11px}.day-availability{font-size:4px;left:10px;bottom:10px;letter-spacing:1px}.tiny-lock{width:7px;right:10px;top:10px}.day.today .day-motif{width:16px;height:16px}.day:before{inset:4px}.day.today:before{inset:5px}.tile-revealed{padding:8px 13px}.tile-revealed img{height:82%;max-width:100%}.day.wide .tile-revealed b{display:none}.revealed-number{left:10px;top:8px;font-size:11px}.reveal-check{right:10px;top:9px;font-size:7px}.calendar-bottom{margin:16px 3px 0;display:block;letter-spacing:.8px}.calendar-bottom p{font-size:6px;line-height:1.6}.calendar-bottom>span{display:none}.scene-entering .experience{padding-top:103px}.transition-flash{left:65%;top:65%}dialog{width:calc(100% - 24px);max-height:92dvh}.surprise-layout{display:block;min-height:0}.scratch-column{padding:24px 25px 14px}.scratch-column>.eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:15px}.scratch-card{width:210px;max-width:100%;aspect-ratio:4/4.5;margin:0 auto}.scratch-hint{font-size:5px;letter-spacing:1.1px;bottom:23px;gap:5px}.scratch-hint>span{font-size:20px}.scratch-column>p{font-size:5px;margin-top:12px;letter-spacing:1px}.scratch-column>.text-button{font-size:8px;margin-top:3px;padding:7px 0}.surprise-copy{padding:22px 25px 26px}.surprise-copy>.eyebrow{font-size:6px;margin-bottom:11px}.surprise-copy h2{font-size:28px;line-height:1.13}.surprise-copy h2 br{display:none}.secret-star{display:none}#before-reveal{display:none}#product-description{font-size:9px;margin-top:10px}.offer-placeholder{padding:12px 0;margin:14px 0}.offer-placeholder>span{font-size:5px}.offer-placeholder strong{font-size:20px;margin:5px 0}.offer-placeholder small{font-size:8px}.dialog-close{right:8px;top:7px;font-size:23px}.back-calendar{font-size:8px}.small-dialog{padding:37px 26px 25px}.small-dialog h2{font-size:27px}.small-dialog>p:not(.eyebrow){font-size:11px}.reset-actions{gap:12px}.reset-actions .text-button{font-size:8px}.toast{bottom:88px;font-size:10px;padding:12px 17px}.tiles-enter .day{animation-duration:.9s}}
@media(max-width:720px){.experience{display:block;height:auto;min-height:100svh}.calendar-grid{height:auto}.calendar-heading{margin-bottom:20px}.calendar-bottom{margin-top:16px}}
@media(max-width:370px){.intro{padding-left:23px;padding-right:23px}.intro h1{font-size:50px}.calendar-heading h2{font-size:21px}.calendar-grid{grid-template-rows:repeat(8,99px)}.header .brand img{width:128px}}
@media(max-height:700px) and (min-width:721px){.intro{min-height:560px;padding-top:100px}.intro h1{font-size:64px}.mystery-object{height:340px}.mystery-box{width:210px;height:280px}.box-24{font-size:125px}.experience{padding-top:104px;padding-bottom:70px}.calendar-grid{height:365px}.calendar-heading{margin-bottom:17px}.calendar-heading h2{font-size:29px}.calendar-bottom{margin-top:15px}.intro-coordinate{bottom:78px}}
@media(max-height:700px) and (min-width:721px){.experience{min-height:560px;padding-bottom:80px}.calendar-grid{height:100%}}
@media(min-width:721px){.experience .calendar-grid{height:100%}}
@media(max-width:720px){.footer>p{font-size:8px}.footer>a{font-size:7px}.preview-menu>button{font-size:7px}.today-label{font-size:6px;letter-spacing:.6px}.day-availability{font-size:5px}}
@media(max-width:720px) and (max-height:740px){.intro{min-height:100svh;padding-top:93px;padding-bottom:80px;grid-template-rows:1fr .8fr}.intro h1{font-size:48px}.intro .eyebrow{margin-bottom:14px}.intro-line{margin:14px 0 18px}.mystery-object{height:200px;margin-top:12px}.mystery-box{width:120px;height:160px}.box-24{font-size:72px}.box-mark{top:20px;font-size:5px}.box-bottom{bottom:16px}.object-orbit{width:190px;height:190px}.orbit-two{width:230px;height:230px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.day{opacity:1}.ambience video{display:none}.ambience{background:linear-gradient(#0a120bd9,#0a120bdb),url('assets/ambiance.webp') center/cover}.scene-entering .intro{opacity:0}.scene-entering .transition-flash{display:none}.day-number{transform:none!important}}
