:root{--background:#fff5ec;--foreground:#2b2142;--accent:#ff6f91;--accent-two:#72d8eb;--accent-three:#f8de58;--panel:#ffe1e9;--panel-two:#dff8f7;--line:rgba(43,33,66,.14);--shadow:rgba(43,33,66,.18);--stage-rotate:-2deg;--copy-rotate:0deg;--card-radius:30px;--button-radius:999px;--float-speed:7s;--gutter:clamp(16px,4vw,58px)}
*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--foreground);background:radial-gradient(circle at 14% 9%,color-mix(in srgb,var(--accent-three) 38%,transparent),transparent 22rem),radial-gradient(circle at 92% 25%,color-mix(in srgb,var(--accent-two) 34%,transparent),transparent 27rem),linear-gradient(145deg,color-mix(in srgb,var(--background) 90%,white),var(--background));font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",sans-serif;overflow-x:hidden}body:before{position:fixed;inset:0;z-index:60;pointer-events:none;content:"";opacity:.08;background-image:radial-gradient(var(--foreground) .65px,transparent .75px);background-size:5px 5px;mix-blend-mode:multiply}a{color:inherit}button{font:inherit}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:14px;z-index:100;padding:10px 14px;border-radius:12px;color:white;background:var(--foreground)}.skip-link:focus{top:14px}
.ambient-orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient-orb{position:absolute;display:block;border:1px solid rgba(255,255,255,.7);opacity:.72;animation:drift var(--float-speed) ease-in-out infinite alternate}.orb-a{top:8%;left:-25px;width:86px;height:68px;border-radius:58% 42%;background:var(--accent);transform:rotate(-17deg)}.orb-b{top:67%;right:-40px;width:128px;height:128px;border-radius:42% 58%;background:var(--accent-two);animation-delay:-2s}.orb-c{bottom:7%;left:7%;width:64px;height:38px;border-radius:999px;background:var(--accent-three);animation-delay:-4s}.orb-d{top:3%;right:18%;width:34px;height:34px;border-radius:50%;background:var(--panel);animation-delay:-1s}.orb-e{top:45%;left:3%;width:28px;height:28px;border-radius:8px 14px;background:var(--accent-three);animation-delay:-3s}
.toy-shell{width:min(1440px,calc(100% - 24px));margin:auto;padding:13px 0 32px}.toy-nav{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:6px var(--gutter)}.maker-badge{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.08em}.maker-badge>span:last-child{display:grid;gap:4px}.maker-badge small{color:color-mix(in srgb,var(--foreground) 60%,transparent);font-size:8px;font-weight:900;letter-spacing:.14em}.maker-face,.floor-face{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:48% 52% 44% 56%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 70%,white),var(--accent));box-shadow:inset 4px 5px 8px rgba(255,255,255,.4),3px 4px 0 var(--shadow);transform:rotate(-6deg)}.maker-face i,.floor-face i{width:5px;height:7px;border-radius:50%;background:var(--foreground)}.nav-controls,.social-links{display:flex;align-items:center;gap:8px}
.gel-chip,.ticker-pill,.mood-pill{position:relative;display:inline-flex;min-height:35px;align-items:center;justify-content:center;padding:9px 15px 8px;border:1px solid var(--line);border-radius:var(--button-radius);background:linear-gradient(165deg,color-mix(in srgb,white 82%,var(--panel)),color-mix(in srgb,var(--panel) 86%,white));box-shadow:inset 0 2px 0 rgba(255,255,255,.85),0 5px 0 color-mix(in srgb,var(--foreground) 13%,transparent),0 9px 15px -9px var(--foreground);font-size:9px;font-weight:950;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:.18s}.gel-chip:before,.ticker-pill:before,.mood-pill:before{position:absolute;top:4px;left:13%;width:48%;height:22%;border-radius:999px;background:rgba(255,255,255,.55);content:""}.gel-chip:hover,.gel-chip:focus-visible{transform:translateY(-3px) rotate(-2deg)}
.ticker-tape{width:calc(100% + 24px);margin-left:-12px;overflow:hidden;border-block:1px solid var(--line);background:color-mix(in srgb,var(--accent-three) 82%,white);transform:rotate(-.35deg)}.ticker-track{display:flex;width:max-content;gap:26px;padding:9px 0 8px;font-size:10px;font-weight:950;letter-spacing:.16em;white-space:nowrap;animation:ticker 26s linear infinite}.ticker-track span:after{margin-left:26px;content:"✦"}
.hero{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:690px;padding:clamp(52px,7vw,96px) var(--gutter);isolation:isolate}.hero:before{position:absolute;inset:8% 1% 5%;z-index:-3;border-radius:12% 9% 13% 10%/14% 12% 11% 13%;background:linear-gradient(130deg,color-mix(in srgb,var(--panel) 90%,white),color-mix(in srgb,var(--panel-two) 86%,white) 58%,color-mix(in srgb,var(--accent-three) 40%,white));box-shadow:inset 0 2px 1px white,0 32px 60px -48px var(--foreground);content:"";transform:rotate(.45deg)}.hero-copy{position:relative;z-index:8;grid-column:1/7;max-width:650px;transform:rotate(var(--copy-rotate))}.bubble-label{width:fit-content;margin:0 0 22px;padding:10px 14px 9px;border:1px solid var(--line);border-radius:16px 18px 13px 20px;background:var(--accent-three);box-shadow:inset 0 2px 0 rgba(255,255,255,.65),5px 6px 0 var(--shadow);font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-3deg)}h1,h2,p{margin-top:0}h1{max-width:720px;margin-bottom:22px;font-size:clamp(68px,10.3vw,158px);font-weight:1000;letter-spacing:-.1em;line-height:.77;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 4px 0 rgba(255,255,255,.65),0 8px 0 color-mix(in srgb,var(--accent) 20%,transparent)}.tagline{max-width:510px;margin:0 0 24px;color:color-mix(in srgb,var(--foreground) 72%,transparent);font-size:clamp(17px,2vw,25px);font-weight:800;line-height:1.18}.project-controls{display:flex;flex-wrap:wrap;gap:10px}.ticker-pill{color:white;background:linear-gradient(165deg,color-mix(in srgb,var(--foreground) 75%,white),var(--foreground));font-size:15px;letter-spacing:-.02em}.mood-pill{background:linear-gradient(165deg,color-mix(in srgb,var(--accent-two) 65%,white),var(--accent-two))}
.toy-stage{position:relative;z-index:5;grid-column:7/13;width:min(100%,590px);justify-self:end;padding:20px;transform:rotate(var(--stage-rotate))}.stage-shadow{position:absolute;right:3%;bottom:-2%;left:6%;height:19%;border-radius:50%;background:var(--shadow);filter:blur(19px)}.package-tab{position:absolute;top:-6px;left:50%;z-index:-1;min-width:190px;padding:13px 20px 25px;border:1px solid var(--line);border-radius:28px 28px 0 0;background:var(--accent-three);box-shadow:inset 0 3px 0 rgba(255,255,255,.65),0 6px 0 var(--shadow);font-size:9px;font-weight:950;letter-spacing:.13em;text-align:center;transform:translate(-50%,-28%)}.hero-art{position:relative;z-index:2;margin:0;padding:clamp(15px,2.2vw,25px);border:2px solid var(--line);border-radius:calc(var(--card-radius) + 18px);background:linear-gradient(145deg,color-mix(in srgb,white 92%,var(--panel)),color-mix(in srgb,var(--panel) 72%,white));box-shadow:inset 4px 5px 0 rgba(255,255,255,.76),inset -6px -7px 16px rgba(43,33,66,.07),14px 18px 0 -2px color-mix(in srgb,var(--foreground) 12%,transparent),0 38px 55px -32px var(--foreground)}.frame-gloss{position:absolute;top:6%;right:14%;z-index:7;width:38%;height:7%;border-radius:999px;background:rgba(255,255,255,.55);pointer-events:none;transform:rotate(8deg)}.hero-image,.hero-fallback{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:2px solid var(--line);border-radius:var(--card-radius);box-shadow:inset 0 0 0 8px rgba(255,255,255,.18),inset 0 -25px 35px -30px var(--foreground)}.hero-image{object-fit:cover;background:var(--panel-two);transition:transform .55s}.hero-art:hover .hero-image{transform:scale(1.045) rotate(.6deg)}.hero-fallback{background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.44),transparent 24%),linear-gradient(145deg,var(--accent-two),color-mix(in srgb,var(--accent) 78%,white))}.fallback-face{display:flex;width:45%;aspect-ratio:1;align-items:center;justify-content:center;gap:15%;border:1px solid var(--line);border-radius:46% 54%;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-three) 65%,white),var(--accent-three));box-shadow:inset 10px 12px 19px rgba(255,255,255,.4),10px 13px 0 var(--shadow);animation:breathe 3.6s ease-in-out infinite}.fallback-face i{width:9%;height:13%;border-radius:50%;background:var(--foreground)}.fallback-face b{position:absolute;bottom:34%;width:9%;height:6%;border-bottom:4px solid var(--foreground);border-radius:50%}.hero-fallback strong{position:absolute;right:7%;bottom:7%;font-size:clamp(24px,4vw,48px);font-weight:1000;letter-spacing:-.08em;transform:rotate(-8deg)}.hero-fallback small{position:absolute;top:8%;left:8%;font-size:8px;font-weight:950;letter-spacing:.14em}.fallback-spark{position:absolute;top:8%;right:8%;color:white;font-size:36px;animation:twinkle 2.1s infinite}
.sticker-sheet{position:absolute;inset:-6%;z-index:9;pointer-events:none}.sticker{--sticker-rotate:0deg;position:absolute;display:grid;min-width:54px;min-height:40px;place-items:center;padding:10px 13px;border:2px solid rgba(255,255,255,.84);border-radius:16px;background:var(--sticker-color,var(--accent-three));box-shadow:0 0 0 1px var(--line),5px 7px 0 var(--shadow);font-size:10px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase;transform:rotate(var(--sticker-rotate));transition:.25s}.toy-stage:hover .sticker{transform:rotate(calc(var(--sticker-rotate) + 3deg)) translateY(-3px)}.sticker.round{min-width:52px;border-radius:50%;aspect-ratio:1}.sticker.burst{clip-path:polygon(50% 0,61% 24%,86% 14%,76% 39%,100% 50%,76% 61%,86% 86%,61% 76%,50% 100%,39% 76%,14% 86%,24% 61%,0 50%,24% 39%,14% 14%,39% 24%);min-width:76px;min-height:76px;border:0}.sticker.tape{border-radius:4px}.stage-tag{position:absolute;z-index:10;display:grid;place-items:center;font-weight:1000;pointer-events:none}.tag-top{top:5%;right:-7%;width:58px;height:58px;border-radius:50%;background:var(--accent);box-shadow:inset 5px 6px 8px rgba(255,255,255,.32),6px 8px 0 var(--shadow);font-size:27px;animation:wobble 4s infinite}.tag-side{top:52%;left:-8%;padding:11px 14px;border-radius:999px;background:var(--accent-three);box-shadow:5px 6px 0 var(--shadow);font-size:10px;transform:rotate(-12deg)}.tag-bottom{right:6%;bottom:-4%;width:68px;height:51px;border-radius:42% 58%;background:var(--accent-two);box-shadow:inset 5px 6px 8px rgba(255,255,255,.3),6px 8px 0 var(--shadow);font-size:13px;transform:rotate(8deg)}
.contract-card{max-width:570px;margin-top:27px;padding:12px;border:1px solid var(--line);border-radius:calc(var(--card-radius) - 5px);background:linear-gradient(145deg,color-mix(in srgb,white 80%,var(--panel)),color-mix(in srgb,var(--panel) 70%,white));box-shadow:inset 3px 3px 0 rgba(255,255,255,.75),8px 10px 0 var(--shadow)}.contract-heading{display:flex;justify-content:space-between;padding:0 5px 9px;font-size:8px;font-weight:950;letter-spacing:.14em}.contract-card button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--button-radius);color:var(--foreground);background:linear-gradient(165deg,color-mix(in srgb,white 72%,var(--accent-two)),color-mix(in srgb,var(--accent-two) 72%,white));box-shadow:inset 0 3px 0 rgba(255,255,255,.62),0 5px 0 var(--shadow);cursor:pointer;text-align:left;transition:.16s}.contract-card button:hover{transform:translateY(-2px)}#contract-value{min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:10px;font-weight:900}#copy-status{flex:none;font-size:9px}
.banner-panel{padding:0 var(--gutter) 50px}.banner-shell{padding:14px;border:2px solid var(--line);border-radius:calc(var(--card-radius) + 7px);background:color-mix(in srgb,var(--panel-two) 80%,white);box-shadow:inset 3px 3px 0 white,11px 14px 0 var(--shadow);transform:rotate(-.6deg)}.banner-label{display:flex;justify-content:space-between;padding:1px 6px 12px;font-size:8px;font-weight:950;letter-spacing:.13em}.banner-image{display:block;width:100%;max-height:340px;border:1px solid var(--line);border-radius:calc(var(--card-radius) - 4px);object-fit:cover}
.toy-tray{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:5px var(--gutter) 35px}.toy-card{--card-rotate:0deg;position:relative;grid-column:span 4;min-height:225px;padding:25px 22px;border:2px solid var(--line);border-radius:var(--card-radius);background:var(--card-color,var(--panel));box-shadow:inset 5px 6px 0 rgba(255,255,255,.55),inset -5px -6px 12px rgba(43,33,66,.06),9px 12px 0 var(--shadow);overflow:hidden;transform:rotate(var(--card-rotate));transition:.24s}.toy-card:hover{z-index:5;transform:rotate(0) translateY(-7px)}.card-tab{display:block;margin-bottom:31px;font-size:8px;font-weight:950;letter-spacing:.14em}.toy-card h2{max-width:260px;margin-bottom:12px;font-size:clamp(25px,2.6vw,38px);font-weight:1000;letter-spacing:-.07em;line-height:.88}.toy-card p{max-width:290px;margin:0;color:color-mix(in srgb,var(--foreground) 67%,transparent);font-size:13px;font-weight:750;line-height:1.32}.card-icon{position:absolute;top:18px;right:19px;display:grid;width:48px;height:48px;place-items:center;border-radius:var(--button-radius);background:rgba(255,255,255,.46);box-shadow:inset 3px 4px 0 rgba(255,255,255,.42),4px 5px 0 var(--shadow);font-size:20px}.toy-floor{display:flex;min-height:48px;align-items:center;justify-content:space-between;margin:10px var(--gutter);border-top:1px solid var(--line);font-size:8px;font-weight:950;letter-spacing:.15em}.floor-face{width:29px;height:29px}
html[data-composition=art-first] .hero-copy{grid-column:8/13}html[data-composition=art-first] .toy-stage{grid-column:1/8;grid-row:1;justify-self:start}html[data-composition=center-stack] .hero{text-align:center}html[data-composition=center-stack] .hero-copy{grid-column:2/12;justify-self:center;max-width:940px}html[data-composition=center-stack] .bubble-label,html[data-composition=center-stack] .project-controls{margin-inline:auto;justify-content:center}html[data-composition=center-stack] .tagline,html[data-composition=center-stack] .contract-card{margin-inline:auto}html[data-composition=center-stack] .toy-stage{grid-column:3/11;justify-self:center;margin-top:65px}html[data-composition=maxi-pack] .hero-copy{grid-column:1/6}html[data-composition=maxi-pack] .toy-stage{grid-column:5/13;width:min(100%,760px);margin-left:-4vw}html[data-shapes=blocky]{--card-radius:15px;--button-radius:12px}html[data-shapes=bubble]{--card-radius:50px}html[data-shapes=mixed] .hero-art{border-radius:62px 24px 55px 28px}html[data-shapes=mixed] .hero-image,html[data-shapes=mixed] .hero-fallback{border-radius:42px 16px 45px 19px}
.fallback-face{position:relative}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes drift{to{translate:8px 13px;rotate:5deg}}@keyframes breathe{50%{transform:scale(1.035) rotate(2deg)}}@keyframes twinkle{50%{transform:rotate(22deg) scale(1.18);opacity:.6}}@keyframes wobble{50%{transform:rotate(8deg) translateY(-5px)}}
@media(max-width:950px){.hero{gap:60px;min-height:0}.hero-copy,html[data-composition] .hero-copy{grid-column:1/13;grid-row:auto}.toy-stage,html[data-composition] .toy-stage{grid-column:2/12;grid-row:auto;justify-self:center;width:min(100%,620px);margin:45px 0 0}.toy-card{grid-column:span 6}.toy-card:last-child{grid-column:4/10}}@media(max-width:600px){.toy-shell{width:calc(100% - 14px)}.toy-nav{align-items:flex-start;flex-direction:column;padding-block:10px}.nav-controls{width:100%;justify-content:space-between}.hero,html[data-composition=center-stack] .hero{padding:65px 8px;text-align:left}.hero-copy,html[data-composition] .hero-copy{grid-column:1/13}.toy-stage,html[data-composition] .toy-stage{grid-column:1/13;width:94%;padding:8px}.bubble-label,html[data-composition=center-stack] .bubble-label{margin-inline:0}.project-controls,html[data-composition=center-stack] .project-controls{justify-content:flex-start}h1{font-size:clamp(59px,20vw,102px)}.sticker:nth-child(n+5){display:none}.toy-tray{grid-template-columns:1fr}.toy-card,.toy-card:last-child{grid-column:1}.banner-label,.toy-floor{align-items:flex-start;flex-direction:column}.floor-face{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}