:root{--ink:#20201d;--cream:#f7f1e6;--pink:#f3a0b5;--red:#ef554d;--yellow:#f4cb4e;--blue:#8dc8d5;--green:#30695b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Mono',monospace;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:10;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink);position:absolute;width:100%;z-index:4}.brand{color:inherit;text-decoration:none;font-weight:500;letter-spacing:.08em}.brand span{color:var(--red)}button{font:inherit}.sound,.duck-copy button{border:1.5px solid var(--ink);background:transparent;padding:10px 14px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:.2s}.sound:hover,.duck-copy button:hover{transform:translate(3px,3px);box-shadow:0 0}.hero{min-height:760px;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding:100px 20px 40px;background:radial-gradient(circle at 50% 43%,#ffd7df 0 27%,transparent 28%)}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:500}.hero h1{font-family:Fraunces,serif;font-size:clamp(110px,22vw,300px);line-height:.7;margin:35px 0 55px;letter-spacing:-.09em}.hero h1 span{color:var(--red);display:inline-block;transform:rotate(8deg)}.definition{max-width:680px;font-size:14px;line-height:1.8}.definition span{background:var(--yellow);padding:2px 5px}.arrow{color:inherit;text-decoration:none;font-size:32px;position:absolute;bottom:25px;animation:bob 1.4s infinite}.sticker{position:absolute;border-radius:50%;width:126px;height:126px;display:grid;place-content:center;text-align:center;text-transform:uppercase;font-size:11px;line-height:1.5;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.s1{background:var(--yellow);left:7vw;top:19%;transform:rotate(-12deg)}.s2{background:var(--blue);right:7vw;bottom:17%;transform:rotate(10deg)}@keyframes bob{50%{transform:translateY(7px)}}
.marquee{border-block:1.5px solid var(--ink);background:var(--red);color:var(--cream);padding:13px 0;overflow:hidden;white-space:nowrap}.marquee div{width:max-content;animation:scroll 20s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.evidence{padding:110px 5vw 130px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-title h2,.duck-copy h2{font-family:Fraunces,serif;font-size:clamp(50px,7vw,90px);line-height:.95;letter-spacing:-.04em;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.fact{min-height:470px;border:1.5px solid var(--ink);padding:25px;position:relative;display:flex;flex-direction:column;box-shadow:7px 7px 0 var(--ink);transition:.25s}.fact:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:11px 16px 0 var(--ink)}.fact:nth-child(2):hover{transform:translateY(-9px) rotate(1deg)}.pink{background:var(--pink)}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.number{font-size:12px}.icon{font-family:serif;font-size:80px;text-align:center;margin:28px 0}.fact h3{font-family:Fraunces,serif;font-size:31px;line-height:1.05;margin:auto 0 14px}.fact p{font-size:12px;line-height:1.7}.tag{border-top:1px solid;padding-top:12px;font-size:10px;letter-spacing:.1em}
.duck-zone{background:var(--green);color:var(--cream);padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.duck-copy h2{margin:25px 0}.duck-copy em{color:var(--yellow)}.duck-copy>p:not(.eyebrow){max-width:450px;line-height:1.7}.duck-copy button{background:var(--yellow);margin-top:20px}.quack-result{height:30px;color:var(--yellow);font-weight:bold}.duck-frame{background:var(--cream);padding:18px 18px 12px;color:var(--ink);transform:rotate(3deg);box-shadow:14px 14px 0 #183f36;position:relative}.duck-frame img,.duck-fallback{width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.8)}.duck-frame p{text-align:center;margin:12px 0 0;font-size:11px}.tape{position:absolute;width:120px;height:32px;background:#f6d7a7c9;top:-15px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:2}.duck-fallback{display:none;background:#b8dbe1;place-items:center;position:relative;border-radius:50% 50% 45% 45%;font-size:90px;color:#fff}.duck-fallback b{position:absolute;color:#ef9f42;font-size:50px;transform:translate(64px,10px) rotate(90deg)}
.museum{padding:110px 7vw;text-align:center}.shelf{margin:55px auto 0;max-width:950px;display:flex;align-items:end;justify-content:space-around;border-bottom:18px solid #8f573a;box-shadow:0 8px 0 #633823}.object{background:transparent;border:0;cursor:pointer;color:var(--ink);transition:.2s;padding:10px 20px}.object:hover,.object.active{transform:translateY(-15px) rotate(4deg);color:var(--red)}.object span{display:block;font-family:serif;font-size:70px}.object small{font-size:9px}.museum-note{min-height:60px;margin:35px auto;max-width:500px;font-family:Fraunces,serif;font-size:22px}footer{background:var(--pink);border-top:1.5px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:45px 5vw;font-size:10px}footer div{font-family:Fraunces,serif;font-size:26px}
.spark{position:fixed;pointer-events:none;z-index:99;font-size:24px;animation:fly .8s ease-out forwards}@keyframes fly{to{transform:translate(var(--x),var(--y)) rotate(180deg) scale(0);opacity:0}}
@media(max-width:800px){header{position:absolute}.sound{font-size:10px}.hero{min-height:700px;background:radial-gradient(circle at 50% 39%,#ffd7df 0 24%,transparent 25%)}.hero h1{font-size:31vw;margin:42px 0}.sticker{width:92px;height:92px;font-size:9px}.s1{top:16%;left:4vw}.s2{right:3vw;bottom:14%}.section-title{display:block}.section-title h2{margin-top:20px}.cards{grid-template-columns:1fr;gap:28px}.fact{min-height:410px}.duck-zone{grid-template-columns:1fr;padding:90px 7vw}.duck-frame{max-width:430px}.shelf{overflow-x:auto;justify-content:flex-start;gap:15px}.object{min-width:115px}footer{flex-direction:column;gap:18px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee div,.arrow{animation:none!important}}

/* Maximum whimsy upgrade */
.header-actions{display:flex;align-items:center;gap:18px}.header-actions>a{font-size:10px;color:inherit;text-decoration:none;font-weight:bold}.orbit{position:absolute;font-size:55px;color:var(--red);animation:orbit 5s ease-in-out infinite}.orbit-one{left:22%;bottom:15%}.orbit-two{right:23%;top:18%;animation-delay:-2.5s}@keyframes orbit{50%{transform:translateY(-25px) rotate(30deg) scale(1.2)}}
.kiera-lab{padding:110px 5vw;background:var(--pink);border-bottom:2px solid var(--ink)}.lab-title{display:grid;grid-template-columns:.7fr 1.5fr .8fr;align-items:end;margin-bottom:55px}.lab-title h2,.love-note h2{font-family:Fraunces,serif;font-size:clamp(50px,7vw,95px);line-height:.9;letter-spacing:-.05em;margin:0}.lab-title h2 em{color:var(--red)}.lab-title>p:last-child{font-size:12px;line-height:1.7}.lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.lab-card{min-height:470px;border:2px solid var(--ink);padding:25px;box-shadow:8px 8px var(--ink);position:relative}.lab-card h3{font-family:Fraunces,serif;font-size:32px;margin:18px 0}.lab-number{font-size:9px;letter-spacing:.12em}.clean-card{background:var(--yellow)}.figurine-card{background:var(--blue)}.art-card{background:var(--cream)}.mood-card{background:var(--red);color:var(--cream)}.lab-card button,.love-note button{border:2px solid var(--ink);background:var(--cream);padding:10px 14px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.2s}.lab-card button:hover,.love-note button:hover{transform:translate(4px,4px);box-shadow:0 0}.knob{width:150px;height:150px;margin:36px auto 20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b7,#a56d29 55%,#5d3519);border:3px solid var(--ink);box-shadow:10px 10px var(--ink);display:grid;place-items:center;transition:.4s}.knob span{width:40px;height:40px;border-radius:50%;border:2px solid;background:#cf9a44}.knob.shiny{filter:brightness(1.4) saturate(.6);transform:rotate(180deg);box-shadow:0 0 30px white,10px 10px var(--ink)}.dirt{text-align:center;transform:rotate(-8deg)}.clean-card button,.figurine-card button,.mood-card button{display:block;margin:25px auto 12px}.lab-card>p{text-align:center;font-size:11px}.specimen{font-size:110px;height:150px;display:grid;place-items:center}.specimen.pop{animation:pop .5s}@keyframes pop{50%{transform:scale(1.5) rotate(15deg)}}.canvas{height:240px;border:2px solid var(--ink);background:#fff;position:relative;overflow:hidden;cursor:crosshair}.paint{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.art-controls{display:flex;gap:9px;justify-content:center;margin-top:16px}.art-controls button{font-size:9px}.aura-word{height:185px;display:grid;place-items:center;font:700 clamp(45px,7vw,85px) Fraunces,serif;color:var(--yellow);transform:rotate(-5deg);text-align:center;line-height:.85}.mood-card button{background:var(--yellow)}.pat-duck{width:100%;margin-top:12px;border:2px solid;background:var(--pink);padding:9px;cursor:pointer}.duck-frame.patted{animation:duckwiggle .5s}@keyframes duckwiggle{25%{transform:rotate(-4deg) scale(1.03)}75%{transform:rotate(5deg) scale(1.03)}}.love-note{background:var(--yellow);padding:130px 5vw;text-align:center;border-top:2px solid;position:relative;overflow:hidden}.love-note h2{margin:25px auto 45px}.love-note button{background:var(--pink)}.love-note #compliment{font-family:Fraunces,serif;font-size:22px;min-height:35px}.note-burst{position:absolute;font-size:400px;color:#f3a0b555;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
@media(max-width:800px){.header-actions>a{display:none}.lab-title{display:block}.lab-title h2{margin:20px 0}.lab-grid{grid-template-columns:1fr}.orbit{display:none}}