/* Nothing Capital — Absolutely Unnecessary Deluxe Edition */
:root {
  --bg:#fff2df;
  --ink:#231921;
  --dark:#221c24;
  --paper:#fffaf0;
  --green:#ffe36b;
  --muted:#726673;
  --line:rgba(39,24,29,.23);
  --pink:#ff5a78;
  --red:#ef4d37;
  --violet:#8b67eb;
  --blue:#4471da;
}
html { scroll-padding-top:20px }
body { background:var(--bg); overflow-x:hidden }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid var(--violet) }
::selection{background:#fd5a79;color:white}
.ticker{height:42px;background:var(--red);color:#fff9d6;border-bottom:3px solid var(--dark);font-size:11px;letter-spacing:1px;transform:none}
.ticker-track{animation-duration:37s}
.header{border-bottom:3px solid var(--dark);height:105px}
.logo-mark{background:var(--dark);color:#ffdb55;transform:rotate(-6deg);box-shadow:4px 4px 0 var(--pink)}
.nav-cta{background:var(--pink);border:2px solid var(--dark);box-shadow:4px 4px 0 var(--dark);font-size:11px;transform:rotate(1deg)}
.nav-cta:hover{background:var(--green);color:var(--dark)}
.desktop-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--pink)}
.hero{min-height:755px;gap:45px;padding-top:68px;padding-bottom:85px}
.hero h1{font-size:clamp(46px,5.1vw,86px);line-height:.96;letter-spacing:-5.8px}
.hero h1 em{background:#ffda58;box-shadow:-12px 0 #ffda58;transform:rotate(-1.5deg);border-bottom:6px solid #fc5b78}
.hero h1 .serif-word{color:var(--red);text-shadow:3px 3px 0 #ffdc69}
.gold-period{color:var(--pink);display:inline-block;animation:wobble 3s ease-in-out infinite}
@keyframes wobble{50%{transform:rotate(18deg) scale(1.25)}}
.hero-intro{color:#493640;font-size:17px}
.hero-intro strong{color:var(--dark);box-shadow:0 3px 0 #ffa0ae}
.eyebrow{letter-spacing:1.2px;font-size:10px;color:var(--red);font-weight:800}
.status-dot,.live-dot{background:#ff704b;box-shadow:0 0 0 4px #ffe1ad}
.hero-actions .btn{min-height:58px}
.btn-primary{color:var(--dark);background:var(--green);border:2px solid var(--dark);box-shadow:5px 5px 0 var(--dark);font-weight:800}
.btn-primary:hover{background:var(--pink);transform:translate(-2px,-3px);box-shadow:7px 8px 0 var(--dark)}
.btn-outline{border:2px solid var(--dark);box-shadow:3px 3px 0 var(--dark)}
.btn-outline:hover{background:#fff;color:var(--dark)}
.fineprint{font-size:11px;color:#6a525b}
.hero-right{border:3px solid var(--dark);background:radial-gradient(circle at 55% 50%,#fff5bb 0%,#ffde73 48%,#ffbd6a 100%);box-shadow:12px 12px 0 var(--pink);transform:rotate(1.25deg);overflow:hidden}
.hero-right::before{opacity:.12;background-image:linear-gradient(90deg,transparent 49%,var(--red) 50%,transparent 51%),linear-gradient(transparent 49%,var(--red) 50%,transparent 51%);background-size:48px 48px}
.orbit{border:2px dashed rgba(194,65,57,.5)}
.potato-wrap{z-index:1;cursor:pointer;transition:filter .3s}
.potato-wrap:hover{filter:drop-shadow(3px 4px 0 #ed6f6f) saturate(1.2)}
.hero-art-label.top{background:var(--dark);color:#fff;padding:10px 12px;top:16px;left:16px;transform:rotate(-3deg)}
.hero-art-label.bottom{background:#fffbe9;border:2px solid var(--dark);padding:9px 10px;bottom:31px;right:15px;transform:rotate(3deg);text-align:right}
.hero-right .art-seal{background:var(--pink);border:2px dashed var(--dark);color:var(--dark);right:12px;top:102px;transform:rotate(13deg)}
.ceo-caution{position:absolute;top:68px;right:-66px;transform:rotate(34deg);width:260px;background:var(--red);border:2px solid var(--dark);color:#fff;text-align:center;font:800 9px var(--mono);padding:9px 0;z-index:4;letter-spacing:1px}
.hero-scribble{position:absolute;left:18px;bottom:70px;font:italic 28px/1.0 var(--serif);color:#aa3a33;transform:rotate(-16deg);text-align:center;z-index:2}
.art-bottomline{background:#fff0acb8;padding:3px 7px}
.numberband{background:#261b2e;border-top:4px solid var(--dark);border-bottom:8px solid #ffcc46}
.numberband-title h2 i,.section-heading h2 em,.how h2 em,.leadership h2 em,.milestones h2 em,.faq h2 em{color:var(--red)}
.numberband-title h2 i{color:var(--green)}
.stat-value{color:var(--green)}
.progress-fill{background:var(--pink)}
.numberband .overline,.numberband .stat-label{color:#ffda67}
.pitch{padding-top:115px;padding-bottom:110px}
.section-index{color:#cf3c47;font-weight:800}
.section-heading h2{font-weight:700}
.tier-grid{gap:17px}
.tier{border:3px solid var(--dark);border-radius:3px;background:#fffaf0;box-shadow:6px 6px 0 var(--dark);min-height:356px;transform:rotate(-.6deg)}
.tier:nth-child(2){transform:rotate(1deg);background:#ffdb69}
.tier:nth-child(3){background:#ffd6df;transform:rotate(-1deg)}
.tier:nth-child(4){background:#d9cdff;transform:rotate(.7deg)}
.tier:hover,.tier:nth-child(2):hover,.tier:nth-child(3):hover,.tier:nth-child(4):hover{transform:translateY(-10px) rotate(0);box-shadow:8px 15px 0 var(--dark)}
.tier h3{font-weight:800}
.tier-featured .featured-pill{background:var(--red);color:#fff;right:8px;top:-18px;border:1px solid var(--dark);transform:rotate(3deg);font-weight:900}
.tier-foot{border-top:2px dashed #3f3030}
.tier-top,.tier-foot span{color:#3d2c37}
.tier-disclaimer{margin-top:38px}
.how{border-top:3px dashed #b96255;border-bottom:3px dashed #b96255;padding-top:75px;padding-bottom:75px}
.how .steps>div{background:#fff8e9;border:2px solid #36212a;box-shadow:4px 4px 0 #ff7d89;padding:17px}
.bureaucracy{padding-top:118px;padding-bottom:123px;position:relative}
.bureaucracy::before{content:'INTERNAL USELESSNESS ONLY';display:block;position:absolute;right:0;top:88px;font:800 10px var(--mono);transform:rotate(8deg);color:#dc5964;border:3px dashed #e36f7a;padding:8px 12px;opacity:.7}
.bureau-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:43px}
.bureau-header h2{font:700 clamp(37px,4.6vw,70px)/1.02 var(--mono);letter-spacing:-4px;margin:20px 0 0}
.bureau-header h2 em{font:italic 1.16em var(--serif);color:var(--red)}
.bureau-warning{width:268px;flex:none;display:grid;grid-template-columns:39px 1fr;gap:3px 8px;align-items:center;background:#ffde57;border:3px solid var(--dark);padding:14px;box-shadow:6px 6px 0 var(--pink);transform:rotate(3deg)}
.bureau-warning>span{grid-row:span 2;font-size:35px;line-height:1}
.bureau-warning strong{font:800 13px/1.15 var(--mono)}
.bureau-warning small{font-size:10px;line-height:1.4}
.bureau-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.bureau-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:24px;min-height:435px;border:3px solid var(--dark);box-shadow:9px 9px 0 var(--dark);background:#d5dcff}
.bureau-card:nth-child(2){background:#ffd1b2;transform:rotate(1deg)}
.bureau-card:nth-child(3){background:#e6f4bb;transform:rotate(-.6deg)}
.bureau-card:hover{box-shadow:12px 12px 0 #fb4f6f}
.bureau-id{font:800 10px var(--mono);letter-spacing:1px;color:#544053;border-bottom:2px dashed #84716e;padding-bottom:10px}
.bureau-symbol{font-size:65px;filter:drop-shadow(3px 4px 0 #fff);line-height:1.15;transform:rotate(-9deg);align-self:flex-start}
.bureau-card h3{font:800 clamp(22px,2vw,28px)/1.1 var(--mono);letter-spacing:-1.4px;margin:0}
.bureau-card>p{font-size:13px;line-height:1.55;max-width:310px;margin:0;color:#514256}
.bureau-result{border:2px dashed rgba(38,25,42,.5);background:#fffbedbc;padding:12px;font:700 12px/1.5 var(--mono);min-height:66px;display:flex;align-items:center;margin-top:auto}
.bureau-action{border:2px solid var(--dark);background:var(--dark);color:#fffde8;font:800 11px var(--mono);padding:14px 12px;text-align:left;display:flex;align-items:center;justify-content:space-between}
.bureau-action:hover{background:var(--red);color:#fff}
.bureau-disclaimer{font:500 11px/1.6 var(--body);color:#735c61;margin-top:32px;max-width:780px}
.leadership{background:#f9cfd3;border-block:4px solid var(--dark)}
.leadership-grid>div:first-child>p{color:#654651}
.ceo-card{border:3px solid var(--dark);box-shadow:7px 7px 0 var(--dark)}
.quote-card{background:#33202c;color:#fff2dc;border:3px solid var(--dark);transform:rotate(2deg)}
.quote-card .quote-mark{color:var(--green)}
.lab-card{border:3px solid var(--dark);background:#e4f4f0;box-shadow:7px 7px 0 var(--dark)}
.lab-card:nth-child(2){background:#ffdda9}
.the-button{box-shadow:inset 0 -10px 0 #a23b32,0 8px 0 #821f21,0 12px 0 #ac342d63}
.milestones{background:#ffda68;border-block:4px solid var(--dark);position:relative}
.milestones::after{content:'NOT APPROVED BY ANYBODY';display:block;position:absolute;bottom:25px;right:3%;transform:rotate(-5deg);font:900 10px var(--mono);border:3px double #cd513a;padding:11px;color:#ca4637}
.milestone-list{border-top:2px solid #8d6930}
.milestone{border-bottom-color:#a87737}
.milestones h2 em{color:#db4738}
.faq{padding-top:120px;padding-bottom:120px}
.faq-list details{border-color:#a87c72}
.closing{background:#311b34;border-top:10px solid var(--pink)}
.closing h2 em{color:#ffce59}
.closing .btn-primary{box-shadow:7px 7px 0 #f45a77}
.footer{background:#fff2df}
.footer-bottom{border-top:2px dashed #b98777}
.site-dialog{background:#fff2dc;border:4px solid var(--dark);box-shadow:12px 12px 0 var(--pink);border-radius:0}
.dialog-button{background:var(--green);color:var(--dark);border:2px solid var(--dark)}
.dialog-button:hover{background:var(--pink)}
.toast{border:2px solid #fff9c6;box-shadow:5px 5px 0 var(--pink);background:var(--dark);color:#ffe473}
.floating-stamp{position:fixed;right:-12px;bottom:13vh;transform:rotate(-13deg);z-index:30;pointer-events:none;font:900 10px/1.1 var(--mono);color:#47192b;background:#f9cb57;border:3px double #3f2733;padding:10px 17px;text-align:center;box-shadow:3px 3px 0 #f65b6e;opacity:.86}
.sticker-pop{position:fixed;z-index:1000;top:26%;left:50%;transform:translateX(-50%) rotate(-9deg) scale(.3);background:#ffda5f;color:#251522;border:4px solid var(--dark);box-shadow:10px 10px 0 var(--pink);font:900 clamp(24px,5vw,56px)/1.0 var(--mono);letter-spacing:-2px;text-align:center;padding:25px 30px;max-width:min(85vw,640px);opacity:0;pointer-events:none;transition:transform .3s ease-out,opacity .3s ease-out}
.sticker-pop.visible{opacity:1;transform:translateX(-50%) rotate(-5deg) scale(1)}
@media(max-width:1150px){
 .hero{gap:25px}
 .hero h1{font-size:clamp(45px,5.2vw,69px);letter-spacing:-4.5px}
 .bureau-grid{gap:12px}
 .bureau-card{padding:18px}
}
@media(max-width:820px){
 .header{height:82px}
 .hero{padding-top:45px;padding-bottom:60px;min-height:unset}
 .hero h1{font-size:clamp(50px,9vw,82px);letter-spacing:-4px}
 .hero-right{height:490px;min-height:0;transform:rotate(.5deg);box-shadow:7px 7px 0 var(--pink)}
 .bureaucracy{padding-top:75px;padding-bottom:86px}
 .bureau-header{align-items:start;flex-direction:column}
 .bureau-header h2{letter-spacing:-2.4px}
 .bureau-warning{width:auto;align-self:flex-end;margin-top:0}
 .bureau-grid{grid-template-columns:1fr;gap:22px}
 .bureau-card,.bureau-card:nth-child(2),.bureau-card:nth-child(3){min-height:0;transform:rotate(0);gap:13px;padding:23px}
 .bureau-symbol{font-size:48px}
 .bureau-card h3{font-size:25px}
 .bureau-disclaimer{margin-top:29px}
 .floating-stamp{bottom:8px;right:-8px;opacity:.7;font-size:8px}
 .ceo-caution{top:65px}
}
@media(max-width:520px){
 .ticker{height:34px;font-size:9px}
 .hero h1{font-size:clamp(42px,10.4vw,63px);line-height:.98;letter-spacing:-3.3px}
 .hero-intro{font-size:15px}
 .eyebrow{white-space:normal;letter-spacing:0;font-size:9px}
 .hero-right{height:380px;min-height:0;box-shadow:5px 5px 0 var(--pink)}
 .hero-right .art-seal{top:92px;right:1px;transform:scale(.75) rotate(8deg);transform-origin:top right}
 .hero-art-label.top{font-size:7px;left:7px;top:8px}
 .hero-art-label.bottom{font-size:7px;right:7px;bottom:19px}
 .hero-scribble{font-size:20px;bottom:65px}
 .bureau-header h2{font-size:clamp(34px,9vw,48px)}
 .bureaucracy::before{display:none}
 .bureau-warning{align-self:stretch;transform:none}
 .bureau-card{box-shadow:5px 5px 0 var(--dark)!important}
 .numberband{border-bottom-width:5px}
 .tier{transform:none!important;box-shadow:5px 5px 0 var(--dark)}
 .tier:hover{transform:translateY(-4px)!important}
 .floating-stamp{display:none}
 .sticker-pop{font-size:29px;padding:18px}
}
@media(prefers-reduced-motion:reduce){
 .ticker-track,.gold-period,.potato-wrap{animation:none!important}
 *,*::before,*::after{scroll-behavior:auto!important}
}

/* THE INTERNATIONAL HALL OF EMBARRASSINGLY VOLUNTARY GENEROSITY */
.hall{padding-top:90px;padding-bottom:100px}
.hall-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hall-card{border:2px solid #1d261a;border-radius:22px;padding:32px;box-shadow:8px 8px 0 #1d261a;min-width:0}
.hall-signup{background:#fff1b9;color:#1c2718}.hall-board{background:#d7f3db;color:#1c2718}
.hall-kicker{font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#3b4a33}
.hall-illustration{font-size:3rem;text-align:center;padding:10px 0}
.hall-card h3{font-size:clamp(1.65rem,2.6vw,2.6rem);line-height:1.06;margin:15px 0 12px;letter-spacing:-.045em}
.hall-card p{line-height:1.65;font-size:.96rem}
.hall-fields{display:flex;flex-direction:column;gap:8px;margin:20px 0}
.hall-fields label{font-size:.77rem;font-weight:900;letter-spacing:.03em;margin-top:7px}
.hall-fields input,.hall-fields select{width:100%;min-width:0;padding:14px 12px;border:2px solid #232f1d;background:#fffdf5;color:#172018;border-radius:10px;font:inherit;font-size:1rem}
.hall-fields small{font-size:.8rem;color:#485042}.hall-controls{display:flex;flex-direction:column;gap:10px}
.hall-controls .btn{width:100%;justify-content:center;text-align:center;font-size:.79rem;padding:17px 12px;white-space:normal;line-height:1.3}
.hall-feedback{font-size:.88rem!important;font-weight:800;min-height:2.5em}.hall-privacy{font-size:.82rem!important;border-top:1px dashed #9ca57d;padding-top:12px;color:#505746}
.hall-board-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #253126}.hall-board-head span{font-size:2.15rem}.hall-explain{font-size:.87rem!important;color:#405246}
.hall-ranking{list-style:none;margin:16px 0 25px;padding:0;display:grid;gap:9px}.hall-ranking li{display:flex;align-items:center;gap:11px;background:#f5fff0;border:1px solid #a0bc9f;border-radius:9px;padding:13px 10px}
.hall-ranking .hall-empty{color:#57715e;font-style:italic;line-height:1.5}
.hall-rank{display:inline-flex;align-items:center;justify-content:center;flex:none;width:31px;height:31px;border-radius:100px;background:#203823;color:#fff;font-weight:900}
.hall-person{flex:1;min-width:0;word-break:break-word;font-weight:900}.hall-person small{display:block;font-size:.74rem;font-weight:500;color:#45564b;margin-top:3px}
.hall-amount{font-size:.86rem;white-space:nowrap;font-weight:900}.hall-status{font-size:.8rem!important;border-top:1px dotted #93af99;padding-top:12px}
@media(max-width:850px){.hall-panels{grid-template-columns:1fr}.hall{padding-top:56px;padding-bottom:62px}.hall-card{padding:22px;box-shadow:5px 5px 0 #1d261a}}
@media(max-width:420px){.hall-card{padding:17px}.hall-card h3{font-size:1.8rem}.hall-illustration{font-size:2.6rem}.hall-amount{font-size:.77rem}.hall-person{font-size:.88rem}}


.hall-roasts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.roast-card{position:relative;background:#ffe3ef;color:#24151e}
.roast-country{background:#dcecff}
.roast-card::before{content:'';position:absolute;inset:auto 18px 18px auto;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(2px)}
.roast-emoji{font-size:2.4rem;line-height:1;margin:8px 0 10px}
.roast-card h3{max-width:90%;margin-bottom:10px}
.roast-card p{font-size:.98rem!important;font-weight:700;color:#4b2a35;max-width:95%}
.roast-country p{color:#29405a}
@media(max-width:850px){.hall-roasts{grid-template-columns:1fr}}