:root{--color-paper: oklch(99.1% .003 95);--color-paper-soft: oklch(96.8% .007 96);--color-paper-mist: oklch(94.2% .008 105);--color-ink: oklch(18.5% .011 78);--color-ink-soft: oklch(31% .016 74);--color-muted: oklch(52% .019 74);--color-line: color-mix(in oklch, var(--color-ink) 10%, transparent);--color-line-strong: color-mix(in oklch, var(--color-ink) 17%, transparent);--color-sage: oklch(56% .049 132);--color-sage-soft: oklch(86% .026 132);--color-aubergine: oklch(35% .048 18);--color-aubergine-soft: oklch(72% .043 24);--color-pearl: oklch(91% .011 90);--color-focus: oklch(55% .07 26);--color-shadow: color-mix(in oklch, var(--color-ink) 9%, transparent);--color-shadow-strong: color-mix(in oklch, var(--color-ink) 18%, transparent);--font-display: Avenir Next, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: Avenir Next, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max: 1180px;--radius-sm: 6px;--radius: 8px;--radius-lg: 14px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--dur-fast: .18s;--dur-med: .32s;--dur-slow: .62s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-panel: cubic-bezier(.2, .8, .2, 1);--shadow-soft: 0 18px 60px var(--color-shadow);--shadow-strong: 0 28px 90px var(--color-shadow-strong)}*{box-sizing:border-box}html{min-width:320px;overflow-x:clip;background:var(--color-paper);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow-x:clip;color:var(--color-ink);background:linear-gradient(180deg,var(--color-paper) 0%,var(--color-paper) 62%,var(--color-paper-soft) 100%);font-family:var(--font-body);letter-spacing:0}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,color-mix(in oklch,var(--color-ink) 4%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in oklch,var(--color-ink) 4%,transparent) 1px,transparent 1px);background-size:7rem 7rem;content:"";opacity:.18;pointer-events:none}::selection{background:color-mix(in oklch,var(--color-sage) 28%,transparent)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.site-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;width:min(100% - var(--space-8),var(--max));margin:0 auto;padding:var(--space-4) 0;background:color-mix(in oklch,var(--color-paper) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-nav a,.header-action,.button,.contact-list a{text-decoration:none}.brand{width:max-content;font-family:var(--font-display);font-size:.88rem;font-weight:760;letter-spacing:.08em;line-height:1}.site-nav{display:inline-flex;gap:var(--space-5);align-items:center;justify-content:center;color:var(--color-muted);font-size:.86rem;font-weight:620;line-height:1}.site-nav a,.header-action{min-height:2.5rem;transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.site-nav a{display:inline-flex;align-items:center}.site-nav a:hover,.header-action:hover{color:var(--color-aubergine)}.site-nav a:active,.header-action:active,.button:active,.contact-list a:active,.project-thumb:active{transform:translateY(0)}.header-action{display:inline-flex;justify-self:end;align-items:center;justify-content:center;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:0 var(--space-4);background:var(--color-ink);color:var(--color-paper);font-size:.84rem;font-weight:760}.header-action:hover{background:var(--color-aubergine);color:var(--color-paper);transform:translateY(-1px)}main{overflow-x:clip}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(22rem,1fr);gap:clamp(var(--space-8),5vw,var(--space-20));align-items:center;width:min(100% - var(--space-8),var(--max));min-height:min(42rem,calc(100svh - 6rem));margin:0 auto;padding:clamp(var(--space-6),6vh,var(--space-12)) 0 var(--space-6)}.hero__copy{display:grid;gap:var(--space-6);align-content:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-style:normal;font-weight:620;letter-spacing:0;overflow-wrap:anywhere}h1{max-width:10.8ch;margin-bottom:0;font-size:clamp(4rem,6.4vw,6.2rem);line-height:.9}.hero__lead{max-width:38rem;margin-bottom:0;color:var(--color-ink-soft);font-size:clamp(1.08rem,1.7vw,1.34rem);font-weight:460;line-height:1.58}.hero__actions,.project-stage__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.button{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:.88rem 1.08rem;background:color-mix(in oklch,var(--color-paper) 74%,transparent);color:var(--color-ink);font-size:.86rem;font-weight:760;line-height:1;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.button:hover{border-color:var(--color-aubergine);transform:translateY(-1px)}.button--primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.button--primary:hover{border-color:var(--color-aubergine);background:var(--color-aubergine)}.button--quiet{background:transparent}.hero__media{position:relative;display:grid;min-height:24rem;isolation:isolate}.hero__media:before{position:absolute;z-index:-1;right:8%;bottom:3%;width:58%;height:52%;border:1px solid var(--color-line);background:var(--color-paper-soft);content:""}.hero-frame{margin:0;overflow:hidden;border:1px solid color-mix(in oklch,var(--color-ink) 8%,transparent);border-radius:var(--radius);background:var(--color-pearl);box-shadow:var(--shadow-soft)}.hero-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-frame--main{width:min(100%,35rem);aspect-ratio:1.06;justify-self:end}.hero-frame--small{position:absolute;left:0;bottom:10%;width:min(44%,15rem);aspect-ratio:.92}.hero__footer{display:grid;grid-column:1 / -1;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2);border-top:1px solid var(--color-line);padding-top:var(--space-4);color:var(--color-muted);font-size:.72rem;font-weight:760;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.section{padding:clamp(var(--space-16),9vw,var(--space-24)) 0}.section__inner{width:min(100% - var(--space-8),var(--max));margin:0 auto}.studio{border-top:1px solid var(--color-line);background:var(--color-paper)}.studio__grid,.process__grid,.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(var(--space-8),6vw,var(--space-20));align-items:start}h2{margin-bottom:0;font-size:clamp(2.35rem,5.3vw,5.4rem);line-height:.96}.studio__body{display:grid;gap:var(--space-4);max-width:43rem}p{margin-bottom:0;color:var(--color-muted);font-size:1rem;line-height:1.72}.studio__body p{color:var(--color-ink-soft);font-size:1.13rem}.services,.process{background:var(--color-paper-soft)}.section-heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.85fr);gap:clamp(var(--space-6),6vw,var(--space-16));align-items:end}.section-heading--wide{align-items:start}.section-heading p{max-width:36rem}.service-list{display:grid;margin-top:clamp(var(--space-8),5vw,var(--space-16));border-top:1px solid var(--color-line-strong)}.service-row{display:grid;grid-template-columns:4rem minmax(12rem,.72fr) minmax(0,1fr);gap:clamp(var(--space-4),4vw,var(--space-10));align-items:start;border-bottom:1px solid var(--color-line);padding:var(--space-6) 0}.service-row__number,.process-list span,.project-stage__location{color:var(--color-aubergine);font-size:.74rem;font-weight:780;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}h3{margin-bottom:0;font-size:clamp(1.28rem,2vw,1.72rem);line-height:1.08}.service-row p{max-width:42rem}.projects{background:var(--color-paper)}.project-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.72fr);gap:clamp(var(--space-6),5vw,var(--space-16));align-items:stretch;margin-top:clamp(var(--space-8),5vw,var(--space-16))}.project-stage__image{min-height:34rem;margin:0;overflow:hidden;border-radius:var(--radius);background:var(--color-pearl)}.project-stage__image img{width:100%;height:100%;object-fit:cover}.project-stage__copy{display:grid;align-content:end;gap:var(--space-5);border-top:1px solid var(--color-line-strong);border-bottom:1px solid var(--color-line);padding:var(--space-6) 0}.project-stage__copy h3{font-size:clamp(2rem,4.2vw,4rem);line-height:.98}.project-stage__copy p:not(.project-stage__location){max-width:33rem;color:var(--color-ink-soft);font-size:1.08rem}.project-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.project-thumb{display:grid;gap:var(--space-2);min-width:0;border:0;padding:0;background:transparent;color:var(--color-muted);cursor:pointer;text-align:left;transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.project-thumb:hover,.project-thumb[aria-pressed=true]{color:var(--color-ink)}.project-thumb:hover{transform:translateY(-1px)}.project-thumb img{width:100%;aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-sm);object-fit:cover;opacity:.72;transition:opacity var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.project-thumb[aria-pressed=true] img{border-color:var(--color-aubergine);opacity:1}.project-thumb span{min-width:0;font-size:.78rem;font-weight:720;line-height:1.25;overflow-wrap:anywhere}.process-list{display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--color-line-strong);list-style:none}.process-list li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-5);border-bottom:1px solid var(--color-line);padding:var(--space-5) 0}.process-list p{margin-top:var(--space-2)}.contact{padding-bottom:clamp(var(--space-12),7vw,var(--space-20));background:var(--color-paper)}.contact__grid{align-items:end;border-top:1px solid var(--color-line-strong);padding-top:clamp(var(--space-8),6vw,var(--space-16))}.contact__grid h2{max-width:50rem}.contact__grid p{max-width:39rem;margin-top:var(--space-5);color:var(--color-ink-soft);font-size:1.08rem}.contact-list{display:grid;gap:var(--space-2)}.contact-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:3.2rem;border-bottom:1px solid var(--color-line);color:var(--color-ink);font-size:.95rem;font-weight:720;line-height:1;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.contact-list a:hover{border-color:var(--color-aubergine);color:var(--color-aubergine);transform:translateY(-1px)}.contact-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);width:min(100% - var(--space-8),var(--max));margin:0 auto;border-top:1px solid var(--color-line);padding:var(--space-5) 0 var(--space-8);color:var(--color-muted);font-size:.74rem;font-weight:720;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.site-footer span:nth-child(2){text-align:center}.site-footer span:last-child{text-align:right}@media(max-width:1020px){.hero,.studio__grid,.process__grid,.contact__grid,.section-heading,.project-stage{grid-template-columns:1fr}.hero{min-height:auto}.hero__media{min-height:21rem}.hero-frame--main{width:100%;aspect-ratio:1.72;justify-self:start}.hero-frame--small{right:0;left:auto;width:min(30%,12rem)}.service-row{grid-template-columns:4rem minmax(0,1fr)}.service-row p{grid-column:2}.project-stage__image{min-height:28rem}.project-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.hero__footer{display:none}}@media(max-width:740px){.site-header,.hero,.section__inner,.site-footer{width:min(100% - var(--space-5),var(--max))}.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.brand{max-width:14rem}.header-action{min-height:2.3rem;padding:0 var(--space-3)}.hero{gap:var(--space-8);padding-top:var(--space-8)}h1{max-width:7.4ch}.hero__actions{width:100%;flex-direction:row}.hero__actions .button{flex:1 1 0;min-width:0;padding-right:var(--space-2);padding-left:var(--space-2)}.hero__actions .button svg{display:none}.project-stage__actions{width:min(100%,22rem);align-items:stretch;flex-direction:column}.project-stage__actions .button{width:100%}.hero__media{min-height:15rem}.hero-frame--main{width:100%;aspect-ratio:1.5}.hero-frame--small{display:none}.hero__media:before{display:none}.section{padding:var(--space-16) 0}.service-row{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-5) 0}.service-row p{grid-column:auto}.project-stage__image{min-height:24rem}.project-stage__copy{padding-top:var(--space-4)}.project-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.process-list li{grid-template-columns:3rem minmax(0,1fr)}.site-footer{grid-template-columns:1fr}.site-footer span,.site-footer span:nth-child(2),.site-footer span:last-child{text-align:left}}@media(max-width:380px){.brand{max-width:11.5rem;font-size:.8rem}.header-action{font-size:.78rem}.hero__media{min-height:13.5rem}.hero__lead,.studio__body p,.contact__grid p,.project-stage__copy p:not(.project-stage__location){font-size:1rem}.project-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}