:root{--paper: #F3F0E7;--paper-2: #EAE4D4;--card: #FBFAF5;--ink: #15140F;--ink-soft:#56524733;--muted: #5A554A;--yellow: #FFD23F;--yellow-2:#FFE07A;--display: "Archivo", system-ui, sans-serif;--hand: "Caveat", "Comic Sans MS", cursive;--body: "Inter", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--pixel: "VT323", ui-monospace, monospace;--win-face: #cfcabd;--win-blue: #000080;--win-blue2:#1c86d6;--lcd: #57ff89;--maxw: 1180px;--wob: 14px 200px 18px 220px / 220px 16px 200px 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}section[id]{scroll-margin-top:76px}body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,36px)}.hand{font-family:var(--hand);font-weight:700}.mono{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase}.display{font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:.94}.hl{background:linear-gradient(var(--yellow),var(--yellow));background-size:100% 64%;background-position:0 78%;background-repeat:no-repeat;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.doodle{position:absolute;z-index:0;pointer-events:none;color:var(--ink)}.doodle svg{width:100%;height:100%}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.02em;padding:14px 28px;cursor:pointer;background:var(--ink);color:var(--paper);border:2.5px solid var(--ink);border-radius:var(--wob);transition:transform .18s ease,background .2s}.btn:hover{transform:translateY(-2px) rotate(-1deg)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--yellow)}.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,36px);background:#f3f0e7db;backdrop-filter:blur(8px);border-bottom:2.5px solid var(--ink)}.nav .logo{height:40px}.nav .logo img{height:100%;width:auto}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,30px)}.nav-links a{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.03em}.nav-links a:hover{color:#000;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}.nav-links .say{background:var(--yellow);border:2.5px solid var(--ink);border-radius:12px 200px 14px/200px 12px 200px 14px;padding:8px 16px}.hero{position:relative;padding:clamp(60px,11vw,130px) 0 clamp(40px,7vw,80px);overflow:hidden}.hero-inner{position:relative;z-index:2;max-width:min(640px,100%)}.hero .eyebrow{font-family:var(--hand);font-size:clamp(22px,3vw,32px);color:var(--ink);transform:rotate(-2deg);display:inline-block;margin-bottom:6px}.hero h1{font-size:clamp(54px,12vw,150px);margin-bottom:22px}.hero .lede{font-family:var(--body);max-width:42ch;font-size:clamp(16px,1.9vw,20px);color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-tv{position:absolute;right:clamp(-40px,2vw,40px);top:clamp(80px,14vw,150px);width:clamp(220px,34vw,460px);z-index:1;transform:rotate(3deg)}.hero-tv .frame{border:3px solid var(--ink);border-radius:6px;overflow:hidden;box-shadow:10px 12px 0 var(--ink);background:var(--card)}.hero-tv img{width:100%;display:block;filter:grayscale(.2) contrast(1.05)}.hero-tv .tape{position:absolute;top:-14px;left:30%;width:90px;height:28px;background:#ffd23fb3;transform:rotate(-6deg);border:1px dashed rgba(21,20,15,.3)}.hero-tv .cap{font-family:var(--hand);font-size:22px;text-align:center;margin-top:8px;transform:rotate(-1.5deg)}.strip{position:relative;background:#0a0d09;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden;padding:9px 0;box-shadow:inset 0 0 0 2px #1b271b,inset 0 3px 16px #000000d9}.strip:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000047 2px 3px)}.strip-track{display:inline-flex;white-space:nowrap;animation:scroll-x 26s linear infinite}.strip-track span{display:inline-flex;align-items:center;gap:16px;padding-right:16px;font-family:var(--pixel);font-size:clamp(22px,3vw,32px);line-height:1;color:var(--lcd);text-shadow:0 0 7px rgba(87,255,137,.55);letter-spacing:1px}.strip-track .y{color:#ffe46b;text-shadow:0 0 7px rgba(255,228,107,.55)}@keyframes scroll-x{to{transform:translate(-50%)}}.work{padding:clamp(60px,9vw,120px) 0;position:relative}.work-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:clamp(30px,5vw,56px)}.work-head h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(40px,8vw,96px);line-height:.9}.work-head .note{font-family:var(--hand);font-size:clamp(20px,2.6vw,30px);color:var(--muted);transform:rotate(-2deg)}.work-grid{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,54px)}.work-card{display:block;width:100%;color:var(--ink);background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1)}.work-card:disabled{cursor:default}.work-card:focus-visible{outline:3px solid var(--win-blue);outline-offset:6px}.win{background:var(--win-face);border:2.5px solid var(--ink);border-radius:5px;overflow:hidden;box-shadow:7px 9px 0 var(--ink),inset -2px -2px #8f8a7d,inset 2px 2px #fff;transition:transform .25s cubic-bezier(.16,1,.3,1)}.win-bar{display:flex;align-items:center;gap:10px;padding:5px 6px 5px 10px;background:linear-gradient(90deg,var(--win-blue),var(--win-blue2))}.win-bar .t{flex:1;min-width:0;font-family:var(--pixel);font-size:clamp(18px,2.2vw,23px);line-height:1;color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.win-bar .t b{color:#ffe46b;font-weight:400;margin-right:4px}.win-btns{display:flex;gap:4px;flex-shrink:0}.win-btns i{width:20px;height:18px;display:grid;place-items:center;background:var(--win-face);border:1.5px solid var(--ink);box-shadow:inset -1.5px -1.5px #8f8a7d,inset 1.5px 1.5px #fff;font-style:normal;font-family:var(--pixel);font-size:13px;line-height:1;color:var(--ink)}.win-body{padding:8px}.win-body .pic{position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff;border:2px solid var(--ink);box-shadow:inset 2px 2px #8f8a7d,inset -2px -2px #fff}.win-body .pic img{width:100%;height:100%;object-fit:cover}.work-card .play{position:absolute;inset:0;display:grid;place-items:center;background:#00008000;transition:background .25s}.work-card .play span{width:74px;height:74px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s;box-shadow:3px 3px 0 var(--ink)}.work-card:not(:disabled):hover .play{background:#0000801f}.work-card:not(:disabled):hover .play span{opacity:1;transform:scale(1)}.work-card:not(:disabled):hover{transform:translateY(-6px)}.work-card:nth-child(odd) .win{transform:rotate(-1deg)}.work-card:nth-child(2n) .win{transform:rotate(1deg)}.work-card:not(:disabled):hover .win{transform:rotate(0)}.about{background:var(--paper-2);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);padding:clamp(60px,9vw,120px) 0;position:relative}.about-inner{max-width:24ch;position:relative;z-index:2}.about .eyebrow{font-family:var(--hand);font-size:clamp(22px,3vw,30px);transform:rotate(-2deg);display:inline-block}.about h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;font-size:clamp(30px,5vw,60px);margin:8px 0 20px}.about p{font-family:var(--body);font-size:clamp(16px,1.9vw,20px);color:var(--muted);max-width:52ch}.about p+p{margin-top:14px}.contact{padding:clamp(70px,11vw,140px) 0;text-align:center;position:relative;overflow:hidden}.contact .eyebrow{font-family:var(--hand);font-size:clamp(24px,3.4vw,36px);transform:rotate(-2deg);display:inline-block}.contact h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(44px,11vw,140px);line-height:.86;margin:6px 0 26px}.contact .lede{font-family:var(--body);font-size:clamp(16px,1.9vw,20px);color:var(--muted);max-width:46ch;margin:0 auto 18px}.meetup-meta{font-family:var(--mono);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink);margin-bottom:26px}.meetup-meta b{color:var(--muted)}.signup{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.signup-input{font-family:var(--mono);font-size:15px;color:var(--ink);background:var(--card);border:2.5px solid var(--ink);border-radius:var(--wob);padding:13px 18px;min-width:min(340px,80vw);box-shadow:inset 2px 2px #d9d3c4}.signup-input::placeholder{color:#9a9484}.signup-input:focus{outline:none;background:#fff;box-shadow:4px 4px 0 var(--ink)}.signup-note{font-family:var(--hand);font-size:clamp(18px,2.2vw,24px);color:var(--muted);transform:rotate(-1.5deg);margin-top:16px}.footer{border-top:2.5px solid var(--ink);padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer .logo img{height:38px}.footer .copy{font-family:var(--mono);font-size:11px;color:var(--muted)}.lightbox{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(12px,4vw,40px)}.lightbox[hidden]{display:none}.lightbox-backdrop{position:absolute;inset:0;background:#15140fdb;border:0;padding:0;cursor:pointer}.lightbox-win{position:relative;width:min(1100px,100%)}.lightbox-win .win-body .pic{aspect-ratio:16/9;background:#000}.lightbox-win iframe{width:100%;height:100%;border:0;display:block}.win-btn{width:20px;height:18px;display:grid;place-items:center;padding:0;background:var(--win-face);border:1.5px solid var(--ink);box-shadow:inset -1.5px -1.5px #8f8a7d,inset 1.5px 1.5px #fff;font-family:var(--pixel);font-size:13px;line-height:1;color:var(--ink);cursor:pointer}.win-btn:hover{background:var(--yellow)}.win-btn:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.lightbox-win:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;border-radius:0;box-shadow:none}.lightbox-win:fullscreen .win-body{flex:1;min-height:0;padding:0}.lightbox-win:fullscreen .win-body .pic{height:100%;aspect-ratio:auto;border:0;box-shadow:none}body.lb-open{overflow:hidden}.reveal{opacity:0;transform:translateY(28px) rotate(-1deg);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media(min-width:760px){.work-grid{grid-template-columns:1fr 1fr}}@media(min-width:760px){.hero{padding-right:42%}}@media(max-width:600px){.hero-tv{position:static;width:78%;margin:30px auto 0;transform:rotate(-2deg);right:auto;top:auto}.nav-links a:not(.say){display:none}.work-card .pic{transform:none!important}}@media(prefers-reduced-motion:reduce){.strip-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.doodle{display:none}}