:root{--ink:#171512;--paper:#eee2c2;--paper2:#f7efda;--rust:#a65e3a;--pink:#e98e95;--sun:#d8b24d;--muted:#6f6351;--line:rgba(23,21,18,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper) url('../assets/images/background/paper-world.jpg') center top/cover fixed;color:var(--ink);font-family:"Courier New",monospace;overflow-x:hidden;cursor:crosshair}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 18%,transparent 82%,rgba(89,57,25,.08));z-index:0}.grain{position:fixed;inset:0;opacity:.28;pointer-events:none;z-index:20;background-image:radial-gradient(circle at 20% 20%,#000 0 1px,transparent 1.2px),radial-gradient(circle at 70% 80%,#fff 0 1px,transparent 1.3px);background-size:19px 17px,23px 21px;mix-blend-mode:multiply}.cursor-dot{position:fixed;width:18px;height:18px;border:2px solid var(--rust);border-radius:50%;pointer-events:none;z-index:50;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.cursor-dot.hot{width:34px;height:34px;background:rgba(166,94,58,.12)}a{color:inherit;text-decoration:none}.topbar{position:fixed;top:20px;left:50%;transform:translateX(-50%) rotate(-.25deg);width:min(1760px,calc(100% - 80px));height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(247,239,218,.84);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);z-index:30;backdrop-filter:blur(10px)}.brand{font-family:Arial Black,sans-serif;font-weight:900;font-size:18px;letter-spacing:-.8px}.brand-mark{display:inline-grid;place-items:center;background:var(--sun);border:2px solid var(--ink);width:31px;height:31px;margin-right:10px;transform:rotate(-7deg)}nav{display:flex;gap:30px;font-size:12px;font-weight:700;letter-spacing:1px}nav a{position:relative}nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:3px;background:var(--rust);transition:.25s}nav a:hover::after{right:0}.mini-ca{display:flex;align-items:center;gap:10px;font-size:12px}.mini-ca span{background:var(--ink);color:var(--paper2);padding:5px 7px}.section-pad{position:relative;z-index:1;padding-left:max(80px,calc((100vw - 1760px)/2));padding-right:max(80px,calc((100vw - 1760px)/2))}.hero{min-height:1080px;padding-top:150px;display:grid;grid-template-columns:1.05fr 1.2fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:5;padding-bottom:120px}.kicker{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:1.8px;font-size:13px}.rough-line{display:block;width:76px;height:5px;background:var(--rust);transform:rotate(-2deg);box-shadow:0 3px 0 var(--ink)}h1,h2,h3{margin:0;font-family:Arial Black,Impact,sans-serif;text-transform:uppercase}h1{font-size:clamp(100px,8.2vw,158px);line-height:.78;letter-spacing:-8px;margin:34px 0 30px;transform:rotate(-1deg)}h1 em{font-style:normal;color:var(--rust);display:inline-block;transform:translateX(55px) rotate(1.4deg);text-shadow:4px 4px 0 var(--ink)}.hero-note{font-family:Georgia,serif;font-size:22px;line-height:1.45;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;gap:16px}.sketch-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 20px;border:3px solid var(--ink);font-weight:900;min-width:190px;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.sketch-btn:hover{transform:translate(3px,3px) rotate(-1deg);box-shadow:2px 2px 0 var(--ink)}.sketch-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.dark{background:var(--ink);color:var(--paper2)}.sun{background:var(--sun)}.hero-bull{position:absolute;right:3.8vw;top:130px;width:min(980px,55vw);height:840px;display:flex;align-items:center;justify-content:center;z-index:4;transform-style:preserve-3d;will-change:transform}.hero-bull img{width:92%;filter:drop-shadow(16px 25px 0 rgba(23,21,18,.11));animation:bullFloat 5s ease-in-out infinite;transform-origin:50% 80%}.halo{position:absolute;border:5px solid var(--ink);border-radius:50%;opacity:.12}.halo-a{width:730px;height:600px;transform:rotate(-8deg)}.halo-b{width:640px;height:690px;border-color:var(--rust);transform:rotate(9deg)}.poke{position:absolute;right:12%;bottom:13%;border:2px solid var(--ink);background:var(--pink);font:900 11px "Courier New";padding:8px 11px;transform:rotate(7deg);cursor:pointer}.thought{position:absolute;right:4%;top:20%;font:700 14px Georgia,serif;background:var(--paper2);padding:8px 12px;border:2px solid var(--ink);transform:rotate(4deg);opacity:0;transition:.25s}.hero-bull.poked .thought{opacity:1}.hero-bull.poked img{animation:bullJolt .55s ease}.contract-card{position:absolute;left:max(80px,calc((100vw - 1760px)/2));bottom:70px;width:min(670px,44vw);padding:16px 18px 18px;background:rgba(247,239,218,.9);border:2px dashed var(--ink);display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;transform:rotate(.6deg);z-index:8}.contract-card .label{grid-column:1/-1;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--rust)}.contract-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.copy-btn,.final-ca button{background:var(--ink);color:var(--paper2);border:0;padding:12px 18px;font:900 12px "Courier New";cursor:pointer}.copy-btn:hover,.final-ca button:hover{background:var(--rust)}.copy-state{position:absolute;right:14px;top:-38px;background:var(--sun);border:2px solid var(--ink);padding:8px 10px;font-size:11px;font-weight:900;opacity:0;transform:translateY(5px) rotate(2deg);transition:.25s}.copy-state.show{opacity:1;transform:translateY(0) rotate(2deg)}.hero-scribble{position:absolute;background-size:contain;background-repeat:no-repeat;opacity:.24;pointer-events:none}.hero-scribble.a{width:560px;height:330px;left:-120px;top:110px;background-image:url('../assets/images/decor/scribble-a.png');transform:rotate(16deg)}.hero-scribble.b{width:500px;height:300px;right:-170px;bottom:20px;background-image:url('../assets/images/decor/scribble-b.png');transform:rotate(-18deg)}.marquee{position:relative;z-index:2;overflow:hidden;background:var(--ink);color:var(--paper2);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);transform:rotate(-.45deg);margin:-15px -15px 0}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite;padding:13px 0;font:900 23px Arial Black,sans-serif;letter-spacing:2px}.marquee-track span{margin-right:50px}.yard{min-height:1040px;padding-top:140px;padding-bottom:120px;display:grid;grid-template-columns:.8fr 1fr 1.15fr;gap:70px;align-items:center}.yard-title span,.rules-head span,.portrait-copy>span,.community-card>span,.final-copy>span{font-weight:900;font-size:12px;letter-spacing:2px;color:var(--rust)}.yard-title h2,.rules-head h2,.portrait-copy h2,.community-card h2,.final-copy h2{font-size:78px;line-height:.92;letter-spacing:-4px;margin-top:18px}.yard-story{align-self:center}.yard-story .lead{font:900 32px Georgia,serif;margin:0 0 20px}.yard-story p:not(.lead){font:18px/1.55 Georgia,serif;max-width:480px}.margin-note{margin-top:40px;padding:20px 22px;border-left:6px solid var(--rust);background:rgba(247,239,218,.58);font-weight:700;line-height:1.7;transform:rotate(-1.2deg)}.paper-window{height:650px;border:3px solid var(--ink);background:var(--paper2);box-shadow:14px 14px 0 var(--ink);position:relative;overflow:hidden;transform:rotate(1.2deg)}.paper-window::before{content:"";position:absolute;inset:24px;border:2px dashed var(--line);z-index:2}.paper-window img{position:absolute;width:128%;left:-22%;bottom:-7%;filter:grayscale(.1) contrast(1.05)}.paper-window span{position:absolute;bottom:18px;right:20px;background:var(--sun);border:2px solid var(--ink);padding:7px 10px;font-size:11px;font-weight:900;z-index:3}.rules{min-height:1000px;padding-top:145px;padding-bottom:145px;background:rgba(23,21,18,.94);color:var(--paper2);clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.rules-head{display:flex;justify-content:space-between;align-items:flex-start}.rules-head h2{max-width:730px}.rule-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:100px}.rule{border:2px solid rgba(247,239,218,.55);padding:35px;min-height:300px;position:relative;transition:.25s;background:rgba(255,255,255,.02)}.rule:hover{transform:translateY(-12px) rotate(-.6deg);border-color:var(--sun)}.rule b{font-size:56px;color:var(--sun);position:absolute;right:25px;top:18px;opacity:.75}.rule h3{font-size:34px;line-height:1;margin-top:80px}.rule p{font:18px/1.5 Georgia,serif;color:#d9ceb1;max-width:360px}.mouse-note{position:absolute;right:9%;bottom:55px;color:var(--pink);font-size:11px;font-weight:900;transform:rotate(5deg)}.portrait{min-height:1100px;padding-top:130px;padding-bottom:120px;display:grid;grid-template-columns:.85fr 1.2fr;gap:110px;align-items:center}.portrait-copy h2 em{font-style:normal;color:var(--rust)}.portrait-copy p{font:20px/1.5 Georgia,serif;max-width:560px;margin-top:32px}.portrait-frame{height:760px;position:relative;border:4px solid var(--ink);background:rgba(247,239,218,.5);box-shadow:-16px 16px 0 var(--rust);overflow:hidden;transform:rotate(-1.3deg);transition:transform .2s}.portrait-frame img{position:absolute;width:112%;left:-8%;bottom:-17%;filter:drop-shadow(15px 15px 0 rgba(0,0,0,.1))}.eye-sticker{position:absolute;right:38px;top:35px;background:var(--sun);border:3px solid var(--ink);padding:12px 18px;text-align:center;font-size:34px;transform:rotate(7deg);box-shadow:5px 5px 0 var(--ink)}.eye-sticker small{font:900 9px "Courier New"}.community{min-height:950px;display:grid;place-items:center;padding-top:120px;padding-bottom:120px}.community-card{width:min(1380px,100%);padding:70px;background:var(--pink);border:4px solid var(--ink);box-shadow:18px 18px 0 var(--ink);transform:rotate(.5deg);position:relative}.community-card::after{content:"";position:absolute;width:220px;height:160px;right:-80px;top:-80px;background:url('../assets/images/decor/scribble-a.png') center/contain no-repeat;transform:rotate(-20deg)}.community-card h2{font-size:86px;max-width:1000px}.community-links{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mega-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:3px solid var(--ink);padding:22px 24px;background:var(--paper2);transition:.2s}.mega-link:hover{transform:translate(-5px,-5px);box-shadow:8px 8px 0 var(--ink)}.mega-link small{font-weight:900;color:var(--rust)}.mega-link strong{font:900 28px Arial Black,sans-serif}.mega-link b{font-size:32px}.final{min-height:920px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-top:100px;padding-bottom:100px}.final-bull{height:680px;position:relative}.final-bull img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(17px 21px 0 rgba(23,21,18,.1));transform:rotate(2deg)}.final-copy h2{font-size:82px}.final-ca{display:flex;border:3px solid var(--ink);margin-top:40px;background:var(--paper2);max-width:720px}.final-ca code{flex:1;padding:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-copy p{font-weight:900;letter-spacing:2px;margin-top:28px;color:var(--rust)}footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:28px 5vw;background:var(--ink);color:var(--paper2);font-size:11px;font-weight:900;letter-spacing:1.5px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:translateY(0)}@keyframes bullFloat{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-14px) rotate(.45deg)}}@keyframes bullJolt{0%{transform:rotate(0)}25%{transform:rotate(-3deg) scale(1.02)}60%{transform:rotate(2deg)}100%{transform:rotate(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@media (max-width:1400px){h1{font-size:110px}.hero-bull{width:760px;right:0}.yard-title h2,.rules-head h2,.portrait-copy h2,.final-copy h2{font-size:62px}.community-card h2{font-size:68px}.section-pad{padding-left:60px;padding-right:60px}.topbar{width:calc(100% - 60px)}}