*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0b0b0b;color:#e8e8e8;font-family:Inter Tight,Suisse Intl,-apple-system,system-ui,sans-serif;cursor:none;overflow-x:hidden;-webkit-font-smoothing:antialiased}body{position:relative;min-height:100vh}.grain:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>")}.vignette:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}.display-font{font-family:Inter Tight,sans-serif;font-weight:700;letter-spacing:-.04em}.mono{font-family:JetBrains Mono,monospace;letter-spacing:0}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.7}}@keyframes slowdrift{0%{transform:translate(0)}50%{transform:translate(10px,-8px)}to{transform:translate(0)}}@keyframes loadFade{0%{opacity:0;letter-spacing:.6em}50%{opacity:1}to{opacity:0;letter-spacing:.2em}}@keyframes lineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes audioBars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.audio-bank{position:absolute;left:-9999px;top:-9999px}.cursor-dot{position:fixed;top:0;left:0;width:4px;height:4px;background:#e8e8e8;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate3d(-100px,-100px,0)}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1px solid rgba(232,232,232,.5);border-radius:50%;pointer-events:none;z-index:9998;transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .3s;mix-blend-mode:difference;transform:translate3d(-100px,-100px,0) scale(1)}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0b0b0b;display:flex;align-items:center;justify-content:center;cursor:none;transition:opacity .9s cubic-bezier(.22,1,.36,1),backdrop-filter .9s cubic-bezier(.22,1,.36,1)}.gate.dismissed{opacity:0;pointer-events:none}.gate:focus,.gate:focus-visible{outline:none}.gate-inner{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;padding:0 24px}.gate-icon{width:56px;height:56px;border-radius:50%;background:#e8e8e80a;border:1px solid rgba(232,232,232,.1);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);animation:gateRise 1.1s cubic-bezier(.22,1,.36,1) .2s forwards}.gate-title{font-size:11px;letter-spacing:.4em;color:#c8c8c8;font-family:JetBrains Mono,monospace;opacity:0;transform:translateY(6px);animation:gateRise 1.1s cubic-bezier(.22,1,.36,1) .45s forwards}.gate-sub{font-size:10px;letter-spacing:.35em;color:#666;font-family:JetBrains Mono,monospace;margin-top:-10px;opacity:0;transform:translateY(6px);animation:gateRise 1.1s cubic-bezier(.22,1,.36,1) .7s forwards,gateSubPulse 2.6s ease-in-out 1.8s infinite}.gate-line{width:1px;height:56px;background:linear-gradient(to bottom,transparent,rgba(232,232,232,.6),transparent);margin-top:12px;transform-origin:top center;animation:lineExpand 1.4s cubic-bezier(.22,1,.36,1) .5s backwards}@keyframes gateRise{to{opacity:1;transform:translateY(0)}}@keyframes gateSubPulse{0%,to{opacity:.55}50%{opacity:.95}}.audio-bars{display:flex;gap:2px;align-items:center}.audio-bars div{width:2px;background:#e8e8e8;border-radius:1px;animation:audioBars 1.4s ease-in-out infinite}.audio-bars div:nth-child(1){height:8px;animation-duration:1.2s}.audio-bars div:nth-child(2){height:14px;animation-duration:1.3s}.audio-bars div:nth-child(3){height:10px;animation-duration:1.4s}.audio-bars div:nth-child(4){height:16px;animation-duration:1.5s}.audio-bars div:nth-child(5){height:12px;animation-duration:1.6s}header{position:fixed;top:0;left:0;right:0;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;z-index:50;mix-blend-mode:difference;opacity:0;transform:translateY(-12px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1)}header.in{opacity:1;transform:translateY(0)}body.overlay-active header{opacity:0;pointer-events:none}body.overlay-active .intensity,body.overlay-active .oscope,body.overlay-active .audio-hud{opacity:0;pointer-events:none}.brand{font-size:11px;letter-spacing:.3em;font-family:JetBrains Mono,monospace}nav{display:flex;gap:36px;align-items:center}nav a,nav button{color:#e8e8e8;text-decoration:none;font-size:11px;letter-spacing:.25em;font-family:JetBrains Mono,monospace;background:transparent;cursor:none;border:none}.hover-line{position:relative;display:inline-block}.hover-line:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.22,1,.36,1)}.hover-line:hover:after{transform:scaleX(1)}.status-pill{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(232,232,232,.2);border-radius:99px;font-size:10px;letter-spacing:.2em;font-family:JetBrains Mono,monospace}.status-dot{width:6px;height:6px;border-radius:50%;background:#7fb069;animation:pulse 2.4s ease-in-out infinite;box-shadow:0 0 8px #7fb069}section{padding:0 48px;position:relative}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.blob{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;animation:slowdrift 18s ease-in-out infinite}.blob-1{top:20%;right:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(64,110,180,.08) 0%,transparent 60%)}.blob-2{bottom:15%;left:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(200,140,60,.05) 0%,transparent 60%);animation:slowdrift 22s ease-in-out infinite reverse}.hero-inner{position:relative;z-index:2;max-width:1400px}.hero h1{font-size:clamp(64px,13vw,200px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase}.hero h1 span{color:#5a5a5a}.meta-row{font-size:11px;letter-spacing:.4em;font-family:JetBrains Mono,monospace;color:#666;margin-bottom:48px}.meta-row .diamond{color:#7fb069}.hero-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px}.hero-grid h4{font-size:10px;letter-spacing:.3em;color:#666;font-family:JetBrains Mono,monospace;margin-bottom:14px;font-weight:400}.hero-grid p{font-size:15px;line-height:1.6;color:#b8b8b8}.hero-cta{margin-top:80px;display:flex;gap:20px;align-items:center}.btn-cine{background:transparent;border:1px solid rgba(232,232,232,.3);color:#e8e8e8;padding:18px 36px;font-family:Inter Tight,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;cursor:none;position:relative;overflow:hidden;transition:border-color .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1);text-decoration:none;display:inline-block}.btn-cine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#e8e8e8;transform:translateY(101%);transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:-1}.btn-cine:hover{color:#0b0b0b;border-color:#e8e8e8}.btn-cine:hover:before{transform:translateY(0)}.btn-cine span{position:relative;z-index:1}.btn-cine.copied{color:#0b0b0b;background:#7fb069;border-color:#7fb069}.btn-cine.copied:before{transform:translateY(101%)}.btn-cine.copied:hover{background:#7fb069;border-color:#7fb069}.hero-cta-note{font-size:10px;letter-spacing:.3em;color:#555;font-family:JetBrains Mono,monospace}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transition:opacity 1.1s cubic-bezier(.22,1,.36,1)}.scroll-indicator.show{opacity:.5}.scroll-indicator span{font-size:9px;letter-spacing:.4em;font-family:JetBrains Mono,monospace}.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,#E8E8E8,transparent);animation:shimmer 3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal.in{opacity:1;transform:translateY(0)}#work{padding-top:200px;padding-bottom:160px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:120px}.section-label{font-size:10px;letter-spacing:.4em;color:#666;font-family:JetBrains Mono,monospace;margin-bottom:24px}.section-head h2{font-size:clamp(56px,10vw,140px);line-height:.9;text-transform:uppercase}.section-head .intro{max-width:320px;font-size:13px;line-height:1.7;color:#888}.project-row{display:grid;grid-template-columns:80px 1fr 1fr 80px 60px;align-items:center;padding:44px 0;border-bottom:1px solid rgba(232,232,232,.08);cursor:none;gap:24px;transition:background .8s cubic-bezier(.22,1,.36,1),padding .6s cubic-bezier(.22,1,.36,1)}.project-row:hover{background:#ffffff06;padding-left:24px}.project-num{font-size:11px;color:#555;letter-spacing:.2em;font-family:JetBrains Mono,monospace}.project-title{font-family:Inter Tight,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(28px,4.5vw,56px);color:#a8a8a8;line-height:1;transition:color .6s cubic-bezier(.22,1,.36,1);text-transform:uppercase}.project-row:hover .project-title{color:#e8e8e8}.project-kind{font-size:13px;color:#777}.project-year{font-size:11px;color:#555;letter-spacing:.2em;font-family:JetBrains Mono,monospace}.project-arrow{font-size:18px;color:#e8e8e8;text-align:right;font-family:JetBrains Mono,monospace;opacity:.4;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s}.project-row:hover .project-arrow{transform:translate(8px);opacity:1}#process{padding-top:200px;padding-bottom:160px}.process-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px;max-width:1400px;margin:0 auto}.process-inner h2{font-size:clamp(48px,7vw,96px);line-height:.92;text-transform:uppercase;margin-bottom:48px}.process-inner h2 span{color:#5a5a5a}.process-inner p{font-size:15px;line-height:1.8;color:#9a9a9a;max-width:480px}.principles{padding-top:100px}.principle{display:grid;grid-template-columns:60px 1fr;padding:32px 0;border-top:1px solid rgba(232,232,232,.08)}.principle-num{font-size:11px;color:#555;letter-spacing:.2em;font-family:JetBrains Mono,monospace}.principle-title{font-size:22px;color:#e8e8e8;margin-bottom:8px;letter-spacing:-.01em}.principle-desc{font-size:13px;color:#777}#contact{padding:240px 48px;text-align:center;position:relative}.contact-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(64,110,180,.04) 0%,transparent 70%);pointer-events:none}#contact h2{font-size:clamp(40px,6vw,88px);line-height:1.05;max-width:1100px;margin:0 auto 64px;letter-spacing:-.03em;font-weight:700}#contact h2 span{color:#5a5a5a}.end-mark{margin-top:120px;font-size:10px;letter-spacing:.3em;color:#444;font-family:JetBrains Mono,monospace}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:48px;pointer-events:none;visibility:hidden}.overlay.visible{visibility:visible;pointer-events:auto}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:0}.overlay-content{position:relative;z-index:1;max-width:1200px;width:100%}.overlay-meta{font-size:11px;color:#555;letter-spacing:.3em;margin-bottom:32px;font-family:JetBrains Mono,monospace}.overlay h2{font-size:clamp(72px,12vw,180px);line-height:.88;text-transform:uppercase;letter-spacing:-.04em;font-weight:700}.overlay-grid{margin-top:48px;display:grid;grid-template-columns:1fr 2fr;gap:64px;max-width:1000px}.overlay-grid h4{font-size:10px;letter-spacing:.3em;color:#666;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-weight:400}.overlay-grid .v1{font-size:14px;color:#b8b8b8}.overlay-grid .v2{font-size:16px;line-height:1.7;color:#b8b8b8}.intensity{position:fixed;bottom:28px;left:48px;height:18px;z-index:60;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.3em;color:#c8c8c8;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity 1.1s cubic-bezier(.22,1,.36,1);mix-blend-mode:difference}.intensity.show{opacity:1}.intensity-bar{width:80px;height:1px;background:#e8e8e840;position:relative}.intensity-bar>div{position:absolute;left:0;top:0;height:100%;background:#e8e8e8;transition:width .4s cubic-bezier(.22,1,.36,1);width:0%}.audio-hud{position:fixed;right:48px;bottom:64px;z-index:60;display:flex;flex-direction:column;padding:4px 0;min-width:188px;border:1px solid rgba(232,232,232,.1);border-radius:6px;background:#0b0b0b8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:JetBrains Mono,monospace;font-size:9px;color:#c8c8c8;opacity:0;transform:translateY(6px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),min-width .35s cubic-bezier(.22,1,.36,1);pointer-events:auto}.audio-hud.show{opacity:.85;transform:translateY(0)}.audio-hud.live{opacity:1;transform:translateY(0)}.audio-hud .hud-header{display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:6px 12px;cursor:none;color:inherit;font-family:inherit;font-size:inherit;width:100%}.audio-hud .hud-title{letter-spacing:.3em;color:#e8e8e8}.audio-hud .hud-chevron{color:#888;font-size:10px;line-height:1;transition:color .25s,transform .25s}.audio-hud .hud-header:hover .hud-chevron{color:#e8e8e8}.audio-hud .hud-body{display:flex;flex-direction:column;gap:5px;padding:4px 12px 8px;border-top:1px solid rgba(232,232,232,.08);transition:max-height .32s cubic-bezier(.22,1,.36,1),opacity .22s,padding .32s cubic-bezier(.22,1,.36,1),border-top-color .22s;max-height:100px;overflow:hidden}.audio-hud-row{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:baseline}.audio-hud .hud-k{color:#6a6a6a;letter-spacing:.25em}.audio-hud .hud-v{color:#e8e8e8;font-variant-numeric:tabular-nums;text-align:right;letter-spacing:.08em;white-space:nowrap}.audio-hud.collapsed{min-width:0}.audio-hud.collapsed .hud-body{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-top-color:transparent;pointer-events:none}@media (max-width: 768px){.audio-hud{display:none}}.oscope{position:fixed;bottom:28px;right:48px;z-index:60;cursor:none;opacity:0;transform:translateY(8px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);mix-blend-mode:difference}.oscope.show{opacity:.7;transform:translateY(0)}.oscope:hover{opacity:1}.oscope canvas{display:block;width:56px;height:18px}@media (hover: none){html,body{cursor:auto}.cursor-dot,.cursor-ring{display:none}.gate,.btn-cine,.enable-btn,.oscope,.audio-hud .hud-header,.audio-hud .hud-toggle,nav a,nav button,.project-row,.hover-line{cursor:pointer}.project-title{color:#e8e8e8}.project-arrow{opacity:.7}.project-row:hover{background:transparent;padding-left:0}.project-row:hover .project-title{color:#e8e8e8}.project-row:hover .project-arrow{transform:none;opacity:.7}.btn-cine:hover{color:#e8e8e8;border-color:#e8e8e84d}.btn-cine:hover:before{transform:translateY(101%)}.hover-line:hover:after{transform:scaleX(0)}}@media (max-width: 768px){header{padding:18px 20px}.brand{font-size:10px;letter-spacing:.25em}nav{gap:10px}nav a:nth-child(2),nav a:nth-child(3){display:none}.status-pill{padding:6px 10px;font-size:9px;letter-spacing:.15em;gap:6px}section{padding:0 20px}.hero h1{font-size:clamp(56px,16vw,96px);line-height:.9}.meta-row{font-size:10px;letter-spacing:.3em;margin-bottom:32px}.hero-grid{grid-template-columns:1fr;gap:28px;margin-top:44px}.hero-grid p{font-size:14px}.hero-cta{margin-top:56px;flex-wrap:wrap;gap:14px}.hero-cta-note{font-size:9px;letter-spacing:.25em}.blob-1{width:320px;height:320px;top:8%;right:-8%}.blob-2{width:220px;height:220px;bottom:10%;left:-8%}.scroll-indicator{display:none}#work{padding-top:120px;padding-bottom:100px}.section-head{flex-direction:column;gap:28px;margin-bottom:64px;align-items:flex-start}.section-head h2{font-size:clamp(48px,14vw,84px)}.section-head .intro{max-width:100%;font-size:13px}.project-row{grid-template-columns:44px 1fr 32px;gap:14px;padding:24px 0}.project-kind,.project-year{display:none}.project-title{font-size:clamp(26px,7vw,40px);color:#e8e8e8}.project-arrow{font-size:16px;opacity:.7}.project-num{font-size:10px}#process{padding-top:120px;padding-bottom:100px}.process-inner{grid-template-columns:1fr;gap:40px}.process-inner h2{font-size:clamp(40px,11vw,68px);margin-bottom:32px}.process-inner p{font-size:14px;line-height:1.7;max-width:100%}.principles{padding-top:16px}.principle{grid-template-columns:40px 1fr;padding:24px 0}.principle-title{font-size:18px}#contact{padding:140px 20px}#contact h2{font-size:clamp(34px,10vw,64px);margin-bottom:44px}.end-mark{margin-top:80px;font-size:9px}.gate-inner{gap:22px;padding:0 28px}.gate-title{font-size:10px;letter-spacing:.3em}.gate-sub{font-size:9px;letter-spacing:.3em}.gate-icon{width:48px;height:48px}.overlay{padding:80px 20px 32px;align-items:flex-start;overflow-y:auto}.overlay-content{max-width:100%}.overlay-meta{font-size:10px;margin-bottom:20px}.overlay h2{font-size:clamp(48px,14vw,96px);line-height:.92}.overlay-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.overlay-grid .v1{font-size:13px}.overlay-grid .v2{font-size:14px}.overlay #close-overlay{margin-top:48px!important}.btn-cine{padding:16px 24px;font-size:10px;min-height:44px}.intensity{left:20px;right:auto;bottom:calc(20px + env(safe-area-inset-bottom))}.intensity-bar{width:60px}.oscope{right:20px;bottom:calc(20px + env(safe-area-inset-bottom))}.oscope canvas{width:44px;height:14px}.audio-hud{display:none}}@media (max-width: 480px){header{padding:14px 16px}.brand{font-size:9px}nav a[data-nav]{display:none}nav{gap:8px}section{padding:0 16px}.hero h1{font-size:clamp(48px,17vw,72px)}.hero-cta{margin-top:44px}.hero-cta-note{display:none}#work,#process{padding-top:96px;padding-bottom:80px}#contact{padding:110px 16px}.project-row{grid-template-columns:36px 1fr 28px;gap:10px;padding:22px 0}.project-title{font-size:clamp(24px,8vw,34px)}.overlay{padding:64px 16px 24px}.overlay h2{font-size:clamp(40px,16vw,72px)}.gate-title{font-size:9px;letter-spacing:.25em}.gate-sub{font-size:8px;letter-spacing:.25em}}