@font-face{font-family:Jakarta;src:url('assets/plus-jakarta-sans-latin-ext-v12.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Jakarta;src:url('assets/plus-jakarta-sans-latin-v12.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light}*{box-sizing:border-box}html{min-height:100%;background:#f8edc8}body{margin:0;font-family:Jakarta,Arial,sans-serif;color:#5a3d19}.page{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,4vw,44px);background:radial-gradient(ellipse at 50% 5%,#fff9e2 0,#f9edc9 49%,#f2dda0 100%)}.scene{position:relative;isolation:isolate;width:min(100%,920px);min-height:min(710px,calc(100svh - 88px));overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.82);border-radius:clamp(30px,5vw,54px);background:linear-gradient(160deg,#fffaf0 0%,#fff5d7 44%,#ffe7a1 100%);box-shadow:0 30px 75px rgba(146,105,32,.14),inset 0 2px 0 #fff;padding:42px 20px 46px}.scene-glow{position:absolute;z-index:-1;width:78%;height:70%;left:11%;top:15%;background:radial-gradient(ellipse,#fff1b3 5%,transparent 70%);pointer-events:none}.brand{position:relative;z-index:3;margin:0;font-weight:900;font-size:clamp(42px,6vw,66px);line-height:1;letter-spacing:-.085em;color:#61451f;text-shadow:0 2px 0 #fff9e6}.brand span{color:#dda71e;letter-spacing:-.12em}.art{position:relative;width:min(100%,560px);height:clamp(280px,42vw,390px);margin:15px 0 4px}.halo{position:absolute;left:50%;top:7%;width:63%;aspect-ratio:1;border-radius:50%;transform:translateX(-50%);background:linear-gradient(145deg,#ffe28a,#f9c84c);box-shadow:inset 0 3px 12px #fff1b6,0 14px 28px rgba(210,151,33,.14)}.halo:after{content:'';position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.art-ground{position:absolute;left:22%;right:22%;bottom:5%;height:13%;border-radius:50%;background:rgba(152,101,30,.16);filter:blur(13px)}.hen{position:absolute;z-index:2;bottom:0;left:50%;width:min(72%,390px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 15px 9px rgba(113,73,24,.18))}.sun,.egg{position:absolute;height:auto;filter:drop-shadow(0 9px 7px rgba(155,98,19,.17))}.sun{z-index:1;width:17%;top:4%;right:8%}.egg-left{z-index:3;width:17%;left:9%;bottom:8%;transform:rotate(-13deg)}.egg-right{z-index:3;width:13%;right:11%;bottom:8%;transform:rotate(14deg)}.twinkle{position:absolute;color:#e7b63f;text-shadow:0 2px 0 #fff3bd;font-size:25px}.twinkle-one{top:23%;left:12%}.twinkle-two{right:6%;bottom:34%;font-size:17px}.coming{position:relative;margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 29px;border:1px solid #ead49e;border-radius:999px;background:linear-gradient(#fffdf5,#fff4d5);box-shadow:0 6px 0 #eed69a,0 12px 24px rgba(139,99,31,.13),inset 0 1px #fff;color:#72501e;font-size:clamp(16px,2vw,19px);font-weight:800;letter-spacing:-.025em}.coming span{color:#dfa91f}.speck{position:absolute;border-radius:50%;background:#ebc96b;opacity:.38}.speck-one{width:9px;height:9px;top:22%;left:15%}.speck-two{width:6px;height:6px;top:32%;right:15%}.speck-three{width:7px;height:7px;bottom:20%;left:19%}
@media(max-width:600px){.page{padding:14px}.scene{min-height:min(670px,calc(100svh - 28px));padding:38px 12px 42px;border-radius:32px}.brand{font-size:clamp(42px,12vw,58px)}.art{height:clamp(255px,80vw,360px);margin:18px 0 5px}.halo{width:69%;top:8%}.hen{width:76%}.sun{right:5%;width:18%}.egg-left{left:5%;width:19%}.egg-right{right:5%;width:16%}.speck-one{left:8%}.speck-two{right:9%}}
@media(prefers-reduced-motion:no-preference){.hen{animation:hen-float 5s ease-in-out infinite}.sun{animation:sun-float 6s ease-in-out infinite}.egg-left{animation:egg-left-float 5.7s ease-in-out infinite}.egg-right{animation:egg-right-float 6.5s ease-in-out infinite}.twinkle{animation:twinkle 3.4s ease-in-out infinite}.twinkle-two{animation-delay:1.4s}@keyframes hen-float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}@keyframes sun-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(5deg)}}@keyframes egg-left-float{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-5px) rotate(-8deg)}}@keyframes egg-right-float{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translateY(-7px) rotate(9deg)}}@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}}
