:root{--ink:#1c1a17;--paper:#f3efe7;--line:#c9c0b2;--stone:#d8c7a5;--taupe:#948675;--accent:#8a7658;--olive:#666554;--pad:clamp(1.25rem,3vw,3rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:1.05rem var(--pad);mix-blend-mode:difference;color:#fff}.brand{display:inline-flex;flex-direction:column;width:max-content;line-height:.82}.brand-name{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(1.55rem,2.3vw,2.6rem);font-weight:900;letter-spacing:-.085em}.brand-tag{align-self:flex-end;margin-top:.28rem;font-size:.7rem;font-weight:300;letter-spacing:.22em}.site-header nav{display:flex;gap:2rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.site-header nav a:hover{opacity:.55}.menu-toggle{display:none;border:0;background:none;color:inherit;font:inherit;text-transform:uppercase}.hero{min-height:100svh;display:grid;grid-template-columns:41% 59%;position:relative;background:var(--ink);color:white}.hero-copy{align-self:end;padding:9rem var(--pad) 6.5rem}.eyebrow{margin:0 0 1.5rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.15em}.hero h1{font-size:clamp(3.5rem,7.5vw,8.7rem);letter-spacing:-.075em;line-height:.82;margin:0 0 2.4rem;font-weight:500}.intro{max-width:31rem;font-size:clamp(1rem,1.4vw,1.3rem);font-weight:300}.hero-image{margin:0;position:relative;min-height:100svh;overflow:hidden}.hero-image img{filter:saturate(.75)}.hero-image figcaption{position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem;display:flex;justify-content:space-between;color:white;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.scroll-cue{position:absolute;bottom:1.25rem;left:var(--pad);display:flex;gap:2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.work{padding:9rem var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:1.2rem;margin-bottom:3rem}.section-head h2{margin:0;font-size:clamp(2.6rem,5vw,6rem);font-weight:400;letter-spacing:-.06em}.section-head p{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(2rem,5vw,6rem) 1.2rem}.project{grid-column:span 5;margin:0}.project:nth-child(even){grid-column:7/span 6}.project-wide{grid-column:1/span 9}.project-tall{grid-column:2/span 4}.project img{aspect-ratio:4/3;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.78)}.project-tall img{aspect-ratio:3/4}.project:hover img{transform:scale(1.018)}.project{overflow:hidden}.project-meta{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem}.project-meta h3,.project-meta p{margin:0;font-size:.82rem;font-weight:400}.project-meta p{color:#666;text-align:right}.statement{background:var(--accent);color:white;padding:10vw var(--pad)}.statement p{max-width:78rem;margin:0;font-size:clamp(2.6rem,6vw,7rem);letter-spacing:-.065em;line-height:.98}.studio{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:10rem var(--pad);border-bottom:1px solid var(--line)}.studio h2{margin:0;font-size:clamp(2.6rem,4.8vw,5.6rem);font-weight:400;line-height:1;letter-spacing:-.06em}.studio-copy{max-width:39rem;font-size:clamp(1.05rem,1.45vw,1.35rem);font-weight:300}.studio-copy p:first-child{margin-top:0}.credentials{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.credentials span{border:1px solid var(--ink);border-radius:2rem;padding:.55rem .9rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.contact{background:var(--ink);color:white;padding:8rem var(--pad) 3rem;min-height:85svh;display:flex;flex-direction:column}.contact h2{margin:0 0 auto;font-size:clamp(4.5rem,12vw,13rem);line-height:.78;letter-spacing:-.08em;font-weight:500}.contact-link{font-size:clamp(1.7rem,4vw,4rem);display:flex;justify-content:space-between;border-bottom:1px solid #777;padding:1.2rem 0}.contact-details{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.contact-details p{margin:0}footer{display:flex;justify-content:space-between;align-items:end;padding:2rem var(--pad);font-size:.75rem;text-transform:uppercase}.footer-brand .brand-name{font-size:1.35rem}.footer-brand .brand-tag{font-size:.5rem}.image-reveal{animation:reveal .8s ease both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:760px){.site-header{mix-blend-mode:normal;background:rgba(11,11,11,.9);color:white;align-items:center}.menu-toggle{display:block}.site-header nav{position:absolute;top:100%;left:0;width:100%;padding:1.5rem var(--pad) 2rem;background:var(--ink);display:none;flex-direction:column;gap:1rem}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:5rem}.hero-copy{padding:5rem var(--pad) 3rem}.hero-image{min-height:55svh}.scroll-cue{display:none}.work{padding:6rem var(--pad)}.section-head{align-items:flex-start;flex-direction:column;gap:1rem}.project-grid{display:block}.project,.project:nth-child(even),.project-wide,.project-tall{margin-bottom:3.5rem}.project img,.project-tall img{aspect-ratio:4/3}.project-meta{display:block}.project-meta p{text-align:left;margin-top:.2rem}.studio{grid-template-columns:1fr;padding:6rem var(--pad)}.contact{min-height:72svh}.contact h2{margin-bottom:5rem}.contact-details{flex-direction:column}footer{align-items:flex-start;gap:2rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-reveal{animation:none}.project img{transition:none}}

/* THEMA material palette: warm limestone, travertine, walnut and charcoal */
::selection{background:var(--stone);color:var(--ink)}
.hero{background:#1c1a17;color:#f6f1e8}
.hero-image img{filter:saturate(.72) sepia(.08) contrast(.96)}
.project img{filter:saturate(.72) sepia(.06) contrast(.97)}
.project-meta p{color:#756d63}
.statement{background:var(--accent);color:#faf7f1}
.contact{background:#25231f;color:#f5f0e7}
.contact-link{border-color:#81776a}
@media(max-width:760px){.site-header,.site-header nav{background:#1c1a17}}