:root{--paper:#f4f0e8;--ink:#11100e;--pink:#ff807e;--blue:#4b63e6;--yellow:#f4cc42;--cat:#a89b92;--line:3px solid var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Mono",monospace;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.topbar{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--line);position:relative;z-index:10;background:var(--paper)}
.wordmark{font-family:"Gochi Hand",cursive;font-size:2rem;font-weight:700;transform:rotate(-3deg)}
nav{display:flex;gap:32px;font-size:.88rem;font-weight:500}
nav a,.text-link,footer a{position:relative}
nav a:hover::after,.text-link:hover::after,footer a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-5px;border-bottom:2px solid}
.mini-buy,.button{border:var(--line);padding:13px 18px;font-family:"Gochi Hand",cursive;font-size:1.15rem;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--ink);transition:.15s ease}
.mini-buy{background:var(--pink)}
.button:hover,.mini-buy:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.05fr .95fr;position:relative;border-bottom:var(--line);padding:clamp(56px,8vw,110px) clamp(18px,6vw,90px) 0;overflow:hidden}
.hero-copy{z-index:2;align-self:center;padding-bottom:60px}
.eyebrow,.section-kicker{font-size:.82rem;font-weight:500;letter-spacing:.12em;margin:0 0 20px}
h1,h2,h3,p{margin-top:0}
h1{font-family:"Gochi Hand",cursive;font-size:clamp(4rem,9vw,8.5rem);line-height:.78;letter-spacing:-.04em;margin:0 0 36px;max-width:760px}
h1 span{display:block}
h1 .ink{color:var(--pink);text-shadow:3px 3px 0 var(--ink),-2px -2px 0 var(--ink);transform:rotate(-2deg);margin-top:22px}
.hero-note{font-size:1.05rem;line-height:1.65;max-width:510px;margin-bottom:30px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.button-dark{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--pink)}
.button-paper{background:var(--paper)}
.hero-art{position:relative;align-self:end;height:min(72vw,760px);min-height:540px;display:flex;align-items:flex-end;justify-content:center}
.hero-art img{height:96%;width:auto;position:relative;z-index:2;filter:drop-shadow(8px 10px 0 rgba(17,16,14,.13))}
.burst{position:absolute;width:min(42vw,620px);aspect-ratio:1;background:var(--yellow);border:var(--line);transform:rotate(8deg);clip-path:polygon(50% 0,60% 32%,85% 15%,70% 40%,100% 50%,70% 60%,86% 86%,59% 68%,50% 100%,40% 68%,15% 86%,30% 60%,0 50%,30% 40%,14% 14%,40% 32%)}
.tape{position:absolute;background:rgba(255,255,255,.65);width:120px;height:34px;border:1px solid rgba(0,0,0,.2);transform:rotate(-15deg)}
.tape-a{top:4%;left:47%}
.ticker-strip{background:var(--blue);color:white;border-bottom:var(--line);overflow:hidden;padding:15px 0;transform:rotate(-1deg);width:102%;margin-left:-1%}
.ticker-track{display:flex;gap:26px;white-space:nowrap;width:max-content;animation:ticker 24s linear infinite;font-weight:500;font-size:1rem}
.ticker-track i{color:var(--yellow);font-style:normal}
@keyframes ticker{to{transform:translateX(-50%)}}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);padding:clamp(80px,10vw,150px) clamp(18px,8vw,130px);border-bottom:var(--line);align-items:center}
.portrait-frame{position:relative;border:var(--line);background:white;padding:18px 18px 52px;transform:rotate(-2deg);box-shadow:12px 12px 0 var(--ink)}
.portrait-frame img{width:100%;aspect-ratio:1;object-fit:cover}
.photo-label{position:absolute;bottom:16px;left:20px;font-size:.8rem}
.about-copy{position:relative}
h2{font-family:"Gochi Hand",cursive;font-size:clamp(3.4rem,7vw,6.5rem);line-height:.88;letter-spacing:-.03em;margin-bottom:32px}
.about-copy>p:not(.section-kicker){font-size:1.05rem;line-height:1.75;max-width:600px}
.stamp{position:absolute;right:0;bottom:-65px;border:4px double var(--ink);padding:13px 18px;font-family:"Gochi Hand",cursive;font-size:1.15rem;text-align:center;transform:rotate(8deg);color:var(--blue)}
.how{padding:clamp(80px,10vw,145px) clamp(18px,8vw,130px);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;position:relative;border-bottom:var(--line)}
.steps{list-style:none;padding:0;margin:0}
.steps li{display:grid;grid-template-columns:66px 1fr;gap:20px;border-top:var(--line);padding:23px 0}
.steps li:last-child{border-bottom:var(--line)}
.steps>li>span{font-family:"Gochi Hand",cursive;font-size:2rem;color:var(--pink)}
.steps strong{font-family:"Gochi Hand",cursive;font-size:1.8rem}
.steps p{margin:7px 0 0;line-height:1.5}
.contract-box{grid-column:1/-1;background:var(--ink);color:var(--paper);padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.contract-box button{font-family:"Gochi Hand",cursive;font-size:1.1rem;font-weight:700;color:var(--yellow);background:none;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;text-align:left}
.contract-box small{font-size:.72rem}
.finale{min-height:720px;background:var(--blue);color:white;display:grid;grid-template-columns:1fr 1fr;padding:80px clamp(18px,7vw,110px) 0;position:relative;overflow:hidden}
.finale-copy{align-self:center;z-index:2;padding-bottom:70px}
.finale-copy>p{letter-spacing:.12em}
.finale h2{font-size:clamp(5rem,11vw,11rem);margin:0 0 30px;color:var(--yellow);text-shadow:5px 5px 0 var(--ink)}
.finale img{height:95%;width:100%;object-fit:contain;object-position:bottom;align-self:end;filter:drop-shadow(10px 12px 0 rgba(0,0,0,.22))}
.finale-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.text-link{font-family:"Gochi Hand",cursive;font-size:1.25rem;font-weight:700;letter-spacing:.02em}
.button-pink{background:var(--pink);color:var(--ink)}
footer{min-height:120px;padding:30px clamp(18px,4vw,64px);display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper)}
footer p{margin:0;font-size:.8rem}
footer div{display:flex;gap:24px;font-size:.85rem}
@media (max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{text-align:center}.hero-note{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{height:680px}.burst{width:590px}.about{grid-template-columns:1fr}.portrait-frame{max-width:620px;margin:auto}.how{grid-template-columns:1fr}.finale{grid-template-columns:1fr;min-height:850px;text-align:center}.finale-actions{justify-content:center}.finale img{position:absolute;right:-8%;bottom:0;width:60%;height:65%;opacity:.45}.finale-copy{align-self:start;margin-top:80px}.stamp{right:10px}}
@media (max-width:560px){.topbar{height:68px}.mini-buy{padding:10px 11px;font-size:.72rem}.hero{min-height:auto;padding-top:56px}.hero-copy{padding-bottom:20px}.eyebrow{font-size:.7rem}.hero-note{font-size:.96rem}.hero-art{height:470px;min-height:0}.burst{width:400px}.ticker-strip{margin-top:-2px}.about{padding-top:95px}.portrait-frame{padding:11px 11px 46px;box-shadow:7px 7px 0 var(--ink)}.stamp{position:relative;display:inline-block;bottom:auto;right:auto;margin-top:15px}.how-title h2{margin-bottom:10px}.contract-box{grid-template-columns:1fr;gap:8px}.contract-box button{padding:8px 0}.finale{min-height:700px;padding-top:65px}.finale img{width:92%;right:-30%;height:58%}.finale h2{font-size:5.5rem}footer{flex-direction:column;gap:24px;text-align:center;padding:35px 18px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}