: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}button,a{font:inherit}a,button{color:inherit}.site-shell{min-height:100svh;position:relative;overflow:hidden}.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}.site-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}.site-header{z-index:20;width:min(100%, var(--max-width));padding:1.25rem var(--space-page);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex;position:sticky;top:0}.brand-mark{color:var(--color-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;display:inline-flex}.brand-mark__sigil{color:#07101d;width:2.15rem;height:2.15rem;box-shadow:none;font-family:var(--font-technical);letter-spacing:.08em;background:#f5efe4eb;border:0;border-radius:0;place-items:center;font-size:.72rem;font-weight:800;display:grid}.brand-mark__text{font-family:var(--font-technical);letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;font-weight:800}.primary-nav{background:0 0;border:0;border-radius:0;align-items:center;gap:clamp(.7rem,2vw,1.4rem);padding:0;display:flex}.primary-nav__item{color:var(--color-muted);cursor:pointer;font-family:var(--font-technical);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding:.35rem 0;font-size:.74rem;font-weight:600;transition:color .18s,opacity .18s}.primary-nav__item:after{content:"";opacity:0;transform-origin:0;background:currentColor;width:100%;height:1px;margin-top:.34rem;transition:opacity .18s,transform .18s;display:block;transform:scaleX(.4)}.primary-nav__item:hover,.primary-nav__item[data-active=true]{color:var(--color-text)}.primary-nav__item:hover:after,.primary-nav__item[data-active=true]:after{opacity:.7;transform:scaleX(1)}main{z-index:2;position:relative}main:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,#05050985,#0000 58%);position:fixed;inset:0}.hero-section{width:min(100%, var(--max-width));min-height:calc(100svh - 5rem);padding:clamp(3rem, 6vw, 6rem) var(--space-page) clamp(8rem, 14vw, 13rem);align-items:center;margin:0 auto;display:grid}.hero-section__content{max-width:46rem}.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}.hero-section__intro{max-width:42rem;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.2rem)}.hero-section__actions{flex-wrap:wrap;gap:.85rem;display:flex}.cinematic-button{color:#07101d;min-height:2.85rem;box-shadow:none;cursor:pointer;font-family:var(--font-technical);letter-spacing:.12em;text-transform:uppercase;background:#f5efe4eb;border:0;border-radius:0;justify-content:center;align-items:center;padding:.78rem 1.2rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:background .18s,color .18s,opacity .18s,transform .18s;display:inline-flex}.cinematic-button:hover{background:#fff;transform:translateY(-1px)}.cinematic-button[data-variant=secondary]{color:var(--color-text);box-shadow:none;background:0 0;position:relative}.cinematic-button[data-variant=secondary]:after{content:"";opacity:.38;background:currentColor;height:1px;position:absolute;bottom:.62rem;left:1.2rem;right:1.2rem}.cinematic-button[data-variant=secondary]:hover{background:#ffffff0f}.content-section{width:min(100%, var(--max-width));min-height:88svh;padding:clamp(5rem, 10vw, 9rem) var(--space-page);margin:0 auto;scroll-margin-top:5rem}.section-heading{max-width:47rem;margin-bottom:clamp(1.75rem,4vw,3rem)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card,.discipline-card,.statement-card,.contact-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none;background:#060e186b;border:0;border-left:1px solid #f5efe41a;border-radius:0}.project-card{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,.discipline-card,.statement-card,.contact-panel{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}.discipline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.discipline-card{min-height:13rem}.statement-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060e1894;max-width:54rem}.statement-card p:last-child,.contact-panel p:last-child{margin-bottom:0}.contact-panel{background:#060e1894;justify-content:space-between;align-items:center;gap:2rem;display:flex}.contact-panel>div{max-width:42rem}.site-footer{z-index:2;width:min(100%, var(--max-width));padding:2rem var(--space-page) 3rem;border-top:1px solid #f5efe414;justify-content:space-between;gap:1rem;margin:0 auto;display:flex;position:relative}.site-footer p{color:var(--color-dim);margin:0;font-size:.86rem}.scene-hotspot-label{color:#f5efe4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;min-width:max-content;font-family:var(--font-technical);letter-spacing:.12em;text-transform:uppercase;background:#060e185c;border:0;border-radius:0;padding:.34rem .5rem;font-size:.62rem;font-weight:800;transition:background .18s,color .18s,transform .18s}.scene-hotspot-label:hover,.scene-hotspot-label[data-active=true]{color:var(--color-text);background:#f5efe414;transform:translateY(-1px)}.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){.site-header{flex-direction:column;align-items:flex-start}.primary-nav{justify-content:flex-start;width:100%;padding-bottom:.2rem;overflow-x:auto}.hero-section__content{max-width:100%}h1{max-width:14ch}.project-grid,.discipline-grid{grid-template-columns:1fr 1fr}.contact-panel,.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=640px){.brand-mark__text{display:none}.primary-nav__item{padding:.4rem 0;font-size:.68rem}.project-grid,.discipline-grid{grid-template-columns:1fr}.cinematic-button{width:100%}.primary-nav{gap:.85rem}}@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:hidden}.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-header__meta{color:#f5efe480;font-family:var(--font-technical);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.portal-main{z-index:2;min-height:100svh;position:relative}.portal-main:before{content:none}.portal-hero{width:min(100%, var(--max-width));min-height:100svh;padding:clamp(7rem, 12vw, 10rem) var(--space-page) clamp(8.5rem, 14vw, 11rem);grid-template-columns:minmax(0,1fr) minmax(18rem,25rem);align-items:end;gap:clamp(2rem,6vw,6rem);margin:0 auto;display:grid}.portal-hero__identity{max-width:58rem}.portal-hero h1{letter-spacing:-.045em;text-transform:uppercase;max-width:11ch;margin-bottom:1rem;font-size:clamp(3.9rem,9.2vw,7.8rem);line-height:.82}.portal-hero__subtitle{color:#f5efe4b8;max-width:40rem;margin-bottom:0;font-size:clamp(1rem,2vw,1.18rem)}.portal-context{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-left:1px solid #f5efe41f;padding:0 0 0 clamp(1rem,2vw,1.5rem)}.portal-context h2{letter-spacing:-.025em;margin-bottom:.85rem;font-size:clamp(1.6rem,3vw,2.45rem);line-height:.98}.portal-context p{color:#f5efe4a8;margin-bottom:1.25rem;font-size:.96rem}.portal-context__list{gap:.42rem;margin:0;padding:0;list-style:none;display:grid}.portal-context__list li{color:#f5efe47a;font-family:var(--font-technical);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.portal-context__list li:before{content:"— ";color:#f0bd73b3}.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:auto}.portal-header{flex-direction:column;align-items:flex-start;gap:.8rem;position:relative}.portal-hero{grid-template-columns:1fr;align-items:end;min-height:calc(100svh - 8rem);padding-top:3rem;padding-bottom:8rem}.portal-hero h1{max-width:9ch;font-size:clamp(3.6rem,15vw,6.4rem)}.portal-context{max-width:34rem}.portal-nav{justify-content:flex-start;padding-bottom:.45rem;overflow-x:auto}}@media (width<=640px){.portal-header__meta{display:none}.portal-hero{padding-bottom:7rem}.portal-context{border-left:0;padding-left:0}.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-hero,.portal-context,.portal-hero__identity{display:none}.portal-main{align-items:center;min-height:100svh;display:grid}.section-overlay{z-index:3;width:min(100%, var(--max-width));padding:clamp(7rem, 10vw, 9rem) var(--space-page) clamp(7rem, 11vw, 9rem);grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1.18fr);align-items:start;gap:clamp(1.6rem,4vw,4rem);margin:0 auto;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:-.035em;text-transform:none;max-width:12ch;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5.4rem);font-weight:400;line-height:.9}.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;max-height:min(68svh,46rem);padding-right:.35rem;overflow:auto}.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 strong{font-size:1.05rem}.section-overlay__copy,.section-placeholder{border-left:0;padding-left:0}}