:root{--bg:#fbfaf8;--ink:#111;--ink-soft:#1119;--ink-faint:#11111152;--hair:#1111111f;--display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--body:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}.grid{background-image:linear-gradient(var(--hair) 1px, transparent 1px), linear-gradient(90deg, var(--hair) 1px, transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 55% at 50% 40%,#000 0%,#0000 75%)}section{z-index:1;flex-direction:column;justify-content:center;min-height:100svh;padding:96px 24px;display:flex;position:relative}#hero{text-align:center;align-items:center;padding-top:64px;padding-bottom:64px}.mark{opacity:0;width:min(78vw,420px);animation:1.1s cubic-bezier(.16,1,.3,1) .15s forwards rise;transform:translateY(14px)}.mark img{width:100%;height:auto;display:block}.tagline{font-family:var(--display);letter-spacing:.01em;color:var(--ink-soft);opacity:0;max-width:20ch;margin-top:clamp(20px,5vw,32px);font-size:clamp(15px,4vw,19px);font-weight:500;animation:.9s ease-out .55s forwards fade-up}.scroll-cue{opacity:0;flex-direction:column;align-items:center;gap:8px;animation:.8s ease-out 1s forwards fade-up;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-cue span{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);font-size:10px}.scroll-cue .line{background:var(--ink-faint);width:1px;height:22px;animation:1.8s ease-in-out infinite pulse-down}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-down{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)}}.section-inner{width:100%;max-width:560px;margin:0 auto}.eyebrow-num{font-family:var(--display);letter-spacing:.28em;color:var(--ink-faint);margin-bottom:16px;font-size:12px;display:block}h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 20px;font-size:clamp(28px,8vw,40px);font-weight:600}.section-inner p{color:var(--ink-soft);margin:0 0 16px;font-size:clamp(15px,4vw,17px);line-height:1.7}.placeholder{border-left:2px solid var(--hair);padding-left:14px;font-style:italic;color:var(--ink-faint)!important}section+section:before{content:"";background:var(--hair);height:1px;position:absolute;top:0;left:24px;right:24px}.project-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.project-item{border:1px solid var(--hair);color:inherit;border-radius:10px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.project-item:hover{border-color:var(--ink-faint);transform:translateY(-2px)}.project-item h3{font-family:var(--display);margin:0 0 6px;font-size:16px;font-weight:600}.project-item p{color:var(--ink-faint);margin:0;font-size:14px}.contact-link{font-family:var(--display);color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:10px;width:fit-content;padding-bottom:4px;font-size:clamp(18px,5vw,22px);font-weight:500;text-decoration:none;display:inline-flex}.contact-link:hover{opacity:.6}footer{z-index:1;text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:32px 24px 40px;font-size:12px;position:relative}.board-showcase{border:1px solid var(--hair);background:0 0;border-radius:14px;margin-top:8px;overflow:hidden}.board-canvas-wrap{aspect-ratio:4/3;touch-action:none;cursor:grab;width:100%;position:relative}.board-canvas-wrap:active{cursor:grabbing}.board-canvas-wrap canvas{width:100%;height:100%;display:block}.board-hint{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;opacity:0;font-size:10px;transition:opacity .5s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.board-hint.is-visible{opacity:1}.board-loading{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;justify-content:center;align-items:center;font-size:11px;transition:opacity .4s;display:flex;position:absolute;inset:0}.board-info{padding:20px 20px 16px}.board-info h3{font-family:var(--display);margin:0 0 6px;font-size:16px;font-weight:600}.board-info .board-sub{color:var(--ink-faint);margin:0;font-size:14px}.board-info .board-sub a{color:var(--ink-soft);text-underline-offset:2px;text-decoration:underline}.board-info .board-sub a:hover{color:var(--ink)}.board-canvas-wrap{border-top:1px solid var(--hair)}.board-nav{border-top:1px solid var(--hair);justify-content:center;align-items:center;gap:14px;padding:12px 20px 16px;display:flex}.board-nav-arrow{width:26px;height:26px;font-family:var(--display);color:var(--ink-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .2s;display:flex}.board-nav-arrow:hover{color:var(--ink)}.board-nav-dots{align-items:center;gap:7px;display:flex}.board-nav-dot{background:var(--hair);cursor:pointer;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:background .2s}.board-nav-dot.is-active{background:var(--ink-faint)}.reveal{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (min-width:768px){section{padding:120px 48px}.section-inner{max-width:640px}.project-list{flex-direction:row}.project-item{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mark,.tagline,.scroll-cue,.reveal{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.scroll-cue .line{animation:none!important}}