:root{color-scheme:light;--bg:#e6e8e4;--bg2:#dcdfd9;--ink:#141414;--mut:#4d4d4a;--red:#a80f1a;--card:#f3f4f1;--line:rgba(0,0,0,.16);--amb:#e7a41c;--pink:#d64a7f;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#17120f;--bg2:#1f1915;--ink:#f1ece4;--mut:#b9b1a6;--red:#ff5a63;--card:#262019;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px;height:100%;overflow-x:clip}
body{background:var(--bg);color:var(--ink);font:500 17px/1.7 Quicksand,system-ui,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3{font-family:'Londrina Sketch','Patrick Hand',cursive;font-weight:400;line-height:1;letter-spacing:.02em}
h2{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--red);margin-bottom:.4em}
.hand{font-family:'Patrick Hand',cursive}a{color:inherit}
section{padding:clamp(80px,12vw,150px) 6vw;position:relative}.wrap{max-width:1320px;margin:auto}
.btn{display:inline-block;font:400 1.3rem 'Patrick Hand',cursive;text-decoration:none;background:var(--red);color:#fff;border:2px solid var(--ink);padding:.55em 1.5em;border-radius:6px 22px 8px 20px;box-shadow:4px 4px 0 var(--ink);transition:.2s;cursor:pointer}
.btn:hover,.btn:focus-visible{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn.o{background:transparent;color:var(--ink)}:focus-visible{outline:3px solid var(--amb);outline-offset:3px}
#pre{position:fixed;inset:0;z-index:200;background:var(--bg);display:grid;place-content:center;text-align:center;gap:14px}
#pre h1{font-size:clamp(3rem,10vw,6rem)}#pre h1 b{color:var(--red);font-weight:400;display:block}
#bar{height:3px;background:var(--line);width:min(260px,60vw);margin:auto}#bar i{display:block;height:100%;width:0;background:var(--red)}
#prog{position:fixed;top:0;left:0;height:3px;background:var(--red);width:0;z-index:120}
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 6vw 14px;transition:.35s;}header::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 82%,transparent)}
.logo{font:400 1.7rem 'Londrina Sketch',cursive;text-decoration:none;color:var(--ink)}.logo b{color:var(--red);font-weight:400}
nav{display:flex;gap:28px;align-items:center}nav a:not(.btn){text-decoration:none;font:1.2rem 'Patrick Hand',cursive}nav a:not(.btn):hover{color:var(--red)}nav .btn{font-size:1.1rem;padding:.3em 1.1em}
#mb{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ink)}#mb span{display:block;width:26px;height:2px;background:currentColor;margin:6px auto;transition:.3s}
#hero{min-height:100vh;display:flex;align-items:center}
#hero h1{font-size:clamp(3.4rem,8.5vw,7.5rem);margin-bottom:.15em}#hero h1 em{display:block;color:var(--red);font-style:normal}
#hero p.l{max-width:30ch;font-size:1.25rem;color:var(--mut);margin-bottom:1.6em}
.cue{position:absolute;bottom:28px;left:6vw;font:1.1rem 'Patrick Hand';color:var(--mut)}.hb{display:flex;justify-content:center;align-self:end;padding-top:30vh}.hb img{width:auto;height:clamp(230px,42vh,420px);max-width:100%;margin:0}
#bird{position:fixed;left:0;top:0;z-index:60;pointer-events:none;width:clamp(205px,min(26vw,54vh),432px);will-change:transform}#bird .in{position:relative;aspect-ratio:1404/1041;will-change:transform;filter:drop-shadow(0 20px 18px rgba(0,0,0,.2))}#bird img{position:absolute;inset:0;width:100%;height:100%;display:block}
.strip{overflow:hidden;white-space:nowrap;background:var(--red);color:#fff;padding:14px 0;font:2rem 'Londrina Sketch';transform:rotate(-1.2deg);margin:0 -2vw;position:relative;z-index:40}.strip div{display:inline-block;animation:mq 28s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.two.r{direction:rtl}.two.r>*{direction:ltr}
.mock{width:100%;max-width:520px;margin:auto;display:block;filter:drop-shadow(0 30px 30px rgba(0,0,0,.25))}
#about p{margin-bottom:1em;max-width:52ch}.feat{display:grid;gap:14px;margin-top:28px}.feat div{border-left:3px solid var(--red);padding-left:16px}.feat h3{font-size:1.8rem;color:var(--ink)}
#meg{background:var(--bg2)}.ppl{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.pc{background:var(--card);border:2px solid var(--ink);padding:30px;border-radius:8px 28px 8px 28px;box-shadow:6px 6px 0 var(--line)}
.mono{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:2.3rem 'Londrina Sketch';color:#fff;margin-bottom:14px;background:linear-gradient(135deg,var(--amb),var(--red) 60%,var(--pink))}.pc h3{font-size:2.2rem}.pc small{color:var(--red);font:1.2rem 'Patrick Hand'}
.rv-g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}
.rev{background:var(--card);border:2px solid var(--ink);padding:28px;border-radius:8px 24px 8px 24px;transition:.3s}.rev:nth-child(2){transform:translateY(24px) rotate(1deg)}.rev:nth-child(1){transform:rotate(-1deg)}.rev:hover{transform:translateY(-6px) rotate(0)}
.st{color:var(--amb);letter-spacing:3px;font-size:1.2rem}.rev q{display:block;margin:10px 0 16px;quotes:none}.rev b{font:1.2rem 'Patrick Hand';color:var(--red)}
#get{text-align:center;min-height:100vh}#get .mock{max-width:380px;margin-top:40px}#get p{max-width:44ch;margin:0 auto 1.6em;color:var(--mut)}.shops{margin-top:22px;display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font:1.15rem 'Patrick Hand'}.shops a{text-decoration:none;border-bottom:2px dashed var(--red)}
footer{background:var(--ink);color:#e6e8e4;padding:60px 6vw calc(30px + env(safe-area-inset-bottom,0px));position:relative;z-index:50}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px;max-width:1320px;margin:auto}footer h3{font-size:1.9rem;color:#fff}footer a{display:block;text-decoration:none;opacity:.8}footer a:hover{opacity:1;color:#ff8a90}
footer form{display:flex;gap:8px;margin-top:10px}footer input{flex:1;min-width:0;padding:.6em 1em;border-radius:20px;border:2px solid #e6e8e4;background:transparent;color:#fff;font:inherit}
.cp{text-align:center;margin-top:40px;opacity:.6;font-size:.9rem}

.pill{display:inline-block;font:1.15rem 'Patrick Hand';border:2px solid var(--ink);padding:.1em .9em;border-radius:20px;background:var(--card);margin-bottom:16px}
.by{font-size:1.25rem;margin:0 0 1.3em;color:var(--mut)}.by b{color:var(--ink);font-weight:400}
.fm{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.fm button{font:1.15rem 'Patrick Hand';background:var(--card);color:var(--ink);border:2px solid var(--ink);padding:.15em 1em;border-radius:18px 6px 18px 6px;cursor:pointer;transition:.2s}.fm button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.bts{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.rate{margin-top:22px;font:1.15rem 'Patrick Hand';color:var(--mut)}.rate .st{display:inline}
.hb{position:relative}.stamp{position:absolute;top:22%;right:0;width:104px;height:104px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-content:center;text-align:center;font:1.15rem/1.1 'Patrick Hand';transform:rotate(12deg);border:2px dashed #fff;outline:2px solid var(--red);outline-offset:2px}
.por{display:grid;place-items:center}.fr{position:relative;width:min(380px,80%);aspect-ratio:4/5;border:2px solid var(--ink);border-radius:60% 40% 55% 45%/45% 55% 40% 60%;background:radial-gradient(circle at 30% 25%,var(--amb),var(--red) 55%,var(--pink));display:grid;place-items:center;box-shadow:10px 10px 0 var(--line);font:clamp(7rem,16vw,12rem) 'Londrina Sketch';color:#fff;overflow:hidden}.fr small{position:absolute;bottom:9%;font:1.15rem 'Patrick Hand'}
#meg h3,#illus h3{font-size:2.4rem;margin-bottom:.4em}#meg p,#illus p{max-width:50ch;margin-bottom:1em}
blockquote.q{font:1.7rem/1.3 'Patrick Hand';color:var(--red);border-left:3px solid var(--red);padding-left:18px;margin:22px 0}
.fa{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 26px}.fa span{border:2px solid var(--ink);padding:.1em .9em;border-radius:16px;font:1.1rem 'Patrick Hand'}
.sum{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap;margin:10px 0 40px;text-align:left}.big{font:6rem/1 'Londrina Sketch';color:var(--red)}
.bars{display:grid;gap:6px;min-width:min(260px,80vw);font:1.05rem 'Patrick Hand'}.bars>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center}.bars b{display:block;height:10px;border-radius:6px;background:var(--line);overflow:hidden}.bars i{display:block;height:100%;background:var(--red);width:var(--w);transform-origin:left}
.fq{max-width:760px;margin:0 auto 50px;font:clamp(1.6rem,3.4vw,2.4rem)/1.25 'Patrick Hand';quotes:none}.fq cite{display:block;margin-top:12px;font:1.2rem 'Patrick Hand';color:var(--red);font-style:normal}
.trk{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 6px 24px;scrollbar-width:none;text-align:left}.trk::-webkit-scrollbar{display:none}
.rc{flex:0 0 min(360px,84vw);scroll-snap-align:center;background:var(--card);border:2px solid var(--ink);border-radius:8px 26px 8px 26px;padding:26px;box-shadow:6px 6px 0 var(--line)}.rc q{display:block;margin:10px 0 18px;quotes:none}
.who{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.av{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font:1.4rem 'Londrina Sketch';background:linear-gradient(135deg,var(--amb),var(--red))}.who b{display:block;font:1.2rem/1.1 'Patrick Hand';color:var(--ink)}.who small{color:var(--mut)}.vt{margin-left:auto;font:1rem 'Patrick Hand';color:var(--red);text-align:right}
.ctl{display:flex;gap:12px;justify-content:center;margin:6px 0 34px}.ctl .btn{padding:.1em .9em;box-shadow:3px 3px 0 var(--ink);font-size:1.5rem}
@media(max-width:1024px){#bird{display:none}nav{position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;gap:26px;transform:translateY(-100%);transition:.5s cubic-bezier(.7,0,.2,1);padding:80px 6vw}nav a:not(.btn){font-size:2rem}nav .btn{font-size:1.4rem}body.open nav{transform:none}body.open{overflow:hidden}#mb{display:block;position:relative;z-index:2}.logo{position:relative;z-index:2}body.open #mb span:first-child{transform:translateY(4px) rotate(45deg)}body.open #mb span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:820px){footer form{flex-wrap:wrap}.fr{width:min(260px,70%)}.stamp{width:84px;height:84px;font-size:1rem}
.two,.ppl,.rv-g,.fg{grid-template-columns:1fr}.two.r{direction:ltr}#bird{width:65vw}.rev:nth-child(n){transform:none}#hero{align-items:flex-start;padding-top:120px}.hb{padding-top:0;margin-top:30px}.hb img{height:30vh}.cue{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}