:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:Kanit, ui-sans-serif, system-ui, sans-serif;--font-technical:Sarpanch, ui-sans-serif, system-ui, sans-serif;--color-void:#050509;--color-void-soft:#0b0b12;--color-panel:#111118c7;--color-panel-strong:#17161df0;--color-line:#ffd69129;--color-text:#f5efe4;--color-muted:#b7ad9e;--color-dim:#78707f;--color-gold:#f0bd73;--color-ember:#c66d3d;--color-blue:#7d94c4;--shadow-cinematic:0 24px 80px #00000085;--radius-lg:0px;--radius-md:0px;--radius-sm:0px;--space-page:clamp(1.25rem, 4vw, 4rem);--max-width:1180px;font-family:Kanit,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-void)}body{min-width:320px;color:var(--color-text);background:radial-gradient(circle at 24% 18%,#2ebdff29,#0000 34rem),radial-gradient(circle at 82% 16%,#ffa74529,#0000 30rem),linear-gradient(#061421 0%,#07101d 46%,#050509 100%);margin:0;overflow-x:clip}button,a{font:inherit}a,button{color:inherit}:focus-visible{outline-offset:3px;outline:1px solid #f0bd73d9}.scene-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.scene-backdrop:after{content:"";background:linear-gradient(90deg,#06142133,#0614210a 42%,#0614215c),linear-gradient(#0614212e,#06142105 34%,#050509c2);position:absolute;inset:0}.scene-backdrop canvas{display:block}.eyebrow{color:var(--color-gold);font-family:var(--font-technical);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .85rem;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.038em;margin-bottom:1.25rem;font-size:clamp(3.1rem,7.4vw,7.2rem);font-weight:800;line-height:.9}h2{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,4.8rem);font-weight:700;line-height:.95}h3{font-family:var(--font-display);margin-bottom:.75rem;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;line-height:1.1}p{color:var(--color-muted);line-height:1.72}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none;background:#060e186b;border:0;border-left:1px solid #f5efe41a;border-radius:0;overflow:hidden}.project-card__media{background:radial-gradient(circle at 70% 20%,#7d94c43d,#0000 30%),linear-gradient(160deg,#f5efe414,#05050952 72%);border-bottom:1px solid #f5efe40f;align-items:flex-end;min-height:13rem;padding:1rem;display:flex}.project-card__media span{color:#f5efe41f;font-family:var(--font-technical);letter-spacing:-.08em;font-size:5rem;font-weight:900}.project-card__body{padding:clamp(1.25rem,2vw,1.7rem)}.tag-list{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.tag-list li{color:#f5efe48f;font-family:var(--font-technical);letter-spacing:.03em;background:0 0;border:0;border-radius:0;padding:.2rem 0;font-size:.72rem}.webgl-fallback{min-height:inherit;place-items:center;padding:2rem;display:grid;position:relative}.webgl-fallback__beam{filter:blur(10px);background:radial-gradient(circle,#f0bd733d,#0000 68%);position:absolute;inset:8% 18%}.webgl-fallback__card{text-align:left;background:#060e1894;border:0;border-left:1px solid #f5efe41a;border-radius:0;max-width:26rem;padding:1.5rem;position:relative}.webgl-fallback__card button{color:#07101d;cursor:pointer;background:#f5efe4eb;border:0;border-radius:0;padding:.7rem 1rem}@media (width<=920px){.project-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.project-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.portal-shell{min-height:100svh;color:var(--color-text);position:relative;overflow:visible}.portal-shell:before{pointer-events:none;content:"";mix-blend-mode:soft-light;opacity:.14;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 5px;position:fixed;inset:0}.portal-header{z-index:20;width:min(100%, var(--max-width));padding:clamp(1.25rem, 3vw, 2rem) var(--space-page);pointer-events:auto;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.portal-main{z-index:2;align-items:center;min-height:100svh;display:grid;position:relative}.portal-nav{right:var(--space-page);bottom:clamp(1.35rem,4vw,2.4rem);left:var(--space-page);z-index:20;pointer-events:auto;justify-content:center;gap:clamp(1rem,4vw,3rem);display:flex;position:fixed}.portal-nav__item{color:#f5efe48f;cursor:pointer;font-family:var(--font-technical);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:.2rem 0;font-size:clamp(.78rem,1.5vw,1rem);font-weight:700;transition:color .18s,transform .18s;position:relative}.portal-nav__item:after{content:"";opacity:0;transform-origin:0;background:currentColor;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:-.38rem;left:0;right:0;transform:scaleX(.35)}.portal-nav__item:hover,.portal-nav__item[data-active=true]{color:var(--color-text)}.portal-nav__item:hover:after,.portal-nav__item[data-active=true]:after{opacity:.78;transform:scaleX(1)}@media (width<=920px){.portal-shell{min-height:100svh;overflow:visible}.portal-shell[data-inside-section=true] .portal-header{background:linear-gradient(#040b13eb 0%,#040b138c 62%,#040b1300 100%)}.portal-nav{justify-content:flex-start;padding-bottom:.45rem;overflow-x:auto}}@media (width<=640px){.portal-nav{gap:1.1rem}}.portal-shell[data-inside-section=false] .scene-backdrop:after{background:linear-gradient(90deg,#040b135c,#040b1305 50%,#040b1347),linear-gradient(#040b131f,#040b1305 48%,#0505099e)}.portal-shell[data-inside-section=true] .scene-backdrop:after{background:linear-gradient(90deg,#040b13c7,#040b1333 46%,#040b13ad),linear-gradient(#040b1357,#040b1329 44%,#050509d1)}.portal-identity{color:#f5efe4b8;cursor:pointer;text-align:left;background:0 0;border:0;gap:.34rem;max-width:22rem;padding:0;transition:opacity .22s,transform .22s,visibility .22s;display:grid}.portal-identity span{font-family:var(--font-technical);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.58rem,1vw,.76rem);font-weight:500}.portal-identity strong{color:#f5efe4db;font-family:var(--font-display);letter-spacing:.02em;text-transform:none;font-size:clamp(1rem,2vw,1.55rem);font-weight:300;line-height:1}.portal-identity[data-hidden=true]{visibility:hidden;opacity:0;transform:translateY(-.35rem)}.portal-back{color:#f5efe4a8;cursor:pointer;font-family:var(--font-technical);letter-spacing:.16em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:700}.portal-back:before{content:"← ";color:#f0bd73b8}.portal-shell[data-inside-section=true] .portal-main{align-items:start}.home-intro{z-index:3;width:min(46rem, calc(100% - (var(--space-page) * 2)));margin:0 auto 0 var(--space-page);align-self:end;padding:0 0 clamp(6.5rem,11vw,8.5rem);position:relative}.home-intro h1{letter-spacing:-.04em;text-transform:uppercase;max-width:12ch;margin-bottom:.9rem;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.86}.home-intro__subtitle{color:#f5efe4a8;max-width:36rem;margin-bottom:0;font-size:clamp(.95rem,1.6vw,1.12rem)}.section-overlay{z-index:3;width:min(54rem, calc(100% - (var(--space-page) * 2)));margin:0 auto 0 var(--space-page);padding:clamp(7rem, 10vw, 9rem) var(--space-page) clamp(7rem, 11vw, 9rem);grid-template-columns:minmax(13rem,.62fr) minmax(22rem,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative}.section-overlay__copy{border-left:1px solid #f5efe41f;padding-left:clamp(1rem,2vw,1.5rem)}.section-overlay__copy h1{letter-spacing:-.02em;text-transform:none;max-width:16ch;margin-bottom:.85rem;font-size:clamp(1.25rem,3vw,2.7rem);font-weight:400;line-height:1}.section-overlay__copy p{color:#f5efe4ad;max-width:33rem}.section-overlay__meta{gap:.42rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.section-overlay__meta li{color:#f5efe47a;font-family:var(--font-technical);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.section-overlay__meta li:before{content:"— ";color:#f0bd73b8}.section-overlay .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;overflow:visible}.section-overlay .project-card{background:#060e1894}.section-overlay .project-card__media{min-height:9rem}.section-overlay .project-card__body{padding:1.15rem}.section-overlay .project-card__body p{font-size:.88rem;line-height:1.55}.section-placeholder{background:#060e186b;border-left:1px solid #f5efe41f;padding:1.2rem 0 1.2rem 1.2rem}.section-placeholder p{max-width:34rem;margin-bottom:0}@media (width<=920px){.section-overlay{grid-template-columns:1fr;padding-top:6rem}.section-overlay .project-grid{grid-template-columns:1fr;max-height:none;overflow:visible}}@media (width<=640px){.portal-identity span{display:none}.portal-identity strong{font-size:1.05rem}.section-overlay__copy,.section-placeholder{border-left:0;padding-left:0}}