:root{color-scheme:light;--blue:#52baf2;--orange:#ff5a00;--ink:#263f74;--paper:#fffdf5;--hand:'Caveat','Comic Sans MS',cursive;--round:'DynaPuff','Arial Rounded MT Bold',sans-serif;--body:'Nunito',Arial,sans-serif}
*{box-sizing:border-box}
html{min-width:280px;background:#73b9df}
body{margin:0;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body::after{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.66' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.page{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:160px 96px 140px;background:#73b9df}
.sky-background{position:absolute;inset:0;z-index:-2;pointer-events:none}
.sky-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff55 3px 4px),repeating-linear-gradient(90deg,transparent 0 4px,#6a9daf22 4px 5px)}
.stage{position:relative;width:min(100%,690px);margin-top:24px}
.backing{position:absolute;inset:5px -10px -6px 0;border-radius:43px;background:var(--orange);transform:rotate(-6deg);box-shadow:1px 15px 25px #b1662b12}
.nametag{position:relative;background:var(--paper);border-radius:38px;box-shadow:0 20px 35px #36516521,0 2px 3px #37474d14;overflow:hidden;transform:rotate(-1deg)}
.tag-header{height:76px;background:var(--blue)}
.tag-body{text-align:center;padding:40px 42px 44px;position:relative;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#d0bea013 3px 4px),repeating-linear-gradient(0deg,transparent 0 3px,#d0bea00c 3px 4px)}
h1{font-family:var(--hand);font-size:clamp(3.8rem,6.9vw,5.65rem);font-weight:700;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px;color:var(--ink);transform:rotate(-3deg)}
.date-wrap{position:relative;display:inline-block;padding-bottom:22px}
.launch-date{font-family:var(--round);font-size:clamp(3rem,7.9vw,6.25rem);font-weight:700;line-height:1.15;letter-spacing:-.065em;display:block;white-space:nowrap;color:var(--orange);font-variant-numeric:lining-nums}
.date-underline{position:absolute;width:75%;height:16px;left:15%;bottom:0;overflow:visible;fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round}
.countdown{display:flex;justify-content:center;align-items:flex-start;gap:19px;margin:33px auto 0}
.time-unit{display:flex;flex-direction:column;min-width:73px}
.time-number{font-family:var(--round);font-size:2.5rem;line-height:1.2;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.time-label{font-size:.95rem;line-height:1.5;margin-top:6px;font-weight:700}
.time-separator{font-family:var(--hand);font-size:2.25rem;line-height:1.15;color:#79b4cb}
.brand-sticker{position:absolute;top:-111px;left:50%;width:228px;transform:translateX(-50%) rotate(4deg);filter:drop-shadow(0 5px 1px #23466610);z-index:3}
.logo-crop{width:100%;aspect-ratio:1158/852;position:relative;overflow:hidden}
.logo-crop img{display:block;width:100%;height:100%;object-fit:contain}
.patch{position:absolute;z-index:4;width:190px;filter:drop-shadow(2px 7px 4px #1f35572a);pointer-events:none;transform:rotate(var(--tilt));animation:patch-sway 8s ease-in-out infinite;transform-origin:50% 60%}
.patch-crop{position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.patch img{display:block;width:100%;height:100%;object-fit:contain}
.patch-order{left:-117px;top:71px;--tilt:-16deg}
.patch-original{width:178px;right:-106px;top:70px;--tilt:13deg;animation-delay:-2s}
.patch-yes{width:173px;left:-75px;bottom:-73px;--tilt:12deg;animation-delay:-4s}
.patch-arriving{width:192px;right:-80px;bottom:-78px;--tilt:-12deg;animation-delay:-6s}
.doodle{position:absolute;z-index:3;overflow:visible;pointer-events:none}
.star{width:43px;height:43px;animation:twinkle 5.8s ease-in-out infinite}
.star-orange{fill:var(--orange);right:61px;top:126px;transform:rotate(12deg)}
.star-blue{fill:#418ae1;left:40px;bottom:73px;width:31px;height:31px;animation-delay:2s}
.little-star{fill:var(--orange);width:32px;height:32px;right:45px;bottom:41px;animation:twinkle 6s ease-in-out 1s infinite}
.top-rays{width:95px;left:68px;top:-88px;stroke:var(--paper);stroke-width:6;stroke-linecap:round;fill:none;transform:rotate(-13deg);animation:ray-glow 6s ease-in-out infinite}
.bottom-scribble{width:130px;bottom:-74px;left:calc(50% - 65px);fill:none;stroke:#fffef7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.ambient-doodles{position:absolute;inset:0;pointer-events:none;z-index:-1}
.ambient{position:absolute;fill:none;stroke:#fffdf3;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;opacity:.65}
.ambient-one{width:52px;left:10%;top:18%;fill:#fffdf3;stroke:none;animation:twinkle 7s ease-in-out 2s infinite}
.ambient-two{width:84px;right:7%;bottom:14%;transform:rotate(-15deg)}
.ambient-three{width:70px;right:12%;top:16%;transform:rotate(30deg)}
.ambient-four{width:74px;left:8%;bottom:13%;transform:rotate(-20deg)}
.launch-message{font:700 1.55rem var(--hand);margin:28px 0 0}
.no-script{font-size:1rem}
[hidden]{display:none!important}
@keyframes patch-sway{0%,55%,100%{transform:rotate(var(--tilt)) translateY(0)}66%{transform:rotate(calc(var(--tilt) - 4deg)) translateY(-4px)}77%{transform:rotate(calc(var(--tilt) + 2deg)) translateY(-2px)}88%{transform:rotate(var(--tilt)) translateY(0)}}
@keyframes twinkle{0%,55%,100%{opacity:1;scale:1}67%{opacity:.48;scale:.82}80%{opacity:1;scale:1.06}}
@keyframes ray-glow{0%,55%,100%{opacity:1}68%{opacity:.3}82%{opacity:1}}
@media(min-width:1500px){.stage{width:740px}.tag-body{padding-top:48px;padding-bottom:49px}.launch-date{font-size:6.7rem}}
@media(min-width:701px) and (max-width:1050px){.patch-order{width:154px;left:-84px;top:81px}.patch-original{width:148px;right:-80px;top:72px}.patch-yes{width:148px;left:-46px;bottom:-64px}.patch-arriving{width:158px;right:-47px;bottom:-68px}}
@media(max-width:700px){.page{padding:139px 34px 165px;min-height:100svh}.stage{margin-top:8px}.nametag{border-radius:29px}.backing{inset:6px -5px -5px 2px;border-radius:32px;transform:rotate(-5deg)}.tag-header{height:63px}.tag-body{padding:34px 23px 39px}h1{font-size:4.3rem;margin-bottom:14px}.launch-date{font-size:clamp(2.6rem,10.2vw,4.8rem)}.brand-sticker{width:192px;top:-92px}.patch-order{width:100px;left:-28px;top:-4px;--tilt:-15deg}.patch-original{width:100px;right:-28px;top:-3px;--tilt:13deg}.patch-yes{width:135px;left:-17px;bottom:-96px;--tilt:9deg}.patch-arriving{width:142px;right:-15px;bottom:-100px;--tilt:-11deg}.star-orange{top:105px;right:22px;width:25px}.star-blue{left:26px;bottom:29px;width:23px}.little-star{right:21px;bottom:28px;width:23px}.countdown{gap:11px;margin-top:27px}.time-unit{min-width:61px}.time-number{font-size:2.15rem}.time-label{font-size:.875rem}.top-rays{width:68px;left:26px;top:-69px}.bottom-scribble{bottom:-67px;width:110px;left:calc(50% - 55px)}.ambient-one{top:8%;left:8%;width:32px}.ambient-three{right:6%;top:8%;width:45px}.ambient-two{bottom:5%;right:9%;width:64px}.ambient-four{left:8%;bottom:6%;width:60px}}
@media(max-width:380px){.page{padding-left:26px;padding-right:26px}.tag-body{padding:31px 15px 35px}h1{font-size:3.5rem}.launch-date{font-size:10vw}.countdown{gap:8px}.time-unit{min-width:53px}.time-number{font-size:1.85rem}.patch-order{width:88px;left:-21px;top:1px}.patch-original{width:88px;right:-21px;top:1px}.patch-yes{width:122px;left:-9px;bottom:-91px}.patch-arriving{width:129px;right:-11px;bottom:-95px}.star-orange{right:18px;top:96px;width:20px}.star-blue{left:20px}.little-star{right:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}