:root{color-scheme:dark;--bg: #071213;--bg-soft: #0d1c1e;--paper: #f2eee7;--text: #f8f4ee;--muted: #b9b2a8;--line: rgba(255, 255, 255, .14);--accent: #2c8a83;--accent-soft: rgba(44, 138, 131, .2);--radius: 18px;--sidebar-width: 312px;--font-body: "Instrument Sans", "Avenir Next", "Helvetica Neue", sans-serif;--font-display: "Syne", "Avenir Next", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);background:radial-gradient(circle at 5% 4%,rgba(44,138,131,.28),transparent 30%),radial-gradient(circle at 93% 12%,rgba(255,255,255,.08),transparent 28%),var(--bg);color:var(--text)}a{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;min-height:100svh}.sidebar-toggle{position:fixed;right:1rem;top:1rem;z-index:50;background:#0c0c0cdb;border:1px solid var(--line);color:var(--text);padding:.48rem .84rem;border-radius:999px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;display:none}.site-sidebar{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;border-right:1px solid var(--line);background:#0b0b0bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-template-rows:auto auto auto 1fr auto}.sidebar-header{padding:1.2rem 1rem .75rem}.sidebar-kicker{margin:0;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.sidebar-header h1{margin:.5rem 0 .3rem;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);line-height:.95}.sidebar-header p{margin:0;color:var(--muted);font-size:.9rem}.sidebar-page-links{margin-top:.75rem;display:flex;gap:.45rem}.sidebar-page-link{display:inline-flex;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted);border:1px solid transparent;border-radius:999px;min-height:30px;padding:0 .6rem;align-items:center;justify-content:center}.sidebar-page-link:hover,.sidebar-page-link.is-active{border-color:var(--line);color:var(--accent)}.search-field{display:grid;gap:.42rem;padding:.6rem 1rem}.search-field span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.search-field input{border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:var(--text);min-height:40px;padding:0 .75rem;font:inherit}.filter-panel{padding:.5rem 1rem .75rem;border-top:1px solid var(--line)}.filter-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.filter-panel h2,.project-menu h2{margin:0;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.clear-filter-btn{border:none;background:none;color:var(--accent);font:inherit;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tag-list{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--text);font-size:.76rem;padding:.34rem .58rem;cursor:pointer}.tag-chip.is-active{border-color:var(--accent);background:var(--accent-soft)}.project-menu{border-top:1px solid var(--line);padding:.75rem 1rem 1rem;min-height:0;overflow-y:auto}.project-menu ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.36rem}.project-link{display:grid;gap:.2rem;text-decoration:none;padding:.46rem .55rem;border:1px solid transparent;border-radius:11px}.project-link:hover,.project-link.is-active{border-color:var(--line);background:#ffffff08}.project-link.is-placeholder .project-link-name{color:var(--muted)}.project-link-number{color:var(--muted);font-size:.75rem;letter-spacing:.08em}.project-link-name{font-size:.92rem}.sidebar-social{border-top:1px solid var(--line);padding:.8rem 1rem 1rem;display:grid;gap:.5rem}.social-link{display:inline-flex;align-items:center;text-decoration:none}.social-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted)}.social-link:hover .social-label{color:var(--accent)}.site-main{padding:clamp(1rem,2.2vw,2rem);display:grid;gap:1.1rem}.hero-panel,.overview-panel,.project-page-panel,.about-page-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(165deg,#ffffff0a,#ffffff05)}.hero-panel{position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:7px 7px;opacity:.1;pointer-events:none}.hero-grid{position:relative;z-index:1;padding:clamp(1.1rem,2.8vw,2.4rem)}.hero-label{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.hero-grid h2{margin:.7rem 0;max-width:20ch;font-family:var(--font-display);font-size:clamp(2rem,6vw,4rem);line-height:.92}.hero-grid p{max-width:56ch;color:var(--muted);margin:0}.hero-cta-row{margin-top:1rem}.overview-panel{padding:1.1rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-tile{border-radius:14px;overflow:hidden;background:#0a0a0ab3;border:1px solid var(--line)}.project-tile a{display:grid;min-height:100%;color:inherit;text-decoration:none}.project-tile img,.project-placeholder{width:100%;aspect-ratio:16 / 10;object-fit:cover}.project-placeholder{background:linear-gradient(130deg,#2c8a835c,#2c8a831a 45%,#ffffff14),linear-gradient(210deg,#1a1a1a,#0e0e0e)}.project-tile-meta{padding:.95rem}.project-tile-head{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.78rem;letter-spacing:.08em}.project-tile h3{margin:.54rem 0;font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem)}.project-tile p{margin:0;color:var(--muted);font-size:.92rem}.project-tile ul{margin:.8rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.36rem}.project-tile li{border:1px solid var(--line);border-radius:999px;padding:.22rem .52rem;font-size:.72rem;color:var(--muted)}.empty-state{margin:0;color:var(--muted);padding:1rem .35rem}.project-page-panel,.about-page-panel{padding:clamp(1rem,2.4vw,2rem)}.about-header{border-bottom:1px solid var(--line);padding-bottom:1rem}.about-header h2{margin:.42rem 0;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.7rem);line-height:.95}.about-header p:last-child{margin:0;color:var(--muted)}.about-content-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:1rem}.about-text-block{display:grid;gap:.9rem}.about-text-block p{margin:0;color:var(--paper);max-width:72ch}.about-contact-block{border:1px solid var(--line);border-radius:12px;background:#ffffff05;padding:.9rem}.about-contact-block h3{margin:0;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.about-contact-block ul{margin:.7rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem}.about-contact-block .social-label{color:var(--text)}.project-modules{margin-top:1.2rem;display:grid;gap:1rem}.project-module{border:1px solid var(--line);border-radius:14px;padding:clamp(.85rem,2vw,1.2rem);background:#ffffff05}.project-module-text{margin:0}.project-hero{display:flex;justify-content:space-between;gap:1.25rem;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:1rem}.project-meta-column{display:grid;gap:.9rem;justify-items:end;max-width:min(38vw,460px)}.project-code,.project-year{margin:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.79rem}.project-hero h2{margin:.42rem 0;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,3.7rem);line-height:.95;letter-spacing:-.03em}.project-hero-main{display:grid;gap:.38rem;max-width:min(62ch,100%)}.project-short-description{margin:.3rem 0 0;color:var(--muted);line-height:1.5;font-size:.96rem}.project-tag-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.42rem;justify-content:flex-end}.project-tag-cloud li{border:1px solid var(--line);border-radius:999px;padding:.3rem .55rem;font-size:.74rem;color:var(--muted)}.project-specs{display:grid;gap:.85rem;text-align:right}.spec-group{display:grid;gap:.25rem}.spec-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.8}.spec-group ul{list-style:none;padding:0;margin:0}.spec-group li{font-size:.88rem;color:var(--text);line-height:1.4}.project-intro-grid{margin-top:1.35rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.project-intro-grid.has-reel{grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:1.2rem}.project-hero-image{margin:0}.project-hero-image img{width:100%;border-radius:14px;border:1px solid var(--line);max-height:min(70vh,720px);object-fit:cover}.project-content-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:1rem}.project-text-block{display:grid;gap:1.2rem;margin:1.5rem 0}.project-intro-grid .project-text-block{margin:0}.project-text-block p{margin:0;color:var(--paper);max-width:68ch;line-height:1.6;font-size:1.1rem;letter-spacing:-.01em}.project-text-block p:first-of-type{font-size:1.25rem;line-height:1.5;color:var(--text);font-weight:400}.project-media-stack{display:grid;gap:.9rem}.media-card{margin:0;border-radius:12px;border:1px solid var(--line);background:#ffffff05;overflow:hidden}.media-card video{width:100%;display:block}.media-card.is-reel{max-width:420px;margin-left:auto;margin-right:auto}.media-card.is-reel video{aspect-ratio:9 / 16;background:#000}.project-intro-reel.media-card.is-reel{max-width:min(380px,100%);width:100%;margin:0;justify-self:end}.iframe-wrap{position:relative;width:100%;padding-top:56.25%}.iframe-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.media-card figcaption{padding:.55rem .72rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.gallery-panel{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem}.gallery-panel h3{margin:0 0 .6rem;font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.8rem)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.gallery-thumb{border:1px solid var(--line);border-radius:10px;padding:0;background:transparent;overflow:hidden;cursor:zoom-in}.gallery-thumb img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#030303f0;display:grid;place-items:center;padding:1rem}.lightbox img{max-width:min(94vw,1320px);max-height:84vh;object-fit:contain;border:1px solid var(--line)}.lightbox-close{position:fixed;top:1rem;right:1rem;border:1px solid var(--line);border-radius:999px;padding:.42rem .76rem;color:var(--text);background:#080808cc;cursor:pointer}.hero-about-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;min-height:38px;padding:0 .9rem;color:var(--text);text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff05}.hero-about-link:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 1160px){.project-grid,.about-content-grid,.project-intro-grid.has-reel{grid-template-columns:1fr}.project-intro-reel.media-card.is-reel{justify-self:start}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar-toggle{display:inline-flex;align-items:center;gap:.35rem}.site-sidebar{position:fixed;top:0;left:0;width:min(86vw,360px);transform:translate(-100%);transition:transform .35s ease;z-index:40}.site-sidebar.is-open{transform:translate(0)}.site-main{padding-top:4.4rem}.project-hero{flex-direction:column}.project-meta-column{width:100%;justify-items:start;max-width:100%}.project-tag-cloud{justify-content:flex-start}.project-specs{text-align:left}}@media (max-width: 620px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}