:root{color-scheme:dark;--bg:#050609;--grid:#1f3558;--accent:#72a7ff;--accent-soft:#72a7ff2e;--panel:#080a0fc7;--panel-strong:#0d1017eb;--text:#f7faff;--muted:#b8c1d1;--border:#ffffff1f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;transition:background 1s,color 1s}body[data-area=web]{--bg:#050609;--grid:#1f3558;--accent:#72a7ff;--accent-soft:#72a7ff2e}body[data-area=unreal]{--bg:#08070a;--grid:#392454;--accent:#b983ff;--accent-soft:#b983ff2e}body[data-area=unity]{--bg:#050b08;--grid:#174231;--accent:#65d39b;--accent-soft:#65d39b2e}body::selection{background:var(--accent);color:#050609}a{color:inherit}p,h1,h2,h3{margin-top:0}.site-backdrop{z-index:-1;background:radial-gradient(circle at 18% 14%, var(--accent-soft), transparent 25rem), linear-gradient(180deg, #0003, var(--bg));position:fixed;inset:0;overflow:hidden}.signal-grid{opacity:.34;background-image:linear-gradient(to right, var(--grid) 1px, transparent 1px), linear-gradient(to bottom, var(--grid) 1px, transparent 1px);background-size:42px 42px;transition:background-image 1s,opacity 1s;position:absolute;inset:0;mask-image:linear-gradient(#000 10%,#0000 90%)}.terrain-silhouette{opacity:.38;filter:blur(.4px);background:radial-gradient(at 15% 82%,#ffffff12 0 3%,#0000 3.2%),radial-gradient(at 72% 68%,#ffffff14 0 4%,#0000 4.2%),linear-gradient(160deg,#0000 0 45%,#0c120de6 45.2% 63%,#0000 63.2%),linear-gradient(18deg,#0f1510f2 0 43%,#0000 43.2%);height:44vh;position:absolute;inset:auto -5% 0}.node-field span,.node-field:before,.node-field:after{content:"";background:var(--accent);box-shadow:0 0 28px var(--accent);border-radius:999px;position:absolute}.node-field:before{opacity:.42;width:28%;height:1px;top:34%;left:18%;transform:rotate(18deg)}.node-field:after{opacity:.32;width:24%;height:1px;top:52%;right:18%;transform:rotate(-24deg)}.node{width:.7rem;height:.7rem;animation:2.4s ease-in-out infinite pulse}.node-a{top:31%;left:17%}.node-b{animation-delay:.5s;top:42%;right:33%}.node-c{animation-delay:.9s;top:56%;right:18%}@keyframes pulse{50%{opacity:.55;transform:scale(1.55)}}.site-nav{z-index:5;backdrop-filter:blur(18px);justify-content:space-between;gap:1rem;width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0;display:flex;position:sticky;top:0}.brand,.site-nav a{font-weight:800;text-decoration:none}.site-nav nav{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.92rem;display:flex}.site-nav nav a:hover{color:var(--accent)}.site-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0 6rem}.hero,.section,.contact-panel{border:1px solid var(--border);background:linear-gradient(135deg, var(--panel), #0000008f);backdrop-filter:blur(24px);border-radius:2rem;box-shadow:0 30px 100px #00000073}.area-section{scroll-margin-top:6rem}.hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);align-items:end;gap:2rem;min-height:78vh;padding:clamp(2rem,6vw,5rem);display:grid}.section,.contact-panel{margin-top:1.5rem;padding:clamp(1.5rem,4vw,3rem)}.eyebrow,.panel-kicker,.project-role{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;font-weight:900}h1{letter-spacing:-.08em;max-width:900px;margin-bottom:1.4rem;font-size:clamp(3rem,8vw,6.7rem);line-height:.9}h2{letter-spacing:-.055em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1}h3{margin-bottom:.75rem;font-size:1.35rem}.hero-copy,.section p,.contact-panel p,.project-card p,.area-card p,.reel-notes p,li{color:var(--muted);font-size:1.02rem;line-height:1.7}.hero-copy{max-width:740px}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;display:flex}.button{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.82rem 1.15rem;font-weight:900;text-decoration:none;transition:transform .18s,border-color .18s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button.primary{background:var(--accent);color:#081008;border-color:#0000}.button.secondary,.signal-panel,.project-card,.area-card,.reel-notes{background:var(--panel-strong)}.signal-panel,.project-card,.area-card,.reel-notes{border:1px solid var(--border);border-radius:1.4rem;padding:1.4rem}.signal-panel ul{gap:.7rem;margin:1rem 0 0;padding-left:1.2rem;display:grid}.section-heading{max-width:800px;margin-bottom:1.8rem}.area-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.area-card{text-decoration:none;transition:transform .18s,border-color .18s;display:block}.area-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card{flex-direction:column;min-height:100%;display:flex}.project-card .text-link{margin-top:auto}.reel-card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:stretch;gap:1.2rem;display:grid}.video-frame{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);box-shadow:0 0 48px var(--accent-soft);background:#000;border-radius:1.4rem;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.reel-notes ul{margin:1rem 0 0;padding-left:1.2rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.4rem;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--border);background:var(--accent-soft);width:fit-content;color:var(--text);border-radius:999px;padding:.35rem .68rem;font-size:.78rem;font-weight:800;line-height:1.2}.text-link{color:var(--accent);font-weight:900;text-decoration:none}.text-link:hover{text-decoration:underline}@media (width<=980px){.area-grid,.project-grid{grid-template-columns:1fr 1fr}}@media (width<=840px){.hero,.reel-card,.area-grid,.project-grid{grid-template-columns:1fr}.site-nav{flex-direction:column;position:static}.site-shell{padding-top:1rem}}