:root{--lime:#c9ff00;--ink:#0b0b0b;--paper:#f3f3ef;--muted:#7b7b76;--pad:clamp(20px,3.5vw,62px);--display:"Anton","Arial Narrow","Helvetica Neue",Arial,sans-serif;--body:"Helvetica Neue",Aptos,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:#050505;color:var(--paper);font-family:var(--body);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:#111}.project-nav{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:18px var(--pad);background:linear-gradient(180deg,rgba(5,5,5,.92),rgba(5,5,5,.58) 70%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.project-nav::-webkit-scrollbar{display:none}.project-nav a{opacity:.56;transition:opacity .2s ease,color .2s ease}.project-nav a:hover{opacity:1}.project-nav a.current{color:var(--lime);opacity:1}.dot{opacity:.22}.page{min-height:100svh;padding:130px var(--pad) 90px}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:42px}.page-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin:0 0 12px}.page h1{font:400 clamp(72px,11vw,184px)/.82 var(--display);letter-spacing:-.016em;text-transform:uppercase;margin:0}.page-count{font:400 clamp(34px,5vw,72px)/1 var(--display);color:rgba(243,243,239,.18)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.video-card{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08);cursor:pointer;isolation:isolate}.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease;filter:saturate(.78) contrast(1.03)}.video-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.15) 50%,rgba(0,0,0,.82));z-index:1}.video-card:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 74% 20%,rgba(201,255,0,.13),transparent 44%);opacity:.7;pointer-events:none}.video-title{position:absolute;z-index:4;left:22px;bottom:20px;font:400 clamp(24px,3vw,54px)/.95 var(--display);letter-spacing:-.01em;text-transform:uppercase}.play{position:absolute;z-index:4;right:20px;bottom:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;font-size:13px;transition:background .25s ease,color .25s ease,transform .25s ease}.video-card:hover .video-cover{transform:scale(1.065)}.video-card:hover .play{background:var(--lime);color:#111;border-color:var(--lime);transform:scale(1.05)}.video-card:hover .video-title{color:var(--lime);text-shadow:0 2px 16px rgba(0,0,0,.55)}.coming{display:grid;place-items:center;min-height:52svh;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 72% 22%,rgba(201,255,0,.09),transparent 38%),#0a0a0a}.coming span{font:400 clamp(52px,9vw,148px)/.85 var(--display);text-transform:uppercase;color:rgba(243,243,239,.88)}.viewer{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.94);display:none;place-items:center;padding:clamp(16px,4vw,54px)}.viewer.open{display:grid}.viewer iframe{width:min(92vw,1500px);aspect-ratio:16/9;border:0;background:#000}.viewer-close{position:fixed;top:18px;right:22px;z-index:301;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.34);width:40px;height:40px;border-radius:50%;cursor:pointer}.grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.026;background-image:radial-gradient(rgba(255,255,255,.8) .55px,transparent .55px);background-size:4px 4px}.cursor-wave{position:fixed;inset:0;width:100%;height:100%;z-index:9999;pointer-events:none}.page-footer{margin-top:70px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,243,239,.52)}
@media(max-width:760px){.page{padding-top:112px}.page-head{align-items:flex-start}.page h1{font-size:18vw}.video-grid{grid-template-columns:1fr}.project-nav{gap:10px;padding-left:14px;padding-right:14px}.video-title{left:16px;bottom:14px}.play{right:14px;bottom:14px;width:36px;height:36px}}
@media (hover:none),(pointer:coarse){.cursor-wave{display:none}}