:root{--ink:#070707;--paper:#fff8f4;--pink:#f5cdcf;--pink2:#f8dedb;--muted:#67585c;--line:rgba(7,7,7,.14);--shadow:0 30px 90px rgba(49,23,29,.16)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;color:var(--ink);font-family:"Fredericka the Great","Times New Roman",serif;overflow-x:hidden;cursor:url('assets/cursor.png') 5 4,auto;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.9),transparent 30rem),radial-gradient(circle at 80% 40%,rgba(255,255,255,.38),transparent 24rem),linear-gradient(145deg,#f8dddc,#f2c4cb 54%,#f6dcd8)}
a,button,summary{cursor:url('assets/cursor-pointer.png') 5 4,pointer}.preloader{position:fixed;inset:0;z-index:99;display:grid;place-items:center;align-content:center;gap:14px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.78),transparent 24rem),linear-gradient(145deg,#f8dddc,#f2c4cb 62%,#f6dcd8);transition:opacity .75s ease,visibility .75s ease}.preloader img{width:min(174px,42vw);filter:drop-shadow(0 22px 28px rgba(7,7,7,.14));animation:preloaderBob 1.05s ease-in-out infinite}.preloader span{font-family:"Fredericka the Great","Times New Roman",serif;letter-spacing:.035em;font-size:clamp(1rem,4vw,1.55rem)}body.loaded .preloader{opacity:0;visibility:hidden;pointer-events:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%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='.16'/%3E%3C/svg%3E")}
.nav{position:fixed;top:18px;left:0;right:0;margin-inline:auto;z-index:20;width:min(1140px,calc(100% - 26px));min-height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,248,244,.58);backdrop-filter:blur(18px);box-shadow:0 14px 45px rgba(7,7,7,.06)}
.brand,.kicker,.eyebrow,h1,h2,.nav-links a,.btn,summary,details p,.lead,.lore p,.footer{font-family:"Fredericka the Great","Times New Roman",serif;font-weight:400;letter-spacing:.02em}.brand{justify-self:start;display:flex;align-items:center;height:42px;padding:0 10px;font-size:clamp(.9rem,3.6vw,1.05rem);line-height:1;text-transform:uppercase;color:var(--ink);text-decoration:none;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-links{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}.nav-links a{display:flex;align-items:center;justify-content:center;min-height:42px;color:var(--ink);text-decoration:none;padding:0 14px;border-radius:999px;font-weight:400;line-height:1;transition:.35s ease}.nav-links a:hover{background:rgba(7,7,7,.07);transform:translateY(-1px)}
main{position:relative;z-index:1;width:min(1140px,calc(100% - 26px));margin:0 auto;padding:108px 0 34px}.hero{min-height:calc(100vh - 130px);position:relative;display:grid;justify-items:center;align-content:center;text-align:center;padding:clamp(28px,5vw,70px);border:1px solid var(--line);border-radius:44px;background:rgba(255,248,244,.32);backdrop-filter:blur(22px);box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:14px;border:1px solid rgba(7,7,7,.08);border-radius:32px;pointer-events:none}.hero:after{content:"";position:absolute;width:60vw;max-width:680px;aspect-ratio:1;border:1px dashed rgba(7,7,7,.13);border-radius:44% 56% 47% 53%;z-index:-1;animation:spin 22s linear infinite}.kicker,.eyebrow{display:block;text-transform:uppercase;font-size:.72rem;color:var(--muted);margin-bottom:10px}h1{margin:0 auto;font-size:clamp(2.45rem,9.2vw,7.3rem);line-height:.88;white-space:nowrap;max-width:100%;letter-spacing:-.025em;text-shadow:2px 2px 0 rgba(255,255,255,.72),0 9px 34px rgba(7,7,7,.08)}.hero-art{position:relative;display:grid;place-items:center;width:min(570px,86vw);margin:clamp(12px,2vw,22px) auto}.hero-art img{width:min(420px,70vw);height:auto;display:block;filter:drop-shadow(0 28px 32px rgba(7,7,7,.16));animation:breathe 5.8s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(7,7,7,.10);border-radius:999px;inset:7%;animation:spin 16s linear infinite}.ring-two{inset:18%;border-style:dashed;animation-direction:reverse;animation-duration:24s}.lead{margin:0 0 18px;color:#403438;font-size:clamp(1.05rem,2.35vw,1.45rem);line-height:1.5;max-width:520px}.ca-card{display:flex;align-items:center;justify-content:center;gap:10px;max-width:min(560px,100%);margin:0 auto 18px;padding:10px 12px;border:1px solid rgba(7,7,7,.16);border-radius:999px;background:rgba(255,255,255,.28);box-shadow:0 14px 36px rgba(7,7,7,.06);backdrop-filter:blur(14px)}.ca-card span,.ca-card code,.copy-btn{font-family:"Fredericka the Great","Times New Roman",serif}.ca-card span,.copy-btn{font-weight:400;letter-spacing:.035em;text-transform:uppercase}.ca-card span{color:var(--muted);font-size:.8rem}.ca-card code{font-size:.9rem;font-weight:400;letter-spacing:.012em;white-space:nowrap;background:transparent;text-transform:none}.copy-btn{border:1px solid rgba(7,7,7,.14);border-radius:999px;background:rgba(255,248,244,.58);padding:8px 12px;color:var(--ink);font-size:.8rem;transition:transform .35s ease,background .35s ease}.copy-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.78)}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn{color:var(--ink);text-decoration:none;font-weight:400;letter-spacing:.035em;text-transform:uppercase;border:1px solid rgba(7,7,7,.18);padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.38);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.btn:hover{transform:translateY(-5px) rotate(-1.5deg);background:rgba(255,255,255,.78);box-shadow:0 16px 42px rgba(7,7,7,.12)}
.orbit-section{position:relative;min-height:780px;margin:28px 0;border-radius:44px;overflow:hidden;display:grid;place-items:center}.orbit-section:before{content:"MIMIDUCK";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);font-family:"Fredericka the Great","Times New Roman",serif;font-size:clamp(4rem,13vw,12rem);letter-spacing:.04em;color:rgba(7,7,7,.035);white-space:nowrap}.lore{position:relative;z-index:2;width:min(540px,calc(100% - 32px));padding:34px;border:1px solid var(--line);border-radius:34px;background:rgba(255,248,244,.58);backdrop-filter:blur(18px);box-shadow:var(--shadow);text-align:center}.lore h2{font-size:clamp(2rem,5vw,4rem);line-height:.96;margin:0 0 16px}.lore p{margin:0;color:#44383b;line-height:1.7;font-size:1.08rem}.float-img{position:absolute;width:clamp(136px,22vw,255px);filter:drop-shadow(0 22px 28px rgba(7,7,7,.13));transition:transform .7s cubic-bezier(.2,.8,.2,1);animation:floatDrift 7s ease-in-out infinite;transform:rotate(var(--rot,0deg)) translateY(0)}.float-img:hover{transform:rotate(var(--rot,0deg)) translateY(-12px) scale(1.035)}.sleep{left:2%;top:7%;--rot:-8deg;animation-delay:.1s}.laptop{right:5%;top:13%;--rot:6deg;animation-delay:1.2s}.think{left:7%;bottom:8%;--rot:5deg;animation-delay:2.3s}.book{right:11%;bottom:5%;--rot:-4deg;animation-delay:3.1s}
.faq{max-width:780px;margin:0 auto;padding:36px;border:1px solid var(--line);border-radius:42px;background:rgba(255,248,244,.42);backdrop-filter:blur(18px);box-shadow:var(--shadow)}details{border-top:1px solid rgba(7,7,7,.12);padding:18px 0}details:last-child{border-bottom:1px solid rgba(7,7,7,.12)}summary{list-style:none;font-weight:400;letter-spacing:.02em;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:"Fredericka the Great","Times New Roman",serif;transition:.3s ease}details[open] summary:after{transform:rotate(45deg)}details p{margin:12px 0 0;color:#4e3f42;line-height:1.7;font-size:1.02rem}.footer{max-width:760px;margin:24px auto 0;text-align:center;color:rgba(7,7,7,.56);font-size:.92rem;line-height:1.65}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.018)}}@keyframes floatDrift{0%,100%{transform:rotate(var(--rot,0deg)) translateY(0)}50%{transform:rotate(var(--rot,0deg)) translateY(-16px)}}@keyframes preloaderBob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){main{width:min(100% - 18px,1140px);padding-top:92px}.hero{min-height:auto;padding:48px 14px 32px;border-radius:32px}.hero:before{inset:9px;border-radius:24px}.hero-art{width:min(420px,92vw);margin:10px auto 14px}.hero-art img{width:min(315px,76vw)}.lead{font-size:1.02rem;max-width:320px}.ca-card{width:min(100%,390px);gap:7px;padding:9px 9px}.ca-card code{font-size:.78rem}.copy-btn{padding:8px 9px;font-size:.72rem}.buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn{padding:12px 8px;font-size:.88rem}.orbit-section{min-height:910px;margin:18px 0;border-radius:32px}.sleep{left:-8%;top:5%}.laptop{right:-7%;top:67%}.think{left:-8%;bottom:11%}.book{right:0;bottom:1%}.float-img{width:clamp(122px,40vw,190px)}.lore{padding:26px 18px;width:min(500px,calc(100% - 22px))}.lore p{font-size:.98rem;line-height:1.62}.faq{padding:28px 18px;border-radius:32px}.nav{min-height:54px;padding:7px 8px;width:calc(100% - 18px);top:12px}.nav-links a{min-height:38px;padding:0 9px;font-size:.88rem}.brand{height:38px;max-width:40vw;font-size:.86rem}h1{font-size:clamp(2rem,10.8vw,4rem);letter-spacing:-.02em}}@media(max-width:430px){.buttons{grid-template-columns:1fr}.ca-card{border-radius:24px;flex-wrap:wrap}.ca-card code{order:3;width:100%;font-size:.72rem;white-space:normal;overflow-wrap:anywhere;word-break:break-all;line-height:1.35;padding:0 8px}h1{font-size:clamp(1.88rem,10.5vw,3rem)}.brand{font-size:.78rem;padding-left:6px}.nav{grid-template-columns:auto 1fr auto}.nav-links{gap:1px}.nav-links a{padding:0 7px;font-size:.8rem}.btn{font-size:.86rem;padding:11px 12px}}@media(max-width:360px){.nav-links a{padding:0 5px;font-size:.74rem}.brand{max-width:36vw;font-size:.7rem}h1{font-size:1.75rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Site-wide typeface matched to the supplied hand-drawn reference. */
html,body,button,input,textarea,select,code,summary{font-family:"Fredericka the Great","Times New Roman",serif}