:root{--bg:#09090b;--panel:#111014;--ink:#f4f1f6;--muted:#8d8992;--line:#2b282f;--acid:#c93cff;--acid2:#8d36ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:76px;padding:0 4vw;position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;background:rgba(9,9,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{color:var(--ink);text-decoration:none;font:700 14px Space Mono;letter-spacing:.06em;display:flex;gap:12px;align-items:center}.brand-mark{width:14px;height:14px;background:var(--acid);box-shadow:0 0 18px #c93cff;clip-path:polygon(0 0,100% 0,100% 70%,70% 70%,70% 100%,0 100%)}nav{display:flex;gap:32px}.nav-link{color:var(--muted);font:700 11px Space Mono;text-decoration:none;letter-spacing:.12em;padding:29px 0 26px;position:relative}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;height:2px;bottom:-1px;inset-inline:0;background:var(--acid);box-shadow:0 0 10px var(--acid)}main{width:100%}.hero{min-height:100vh;padding:150px 4vw 70px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(circle at 80% 35%,rgba(176,36,255,.12),transparent 25%)}.hero:before{content:"";position:absolute;right:4vw;top:18%;width:36vw;height:62vh;border:1px solid #252128;background:linear-gradient(rgba(201,60,255,.035),rgba(201,60,255,0)),repeating-linear-gradient(0deg,transparent 0 43px,rgba(255,255,255,.025) 44px),repeating-linear-gradient(90deg,transparent 0 43px,rgba(255,255,255,.025) 44px);transform:perspective(600px) rotateY(-8deg);z-index:-1}.eyebrow{font:700 11px Space Mono;letter-spacing:.16em;color:#bcb6c1}.live-dot{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:10px;box-shadow:0 0 12px var(--acid);animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.4}}h1{font-size:clamp(4rem,11vw,10.5rem);font-weight:600;letter-spacing:-.075em;line-height:.78;margin:7vh 0 6vh;max-width:1300px}h1 span,.contact h2 span{color:transparent;-webkit-text-stroke:1.5px var(--acid);text-shadow:0 0 36px rgba(201,60,255,.18)}.hero-meta{display:flex;justify-content:space-between;align-items:end;font-size:clamp(13px,1.1vw,16px);line-height:1.65;color:#aaa5ae;max-width:92%}.counter{text-align:right;font:400 11px/1.7 Space Mono;letter-spacing:.1em}.counter span{color:var(--acid)}.scroll-cue{position:absolute;bottom:32px;color:var(--muted);font:700 9px Space Mono;text-decoration:none;letter-spacing:.15em;display:flex;gap:15px;align-items:center}.scroll-cue b{color:var(--acid);font-size:18px}.portfolio{padding:105px 4vw 140px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:38px}.section-head h2{font:600 clamp(24px,3vw,43px) Manrope;margin:0;letter-spacing:-.04em}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);font:700 9px Space Mono;letter-spacing:.08em;padding:10px 14px;cursor:pointer}.filter:hover,.filter.active{border-color:var(--acid);color:var(--ink);background:rgba(201,60,255,.09)}.filter sup{color:var(--acid);margin-left:3px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 24px}.work-card{min-width:0;transition:opacity .3s,transform .4s}.work-card.hidden{display:none}.work-card.featured,.work-card.wide{grid-column:span 2}.work-visual{height:52vw;max-height:720px;min-height:300px;position:relative;overflow:hidden;background-image:linear-gradient(120deg,rgba(0,0,0,.05),rgba(142,40,255,.06)),url('assets/showcase.png');background-size:cover;background-repeat:no-repeat;border:1px solid #26222b;filter:saturate(.9)}.work-card:not(.featured):not(.wide) .work-visual{height:43vw;max-height:610px}.image-a{background-position:center}.image-b{background-size:auto 125%;background-position:4% 53%}.image-c{background-size:auto 125%;background-position:45% 48%}.image-d{background-size:110%;background-position:50% 35%}.image-e{background-size:auto 130%;background-position:0 55%;filter:hue-rotate(24deg) saturate(.8)}.image-f{background-size:auto 135%;background-position:94% 55%;filter:hue-rotate(-18deg)}.work-card:hover{transform:translateY(-5px)}.work-card:hover .work-visual{border-color:#6e327f;filter:saturate(1.2)}.card-index{position:absolute;top:18px;left:18px;padding:8px 10px;background:rgba(9,9,11,.8);font:700 10px Space Mono;color:var(--acid);backdrop-filter:blur(8px)}.view-tag{position:absolute;right:18px;bottom:18px;padding:10px 13px;background:var(--acid);color:#09090b;font:700 9px Space Mono;opacity:0;transform:translateY(5px);transition:.25s}.work-card:hover .view-tag,.work-card:focus .view-tag{opacity:1;transform:none}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(9,9,11,.72);border:1px solid rgba(255,255,255,.35);color:var(--acid);backdrop-filter:blur(8px)}.work-caption{padding-top:17px;display:flex;justify-content:space-between;align-items:start}.work-caption h3{font-size:17px;margin:0 0 5px;letter-spacing:-.02em}.work-caption p{margin:0;color:var(--muted);font-size:12px}.work-caption>span{color:var(--muted);font:400 9px Space Mono;letter-spacing:.08em}.contact{min-height:100vh;padding:140px 4vw 35px;background:#0d0c10;display:flex;flex-direction:column}.contact h2{font-size:clamp(3.2rem,9.5vw,9rem);line-height:.83;letter-spacing:-.07em;margin:45px 0}.contact-note{color:var(--muted);font-size:15px;margin:0 0 70px}.social-list{border-top:1px solid var(--line)}.social-list a{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:40px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding:24px 6px;transition:.2s}.social-list a:hover{background:rgba(201,60,255,.065);padding-inline:18px}.social-list span{font-weight:600;font-size:14px}.social-list small{display:block;color:var(--muted);font:400 8px Space Mono;letter-spacing:.14em;margin-bottom:5px}.social-list b{font:400 11px Space Mono;color:var(--muted)}.social-list i{font-style:normal;color:var(--acid);font-size:20px}footer{margin-top:auto;padding-top:80px;display:flex;justify-content:space-between;gap:25px;color:#716c76;font:400 9px Space Mono;letter-spacing:.08em}footer a{color:#928c98;text-decoration:none}.cursor-glow{position:fixed;z-index:-1;width:400px;height:400px;left:-200px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(201,60,255,.075),transparent 66%);pointer-events:none}
@media(max-width:700px){.site-header{height:64px;padding-inline:20px}nav{gap:18px}.hero{padding:120px 20px 55px;min-height:92vh}.hero:before{right:-20%;width:90vw;height:52vh}.hero h1{font-size:17vw;margin:9vh 0 7vh;line-height:.83}.hero-meta{max-width:100%;align-items:start}.counter{display:none}.scroll-cue{bottom:20px}.portfolio{padding:80px 20px 100px}.section-head{display:block}.section-head h2{margin-bottom:22px}.filters{justify-content:flex-start;gap:6px}.filter{padding:9px 10px}.work-grid{display:block}.work-card,.work-card.featured,.work-card.wide{margin-bottom:60px}.work-visual,.work-card:not(.featured):not(.wide) .work-visual{height:112vw;min-height:0}.featured .work-visual,.wide .work-visual{height:70vw}.view-tag{opacity:1;transform:none}.work-caption>span{display:none}.contact{padding:110px 20px 24px}.contact h2{font-size:15vw;margin:38px 0}.contact-note{margin-bottom:45px}.social-list a{grid-template-columns:1fr 22px;gap:12px}.social-list b{grid-column:1;color:#aaa3af}.social-list i{grid-row:1/3;grid-column:2}footer{flex-direction:column;padding-top:70px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.latest-visual{background-image:linear-gradient(120deg,rgba(0,0,0,.04),rgba(142,40,255,.08)),url('assets/latest-skin.jpg');background-position:center 42%;background-size:cover}