:root{--ink:#11120f;--cream:#f3eddc;--paper:#fffaf0;--green:#8fc842;--green2:#b8e56e;--blue:#d7eafa;--red:#ff595f;--brown:#685746;--line:3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.16;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(143,200,66,.18),transparent 67%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.nav{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(243,237,220,.78);backdrop-filter:blur(12px);border-bottom:2px solid rgba(17,18,15,.12)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;color:inherit;text-decoration:none}.dot{width:18px;height:18px;background:var(--green);border:2px solid;border-radius:50%}.nav nav{display:flex;gap:34px}.nav nav a{color:inherit;text-decoration:none;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.nav nav a:hover{text-decoration:underline}.section{position:relative;min-height:100vh;padding:120px 7vw 90px}.hero{padding-top:150px;display:grid;grid-template-columns:46% 54%;align-items:center;overflow:hidden;background:radial-gradient(circle at 76% 38%,#fff 0 16%,transparent 42%),linear-gradient(125deg,var(--cream) 0 56%,#dceeb9 56% 100%)}.hero:after{content:"";position:absolute;right:-7vw;top:22%;width:39vw;height:39vw;border:4px dashed rgba(17,18,15,.16);border-radius:50%;animation:spin 45s linear infinite}.hero-copy{z-index:3;max-width:800px}.eyebrow,.section-no{font-size:13px;letter-spacing:.19em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(100px,9.5vw,190px);line-height:.7;margin:35px 0 28px;letter-spacing:-.08em;text-transform:lowercase}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{font-weight:900;color:var(--green);text-shadow:4px 4px 0 var(--ink);transform:translateX(4vw)}.ticker{display:inline-block;margin:0 0 22px;background:var(--ink);color:var(--paper);padding:10px 16px;font-size:24px;font-weight:900;transform:rotate(-2deg)}.lede{max-width:610px;font-size:24px;line-height:1.35;font-weight:700}.hero-actions,.final-buttons{display:flex;gap:14px;margin:30px 0}.btn{border:var(--line);background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:16px 22px;color:inherit;text-decoration:none;font-weight:900;letter-spacing:.04em;transition:.18s transform,.18s box-shadow;cursor:pointer}.btn:hover{transform:translate(3px,3px) rotate(-1deg);box-shadow:2px 2px 0 var(--ink)}.btn:active{transform:translate(5px,5px);box-shadow:none}.btn.primary{background:var(--green)}.ca-card{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:660px;border:var(--line);padding:13px;background:var(--paper);box-shadow:7px 7px 0 rgba(17,18,15,.16)}.ca-label{grid-column:1/-1;font-size:10px;font-weight:900;letter-spacing:.18em}.ca-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px;background:#ece7d8;font-weight:700}.copy,.final-ca button{border:2px solid;background:var(--blue);font-weight:900;cursor:pointer;padding:0 14px}.hero-art{z-index:2;position:relative;height:78vh;display:flex;align-items:center;justify-content:center}.hero-art img{width:min(52vw,950px);filter:drop-shadow(18px 26px 0 rgba(17,18,15,.12));animation:float 5s ease-in-out infinite}.halo{position:absolute;width:37vw;height:37vw;border-radius:50%;background:var(--blue);border:4px solid;box-shadow:15px 15px 0 var(--ink);transform:rotate(7deg)}.sticky{position:absolute;z-index:5;background:#fff2a9;border:2px solid;padding:18px 20px;font-family:"Comic Sans MS",cursive;font-size:17px;box-shadow:6px 7px 0 rgba(17,18,15,.14)}.s1{right:4%;top:12%;transform:rotate(8deg)}.s2{left:9%;bottom:8%;transform:rotate(-8deg);background:#ffb8bc}.scroll-note{position:absolute;bottom:26px;left:7vw;font-size:11px;font-weight:900;letter-spacing:.16em}.marquee{height:62px;background:var(--ink);color:var(--paper);display:flex;overflow:hidden;align-items:center;font-weight:900;letter-spacing:.1em;white-space:nowrap}.marquee div{min-width:max-content;animation:marquee 24s linear infinite}.lore{display:grid;grid-template-columns:50% 50%;align-items:center;background:var(--blue);border-bottom:4px solid}.lore-art{height:70vh;position:relative;display:grid;place-items:center}.paper{position:absolute;width:62%;height:88%;border:var(--line);background:var(--paper);box-shadow:12px 14px 0 rgba(17,18,15,.15)}.paper.back{transform:rotate(-7deg);background:#cbe2a1}.paper.front{transform:rotate(3deg);overflow:hidden}.paper.front img{width:115%;height:100%;object-fit:contain;transform:translateX(-7%)}.stamp{position:absolute;right:7%;bottom:7%;border:4px double var(--red);color:var(--red);font-weight:900;text-align:center;padding:10px;transform:rotate(-10deg)}.lore-copy{padding:0 8vw 0 4vw}.lore h2,.moods h2,.breakroom h2,.final h2{font-size:clamp(65px,6vw,118px);line-height:.9;letter-spacing:-.065em;margin:25px 0}.lore h2 em,.final h2 em{font-style:normal;color:var(--green);text-shadow:3px 3px 0 var(--ink)}.lore-copy p,.break-copy p{font-size:23px;line-height:1.5;max-width:680px}.rule{background:var(--paper);border:var(--line);padding:18px;transform:rotate(-1deg);font-weight:800}.moods{background:#f6bfc2;min-height:auto;padding-bottom:130px}.moods-head{display:flex;align-items:end;justify-content:space-between;gap:60px}.moods-head h2{max-width:900px;margin-right:8vw}.meme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:55px}.meme{margin:0;background:var(--paper);border:var(--line);padding:18px 18px 24px;box-shadow:10px 11px 0 var(--ink);transition:.25s transform}.meme:nth-child(1){transform:rotate(-3deg)}.meme:nth-child(2){transform:translateY(45px) rotate(2deg)}.meme:nth-child(3){transform:rotate(-1deg)}.meme:hover{transform:translateY(-8px) rotate(0deg) scale(1.02)}.meme img{width:100%;height:470px;object-fit:contain}.meme figcaption{border-top:2px solid;padding-top:14px;display:flex;justify-content:space-between;gap:15px}.meme figcaption b{font-size:20px}.meme figcaption span{font-size:13px;text-align:right}.breakroom{display:grid;grid-template-columns:42% 25% 33%;align-items:center;background:#c9dca4;overflow:hidden}.window{border:var(--line);background:#252723;color:#e8eadf;box-shadow:12px 12px 0 var(--ink);transform:rotate(-2deg)}.window-top{height:42px;border-bottom:2px solid #777;display:flex;align-items:center;gap:8px;padding:0 12px}.window-top i{width:12px;height:12px;border-radius:50%;background:#ff6d6d}.window-top i:nth-child(2){background:#ffd46b}.window-top i:nth-child(3){background:#8fc842}.window-top span{margin-left:8px;font-family:monospace}.terminal{padding:30px;font:700 19px/1.8 monospace}.terminal .ok{color:#b8e56e}.peek{width:145%;transform:translateX(-18%);filter:drop-shadow(12px 16px 0 rgba(17,18,15,.14))}.break-copy{z-index:2}.final{background:var(--ink);color:var(--paper);min-height:92vh;display:grid;place-items:center}.final-inner{width:100%;display:grid;grid-template-columns:48% 52%;align-items:center}.final-inner>img{width:90%;max-height:680px;object-fit:contain;filter:drop-shadow(18px 20px 0 rgba(255,255,255,.08))}.final .section-no{color:var(--green2)}.final h2 em{text-shadow:3px 3px 0 var(--paper)}.final p{font-size:22px}.huge{font-size:20px;padding:20px 28px}.final .btn:not(.primary){color:var(--ink)}.final-ca{max-width:700px;display:grid;grid-template-columns:auto 1fr auto;border:2px solid #67685f;margin-top:30px}.final-ca span,.final-ca code,.final-ca button{padding:14px}.final-ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #67685f;border-right:2px solid #67685f}footer{height:90px;background:var(--green);border-top:3px solid;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;font-weight:900;text-transform:uppercase}.toast{position:fixed;z-index:100;right:30px;bottom:30px;background:var(--green);border:var(--line);box-shadow:5px 5px 0 var(--ink);padding:16px 22px;font-weight:900;transform:translateY(130px);transition:.25s}.toast.show{transform:translateY(0)}.reveal{opacity:0;transform:translateY(35px);transition:.75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-100%)}}@media(max-width:1300px){.hero h1{font-size:110px}.hero-art img{width:56vw}.meme img{height:350px}.lore h2,.moods h2,.breakroom h2,.final h2{font-size:70px}.section{padding-left:5vw;padding-right:5vw}}