:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101211;--foreground:#f4f1e8;--muted:#bab6aa;--line:#f4f1e829;--panel:#ffffff12;--panel-strong:#ffffff1c;--chip-bg:#ffffff0d;--chip-border:#ffffff21;--chip-text:#ebe5d6;--button-bg:#ffffff0f;--button-hover-bg:#48d7ff1f;--button-hover-border:#48d7ffb3;--hero-card-hover-border:#b7f06bb8;--hero-card-bg:linear-gradient(135deg, #ffffff1c, #ffffff08);--hero-card-hover-bg:linear-gradient(135deg, #b7f06b21, #ffffff0a);--systems-bg:#ffffff0a;--body-glow-a:#48d7ff33;--body-glow-b:#ff735c1c;--surface-shadow:inset 0 1px 0 #ffffff17;--cyan:#48d7ff;--coral:#ff735c;--green:#b7f06b;--yellow:#ffd166;--ink:#101211}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f5ee;--foreground:#181a18;--muted:#5f635f;--line:#181a1829;--panel:#ffffffbd;--panel-strong:#ffffffe6;--chip-bg:#181a180f;--chip-border:#181a181f;--chip-text:#252a27;--button-bg:#ffffffa3;--button-hover-bg:#0081a81f;--button-hover-border:#0081a88f;--hero-card-hover-border:#0081a88f;--hero-card-bg:linear-gradient(135deg, #ffffffe0, #ffffff7a);--hero-card-hover-bg:linear-gradient(135deg, #0081a824, #ffffffad);--systems-bg:#ffffff75;--body-glow-a:#0081a829;--body-glow-b:#a24f711f;--surface-shadow:0 1px 0 #fffc, 0 18px 45px #181a1812;--cyan:#0081a8;--coral:#ba4f61;--green:#487c12;--yellow:#9a6800;--ink:#181a18}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, var(--body-glow-a), transparent 34rem), linear-gradient(135deg, var(--body-glow-b), transparent 36rem), var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}a{color:inherit;text-decoration:none}main{width:min(1440px,100%);margin:0 auto;overflow:hidden}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);min-height:94vh;padding:clamp(1.25rem,4vw,4rem);display:grid}.hero-copy{max-width:850px}.eyebrow{color:var(--green);font-family:var(--font-jetbrains-mono), Consolas, monospace;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem}.hero-name{color:var(--foreground);margin-bottom:1.25rem;font-size:clamp(1.8rem,3.7vw,3.7rem);line-height:1.05}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:16ch;margin:0;font-size:clamp(2.9rem,5.9vw,5.7rem);line-height:1}h2{letter-spacing:0;max-width:820px;margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:.96}h3{letter-spacing:0;margin:0;font-size:clamp(1.55rem,3vw,3.15rem);line-height:1}.lede{max-width:760px;color:var(--muted);margin:1.25rem 0 0;font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.hero-actions a,.link-pill{border:1px solid var(--line);background:var(--button-bg);min-height:2.7rem;color:var(--foreground);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.92rem;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.social-icon{flex:none;width:1.1rem;height:1.1rem}.hero-actions a:hover,.link-pill:hover{border-color:var(--button-hover-border);background:var(--button-hover-bg);transform:translateY(-2px)}.hero-panel,.hero-identity{gap:1rem;display:grid}.portrait{min-height:clamp(18rem,34vw,32rem);box-shadow:var(--surface-shadow);background:#050606;border:1px solid #48d7ff57;border-radius:8px;margin:0;position:relative;overflow:hidden}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#10121194);position:absolute;inset:0}.portrait img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:48% 56%;display:block}.hero-panel>a{border:1px solid var(--line);background:var(--hero-card-bg);min-height:10rem;box-shadow:var(--surface-shadow);border-radius:8px;align-content:space-between;padding:1rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.hero-panel>a:hover,.hero-panel>a:focus-visible{border-color:var(--hero-card-hover-border);background:var(--hero-card-hover-bg);outline:none;transform:translateY(-2px)}.hero-panel span,.project-year,.project-meta{color:var(--yellow);font-family:var(--font-jetbrains-mono), Consolas, monospace;text-transform:uppercase;font-size:.78rem}.hero-panel strong{margin-top:1.4rem;font-size:1.15rem;display:block}.hero-panel strong:after{content:" ↓";color:var(--cyan);font-family:var(--font-jetbrains-mono), Consolas, monospace;font-size:.86rem}.hero-panel p{color:var(--muted);margin:.45rem 0 0;line-height:1.45}.section-intro,.systems{padding:clamp(4rem,8vw,7.5rem) clamp(1.25rem,4vw,4rem) clamp(1.5rem,4vw,3rem)}.section-intro.compact{padding-top:clamp(3rem,7vw,6rem)}.featured-grid{gap:1rem;padding:0 clamp(1.25rem,4vw,4rem);display:grid}.feature-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:580px;scroll-margin-top:1.5rem;display:grid}.feature-card:nth-child(2n){grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.feature-card:nth-child(2n) .project-media{order:2}.project-media{background:#050606;min-height:360px}.project-media iframe,.media-placeholder{border:0;width:100%;height:100%;min-height:360px;display:block}.image-media img{object-fit:cover;object-position:50% 0%;width:100%;height:100%;min-height:360px;display:block}.media-placeholder{background-color:#080909;background-image:linear-gradient(90deg,#48d7ff14 1px,#0000 1px),linear-gradient(#ffd16614 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;padding:1.5rem;display:grid;position:relative;overflow:hidden}.pulse-rings{aspect-ratio:1;border:2px solid #48d7ffb3;border-radius:50%;width:min(58vw,360px);box-shadow:0 0 0 32px #48d7ff14,0 0 0 74px #ff735c17,0 0 0 116px #b7f06b12}.media-placeholder p{color:var(--muted);font-family:var(--font-jetbrains-mono), Consolas, monospace;text-transform:uppercase;margin:0;font-size:.78rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.project-copy{flex-direction:column;justify-content:center;gap:1.1rem;padding:clamp(1.25rem,4vw,3.4rem);display:flex}.project-meta{flex-wrap:wrap;gap:.75rem;display:flex}.project-copy p,.project-row p,.systems p{color:var(--muted);font-size:1rem;line-height:1.6}.project-copy .summary{color:var(--foreground);font-size:clamp(1.08rem,1.6vw,1.28rem)}.tag-list,.links{flex-wrap:wrap;gap:.55rem;display:flex}.tag-list+.links{margin-top:.45rem}.tag-list span{border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);font-family:var(--font-jetbrains-mono), Consolas, monospace;border-radius:999px;padding:.46rem .68rem;font-size:.76rem}.tag-list.small span{padding:.35rem .54rem;font-size:.72rem}.feature-card.air{border-color:#48d7ff57}.feature-card.sound{border-color:#ff735c57}.feature-card.light{border-color:#b7f06b57}.musicality-site{background:var(--panel);border:1px solid #ff735c57;border-radius:8px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);min-height:520px;margin:clamp(1rem,3vw,2rem) clamp(1.25rem,4vw,4rem) 0;display:grid;overflow:hidden}.systems{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--systems-bg);grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:clamp(2rem,6vw,6rem);margin-top:clamp(4rem,8vw,7rem);display:grid}.capability-list{gap:.75rem;display:grid}.capability-list p{border-left:3px solid var(--cyan);background:var(--chip-bg);margin:0;padding:.85rem 1rem}.project-list{padding:0 clamp(1.25rem,4vw,4rem) clamp(4rem,8vw,7rem);display:grid}.project-row{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:clamp(1rem,4vw,4rem);padding:clamp(1.35rem,3vw,2.3rem) 0;scroll-margin-top:1.5rem;display:grid}.project-row:last-child{border-bottom:1px solid var(--line)}.project-thumbnail{aspect-ratio:16/10;object-fit:cover;object-position:50% 28%;border:1px solid var(--line);background:#050606;border-radius:8px;width:100%;margin-bottom:1rem;display:block}.project-row h3{margin-top:.35rem;font-size:clamp(1.35rem,2.4vw,2.15rem)}.project-row p{margin:0 0 1rem}footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.25rem,4vw,4rem) 2rem;font-size:.9rem;display:flex}footer p{margin:0}footer a{color:var(--green)}@media (width<=900px){.hero,.feature-card,.feature-card:nth-child(2n),.musicality-site,.systems,.project-row{grid-template-columns:1fr}.feature-card:nth-child(2n) .project-media{order:0}h1{max-width:12.5ch}.hero{min-height:auto;padding-top:2rem}}@media (width<=560px){.hero-actions a,.link-pill{width:100%}.project-media,.project-media iframe,.media-placeholder{min-height:280px}.feature-card{min-height:auto}}