@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;900&family=Patrick+Hand&display=swap");
:root{--paper:#f4f0e7;--paper2:#ebe5d8;--ink:#11100f;--muted:#6e6a63;--shell:min(1480px,calc(100vw - 48px));--body:"DM Sans",Arial,sans-serif;--hand:"Patrick Hand","Comic Sans MS",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.55),transparent 28%),linear-gradient(180deg,var(--paper),#f1ede4 55%,var(--paper2));font-family:var(--body);overflow-x:hidden}a{color:inherit}img{max-width:100%}.paper-noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.045;background-image:repeating-radial-gradient(circle at 0 0,rgba(0,0,0,.42) 0 1px,transparent 1px 4px);background-size:9px 11px;mix-blend-mode:multiply}
.site-header{position:fixed;z-index:50;left:50%;top:14px;transform:translateX(-50%) rotate(-.15deg);width:min(1450px,calc(100vw - 28px));min-height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:8px 12px 8px 18px;border:2px solid var(--ink);border-radius:18px 15px 20px 14px;background:rgba(244,240,231,.93);backdrop-filter:blur(12px);box-shadow:4px 5px 0 var(--ink)}
.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font-weight:900;text-decoration:none;letter-spacing:-.04em}.brand-dot{width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;background:var(--ink)}.main-nav{display:flex;justify-content:center;gap:clamp(18px,2vw,34px)}.main-nav a{position:relative;font-size:.78rem;font-weight:900;text-decoration:none;letter-spacing:.08em}.main-nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:var(--ink);transition:.2s}.main-nav a:hover:after{width:100%}
.social-row{display:flex;align-items:center;gap:8px}.header-socials{justify-content:flex-end}.social-link{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:12px 9px 13px 10px;text-decoration:none;transition:.16s}.social-link:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px) rotate(-2deg)}.social-link.disabled{opacity:.35;pointer-events:none}.social-link svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.8}.section-shell{width:var(--shell);margin-inline:auto}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:40px;padding-top:108px;padding-bottom:54px}.hero-copy{position:relative;z-index:3;padding-left:clamp(0px,3vw,44px)}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.73rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.scribble-dot{width:17px;height:13px;border:2px solid var(--ink);border-radius:47% 53% 46% 54%;transform:rotate(13deg)}h1,h2,h3,p{margin-top:0}h1{margin:14px 0 10px;font-size:clamp(5rem,10.6vw,10.7rem);line-height:.78;letter-spacing:-.085em;font-weight:900}.hero-tagline{margin:26px 0 14px;font-size:clamp(1.25rem,1.7vw,1.9rem);line-height:1.15;letter-spacing:-.04em}.ticker{display:inline-block;margin-bottom:24px;padding:8px 13px;border:2px solid var(--ink);border-radius:50% 44% 47% 51%/46% 51% 48% 52%;font-family:var(--hand);font-size:1.25rem;transform:rotate(-1.2deg)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:17px}
.sketch-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:2.5px solid var(--ink);border-radius:13px 8px 14px 9px;background:var(--paper);box-shadow:4px 4px 0 var(--ink);font-size:.83rem;font-weight:900;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:.15s}.sketch-btn:hover{transform:translate(2px,2px) rotate(-.5deg);box-shadow:2px 2px 0 var(--ink);background:var(--ink);color:var(--paper)}.primary-btn{background:var(--ink);color:var(--paper)}.primary-btn:hover{background:var(--paper);color:var(--ink)}
.ca-card{max-width:590px;min-height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:10px 14px 9px 16px;padding:7px 8px 7px 13px;background:rgba(255,255,255,.25)}.ca-label{font-weight:900}.ca-card code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem}.copy-btn{min-height:34px;padding:5px 10px;border:0;background:var(--ink);color:var(--paper);font:900 .69rem/1 var(--body);letter-spacing:.08em;cursor:pointer;border-radius:7px 9px 6px 10px}.copy-btn:disabled{opacity:.45}.micro-note{margin-top:11px;font-family:var(--hand);color:var(--muted);font-size:1.05rem}
.hero-art{position:relative;align-self:end;height:min(79svh,850px);display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.character{display:block;user-select:none;-webkit-user-drag:none}.hero-character{position:relative;z-index:2;width:min(720px,48vw);max-height:80svh;object-fit:contain;object-position:center bottom;animation:breathe 5.8s ease-in-out infinite}.rough-circle{position:absolute;z-index:1;width:min(650px,42vw);aspect-ratio:1;right:4%;bottom:6%;border:3px solid var(--ink);border-radius:52% 48% 51% 49%/47% 53% 46% 54%;transform:rotate(-4deg);opacity:.12}.doodle{position:absolute;z-index:4;font-family:var(--hand);font-size:clamp(1.15rem,1.5vw,1.6rem);line-height:1}.note-one{left:1%;top:25%;transform:rotate(-8deg)}.note-two{right:6%;top:17%;font-size:3.1rem;transform:rotate(12deg)}.note-three{right:2%;bottom:20%;transform:rotate(7deg)}.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);text-align:center;font-family:var(--hand);font-size:.95rem;text-decoration:none;color:var(--muted)}
.section-heading h2{margin:8px 0 0;font-size:clamp(3.1rem,6vw,7rem);line-height:.88;letter-spacing:-.07em;font-weight:900}.section-heading.center{text-align:center}.about{padding:145px 0;border-top:3px solid var(--ink)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,110px);align-items:center;margin-top:64px}.sketch-panel{border:3px solid var(--ink);border-radius:18px 11px 20px 13px;background:rgba(255,255,255,.15);box-shadow:7px 8px 0 var(--ink)}.about-art{position:relative;min-height:650px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.about-character{width:min(590px,85%);transform:translateY(7%)}.about-arrow{top:18px;left:22px;transform:rotate(-4deg);font-size:1.2rem}.about-copy{font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.28;letter-spacing:-.035em}.about-copy .lead{font-size:clamp(2rem,3vw,3.4rem);font-weight:900}.rough-divider{width:72%;height:13px;margin:30px 0;border-top:3px solid var(--ink);border-radius:50%;transform:rotate(-1deg)}.face-crop{position:relative;width:min(360px,100%);aspect-ratio:1.8/1;margin-top:38px;overflow:hidden;border:3px solid var(--ink);border-radius:12px 17px 10px 14px;background:#fff;transform:rotate(1.5deg)}.face-crop img{width:100%;transform:translateY(-13%) scale(1.18)}.face-crop span{position:absolute;right:12px;bottom:9px;padding:2px 7px;background:var(--paper);border:2px solid var(--ink);font-family:var(--hand)}
.condition{padding:140px 0 150px;border-top:3px solid var(--ink)}.stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:70px}.stage{position:relative;min-width:0;padding:16px 16px 24px}.stage:nth-child(2){transform:translateY(14px) rotate(.35deg)}.stage:nth-child(3){transform:translateY(-7px) rotate(-.4deg)}.stage-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:900;letter-spacing:.1em}.stage-image{position:relative;height:340px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:2px solid var(--ink)}.stage-image img{width:min(300px,90%);transform:translateY(9%)}.stage-image-two img{transform:translateY(12%) rotate(.8deg)}.stage-image-three img{width:min(330px,98%);transform:translateY(10%) scale(1.08)}.tiny-chart{position:absolute;top:26px;right:20px;z-index:2;font-family:var(--hand);font-size:1.9rem;transform:rotate(-8deg)}.stage h3{margin:19px 0 0;font-size:clamp(1.4rem,2.2vw,2.3rem);line-height:1;letter-spacing:-.05em}.stage-mark{position:absolute;right:18px;bottom:12px;font-family:var(--hand);font-size:1.5rem}.stage-four{margin:60px 0 0;text-align:center;font-family:var(--hand);font-size:1.75rem}
.chart-community{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.7fr);gap:clamp(30px,5vw,70px);padding:135px 0 145px;border-top:3px solid var(--ink)}.market-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);margin-top:34px;border-radius:13px 9px 14px 10px;overflow:hidden}.stat{min-width:0;padding:13px 15px 14px;border-right:2px solid var(--ink)}.stat:last-child{border-right:0}.stat span{display:block;margin-bottom:6px;font-size:.64rem;font-weight:900;letter-spacing:.09em}.stat strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.92rem,1.6vw,1.35rem)}.chart-frame{position:relative;min-height:600px;margin-top:14px;border:3px solid var(--ink);border-radius:15px 9px 17px 11px;overflow:hidden;background:#fff;box-shadow:7px 8px 0 var(--ink)}.chart-frame iframe{display:block;width:100%;height:600px;border:0;background:#fff}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;text-align:center;background:linear-gradient(rgba(244,240,231,.94),rgba(244,240,231,.94)),repeating-linear-gradient(0deg,transparent 0 44px,rgba(0,0,0,.08) 44px 45px),repeating-linear-gradient(90deg,transparent 0 62px,rgba(0,0,0,.08) 62px 63px)}.chart-empty strong{font-size:clamp(1.3rem,2.6vw,2.4rem)}.chart-empty span{font-family:var(--hand);color:var(--muted);font-size:1.2rem}.community-side{align-self:end}.community-art{position:relative;height:380px;overflow:hidden;margin-bottom:28px;border-bottom:3px solid var(--ink)}.community-art img{width:min(390px,100%);margin:0 auto;transform:translateY(11%)}.community-note{top:10px;left:0;transform:rotate(-4deg);font-size:1.05rem}.community-side h2{margin:8px 0 12px;font-size:clamp(3rem,5vw,5.4rem);line-height:.88;letter-spacing:-.07em}.community-side>p{font-size:1.45rem;line-height:1.25}.community-socials{flex-wrap:wrap;margin:26px 0 18px}.community-socials .social-link{width:auto;min-width:48px;padding-inline:12px;gap:8px}.social-label{font-size:.7rem;font-weight:900;letter-spacing:.06em}.wide-btn{width:100%}
.footer{position:relative;width:min(1480px,calc(100vw - 48px));min-height:260px;margin:0 auto 24px;display:grid;grid-template-columns:190px 1fr auto;gap:30px;align-items:center;padding:32px 38px;border:3px solid var(--ink);border-radius:17px 12px 20px 10px;background:rgba(255,255,255,.16);box-shadow:7px 8px 0 var(--ink)}.footer-mascot{height:190px;overflow:hidden}.footer-mascot img{width:180px;transform:translateY(5%)}.footer-copy{display:flex;flex-direction:column;align-items:flex-start}.footer-copy strong{font-size:clamp(2.2rem,4vw,4.4rem);line-height:.9;letter-spacing:-.07em}.footer-copy>span{margin-top:8px;font-family:var(--hand);font-size:1.2rem}.footer-copy p{margin:17px 0 0;font-family:var(--hand);color:var(--muted);font-size:1.1rem}.disclaimer{position:absolute;right:38px;bottom:17px;margin:0;color:var(--muted);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@keyframes breathe{50%{transform:translateY(-5px) rotate(.18deg)}}
@media(max-width:1100px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{gap:14px}.hero{grid-template-columns:.9fr 1.1fr}.chart-community{grid-template-columns:1fr}.community-side{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:34px;align-items:center}.community-art{grid-row:1/span 5;height:430px;margin-bottom:0;border-bottom:0;border-right:3px solid var(--ink)}}
@media(max-width:820px){:root{--shell:min(100% - 28px,740px)}.site-header{top:8px;width:calc(100vw - 16px);min-height:56px;grid-template-columns:1fr auto;padding:7px 9px 7px 13px}.main-nav{display:none}.header-socials .social-link{width:36px;height:36px}.hero{min-height:auto;grid-template-columns:1fr;gap:10px;padding-top:104px;padding-bottom:86px}.hero-copy{padding-left:0}h1{font-size:clamp(4.5rem,21vw,7.5rem)}.hero-art{height:min(63svh,620px)}.hero-character{width:min(610px,94vw);max-height:63svh}.about,.condition{padding:100px 0}.about-grid{grid-template-columns:1fr;margin-top:40px}.about-art{min-height:560px}.stages{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.stage,.stage:nth-child(2),.stage:nth-child(3){transform:none}.stage-image{height:390px}.chart-community{padding:100px 0}.market-stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:2px solid var(--ink)}.chart-frame,.chart-frame iframe{min-height:520px;height:520px}.community-side{display:block;margin-top:44px}.community-art{height:430px;margin-bottom:32px;border-right:0;border-bottom:3px solid var(--ink)}.footer{width:calc(100vw - 28px);grid-template-columns:130px 1fr;padding:24px 22px 58px}.footer-socials{grid-column:1/-1}.disclaimer{left:22px;right:22px}}
@media(max-width:540px){.site-header{box-shadow:3px 3px 0 var(--ink)}.brand{font-size:.92rem}.header-socials{gap:5px}.header-socials .social-link{width:33px;height:33px}.hero{padding-top:92px;padding-bottom:78px}.eyebrow{font-size:.63rem}h1{font-size:clamp(4.1rem,23vw,6rem)}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.sketch-btn{min-height:48px;padding-inline:12px;font-size:.72rem}.ca-card code{font-size:.69rem}.hero-art{height:54svh;min-height:430px}.hero-character{width:100%;max-height:55svh}.section-heading h2{font-size:clamp(2.8rem,15vw,4.5rem)}.about-art{min-height:430px}.about-character{width:92%}.about-copy{font-size:1.25rem}.stage-image{height:320px}.chart-frame,.chart-frame iframe{min-height:470px;height:470px}.community-art{height:350px}.community-side h2{font-size:3.6rem}.community-socials{display:grid;grid-template-columns:repeat(2,1fr)}.community-socials .social-link{width:100%}.footer{grid-template-columns:95px 1fr;gap:18px}.footer-mascot{height:120px}.footer-mascot img{width:120px}.footer-copy strong{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}