@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,30,1,1&display=swap');
:root{--paper:#f5dfa1;--paper2:#faedc7;--ink:#332316;--orange:#eb672b;--blue:#1597b2;--gold:#efa927;--line:rgba(59,38,20,.24);--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.intro{position:fixed;z-index:30;inset:0;background:var(--paper);display:grid;place-content:center;text-align:center;transition:opacity .7s,visibility .7s}.intro.done{opacity:0;visibility:hidden}.intro-duck{font:800 58px var(--serif);color:var(--orange);border:3px solid var(--ink);border-radius:55% 48% 52% 45%;width:92px;height:92px;display:grid;place-items:center;margin:auto;animation:waddle .45s infinite alternate}.intro p,.intro span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.intro span{height:2px;background:var(--ink);width:150px;margin:8px auto;animation:loading 1.3s ease-in-out infinite alternate}@keyframes loading{to{transform:scaleX(.15);background:var(--orange)}}@keyframes waddle{to{transform:rotate(-9deg) translateY(-4px)}}.topbar{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#f5dfa1d9;backdrop-filter:blur(8px)}.wordmark{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;line-height:1.05;letter-spacing:.07em}.wordmark small{font:8px var(--mono);letter-spacing:.08em;color:#79664a}.brand-doodle{width:37px;height:37px;border:2px solid var(--ink);border-radius:44% 55% 50% 45%;display:grid;place-items:center;color:var(--orange);font:800 23px var(--serif);transform:rotate(-7deg);background:var(--paper2)}nav{display:flex;gap:34px;font-size:12px;font-weight:700}nav a{opacity:.7;transition:.2s}nav a:hover{opacity:1;color:var(--orange)}.top-actions{display:flex;gap:10px;align-items:center}.sound,.social,.buy{border:1px solid var(--ink);border-radius:30px;padding:11px 16px;background:transparent;font:10px var(--mono);letter-spacing:.05em}.sound{border:0}.sound:hover{color:var(--orange)}.social{padding:11px 15px}.buy{background:var(--ink);color:var(--paper2);font-weight:500;transition:.2s}.buy:hover,.button.dark:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.buy b{margin-left:8px}.hero{min-height:690px;height:calc(100vh - 82px);max-height:900px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 9vw;overflow:hidden;background:radial-gradient(ellipse at 74% 45%,#ffeab8 0%,#f5dfa1 47%,#f1d890 100%)}.hero:before,.hero:after{content:'';position:absolute;border:1px dashed #bd9c5a45;border-radius:50%;pointer-events:none}.hero:before{width:760px;height:760px;right:-210px;top:-40px}.hero:after{width:490px;height:490px;right:-70px;top:90px}.hero-copy{position:relative;z-index:2;padding-bottom:38px;max-width:500px}.eyebrow,.section-tag{font:10px var(--mono);letter-spacing:.11em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i,.rec i{width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #eb672b21}.hero h1{font:700 clamp(58px,7.2vw,102px)/.92 var(--serif);letter-spacing:-.055em;margin:28px 0 20px}.hero h1 em,h2 em{font-weight:500;color:var(--orange);font-style:italic}.lede{font-size:16px;line-height:1.7;max-width:390px;color:#5d4b35}.hero-buttons{display:flex;gap:11px;margin:28px 0}.button{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--ink);padding:14px 19px;font:10px var(--mono);letter-spacing:.04em;transition:.25s}.button.dark{background:var(--ink);color:var(--paper2)}.button.sketch{background:transparent}.button.sketch:hover{background:var(--paper2);transform:translateY(-2px)}.frequency-chip{display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:8px 10px;width:max-content;border-top:1px solid var(--line);padding-top:15px;margin-top:40px;font:9px var(--mono);letter-spacing:.05em}.frequency-chip b{font-weight:500;color:var(--orange)}.frequency-chip small{grid-column:2/4;color:#786749;letter-spacing:0}.pulse{width:7px;height:7px;border-radius:50%;background:#6c9b45;box-shadow:0 0 0 4px #6c9b4522;animation:blink 1.5s infinite}@keyframes blink{50%{opacity:.3}}.hero-art{height:min(620px,80vh);position:relative;display:grid;place-items:center;z-index:1}.portrait{width:min(470px,39vw);padding:0;background:var(--paper2);border:3px solid var(--ink);box-shadow:12px 14px 0 #3323161a;transform:rotate(3deg);position:relative;z-index:2;transition:transform .35s;cursor:pointer}.portrait:hover{transform:rotate(-1deg) scale(1.025)}.portrait img{display:block;width:100%;mix-blend-mode:multiply}.tap-label{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;white-space:nowrap;padding:8px 12px;font:9px var(--mono);letter-spacing:.08em}.scribble-halo{position:absolute;border:2px solid var(--orange);width:410px;height:430px;border-radius:47% 53% 44% 60%;transform:rotate(-13deg);animation:halo 9s linear infinite}.scribble-halo:before,.scribble-halo:after{content:'';position:absolute;inset:12px;border:1px dashed var(--orange);border-radius:55% 42% 56% 44%;transform:rotate(22deg)}.scribble-halo:after{inset:-18px 24px;transform:rotate(-28deg);opacity:.4}@keyframes halo{to{transform:rotate(347deg)}}.orbit-note{position:absolute;z-index:3;font:9px/1.5 var(--mono);letter-spacing:.08em;transform:rotate(-8deg);background:var(--paper);padding:8px;border:1px solid var(--ink)}.note-a{top:12%;left:8%}.note-b{bottom:17%;right:1%;transform:rotate(7deg)}.hero-caption{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px var(--mono);letter-spacing:.13em}.mini-radio{position:absolute;z-index:3;right:-2%;bottom:12%;width:110px;height:132px;background:#eb672b;border:3px solid var(--ink);border-radius:9px 9px 15px 15px;transform:rotate(8deg);box-shadow:5px 7px 0 #33231624;padding:9px;color:#fff4d6}.radio-top{display:flex;justify-content:space-between;font:8px var(--mono)}.radio-top i{width:6px;height:6px;background:#a5ef6d;border-radius:50%}.radio-screen{margin-top:12px;background:#362d20;color:#c7e894;font:16px var(--mono);padding:5px;text-align:center;line-height:1.2}.radio-screen small{font-size:7px}.radio-knob{width:22px;height:22px;border:2px solid var(--ink);border-radius:50%;background:repeating-conic-gradient(#ffc75a 0deg 8deg,#e69a38 8deg 16deg);margin:9px auto}.radio-antenna{height:42px;width:3px;background:var(--ink);position:absolute;top:-41px;left:20px;transform:rotate(26deg);transform-origin:bottom}.sound-wave{position:absolute;border:2px solid var(--blue);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg);opacity:.7}.wave-one{width:100px;height:100px;right:5%;top:26%}.wave-two{width:140px;height:140px;right:0;top:21%;opacity:.35}.floaty{position:absolute;z-index:2;user-select:none;filter:drop-shadow(2px 3px 0 #33231620);animation:float 4s ease-in-out infinite}.floaty span{display:block;font-weight:800}.sticker-phone{top:12%;left:5%;font-size:35px;transform:rotate(-12deg);color:var(--blue)}.sticker-phone b{font:8px var(--mono);display:block;text-align:center}.sticker-earring{top:20%;right:7%;font-size:43px;color:var(--ink);animation-delay:-1s}.sticker-hat{bottom:14%;left:5%;font-size:47px;color:var(--orange);transform:rotate(-15deg);text-align:center}.sticker-hat small{display:block;font:8px var(--mono);color:var(--ink)}.sticker-headphones{bottom:22%;right:6%;font-size:25px;color:var(--blue);animation-delay:-2s}.floaty:after{content:attr(data-sticker);position:absolute;top:100%;left:0;white-space:nowrap;background:var(--ink);color:white;padding:5px 7px;font:8px var(--mono);opacity:0;transition:.2s}.floaty:hover:after{opacity:1}@keyframes float{50%{translate:0 -12px;rotate:5deg}}.sun-doodle{position:absolute;top:5%;left:45%;font-size:53px;color:#eba528;animation:spin 24s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cloud{position:absolute;color:#fff3cb;font-size:75px;text-shadow:2px 3px #caa85e66;opacity:.8}.cloud-one{top:7%;right:29%}.cloud-two{bottom:14%;left:34%;font-size:48px}.hero-bottom{position:absolute;bottom:20px;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#79664a}.section{padding:125px 9vw;position:relative}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:#faedc7}.section-tag{display:block;color:#897149}.section h2,.ending h2{font:600 clamp(42px,5.5vw,74px)/.98 var(--serif);letter-spacing:-.045em;margin:20px 0}.section-intro>p,.map-heading>p,.frequency-head>p,.ending-copy>p{font-size:14px;line-height:1.8;color:#6c5941;max-width:380px}.story-tabs{display:grid;gap:5px;margin-top:32px}.story-tab{background:transparent;border:0;text-align:left;padding:11px 13px;font:9px var(--mono);letter-spacing:.08em;color:#786749;transition:.2s}.story-tab:hover,.story-tab.active{background:#f2dfae;color:var(--ink);border-left:3px solid var(--orange);padding-left:18px}.story-card{background:#f8e7b6;border:1px solid var(--line);box-shadow:8px 10px 0 #3323160b;transform:rotate(.5deg);display:grid;grid-template-columns:.8fr 1.2fr;min-height:360px}.story-card-top{grid-column:1/-1;display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.06em}.rec{color:#7f6a48}.rec i{display:inline-block;width:6px;height:6px;margin-right:6px;background:var(--orange)}.story-drawing{position:relative;min-height:290px;background:#f3dc9e;overflow:hidden;display:grid;place-items:center}.drawing-sun{position:absolute;top:20px;left:23px;font-size:48px;color:var(--orange)}.draw-duck{font-size:110px;color:#df8f2e;text-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg);animation:waddle .6s infinite alternate}.drawing-caption{position:absolute;bottom:15px;left:18px;font:8px/1.5 var(--mono);letter-spacing:.09em;transform:rotate(-5deg)}.story-text{padding:34px 30px}.story-overline{font:8px var(--mono);letter-spacing:.09em;color:#91744a}.story-text h3,.map-postcard h3{font:600 30px var(--serif);margin:14px 0}.story-text p,.map-postcard p{font-size:13px;line-height:1.8;color:#68553b}.next-story{border:0;border-bottom:1px solid var(--ink);padding:10px 0;background:none;margin-top:10px;font:9px var(--mono);letter-spacing:.08em}.next-story span{margin-left:25px}.story-side-note{position:absolute;right:3%;bottom:8%;font:9px/1.6 var(--mono);transform:rotate(8deg);color:var(--orange)}.frequency{background:#e9d18e;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px 8vw}.frequency-head{align-self:center}.frequency-head h2{margin-top:20px}.radio-console{background:#f7e8b7;border:2px solid var(--ink);border-radius:8px;padding:25px;box-shadow:10px 12px 0 #33231615;position:relative}.radio-console:before{content:'';position:absolute;inset:7px;border:1px dashed #6b4b2452;border-radius:4px;pointer-events:none}.console-label{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em}.console-label span:last-child{color:var(--orange)}.dial-row{display:flex;align-items:center;justify-content:center;gap:25px;padding:18px}.dial-step{width:37px;height:37px;border-radius:50%;background:var(--paper2);border:1px solid var(--ink);font-size:20px}.dial{width:190px;height:150px;position:relative;cursor:ew-resize}.dial-arc{position:absolute;inset:5px 10px 0;border:2px dashed #a78a52;border-bottom:0;border-radius:100px 100px 0 0}.dial-needle{position:absolute;width:3px;height:74px;background:var(--orange);left:50%;bottom:20px;transform-origin:bottom;transform:rotate(-12deg);transition:transform .3s;border-radius:4px}.dial-center{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font:9px var(--mono);text-align:center;color:#76613e}.dial-center b{font-size:23px;color:var(--ink)}.dial-labels{position:absolute;bottom:24px;left:7px;right:7px;display:flex;justify-content:space-between;font:8px var(--mono)}.tuner-message{background:#382d1d;color:#d8ed9b;padding:14px;display:grid;grid-template-columns:30px 1fr;align-items:center;font-family:var(--mono);min-height:57px}.tuner-message b{font-size:11px;font-weight:400}.tuner-message small{grid-column:2;font-size:8px;color:#b4bd88;margin-top:4px}.static-icon{grid-row:span 2;color:#9fbd68;font-size:20px}.meter{height:5px;background:#d8c594;margin:17px 0 13px;overflow:hidden}.meter i{display:block;height:100%;width:34%;background:var(--orange);transition:width .35s}.listen{width:100%;border:0;background:var(--blue);padding:13px;color:white;font:10px var(--mono);letter-spacing:.09em;display:flex;justify-content:space-between;transition:.2s}.listen:hover{background:#087e98}.listen span{font-size:15px}.lost-items{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.lost-label{grid-column:1/-1;font:9px var(--mono);letter-spacing:.1em;margin-bottom:3px}.lost-item{border:1px solid var(--line);background:#f5e3ad;padding:17px 13px;text-align:left;transition:.25s;min-height:130px}.lost-item:hover{transform:translateY(-5px) rotate(-1deg);background:#fff0bf}.lost-item span{display:block;font-size:28px;color:var(--blue);margin-bottom:8px}.lost-item b,.lost-item small{display:block}.lost-item b{font-size:11px}.lost-item small{font:8px var(--mono);color:#897149;margin-top:6px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:var(--paper2);padding:14px 18px;font:10px var(--mono);opacity:0;transition:.3s;pointer-events:none;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.map-section{background:#f8e9bd;overflow:hidden}.map-heading{text-align:center}.map-heading>p{margin:0 auto}.map-board{height:520px;max-width:1100px;margin:50px auto 0;position:relative;background:#f2dfa8;border:1px solid #b79555;border-radius:46% 51% 43% 50%;overflow:hidden;box-shadow:inset 0 0 55px #c9a96733}.map-board:before,.map-board:after{content:'';position:absolute;border:1px dashed #b9985a55;border-radius:50%;inset:26px 60px}.map-board:after{inset:90px 140px;transform:rotate(-20deg)}.map-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1}.map-paths path{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:6 8;transition:d .7s}.map-island{position:absolute;z-index:0;font-size:45px;color:#75a65e;display:grid;place-items:center;text-shadow:2px 3px #53754366}.map-island small{font:8px/1.5 var(--mono);letter-spacing:.06em;text-align:center;color:var(--ink);text-shadow:none}.island-one{left:8%;top:25%}.island-two{left:33%;top:11%;color:var(--orange)}.island-three{left:57%;bottom:10%;color:var(--blue)}.island-four{right:7%;top:20%;color:#55476e}.map-pin{position:absolute;z-index:3;border:0;background:none;display:grid;justify-items:center;gap:6px;transition:.35s}.map-pin span{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper2);font:12px var(--mono);box-shadow:3px 4px 0 #33231626}.map-pin small{font:8px var(--mono);letter-spacing:.06em;background:var(--paper2);padding:4px 6px;border:1px solid var(--line);white-space:nowrap}.map-pin:hover,.map-pin.active{transform:scale(1.18) rotate(-5deg)}.map-pin.active span{background:var(--orange);color:#fff;border-color:var(--ink)}.pin-1{left:11%;top:52%}.pin-2{left:35%;top:25%}.pin-3{left:59%;top:55%}.pin-4{right:9%;top:33%}.map-postcard{position:absolute;z-index:3;left:38%;top:39%;width:250px;padding:17px;background:#fff4d5;border:1px solid var(--ink);box-shadow:6px 7px 0 #3323161c;transform:rotate(3deg);transition:transform .3s}.map-postcard>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:8px;font:8px var(--mono);letter-spacing:.07em}.map-postcard h3{font-size:22px;margin:12px 0 5px}.map-postcard p{font-size:11px;line-height:1.55;margin:0 0 12px}.map-postcard>small{font:7px var(--mono);color:#8d754b}.map-duck{position:absolute;z-index:2;font-size:24px;left:14%;top:59%;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s}.map-stamp{position:absolute;right:4%;bottom:8%;font:9px/1.5 var(--mono);text-align:center;border:2px solid var(--orange);color:var(--orange);padding:8px;transform:rotate(-14deg);border-radius:50%}.map-controls{max-width:1060px;margin:15px auto;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.08em}.map-controls button{border:0;background:none;font:inherit;padding:10px}.map-controls button:hover{color:var(--orange)}.ending{min-height:590px;position:relative;padding:100px 10vw 25px;background:var(--blue);color:#fff0c8;overflow:hidden}.ending:before{content:'';position:absolute;inset:-20%;background:repeating-linear-gradient(118deg,transparent 0 45px,#ffffff0a 46px 48px);transform:rotate(-5deg)}.ending-copy{position:relative;z-index:2;max-width:570px}.ending .section-tag{color:#cae6d9}.ending h2{font-size:clamp(48px,6vw,80px)}.ending h2 em{color:#ffd15a}.ending-copy>p{color:#d5e5cf}.ending-art{position:absolute;right:12%;top:50px;width:300px;transform:rotate(7deg);border:3px solid var(--ink);box-shadow:12px 14px #123f4a5c;background:var(--paper2)}.ending-art img{width:100%;display:block;mix-blend-mode:multiply}.ending-art span{display:block;background:var(--paper2);color:var(--ink);text-align:center;padding:10px;font:9px var(--mono);letter-spacing:.08em}.ending-spark{position:absolute;right:31%;top:12%;font-size:60px;color:#ffd15a;animation:spin 35s linear infinite}footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ffffff55;padding:21px 5.5vw;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.09em}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.wobble{animation:pageWobble .5s}@keyframes pageWobble{25%{transform:rotate(.7deg)}65%{transform:rotate(-.5deg)}}
@media(max-width:900px){.topbar{padding:0 4vw}.topbar nav{gap:16px}.hero{padding:0 6vw}.hero-art{height:540px}.portrait{width:min(440px,45vw)}.sticker-phone{left:1%}.sticker-earring{right:1%}.story,.frequency{padding:90px 6vw;gap:5vw}.story-card{grid-template-columns:1fr}.story-drawing{min-height:200px}.story-side-note{display:none}.ending-art{right:6%;width:240px}.ending{padding-left:7vw}}
@media(max-width:650px){.topbar{height:66px}.wordmark{font-size:10px}.brand-doodle{width:31px;height:31px}.topbar nav{display:none}.top-actions{gap:4px}.sound{padding:8px}.sound span{display:none}.social,.buy{font-size:8px;padding:9px 11px}.hero{height:auto;min-height:900px;display:flex;flex-direction:column;align-items:stretch;padding:74px 7vw 65px}.hero-copy{padding:0}.hero h1{font-size:66px;margin:22px 0 16px}.lede{font-size:14px}.frequency-chip{margin-top:25px}.hero-art{height:450px;margin-top:15px}.portrait{width:min(350px,83vw)}.scribble-halo{width:300px;height:320px}.mini-radio{width:85px;height:105px;right:-1%;bottom:13%;transform:scale(.9) rotate(8deg);transform-origin:bottom right}.hero-caption{font-size:7px}.note-a{left:0;top:10%}.note-b{right:0;bottom:15%}.floaty{scale:.8}.sticker-phone{top:36%;left:2%}.sticker-earring{top:35%;right:2%}.sticker-hat{bottom:7%;left:0}.sticker-headphones{bottom:10%;right:1%}.cloud-one{right:12%;top:41%}.cloud-two{left:14%;bottom:29%}.sun-doodle{top:44%;left:50%}.hero-bottom{left:7vw;right:7vw;font-size:7px}.hero-bottom span:last-child{display:none}.section{padding:82px 7vw}.story,.frequency{display:block}.story-card{margin-top:35px}.story-text{padding:25px}.story-drawing{min-height:170px}.frequency-head{margin-bottom:35px}.lost-items{grid-template-columns:repeat(2,1fr);margin-top:30px}.lost-item{min-height:110px}.map-board{height:570px;margin-top:35px;border-radius:35px}.map-postcard{left:50%;top:42%;transform:translateX(-50%) rotate(2deg);width:220px}.map-pin small{font-size:7px}.pin-1{left:4%;top:32%}.pin-2{left:34%;top:13%}.pin-3{left:57%;top:68%}.pin-4{right:2%;top:26%}.island-one{left:4%;top:7%}.island-two{left:69%;top:57%}.island-three{left:25%;bottom:8%}.island-four{right:5%;top:8%}.map-stamp{bottom:4%;right:3%;font-size:7px}.map-duck{font-size:21px}.map-controls{font-size:8px}.ending{padding:75px 7vw 100px;min-height:850px}.ending-art{width:min(290px,70vw);top:auto;bottom:85px;right:15%;}.ending-spark{right:13%;top:48%}footer{flex-wrap:wrap;gap:12px;font-size:7px;padding:17px 7vw}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}