:root{--sage:#a7af94;--sage-dark:#747d66;--cream:#f4eddc;--ink:#191b18;--acid:#87c83e;--blue:#2759d8;--coral:#e86e55;--mustard:#efad36;--paper:#d7dcc9;--line:3px solid var(--ink);--shadow:7px 7px 0 var(--ink);--radius:24px;--mx:50%;--my:30%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sage) url('assets/chillduck-doodle-world.png') center top/1100px auto fixed;color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden;cursor:default}body::before{content:"";position:fixed;inset:0;background:rgba(167,175,148,.82);z-index:-1}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;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)' opacity='.28'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(330px circle at var(--mx) var(--my),rgba(244,237,220,.62),transparent 70%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.boot-screen{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--cream);display:grid;place-content:center;text-align:center;transition:transform .8s cubic-bezier(.76,0,.24,1);}.boot-screen.done{transform:translateY(-105%)}.boot-duck{margin:auto;border:3px solid var(--cream);border-radius:50%;width:108px;height:108px;display:grid;place-content:center;font-weight:900;font-size:22px;line-height:.9;transform:rotate(-6deg);color:var(--acid)}.boot-screen p{font-family:'DM Mono';font-size:12px;letter-spacing:.08em}.boot-line{height:5px;border:1px solid var(--cream);width:220px}.boot-line span{display:block;height:100%;background:var(--acid);animation:load 1.45s ease forwards}@keyframes load{from{width:0}to{width:100%}}
.topbar{position:fixed;left:2%;right:2%;top:14px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 14px;border:2px solid var(--ink);border-radius:18px;background:rgba(244,237,220,.9);backdrop-filter:blur(14px);box-shadow:4px 4px 0 rgba(25,27,24,.75)}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;line-height:1.05}.brand small{display:block;font:8px 'DM Mono';margin-top:4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--acid);border:2px solid;border-radius:50%;transform:rotate(-8deg)}nav{display:flex;gap:26px;font:11px 'DM Mono';text-transform:uppercase}nav a{position:relative}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;border-bottom:2px solid;transition:.25s}nav a:hover::after{right:0}.header-actions{display:flex;gap:7px;align-items:center}.button,.icon-button{border:2px solid var(--ink);border-radius:999px;padding:11px 17px;font-size:11px;font-weight:900;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s;cursor:pointer}.button:hover,.icon-button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.ink{background:var(--ink);color:var(--cream)}.ghost{background:var(--cream)}.acid{background:var(--acid)}.coral{background:var(--coral)}.icon-button{width:39px;height:39px;padding:0;background:var(--mustard)}.icon-button.on{background:var(--acid);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(135,200,62,0)}}
.panel{position:relative;width:min(1380px,96%);margin:auto;border-left:var(--line);border-right:var(--line);background:rgba(215,220,201,.9)}.hero{min-height:100svh;padding:145px clamp(28px,6vw,90px) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border-bottom:var(--line)}.hero::before{content:"";position:absolute;width:440px;height:440px;border:3px dashed var(--blue);border-radius:50%;right:8%;top:20%;animation:spin 35s linear infinite}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font:10px 'DM Mono';letter-spacing:.1em;font-weight:500;text-transform:uppercase}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--coral);margin-right:8px;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.25}}h1,h2{font-size:clamp(58px,8vw,122px);font-weight:800;line-height:.81;letter-spacing:-.075em;margin:28px 0}h1 em,h2 span,h2 em{font-style:normal;color:var(--blue);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--cream)}.lede{max-width:580px;font-size:clamp(17px,2vw,23px);line-height:1.45}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:34px}.text-button{background:none;border:0;border-bottom:2px solid;padding:10px 0;font:11px 'DM Mono';font-weight:700;cursor:pointer}.duck-thought{margin-top:25px;padding-left:16px;border-left:3px solid var(--coral);font:13px 'DM Mono';max-width:500px;min-height:38px}.hero-portrait{position:relative;z-index:2;width:min(500px,90%);margin:auto;transition:transform .2s ease}.photo-frame{position:relative;background:var(--cream);padding:14px;border:3px solid;transform:rotate(3deg);box-shadow:14px 14px 0 var(--ink);border-radius:8px}.photo-frame img{display:block;width:100%;border:2px solid;filter:saturate(.9) contrast(1.04)}.tape{position:absolute;width:88px;height:25px;background:rgba(244,237,220,.72);border:1px solid rgba(25,27,24,.2)}.tape-a{left:-42px;top:44px;transform:rotate(-38deg)}.tape-b{right:-35px;bottom:20px;transform:rotate(-31deg)}.scribble{position:absolute;z-index:4;font:11px 'DM Mono';font-weight:700;background:var(--mustard);padding:8px;border:2px solid;box-shadow:3px 3px 0}.scribble.one{right:-35px;top:-20px;transform:rotate(9deg)}.scribble.two{left:-52px;bottom:12%;background:var(--acid);transform:rotate(-8deg)}.status-sticker{position:absolute;right:-34px;bottom:-30px;width:130px;height:130px;background:var(--blue);color:white;border:3px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-8deg);box-shadow:5px 5px 0 var(--ink)}.status-sticker b{font-size:11px}.status-sticker span{font:9px 'DM Mono'}.scroll-orbit{position:absolute;left:50%;bottom:20px;width:92px;height:92px;border:2px solid;border-radius:50%;background:var(--cream);cursor:pointer}.scroll-orbit span{position:absolute;inset:5px;font:8px 'DM Mono';animation:spin 9s linear infinite}.scroll-orbit b{font-size:25px}@keyframes spin{to{transform:rotate(360deg)}}
.marquee{overflow:hidden;border-bottom:var(--line);background:var(--ink);color:var(--cream);padding:13px 0;white-space:nowrap}.marquee div{font:12px 'DM Mono';letter-spacing:.12em;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.story-section{padding:100px clamp(24px,6vw,85px);background-color:rgba(244,237,220,.94)}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:28px}.story-heading h2,.frequency-card h2,.map-intro h2{font-size:clamp(48px,6vw,90px)}.story-heading h2 span,.frequency-card h2 span,.map-intro h2 span{color:var(--coral)}.story-heading p,.map-intro p{max-width:440px;font-size:16px;line-height:1.6}.case-board{border:3px solid;background:var(--sage);box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1fr 170px;gap:25px;min-height:390px;transform:rotate(.6deg)}.case-copy{border:2px dashed;padding:30px;background:rgba(244,237,220,.45)}.case-number{font:10px 'DM Mono';background:var(--ink);color:var(--cream);padding:6px 9px}.case-copy h3{font-size:30px;margin:35px 0 15px}.case-copy p{line-height:1.7}.evidence-list{display:grid;gap:9px}.evidence{border:2px solid;background:var(--cream);text-align:left;font:11px 'DM Mono';font-weight:700;padding:12px;cursor:pointer;transition:.2s}.evidence span{display:block;font-size:9px;color:var(--sage-dark);margin-bottom:7px}.evidence:hover,.evidence.active{background:var(--acid);transform:translateX(-6px);box-shadow:4px 4px 0}.origin-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border:3px solid}.origin-strip article{padding:28px;border-right:2px solid;min-height:230px}.origin-strip article:last-child{border:0}.origin-strip article:nth-child(2){background:var(--mustard)}.origin-strip b{font:11px 'DM Mono'}.origin-strip p{line-height:1.65;font-size:14px}
.frequency-section{padding:100px clamp(24px,6vw,85px);background:rgba(167,175,148,.93)}.frequency-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.tuner{border:3px solid;padding:34px;background:var(--ink);color:var(--cream);border-radius:40px 8px 40px 8px;box-shadow:10px 10px 0 var(--blue)}.dial-row{display:flex;justify-content:space-between;align-items:center;font:9px 'DM Mono'}.dial-row output{font-size:25px;color:var(--acid)}input[type=range]{width:100%;height:18px;margin:28px 0;appearance:none;background:var(--cream);border:2px solid;border-radius:12px}input[type=range]::-webkit-slider-thumb{appearance:none;width:38px;height:38px;border-radius:50%;background:var(--coral);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--cream);cursor:grab}.wave{height:70px;display:flex;gap:7px;align-items:center;justify-content:center}.wave i{display:block;width:7px;height:var(--h,20%);border-radius:5px;background:var(--acid);animation:wave 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.08s)}.wave i:nth-child(1){--h:25%;--i:1}.wave i:nth-child(2){--h:60%;--i:2}.wave i:nth-child(3){--h:38%;--i:3}.wave i:nth-child(4){--h:88%;--i:4}.wave i:nth-child(5){--h:52%;--i:5}.wave i:nth-child(6){--h:100%;--i:6}.wave i:nth-child(7){--h:65%;--i:7}.wave i:nth-child(8){--h:35%;--i:8}.wave i:nth-child(9){--h:74%;--i:9}.wave i:nth-child(10){--h:42%;--i:10}.wave i:nth-child(11){--h:62%;--i:11}.wave i:nth-child(12){--h:25%;--i:12}@keyframes wave{to{height:18%}}.signal-message{font:13px 'DM Mono';text-align:center;color:var(--cream);min-height:36px}.pocket-game{margin-top:80px;border:3px solid;background:var(--cream);box-shadow:var(--shadow)}.game-head{display:flex;align-items:center;gap:25px;padding:20px 24px;border-bottom:3px solid}.game-head>div:first-child{margin-right:auto}.game-head h3{margin:5px 0 0;font-size:25px}.score{text-align:center}.score span{display:block;font:8px 'DM Mono'}.score b{font-size:25px}.game-field{position:relative;height:350px;overflow:hidden;background:linear-gradient(rgba(244,237,220,.65),rgba(244,237,220,.65)),url('assets/chillduck-doodle-world.png') center/700px}.game-field>p{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font:12px 'DM Mono';background:var(--cream);padding:11px 15px;border:2px solid}.game-timer{position:absolute;right:18px;top:15px;width:50px;height:50px;display:grid;place-items:center;border:2px solid;border-radius:50%;background:var(--ink);color:var(--cream);font:15px 'DM Mono'}.signal{position:absolute;border:2px solid;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-size:22px;background:var(--acid);cursor:pointer;animation:pop .25s ease,drift 2s ease-in-out infinite alternate}.signal.noise{background:var(--coral)}@keyframes pop{from{transform:scale(0)}}@keyframes drift{to{translate:8px -10px;rotate:9deg}}
.drift-section{padding:100px clamp(24px,6vw,85px);background:rgba(244,237,220,.94)}.map-intro{display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:40px}.map-intro .section-kicker{grid-column:1/-1}.drift-map{position:relative;height:min(600px,70vw);min-height:450px;margin-top:30px;background:var(--sage);border:3px solid;overflow:hidden;box-shadow:var(--shadow)}.drift-map svg{position:absolute;inset:0;width:100%;height:100%}.map-shadow,.map-line{fill:none;stroke-linecap:round}.map-shadow{stroke:var(--ink);stroke-width:18}.map-line{stroke:var(--mustard);stroke-width:10;stroke-dasharray:1 3}.map-node{position:absolute;width:92px;height:92px;border:3px solid;border-radius:50%;background:var(--cream);box-shadow:5px 5px 0;cursor:pointer;transition:.3s}.map-node b{display:block;font-size:20px}.map-node span{font:8px 'DM Mono'}.map-node:hover,.map-node.active{background:var(--acid);transform:scale(1.12) rotate(-5deg)}.n1{left:5%;top:46%}.n2{left:31%;top:27%}.n3{right:28%;top:48%}.n4{right:5%;top:30%}.map-card{position:absolute;left:39%;bottom:4%;width:310px;background:var(--ink);color:var(--cream);padding:20px;border-radius:5px;transform:rotate(1deg);box-shadow:6px 6px 0 var(--blue)}.map-card span{font:9px 'DM Mono';color:var(--acid)}.map-card h3{font-size:22px;margin:7px 0}.map-card p{font-size:12px;line-height:1.5;margin:0}.map-slider{position:absolute;left:3%;right:3%;top:4%;display:flex;align-items:center;gap:20px;font:9px 'DM Mono';font-weight:bold}.map-slider input{margin:0;height:10px}.map-slider input::-webkit-slider-thumb{width:27px;height:27px;background:var(--blue);box-shadow:2px 2px 0 var(--ink)}
.manifesto{display:grid;grid-template-columns:.7fr 1.3fr;min-height:700px;background:var(--ink);color:var(--cream);overflow:hidden}.manifesto-photo{min-height:700px;overflow:hidden;position:relative}.manifesto-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.1)}.manifesto-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--ink));}.manifesto-copy{padding:90px clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.manifesto-copy blockquote{font-size:clamp(34px,5vw,70px);font-weight:800;letter-spacing:-.05em;line-height:1;margin:30px 0;color:var(--acid)}.manifesto-copy p{font-size:17px;line-height:1.7;max-width:690px}.signature{font:12px 'DM Mono';margin-top:30px;color:var(--mustard)}.final-cta{padding:120px 30px;text-align:center;background:rgba(167,175,148,.93)}.final-cta h2{font-size:clamp(70px,11vw,160px)}.final-cta h2 em{color:var(--acid)}.cta-row{display:flex;justify-content:center;gap:15px}.big{font-size:14px;padding:18px 27px}.final-cta>p{font:11px 'DM Mono';margin-top:25px}footer{width:min(1380px,96%);margin:auto;border:var(--line);border-top:0;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:25px}footer p,footer button{font:9px 'DM Mono'}footer button{border:0;background:none;border-bottom:1px solid;cursor:pointer}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.topbar nav{display:none}.topbar .button.ghost{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{order:2;margin-top:70px}.hero-portrait{width:360px}.hero::before{top:10%;right:10%;width:330px;height:330px}.scroll-orbit{display:none}.story-grid,.frequency-card,.map-intro,.manifesto{grid-template-columns:1fr}.case-board{grid-template-columns:1fr}.evidence-list{grid-template-columns:repeat(4,1fr)}.origin-strip{grid-template-columns:1fr}.origin-strip article{border-right:0;border-bottom:2px solid}.manifesto-photo{min-height:500px}.manifesto{min-height:0}.map-intro .section-kicker{grid-column:auto}.drift-map{height:650px}.n1{left:4%;top:30%}.n2{left:38%;top:18%}.n3{right:4%;top:40%}.n4{right:22%;top:61%}.map-card{left:5%;bottom:5%;width:280px}}@media(max-width:560px){.topbar{left:8px;right:8px}.brand span:last-child{display:none}.header-actions .button{padding:9px 11px}.panel,footer{width:100%}.hero{padding-left:20px;padding-right:20px}.hero-portrait{width:280px}.status-sticker{width:100px;height:100px}.hero-actions,.cta-row{align-items:stretch;flex-direction:column}.story-section,.frequency-section,.drift-section{padding-left:18px;padding-right:18px}.case-board{padding:14px}.case-copy{padding:20px}.evidence-list{grid-template-columns:1fr 1fr}.evidence.active{transform:none}.game-head{flex-wrap:wrap}.game-field{height:430px}.drift-map{height:700px}.map-node{width:78px;height:78px}.n1{left:4%;top:25%}.n2{left:52%;top:18%}.n3{right:5%;top:40%}.n4{right:31%;top:57%}.map-card{bottom:3%;left:3%;right:3%;width:auto}.manifesto-photo{min-height:390px}.manifesto-copy{padding:60px 25px}footer{gap:12px;flex-direction:column;text-align:center}h1{font-size:57px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}