*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#101110;--paper:#eee9dc;--paper2:#e2ddcf;--ink:#151614;
  --muted:#a8a59c;--line:rgba(238,233,220,.14);--accent:#d8ff45;
  --red:#d85b43;--shadow:0 18px 45px rgba(0,0,0,.28)
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#f0ede5;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
.grid{position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;z-index:-2}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;position:sticky;top:0;z-index:10;background:rgba(16,17,16,.83);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.wordmark{font:700 25px "DM Mono",monospace;letter-spacing:-2px}.wordmark span{color:var(--accent)}
.nav nav{display:flex;gap:27px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#bbb9b0}
.nav nav a:hover{color:#fff}
.nav-button{font:600 11px "DM Mono";text-transform:uppercase;border:1px solid #77766f;padding:11px 15px}
.section{max-width:1240px;margin:auto;padding:90px 28px}
.hero{min-height:720px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;position:relative;padding-top:80px;padding-bottom:20px}
.eyebrow{font:500 11px "DM Mono";letter-spacing:.16em;color:#aaa79e;margin-bottom:18px}
.hero h1{font-size:clamp(58px,8vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:800}
.hero h1 em{font-family:Kalam,cursive;font-style:normal;font-weight:700;color:var(--accent);letter-spacing:-.03em}
.lead{max-width:530px;color:#bbb8ae;line-height:1.75;margin-top:28px;font-size:16px}
.actions{display:flex;gap:12px;margin-top:100px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #333;padding:13px 18px;font:600 11px "DM Mono";text-transform:uppercase;letter-spacing:.05em;transition:.2s;cursor:pointer}
.button.dark{background:#171817;color:#f2efe6;border-color:#171817}
.button.dark:hover{transform:translateY(-2px);background:#272925}
.button.paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.button.large{padding:16px 24px}
.hero-note{background:var(--paper);color:var(--ink);padding:42px 46px 38px;width:360px;position:absolute;left:4%;top:86px;transform:rotate(-6deg);box-shadow:var(--shadow);z-index:2}
.hero-note span{font:700 12px "DM Mono";display:block;border-bottom:1px solid #bbb6a8;padding-bottom:14px;margin-bottom:20px;letter-spacing:.14em;text-transform:uppercase}
.hero-note strong{font:800 76px Inter;display:block;letter-spacing:-.12em;line-height:.85}
.hero-note small{font:700 13px "DM Mono";letter-spacing:.1em;text-transform:uppercase;display:block;margin-top:12px}
.tape:before{content:"";position:absolute;top:-20px;left:105px;width:150px;height:40px;background:rgba(209,196,155,.82);transform:rotate(2deg)}
.blueprint-card{height:430px;background:#dcd8c9;color:#151614;position:relative;transform:rotate(2.7deg);box-shadow:var(--shadow);padding:24px;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.07) 1px,transparent 1px);background-size:25px 25px;border-radius:18px}
.card-label{font:10px "DM Mono";letter-spacing:.12em;border-bottom:1px solid #888;padding-bottom:10px}
.robot-sketch{position:absolute;left:14%;top:24%;width:72%;height:46%;transform:rotate(-10deg)}
.robot-sketch svg{display:block;width:100%;height:100%;border-radius:14px}
.robot-sketch .body{position:absolute;left:18%;top:28%;width:58%;height:34%;border:4px solid #262723;background:rgba(21,22,20,.06);transform:skew(-12deg);border-radius:10px;box-shadow:inset 0 0 0 8px rgba(21,22,20,.08)}
.robot-sketch .body:before{content:"";position:absolute;left:14%;right:16%;top:16%;height:10%;border-top:3px solid #262723;border-bottom:3px solid #262723}
.robot-sketch .wheel{position:absolute;bottom:5%;width:58px;height:58px;border:4px solid #262723;border-radius:50%;background:rgba(21,22,20,.12)}.wheel.left{left:8%}.wheel.right{right:12%}
.robot-sketch .wheel:before{content:"";position:absolute;inset:12px;border:3px solid #262723;border-radius:50%}
.robot-sketch .arm{position:absolute;right:2%;top:18%;width:110px;height:6px;background:#262723;border-radius:999px;transform:rotate(-34deg);transform-origin:left;box-shadow:0 0 0 3px rgba(21,22,20,.06)}
.robot-sketch .arm:before{content:"";position:absolute;right:-18px;top:-8px;width:24px;height:20px;border:4px solid #262723;border-left:none;border-radius:0 10px 10px 0}
.robot-sketch .arm:after{content:"";position:absolute;left:92px;top:-8px;width:18px;height:18px;border:4px solid #262723;border-radius:50%}
.robot-sketch .sensor{position:absolute;left:43%;top:16%;width:26px;height:22px;border:3px solid #262723;background:rgba(21,22,20,.05);border-radius:5px}
.measure{font:12px "DM Mono";position:absolute}.m1{top:46%;left:5%;transform:rotate(-90deg)}.m2{right:8%;top:28%}
.sketch-line{position:absolute;left:15%;right:15%;bottom:21%;height:1px;background:#777}
.blueprint-card>p{position:absolute;bottom:9%;left:24px;font:11px "DM Mono"}
.scribble{font:24px Kalam,cursive;position:absolute;right:7%;bottom:45px;transform:rotate(-7deg);color:var(--accent)}
.section-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:55px}.section-heading h2{font-size:clamp(42px,6vw,72px);letter-spacing:-.06em;line-height:.9}
.stamp{border:1px solid #777;color:#999;padding:7px 8px;font:11px "DM Mono";transform:rotate(-5deg)}
.paper{background:var(--paper);color:var(--ink);box-shadow:var(--shadow);position:relative}
.paper:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#444 0.6px,transparent .7px);background-size:5px 5px}
.paper>*{position:relative;z-index:1}
.paper-grid{display:grid;grid-template-columns:1.5fr .85fr .85fr;gap:2px;align-items:start}
.sheet{padding:48px 44px;min-height:430px}.tilt-left{transform:rotate(-1.5deg)}.tilt-right{transform:rotate(1.8deg)}
.paper-tag{font:10px "DM Mono";letter-spacing:.14em;color:#6d6a62;display:block;margin-bottom:20px}
.sheet h3,.contact-card h3{font-size:31px;line-height:1.05;letter-spacing:-.045em;margin-bottom:25px}.sheet p,.contact-card p{font-size:14px;line-height:1.75;color:#57564f}
.hand-note{font:21px Kalam,cursive;position:absolute;right:38px;bottom:36px;transform:rotate(-5deg);padding:10px 14px 8px;max-width:240px;line-height:1.4}
.photo-card{padding:14px}.photo-placeholder{height:315px;background:#bcb9ae;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #999}.photo-placeholder span{font:13px "DM Mono";letter-spacing:.1em}.photo-placeholder small{font:11px "DM Mono";margin-top:8px;color:#5e5d58}.caption{font:10px "DM Mono";padding:12px 3px 3px}
.small-card{padding:31px 29px;min-height:260px}.small-card ul{list-style:none;font-size:13px;line-height:2.3}.small-card li:before{content:"□";font-family:"DM Mono";margin-right:10px}
.goal-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}.goal-note{background:#e9e2c9;color:#171714;padding:28px 24px;min-height:260px;box-shadow:var(--shadow);position:relative}.goal-note:before{content:"";position:absolute;top:-12px;left:50%;width:74px;height:24px;background:rgba(203,191,154,.68);transform:translateX(-50%) rotate(-2deg)}.goal-note.one{transform:rotate(-2.2deg)}.goal-note.two{transform:rotate(1.2deg);margin-top:20px}.goal-note.three{transform:rotate(-.8deg)}.goal-note.four{transform:rotate(2.2deg);margin-top:15px}.check{font:11px "DM Mono";color:#767267}.goal-note h3{font-size:22px;letter-spacing:-.04em;margin:20px 0 12px}.goal-note p{font-size:13px;line-height:1.65;color:#59564d}.note-arrow{font:18px Kalam,cursive;position:absolute;bottom:20px;right:18px;transform:rotate(-5deg)}
.donate{padding-top:80px}.donate-paper{padding:65px;display:grid;grid-template-columns:1.4fr .6fr;gap:80px;transform:rotate(.5deg)}.donate-copy h2{font-size:clamp(44px,6vw,75px);line-height:.9;letter-spacing:-.06em;margin-bottom:24px}.donate-copy>p{max-width:570px;font-size:15px;line-height:1.8;color:#5d5b54;margin-bottom:28px}.edit-note{display:block;font:10px "DM Mono";color:#858177;margin-top:14px}.receipt{border-left:1px dashed #777;padding:10px 30px;align-self:center;font:10px "DM Mono";color:#57564f}.receipt-top{font-weight:700;margin-bottom:22px}.receipt-line{height:1px;background:#888;margin:17px 0}.receipt p{margin:12px 0}.receipt strong{font-size:14px}.barcode{height:50px;margin-top:20px;background:repeating-linear-gradient(90deg,#222 0 2px,transparent 2px 5px,#222 5px 6px,transparent 6px 9px)}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-card{padding:42px;min-height:420px}.contact-lines{margin-top:45px;border-top:1px solid #aaa59a;padding-top:20px}.contact-lines p{margin:15px 0;font:12px "DM Mono";color:#35342f}.contact-lines span{display:inline-block;width:80px;color:#77736a}.contact-form{padding:40px;display:flex;flex-direction:column;gap:19px;transform:rotate(1deg)}label{font:10px "DM Mono";text-transform:uppercase;letter-spacing:.1em;color:#68665e}input,textarea{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid #9b978d;padding:12px 2px;font:14px Inter;color:#171714;outline:0;resize:vertical}input:focus,textarea:focus{border-color:#222}.form-status{font:11px "DM Mono";color:#555;margin-top:5px}
footer{border-top:1px solid var(--line);padding:50px 28px;margin-top:40px}.footer-inner{max-width:1184px;margin:auto;display:flex;justify-content:space-between;align-items:end}.footer-inner p{font-size:12px;color:#77766f;margin-top:10px}.footer-note{font:10px "DM Mono"!important;letter-spacing:.12em}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.blueprint-card{max-width:600px;width:100%;margin:0 auto}.hero-note{top:55px;left:8%}.paper-grid{grid-template-columns:1fr 1fr}.sheet{grid-row:span 2}.goal-board{grid-template-columns:1fr 1fr}.donate-paper{grid-template-columns:1fr;gap:35px}.receipt{border-left:0;border-top:1px dashed #777;padding:30px 0 0}.contact-layout{grid-template-columns:1fr}}
@media(max-width:600px){.nav{padding:0 18px}.nav-button{display:none}.section{padding:80px 18px}.hero{min-height:auto;padding-top:115px}.hero h1{font-size:62px}.lead{font-size:14px}.blueprint-card{height:350px}.scribble{font-size:19px;right:4%;bottom:20px}.paper-grid,.goal-board{grid-template-columns:1fr}.sheet{grid-row:auto}.goal-note.two,.goal-note.four{margin-top:0}.donate-paper{padding:38px 25px}.contact-card,.contact-form{padding:30px}.footer-inner{align-items:start;flex-direction:column;gap:25px}}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
.sheet.reveal.visible{transform:rotate(-1.5deg)}
.photo-card.reveal.visible{transform:rotate(1.8deg)}
.goal-note.one.reveal.visible{transform:rotate(-2.2deg)}
.goal-note.two.reveal.visible{transform:rotate(1.2deg)}
.goal-note.three.reveal.visible{transform:rotate(-.8deg)}
.goal-note.four.reveal.visible{transform:rotate(2.2deg)}
.contact-card.reveal.visible{transform:rotate(-1.5deg)}
.contact-form.reveal.visible{transform:rotate(1deg)}