:root{--bg:#0b0c0e;--bg-alt:#131417;--card:#17181c;--border:#26282e;--text:#f2f1ec;--text-dim:#a3a5ac;--accent:#ff5a36;--accent-dim:#7a2c1c;--header-bg:#0b0c0ebf;--hero-scrim:#0b0c0e8c;--placeholder-end:#1e2024;--client-logo-filter:grayscale(1) brightness(1.6);--client-logo-opacity:1;--max-width:1180px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f7f6f2;--bg-alt:#edece5;--card:#fff;--border:#dddad0;--text:#17181c;--text-dim:#5c5d63;--accent-dim:#ffd9cc;--header-bg:#f7f6f2cc;--hero-scrim:#f7f6f28c;--placeholder-end:#e2e0d6;--client-logo-filter:grayscale(1);--client-logo-opacity:.6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0 0 .5em;font-weight:600;line-height:1.1}p{color:var(--text-dim);margin:0 0 1em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:96px 0}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:20px;height:1px}.section-head{max-width:640px;margin-bottom:48px}.section-head h2{font-size:clamp(28px,4vw,40px)}.tiny-builds-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.crowd-ideas-btn{flex-shrink:0}.crowd-ideas-container{max-width:480px}.crowd-ideas-printer-status{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:inline-flex}.crowd-ideas-printer-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.crowd-ideas-printer-status.ok .crowd-ideas-printer-dot{background:#3ddc84}.crowd-ideas-printer-status.fail .crowd-ideas-printer-dot{background:#e5484d}.crowd-ideas-form{flex-direction:column;gap:20px;display:flex}.crowd-ideas-form label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex;position:relative}.crowd-ideas-form input,.crowd-ideas-form textarea{font-family:var(--font-body);color:var(--text);background:var(--card);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:12px 14px;font-size:15px}.crowd-ideas-form input:focus,.crowd-ideas-form textarea:focus{border-color:var(--accent);outline:none}.crowd-ideas-count{color:var(--text-dim);align-self:flex-end;font-size:12px;font-weight:400}.crowd-ideas-remaining{color:var(--text-dim);font-size:13px}.crowd-ideas-status{margin-top:16px;font-size:14px}.crowd-ideas-status-success{color:var(--accent)}.crowd-ideas-status-error{color:#e5484d}.crowd-ideas-status-info{color:var(--text-dim)}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--header-bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background-color:var(--text);width:222px;height:30px;transition:background-color .2s;display:block;-webkit-mask-image:url(/images/logo.png);mask-image:url(/images/logo.png);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.brand:hover .brand-mark{background-color:var(--accent)}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--text-dim);font-size:14px;text-decoration:none;transition:color .15s}.site-nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-toggle{border:1px solid var(--border);color:var(--text);background:0 0;padding:8px 10px;font-size:14px;display:none}.hero{padding-top:120px;padding-bottom:100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at top,#ff5a362e,#0000 60%);height:500px;position:absolute;inset:-20% -10% auto}.hero-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-bg-scrim{background:linear-gradient(180deg, var(--hero-scrim) 0%, var(--bg) 100%);z-index:1;position:absolute;inset:0}.hero-inner{z-index:2;max-width:780px;position:relative}.hero h1{letter-spacing:-.02em;font-size:clamp(38px,6vw,64px)}.hero-signature{color:inherit;align-items:center;gap:.12em;text-decoration:none;display:flex}.hero-signature:hover .signature-path{fill:var(--accent);stroke:var(--accent)}.hero-signature:hover .signature-rest{color:var(--accent)}.signature-svg{flex-shrink:0;width:auto;height:1.2em;overflow:visible}.signature-path{fill:var(--text);fill-opacity:0;stroke:var(--text);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:fill .2s,stroke .2s;animation:1.7s cubic-bezier(.65,0,.35,1) forwards signatureDraw,.5s 1.6s forwards signatureFill}.signature-rest{transition:color .2s;display:inline-block}@keyframes signatureDraw{to{stroke-dashoffset:0}}@keyframes signatureFill{to{fill-opacity:1;stroke-opacity:0}}@media (prefers-reduced-motion:reduce){.signature-path{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0;animation:none}.service-row.reveal{opacity:1;transition:none;transform:none}}.hero .lede{max-width:560px;font-size:19px}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.btn{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-body);border:1px solid #0000;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#0b0c0e}.btn-primary:hover{background:#ff7657}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--text-dim)}.work-grid{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.work-card{background:var(--card);aspect-ratio:4/3;cursor:pointer;text-align:left;color:inherit;font:inherit;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .4s;position:absolute;inset:0}.work-card:hover img{filter:brightness(.35);transform:scale(1.04)}.placeholder-fill{background:linear-gradient(135deg, var(--bg-alt), var(--placeholder-end));font-family:var(--font-display);color:var(--text-dim);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex}.work-card .placeholder-fill{transition:filter .4s;position:absolute;inset:0}.work-card:hover .placeholder-fill{filter:brightness(.35)}.work-card-hover{text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:absolute;inset:0}.work-card:hover .work-card-hover{opacity:1}.work-card-title{font-family:var(--font-display);color:#fff;font-size:clamp(18px,2.2vw,24px)}.work-card-rule{background:var(--accent);width:32px;height:1px;margin:14px 0}.work-card-client{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:12px}.project-hero{aspect-ratio:21/9;object-fit:cover;width:100%}.project-hero.placeholder-fill{font-size:20px}.project-body{max-width:860px;padding:48px 0 80px}.project-back{color:var(--text-dim);margin-bottom:32px;font-size:13px;text-decoration:none;display:inline-block}.project-back:hover{color:var(--text)}.project-title{margin-bottom:24px;font-size:clamp(28px,4vw,40px)}.detail-meta{border-bottom:1px solid var(--border);gap:48px;margin-bottom:28px;padding-bottom:28px;display:flex}.detail-meta>div{flex-direction:column;gap:4px;display:flex}.detail-meta-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.detail-meta span:last-child{color:var(--text);font-size:15px}.detail-intro{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}.detail-intro p{color:var(--text-dim);margin:0;font-size:15px}.detail-block{border-top:1px solid var(--border);margin-bottom:28px;padding-top:28px}.detail-block:first-of-type{border-top:none;padding-top:0}.detail-block:last-child{margin-bottom:0}.detail-block h3{margin-bottom:12px;font-size:18px}.detail-block p{color:var(--text-dim);white-space:pre-line;font-size:15px}.project-gallery{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.project-gallery-item{cursor:pointer;background:0 0;border:none;padding:0;display:block}.project-gallery-item img,.project-gallery-item video{aspect-ratio:1;object-fit:cover;background:var(--bg-alt);border:1px solid var(--border);width:100%;transition:opacity .2s}.project-gallery-item:hover img,.project-gallery-item:hover video{opacity:.75}.lightbox-backdrop{z-index:300;background:#040405f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-stage{max-width:90vw;max-height:88vh;display:flex}.lightbox-media{object-fit:contain;border:1px solid var(--border);width:auto;max-width:90vw;height:auto;max-height:88vh}.lightbox-close{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:2;background:0 0;width:40px;height:40px;font-size:16px;position:absolute;top:20px;right:20px}.lightbox-download{border:1px solid var(--border);color:#fff;z-index:2;padding:11px 18px;font-size:13px;font-weight:600;text-decoration:none;position:absolute;top:20px;right:72px}.lightbox-download:hover{border-color:var(--accent);color:var(--accent)}.lightbox-nav{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:2;background:0 0;width:48px;height:48px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-count{color:var(--text-dim);font-size:13px;font-family:var(--font-display);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=700px){.lightbox-download{top:68px;right:20px}}.detail-media-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:20px;display:grid}.detail-media-grid img,.detail-media-grid video{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border);background:var(--bg-alt);width:100%}.detail-yt-card{border:1px solid var(--border);aspect-ratio:16/9;cursor:pointer;background:var(--bg-alt);width:100%;margin-top:8px;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.detail-yt-card img{object-fit:cover;width:100%;height:100%;display:block}.detail-yt-card:after{content:"";background:#00000059;position:absolute;inset:0}.detail-yt-play{color:#fff;z-index:2;background:red;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-yt-label{color:#fff;font-family:var(--font-display);z-index:2;font-size:14px;position:absolute;bottom:14px;left:16px}.yt-embed{aspect-ratio:16/9;background:#000;width:100%;position:relative}.yt-embed iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.detail-placeholder{color:var(--text-dim);font-style:italic}#tiny-builds{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:top;background-size:32px 32px;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.view-modes{flex-wrap:wrap;gap:8px;margin:20px 0 0;display:flex}.view-mode-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent-dim);cursor:pointer;background:0 0;padding:8px 14px;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.view-mode-btn:hover{border-color:var(--accent)}.view-mode-btn.active{background:var(--accent);color:#0b0c0e;border-color:var(--accent)}.cube-hint{text-align:center;color:var(--text-dim);margin:16px 0 0;font-size:13px;font-style:italic}.cube-stage{--cube-size:460px;height:calc(var(--cube-size) * 1.7);perspective:1400px;justify-content:center;align-items:center;display:flex}.cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;cursor:grab;touch-action:none;will-change:transform;position:relative}.cube:active{cursor:grabbing}.cube-face{width:var(--cube-size);height:var(--cube-size);backface-visibility:hidden;position:absolute;inset:0}.cube-face-front{transform:translateZ(calc(var(--cube-size) / 2))}.cube-face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.cube-face-grid{background:var(--border);grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);gap:1px;width:100%;height:100%;display:grid}.cube-cell{background:var(--bg-alt);z-index:1;position:relative;overflow:hidden}.cube-cell img{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .38s,transform .25s;display:block;transform:scale(1)}.cube-cell.is-fading img{opacity:0}.cube-cell:hover{z-index:10;overflow:visible}.cube-cell:hover img{transform:scale(1.7);box-shadow:0 10px 28px #0000008c;opacity:1!important}@media (width<=700px){.cube-stage{--cube-size:260px}}.tiny-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:120px;gap:3px;display:grid}.tiny-item{border:1px solid var(--border);z-index:1;transform-origin:50%;transition:transform .2s cubic-bezier(.4,0,1,1),box-shadow .2s;position:relative;overflow:hidden;transform:scale(1)}.tiny-item.is-focused{z-index:5;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;transform:scale(1.3334);box-shadow:0 20px 40px #00000080}.tiny-item.is-neighbor{z-index:3;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:scale(1.12)}.tiny-item img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=700px){.tiny-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:90px}}.physics-stage{border:1px solid var(--border);background:var(--bg-alt);cursor:crosshair;height:660px;position:relative;overflow:hidden}.physics-tile{will-change:transform;width:56px;height:56px;position:absolute;top:0;left:0}.physics-tile img{object-fit:cover;border:1px solid var(--border);pointer-events:none;width:100%;height:100%;display:block}@media (width<=700px){.physics-stage{height:480px}.physics-tile{width:40px;height:40px}}.crt-stage{flex-direction:column;align-items:center;padding:24px 0 44px;display:flex}.crt-set{background:linear-gradient(160deg,#464036,#17140f);border-radius:26px;width:min(100%,520px);padding:26px 26px 20px;position:relative;box-shadow:0 30px 60px #00000080,inset 0 0 0 2px #ffffff0f}.crt-screen{aspect-ratio:4/3;cursor:pointer;background:#000;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000d9,inset 0 0 100px #0009}.crt-screen img{object-fit:cover;filter:saturate(1.25)contrast(1.05);width:100%;height:100%;animation:.4s crtImageIn;display:block}@keyframes crtImageIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.crt-scanlines{mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(#00000047 0 1px,#0000 2px 3px);position:absolute;inset:0}.crt-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0009 100%);position:absolute;inset:0}.crt-flicker{opacity:0;pointer-events:none;background:#fff;animation:6s infinite crtFlickerLoop;position:absolute;inset:0}@keyframes crtFlickerLoop{0%,96%,to{opacity:0}97%{opacity:.03}98%{opacity:0}99%{opacity:.05}}.crt-screen.is-glitching{animation:.26s steps(2,end) crtGlitch}@keyframes crtGlitch{0%{filter:hue-rotate()brightness();transform:translate(0)}20%{filter:hue-rotate(30deg)brightness(1.4);transform:translate(-4px)}40%{filter:hue-rotate(-20deg)brightness(.6);transform:translate(5px)}60%{filter:hue-rotate(10deg)brightness(1.6);transform:translate(-3px)}80%{filter:hue-rotate(-10deg)brightness(.8);transform:translate(2px)}to{filter:hue-rotate()brightness();transform:translate(0)}}.crt-speaker{flex-wrap:wrap;justify-content:center;gap:5px;padding:16px 40px 4px;display:flex}.crt-speaker span{background:#00000073;border-radius:50%;width:5px;height:5px}.crt-stand{background:linear-gradient(160deg,#3a352e,#17140f);border-radius:4px 4px 12px 12px;width:100px;height:20px;margin-top:-2px}.service-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px 0;display:grid}.service-row:first-of-type{border-top:none;padding-top:0}.service-row.reverse{direction:rtl}.service-row.reverse>*{direction:ltr}.service-row.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.service-row.reveal.in-view{opacity:1;transform:translateY(0)}.service-media img{border:1px solid var(--border);aspect-ratio:4/3;object-fit:cover;width:100%}.service-index{font-family:var(--font-display);color:var(--accent);letter-spacing:.1em;margin-bottom:10px;font-size:13px}.service-text h3{font-size:26px}.about-grid{grid-template-columns:1.1fr .9fr;gap:64px;display:grid}.about-title{font-family:var(--font-display);color:var(--accent);margin:-8px 0 0;font-size:18px}.about-intro p{color:var(--text);font-size:17px}.about-lede{line-height:1.5;color:var(--text)!important;font-size:clamp(19px,2.2vw,24px)!important}.skills-section{border-top:1px solid var(--border);margin-top:80px;padding-top:56px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.skill-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;font-size:13px}.skill-pills{flex-wrap:wrap;gap:8px;display:flex}.skill-pill{border:1px solid var(--border);color:var(--text-dim);opacity:0;padding:8px 14px;font-size:13px;transition:opacity .5s,transform .5s,border-color .2s,color .2s;transform:translateY(10px)}.skill-pill.in-view{opacity:1;transform:translateY(0)}.skill-pill:hover{border-color:var(--accent);color:var(--text)}.timeline{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.timeline li{padding:0 0 28px 26px;position:relative}.timeline li:before{content:"";background:var(--accent);width:8px;height:8px;position:absolute;top:4px;left:-4px}.timeline .year{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.08em;font-size:12px}.timeline .org{font-family:var(--font-display);color:var(--text);margin:2px 0;font-size:17px}.timeline .role{color:var(--text-dim);font-size:14px}.clients-strip{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.clients-strip img{object-fit:contain;width:auto;max-width:120px;height:34px;filter:var(--client-logo-filter);opacity:var(--client-logo-opacity)}.contact-card{border:1px solid var(--border);background:linear-gradient(135deg, var(--card), var(--bg-alt));text-align:center;padding:56px}.contact-card h2{font-size:clamp(28px,4vw,40px)}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);padding:32px 0;font-size:13px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=860px){.about-grid,.service-row,.service-row.reverse,.skills-grid{grid-template-columns:1fr}.skills-grid{gap:32px}.service-row.reverse{direction:ltr}section{padding:64px 0}.project-gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.work-grid{grid-template-columns:1fr}.work-card-hover{opacity:1;background:linear-gradient(#0000 50%,#000000d9 100%);justify-content:flex-end;padding:18px}.work-card img{filter:brightness(.55)}.work-card-rule{margin:10px 0}.project-hero{aspect-ratio:4/3}.detail-intro,.detail-media-grid,.project-gallery{grid-template-columns:1fr}.site-nav{background:var(--bg);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;flex-direction:column;gap:18px;padding:16px 24px 24px;transition:opacity .15s,transform .15s;position:fixed;top:72px;left:0;right:0;transform:translateY(-8px)}.site-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-toggle{display:block}.contact-card{padding:36px 24px}}