:root{--ink: #171310;--ink-2: #211b16;--ink-3: #2c241d;--shadow: #0e0c0a;--plaster: #ede4d4;--plaster-2: #e3d8c4;--concrete: #9a938a;--concrete-dark: #6f675e;--terracotta: #b95233;--terracotta-deep: #8a3a22;--brass: #c79a5e;--brass-dim: rgba(199, 154, 94, .35);--font-display: "Fraunces", "Georgia", serif;--font-body: "Archivo", "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--text-display: clamp(3.25rem, 11vw, 9.5rem);--text-h2: clamp(2.25rem, 5.5vw, 4.5rem);--text-h3: clamp(1.5rem, 2.6vw, 2.25rem);--text-lead: clamp(1.125rem, 1.6vw, 1.375rem);--text-body: 1.0625rem;--text-small: .9375rem;--text-mono: .8125rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 6.5rem;--space-7: 10rem;--gutter: clamp(1.25rem, 4vw, 4rem);--max-width: 90rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-med: .32s;--z-nav: 40;--z-overlay: 100;--z-loader: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);color:var(--plaster);font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--terracotta);color:var(--plaster)}:focus-visible{outline:1.5px solid var(--brass);outline-offset:4px;border-radius:1px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img,svg,canvas{display:block;max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--shadow)}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:5px}.display{font-family:var(--font-display);font-weight:380;font-variation-settings:"opsz" 144;letter-spacing:-.015em;line-height:.98}.mono-label{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:400;letter-spacing:.14em;text-transform:uppercase}.lead{font-size:var(--text-lead);line-height:1.55;font-weight:400}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.section{position:relative;padding-block:var(--space-7)}.section--light{background:var(--plaster);color:var(--ink)}.section--light ::selection{background:var(--ink);color:var(--plaster)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-6)}.section-head .mono-label{color:var(--concrete)}.section--light .section-head .mono-label{color:var(--concrete-dark)}.jaali-divider{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2)}.jaali-divider:before,.jaali-divider:after{content:"";flex:1;height:1px;background:var(--brass-dim)}.jaali-divider svg{flex:none;opacity:.7}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-loader);display:grid;place-items:center;background:var(--shadow);transition:opacity .6s var(--ease-out),visibility .6s}.loader--done{opacity:0;visibility:hidden;pointer-events:none}.loader-mark{display:grid;place-items:center;gap:var(--space-2)}.loader-mark .mono-label{color:var(--concrete)}.loader-jaali rect{animation:jaali-breathe 1.4s ease-in-out infinite alternate}@keyframes jaali-breathe{0%{opacity:.15}to{opacity:.9}}@media (prefers-reduced-motion: reduce){.loader-jaali rect{animation:none;opacity:.6}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);transition:background var(--dur-med) var(--ease-out),backdrop-filter var(--dur-med) var(--ease-out)}.nav--scrolled{background:#171310d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(199,154,94,.14)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-2)}.nav-mark{display:flex;align-items:baseline;gap:.75rem;color:var(--plaster)}.nav-mark strong{font-family:var(--font-display);font-weight:500;font-size:1.25rem;letter-spacing:.06em}.nav-mark span{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--concrete)}.nav-links{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem);list-style:none}.nav-link{font-size:var(--text-small);font-weight:500;letter-spacing:.02em;color:var(--plaster);padding:.5rem .125rem;display:inline-block}.nav-link-clip{display:block;overflow:hidden;height:1.5em}.nav-link-stack{display:flex;flex-direction:column;line-height:1.5;transition:transform .4s var(--ease-out)}.nav-link:hover .nav-link-stack,.nav-link:focus-visible .nav-link-stack{transform:translateY(-1.5em)}.nav-link-stack span:last-child{color:var(--brass)}@media (prefers-reduced-motion: reduce){.nav-link-stack{transition:none}.nav-link:hover .nav-link-stack{transform:none}.nav-link:hover{color:var(--brass)}}@media (max-width: 640px){.nav-links li:not(:last-child){display:none}}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-canvas canvas{touch-action:pan-y}.hero-media{width:100%;height:100%;object-fit:cover;will-change:transform;filter:saturate(.88) contrast(1.04) brightness(.92)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#0e0c0a8c,#0e0c0a00 26%),linear-gradient(to top,#0e0c0ae0,#0e0c0a4d 38%,#0e0c0a00 62%)}.hero-content{position:relative;z-index:1;padding-bottom:clamp(3rem,9vh,6rem);pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-kicker{color:var(--brass);margin-bottom:var(--space-3)}.hero-title{font-size:var(--text-display);color:var(--plaster);max-width:12ch}.hero-thesis{margin-top:var(--space-3);max-width:44ch;color:var(--concrete)}.hero-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.hero-scroll-cue{display:flex;align-items:center;gap:.75rem;color:var(--concrete)}.hero-scroll-cue:after{content:"";width:1px;height:2.75rem;background:linear-gradient(to bottom,var(--brass),transparent)}.hero-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 90% at 70% 20%,#241c15 0%,var(--ink) 55%,var(--shadow) 100%)}.hero-poster svg{width:min(70vw,640px);height:auto;opacity:.9}.hero-poster-jaali{position:absolute;right:10%;bottom:16%;width:auto;opacity:.4}.works-list{display:flex;flex-direction:column;gap:var(--space-7)}.work{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:var(--space-4) var(--space-5);align-items:end;text-align:left;width:100%;cursor:pointer}.works-list>div:nth-child(2n) .work{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.works-list>div:nth-child(2n) .work-art{order:2}.works-list>div:nth-child(2n) .work-meta{align-self:start;padding-top:var(--space-3);text-align:right;align-items:flex-end}.works-list>div:nth-child(2n) .work-blurb{margin-left:auto}.works-list>div:nth-child(2n) .work:hover .work-title{transform:translate(-6px)}@media (max-width: 820px){.work,.works-list>div:nth-child(2n) .work{grid-template-columns:1fr}.works-list>div:nth-child(2n) .work-art{order:0}.works-list>div:nth-child(2n) .work-meta{text-align:left;align-items:flex-start}.works-list>div:nth-child(2n) .work-blurb{margin-left:0}}.work-art{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--plaster-2)}.work-art>svg,.work-art>img{width:100%;height:100%;object-fit:cover;scale:1.14;transition:scale 1.1s var(--ease-out)}.work-art:hover>svg,.work:focus-visible .work-art>svg,.work-art:hover>img,.work:focus-visible .work-art>img{scale:1.19}.work-art-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);opacity:0;transition:opacity var(--dur-med) var(--ease-out);display:grid;place-items:center}.work-art:hover .work-art-veil,.work:focus-visible .work-art-veil{opacity:.9}.work-art-veil span{color:var(--plaster);display:flex;align-items:center;gap:.75rem}.work-meta{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-1)}.work-index{color:var(--terracotta)}.work-title{font-size:var(--text-h3);font-family:var(--font-display);font-weight:420;line-height:1.1;transition:transform var(--dur-med) var(--ease-out)}.work:hover .work-title{transform:translate(6px)}.work-blurb{color:var(--concrete-dark);max-width:38ch}.work-facts{display:flex;gap:var(--space-3);color:var(--concrete-dark);flex-wrap:wrap}.studio{position:relative;overflow:hidden;background:radial-gradient(90% 60% at 85% 10%,#b9523312,#17131000 60%),var(--ink)}.studio-watermark{position:absolute;top:6%;right:-4%;font-size:clamp(14rem,36vw,34rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(199,154,94,.14);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.studio .container{position:relative;z-index:1}.manifesto{display:flex;flex-direction:column;gap:clamp(3rem,8vh,5.5rem);padding-block:var(--space-4) var(--space-5)}.manifesto-line-wrap{display:flex;align-items:baseline;gap:var(--space-3)}.manifesto-line-wrap:nth-child(2){margin-left:clamp(0rem,14vw,16rem)}.manifesto-line-wrap:nth-child(3){margin-left:clamp(0rem,6vw,7rem)}.manifesto-num{color:var(--terracotta);flex:none;transform:translateY(-.5em)}.manifesto-line{font-family:var(--font-display);font-weight:360;font-size:clamp(2.5rem,6.5vw,5.5rem);line-height:1.05;letter-spacing:-.012em;max-width:18ch}.manifesto-word.is-accent{font-style:italic;color:var(--terracotta)}@media (max-width: 640px){.manifesto-line-wrap:nth-child(2),.manifesto-line-wrap:nth-child(3){margin-left:0}}.studio-photo{margin-top:var(--space-5);overflow:hidden;position:relative}.studio-photo img{width:100%;max-height:70vh;object-fit:cover;scale:1.18;will-change:transform}.studio-photo figcaption{position:absolute;left:1.25rem;bottom:1.1rem;color:var(--plaster);font-size:.6875rem;padding:.5rem .9rem;background:#0e0c0a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.studio-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5) var(--space-6);align-items:start;margin-top:var(--space-6)}@media (max-width: 820px){.studio-split{grid-template-columns:1fr}}.studio-text{color:var(--concrete);max-width:58ch;display:flex;flex-direction:column;gap:var(--space-3)}.studio-stats{display:flex;flex-direction:column;gap:var(--space-4);margin:0}.stat{border-top:1px solid var(--brass-dim);padding-top:var(--space-2);transition:border-color var(--dur-med) var(--ease-out)}.stat:hover{border-color:var(--brass)}.stat dt{color:var(--concrete);font-size:.6875rem}.stat-value{margin:.4rem 0 0;font-family:var(--font-display);font-weight:380;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1;color:var(--terracotta);letter-spacing:-.01em;transition:color var(--dur-med) var(--ease-out)}.stat:hover .stat-value{color:var(--brass)}.studio-text strong{color:var(--plaster);font-weight:500}.principals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);list-style:none;margin-top:var(--space-6)}.principal{height:100%}.principal{border-top:1px solid var(--brass-dim);padding-top:var(--space-3);transition:border-color var(--dur-med)}.principal:hover{border-color:var(--brass)}.principal h3{font-family:var(--font-display);font-weight:450;font-size:1.6rem;margin-top:.625rem}.principal p{color:var(--concrete);font-size:var(--text-small);margin-top:.625rem;max-width:34ch}.principal .mono-label{color:var(--brass);font-size:.6875rem}@media (max-width: 820px){.principals{grid-template-columns:1fr;gap:var(--space-3)}}.process{padding-block:var(--space-6)}.process-title{text-align:center;font-size:clamp(2.5rem,6vw,5.25rem);margin-bottom:var(--space-4)}.process-sketch{width:min(100%,56rem);margin-inline:auto;display:block}.process-sketch path{stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;transition:stroke var(--dur-med) var(--ease-out)}.process-sketch{transition:scale .7s var(--ease-out),rotate .7s var(--ease-out)}.process-sketch:hover{scale:1.015;rotate:-.6deg}.process-sketch:hover path{stroke:var(--terracotta-deep)}.process-statement{font-family:var(--font-display);font-weight:380;font-size:clamp(1.6rem,3.4vw,2.9rem);line-height:1.2;letter-spacing:-.012em;max-width:34ch;margin:var(--space-5) auto var(--space-6);text-align:center}.process-flow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-5);align-items:start}.process-flow-label{position:sticky;top:7rem;display:flex;flex-direction:column;gap:.75rem;color:var(--concrete-dark)}@media (max-width: 820px){.process-flow{grid-template-columns:1fr}.process-flow-label{position:static;flex-direction:row;justify-content:space-between}}.process-list{list-style:none;counter-reset:step}.process-step{position:relative;display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem var(--space-3);align-items:baseline;padding-block:var(--space-4);border-top:1px solid rgba(23,19,16,.18);transition:border-color var(--dur-med) var(--ease-out)}.process-step:before{content:"";position:absolute;top:0;right:-1.25rem;bottom:0;left:-1.25rem;background:#1713100b;transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease-out);pointer-events:none}.process-step:hover:before{transform:scaleX(1)}.process-step:hover{border-color:#17131073}.process-step h3,.process-step p,.process-step .process-num{transition:transform .45s var(--ease-out),color .45s var(--ease-out)}.process-step p{grid-column:2;transition-delay:40ms}.process-step:hover h3,.process-step:hover p{transform:translate(10px)}.process-step:hover .process-num{color:var(--terracotta-deep);transform:translateY(-2px) scale(1.18)}@media (prefers-reduced-motion: reduce){.process-step:before,.process-step h3,.process-step p,.process-step .process-num,.process-sketch{transition:none}.process-step:hover h3,.process-step:hover p,.process-step:hover .process-num{transform:none}.process-sketch:hover{scale:none;rotate:none}}.process-list>div:last-child .process-step{border-bottom:1px solid rgba(23,19,16,.18)}.process-num{font-family:var(--font-mono);color:var(--terracotta);font-size:var(--text-small)}.process-step h3{font-family:var(--font-display);font-weight:430;font-size:var(--text-h3);line-height:1.1}.process-step p{color:var(--concrete-dark);max-width:44ch}.contact-title{font-size:var(--text-h2);max-width:16ch}.contact-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);margin-top:var(--space-5);align-items:start}@media (max-width: 820px){.contact-grid{grid-template-columns:1fr}}.contact-note{color:var(--concrete);max-width:40ch}.contact-details{display:flex;flex-direction:column;gap:var(--space-3)}.contact-details .mono-label{color:var(--concrete);margin-bottom:.375rem}.contact-details a:not(.magnetic-btn){border-bottom:1px solid var(--brass-dim);padding-bottom:1px;transition:border-color var(--dur-fast)}.contact-details a:not(.magnetic-btn):hover{border-color:var(--brass)}.footer{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-block:var(--space-4);border-top:1px solid rgba(199,154,94,.14);color:var(--concrete);font-size:var(--text-mono);font-family:var(--font-mono);letter-spacing:.04em}.magnetic-btn{display:inline-flex;align-items:center;gap:.875rem;padding:1.05rem 1.9rem;border:1px solid var(--brass);color:var(--plaster);font-weight:500;font-size:var(--text-small);letter-spacing:.04em;background:transparent;position:relative;overflow:hidden;transition:color var(--dur-med) var(--ease-out);will-change:transform}.magnetic-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--terracotta);transform:translateY(101%);transition:transform var(--dur-med) var(--ease-out);z-index:-1}.magnetic-btn:hover:before{transform:translateY(0)}.section--light .magnetic-btn{color:var(--ink);border-color:var(--terracotta-deep)}.section--light .magnetic-btn:hover{color:var(--plaster)}.project-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--ink);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.project-overlay-inner{padding-block:var(--space-4) var(--space-6)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.project-close{display:inline-flex;align-items:center;gap:.625rem;color:var(--concrete);font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:.14em;text-transform:uppercase;padding:.625rem .25rem;transition:color var(--dur-fast)}.project-close:hover{color:var(--plaster)}.project-heading{max-width:60rem}.project-heading .mono-label{color:var(--terracotta)}.project-heading h2{font-size:clamp(2.75rem,7vw,6rem);margin-top:var(--space-2)}.project-metaline{display:flex;gap:var(--space-3);flex-wrap:wrap;color:var(--concrete);margin-top:var(--space-3)}.project-viewer{position:relative;margin-block:0 var(--space-5);aspect-ratio:16 / 9;min-height:320px;max-height:78vh;background:var(--ink-2);border:1px solid rgba(199,154,94,.14);overflow:hidden}@media (max-width: 640px){.project-viewer{aspect-ratio:4 / 5}}.viewer-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-3)}.viewer-hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.viewer-id .mono-label{color:var(--brass)}.viewer-id p{color:var(--concrete);font-size:var(--text-mono);font-family:var(--font-mono);margin-top:.25rem}.viewer-toggle{pointer-events:auto;display:inline-flex;border:1px solid var(--brass-dim);background:#0e0c0a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewer-toggle button{padding:.55rem 1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--concrete);transition:color var(--dur-fast),background var(--dur-fast)}.viewer-toggle button[aria-pressed=true]{background:var(--brass);color:var(--shadow)}.viewer-hint{align-self:center;color:var(--concrete);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.viewer-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--concrete)}.project-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5)}@media (max-width: 820px){.project-body{grid-template-columns:1fr}}.project-narrative{display:flex;flex-direction:column;gap:var(--space-3);color:var(--concrete);max-width:58ch;font-size:var(--text-lead);line-height:1.6}.project-narrative p:first-child{color:var(--plaster)}.spec-list{list-style:none;border-top:1px solid rgba(199,154,94,.18)}.spec-list li{display:flex;justify-content:space-between;gap:var(--space-2);padding-block:.875rem;border-bottom:1px solid rgba(199,154,94,.18)}.spec-list .mono-label{color:var(--concrete);font-size:.6875rem}.spec-list span:last-child{text-align:right;font-weight:500}.project-photo{margin-block:var(--space-5);overflow:hidden}.project-photo img{width:100%;max-height:72vh;object-fit:cover}.project-photo--inline{margin-block:var(--space-3) 0}.project-photo--inline img{max-height:54vh}.viewer-lead{color:var(--concrete);margin-top:var(--space-6);margin-bottom:var(--space-2)}.project-drawing{margin-top:var(--space-4);border:1px solid rgba(199,154,94,.18)}.project-drawing svg{width:100%;height:auto}.project-drawing figcaption{color:var(--concrete);font-size:.6875rem;padding:.75rem 1rem;border-top:1px solid rgba(199,154,94,.18)}.project-pagination{display:flex;justify-content:space-between;margin-top:var(--space-6);gap:var(--space-3)}.project-pagination button{color:var(--concrete);font-family:var(--font-display);font-size:1.25rem;transition:color var(--dur-fast);text-align:left;padding:.5rem 0}.project-pagination button:hover{color:var(--plaster)}.project-pagination .mono-label{display:block;font-family:var(--font-mono);font-size:.6875rem;color:var(--terracotta);margin-bottom:.375rem}.reveal{will-change:transform,opacity}.st-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.st-word,.st-char{display:inline-block;will-change:transform}@media (prefers-reduced-motion: reduce){.st-word,.st-char{transform:none!important}}