:root{
  --ink:#171714;
  --stone:#e7e3db;
  --paper:#f4f2ed;
  --warm:#b7aa95;
  --muted:#77736b;
  --line:#cbc5ba;
  --white:#fff;
  --shell:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.5}
body.menu-open{overflow:hidden}
a{color:inherit}
button,input,textarea,select{font:inherit}
.shell{width:min(calc(100% - 64px),var(--shell));margin:0 auto}
.page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:110;background:transparent}
.page-progress span{display:block;width:0;height:100%;background:#1f1f1c}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;color:#fff;mix-blend-mode:difference}
.nav-inner{height:96px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand-symbol{display:block;width:38px;height:38px}
.brand-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}
.brand-name{font-family:"Manrope",sans-serif;font-size:12px;font-style:normal;font-weight:500;letter-spacing:.13em;line-height:1.25}
.brand-name em{font-style:normal;font-weight:300}
.main-nav{display:flex;gap:32px}
.main-nav a{position:relative;text-decoration:none;font-size:12px;letter-spacing:.04em}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .35s ease}
.main-nav a:hover::after{right:0}
.menu-toggle{display:none;border:0;background:none;color:inherit;cursor:pointer;padding:8px 0}
.menu-toggle span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.menu-toggle i{display:inline-block;width:24px;height:1px;background:currentColor;margin-left:10px;vertical-align:middle}
.intro-curtain{position:fixed;z-index:200;inset:0;background:#171714;color:#f2efe8;display:grid;place-items:center;transform:translateY(-100%);pointer-events:none}
.intro-curtain span{font-family:"Manrope",sans-serif;font-size:12px;letter-spacing:.28em}
.home .intro-curtain{animation:introCurtain 1.6s cubic-bezier(.76,0,.24,1) both}
@keyframes introCurtain{0%{transform:translateY(0)}55%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.home-hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#111}
.hero-media{position:absolute;inset:-6%;background:url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat;transform:scale(1.06)}
.hero-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.45))}
.hero-content{position:relative;z-index:2;padding:160px 0 60px}
.hero-index,.section-index{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.section-index.light{color:#eee}
.reveal-title{margin:26px 0 60px;font-family:"Manrope",sans-serif;font-size:clamp(64px,10vw,142px);font-weight:300;letter-spacing:-.055em;line-height:.86}
.reveal-title.small{font-size:clamp(58px,8vw,112px);margin:0}
.reveal-title span{display:block;overflow:hidden}
.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;border-top:1px solid rgba(255,255,255,.45);padding-top:20px}
.hero-bottom p{margin:0;max-width:620px;font-size:16px;color:#eee}
.arrow-link,.big-link{display:inline-flex;align-items:center;gap:55px;text-decoration:none;font-size:13px}
.arrow-link span,.big-link span{transition:transform .35s ease}
.arrow-link:hover span,.big-link:hover span{transform:translate(6px,-6px)}
.section{padding:150px 0}
.section-tight{padding:80px 0 140px}
.statement-grid{display:grid;grid-template-columns:.35fr 1.65fr;gap:80px}
.large-copy{font-family:"Manrope",sans-serif;font-size:clamp(38px,5vw,68px);line-height:1.06;letter-spacing:-.04em;margin:0;font-weight:300}
.statement-lower{margin-top:62px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;padding-top:26px;border-top:1px solid var(--line)}
.statement-lower p{margin:0;max-width:650px;color:var(--muted);font-size:15px}
.underline-link{display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:12px}
.section-heading{display:grid;grid-template-columns:.35fr 1.65fr;gap:80px;align-items:end;margin-bottom:70px}
.section-heading>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.section-heading h2{font-family:"Manrope",sans-serif;font-size:clamp(44px,6vw,82px);line-height:1;letter-spacing:-.045em;font-weight:300;margin:0}
.feature-project{margin-bottom:120px}
.project-image-wrap{position:relative;display:block;overflow:hidden;background:#d9d4cc}
.project-image{height:min(78vw,920px);background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.project-image-wrap:hover .project-image{transform:scale(1.025)}
.p-house-a{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2100&q=90")}
.p-house-b{background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1500&q=90")}
.p-house-c{background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2100&q=90")}
.project-number{position:absolute;right:24px;top:22px;color:#fff;font-size:11px;letter-spacing:.1em}
.project-meta{display:grid;grid-template-columns:1fr 1fr;padding-top:18px}
.project-meta>div:last-child{text-align:right}.project-meta span,.project-meta small{display:block}.project-meta span{font-size:14px}.project-meta small{margin-top:3px;color:var(--muted);font-size:11px}
.split-project-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}
.project-image-wrap.narrow .project-image{height:680px}
.split-project-copy{max-width:520px}.split-project-copy .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.split-project-copy h3{font-family:"Manrope",sans-serif;font-size:47px;line-height:1.05;font-weight:300;letter-spacing:-.04em;margin:22px 0}.split-project-copy p{color:var(--muted);font-size:15px;margin-bottom:34px}
.services-preview{background:#dfdbd2}
.services-lines{border-top:1px solid #b9b2a7}
.service-line{display:grid;grid-template-columns:70px .9fr 1.1fr;align-items:center;padding:27px 0;border-bottom:1px solid #b9b2a7;text-decoration:none;transition:padding .35s ease}
.service-line:hover{padding-left:12px}.service-line span{font-size:10px}.service-line strong{font-family:"Manrope",sans-serif;font-size:23px;font-weight:400}.service-line em{font-style:normal;color:var(--muted);font-size:13px}
.image-break{position:relative;background:#111;color:#fff;overflow:hidden}.image-break-media{height:78vh;background:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat}.image-break-caption{display:flex;justify-content:space-between;padding-top:14px;padding-bottom:14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.contact-teaser-grid{display:grid;grid-template-columns:.35fr 1.65fr;gap:80px}.big-link{margin-top:60px;font-family:"Manrope",sans-serif;font-size:22px;border-bottom:1px solid var(--ink);padding-bottom:12px;justify-content:space-between;width:100%}
.page-title{padding-top:210px;padding-bottom:100px}.page-title-grid{display:grid;grid-template-columns:.35fr 1.65fr;gap:80px}.page-intro{max-width:670px;margin:50px 0 0;color:var(--muted);font-size:16px}
.portfolio-row{margin-bottom:110px}.portfolio-image-wrap{display:block;overflow:hidden;width:82%;background:#ddd}.portfolio-row.offset .portfolio-image-wrap{width:70%;margin-left:auto}.portfolio-image{height:70vw;max-height:850px;background-size:cover;background-position:center;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.portfolio-image-wrap:hover .portfolio-image{transform:scale(1.025)}
.pf1{background-image:url("https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2000&q=90")}
.pf2{background-image:url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1900&q=90")}
.pf3{background-image:url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=2000&q=90")}
.pf4{background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1900&q=90")}
.pf5{background-image:url("https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2000&q=90")}
.portfolio-info{display:grid;grid-template-columns:70px 1fr 1fr;align-items:baseline;padding-top:18px}.portfolio-info span{font-size:10px}.portfolio-info h2{font-family:"Manrope",sans-serif;font-size:28px;font-weight:400;margin:0}.portfolio-info p{text-align:right;margin:0;color:var(--muted);font-size:12px}.demo-note{color:#89857d;font-size:10px;margin-top:35px}
.expertise-hero{overflow:hidden}.expertise-hero-media{height:78vh;background:url("https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2100&q=90") center/cover no-repeat}
.expertise-item{display:grid;grid-template-columns:70px .7fr 1.3fr;gap:40px;padding:44px 0;border-top:1px solid var(--line)}.expertise-item:last-child{border-bottom:1px solid var(--line)}.expertise-item>span{font-size:10px}.expertise-item h2{font-family:"Manrope",sans-serif;font-size:30px;font-weight:400;margin:0}.expertise-item p{margin:0 0 24px;color:var(--muted);max-width:650px}.expertise-item small{text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.process-block{background:#181815;color:#f0eee9;padding:140px 0}.section-heading.light{color:#f0eee9}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4a4945}.process-grid>div{min-height:270px;padding:24px;border-right:1px solid #4a4945}.process-grid>div:first-child{border-left:1px solid #4a4945}.process-grid span{font-size:10px;color:#aaa}.process-grid h3{font-family:"Manrope",sans-serif;font-size:24px;font-weight:400;margin:78px 0 12px}.process-grid p{font-size:13px;color:#aaa;margin:0}
.studio-intro{position:relative;min-height:100vh;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.studio-intro-media{position:absolute;inset:-5%;background:url("https://images.unsplash.com/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=2200&q=90") center/cover no-repeat}.studio-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.5))}.studio-intro-copy{position:relative;z-index:2;padding-bottom:60px}.studio-intro .reveal-title{margin-bottom:0}
.studio-grid-section{display:grid;grid-template-columns:1.25fr .75fr;gap:6px;background:#161614;padding:6px}.studio-photo{background-size:cover;background-position:center}.studio-photo.large{min-height:760px;background-image:url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1700&q=90")}.studio-photo.small{min-height:760px;background-image:url("https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1300&q=90")}
.team-list{border-top:1px solid var(--line)}.team-row{display:grid;grid-template-columns:70px 1fr 1fr;padding:25px 0;border-bottom:1px solid var(--line);align-items:baseline}.team-row span{font-size:10px}.team-row strong{font-family:"Manrope",sans-serif;font-size:24px;font-weight:400}.team-row p{margin:0;color:var(--muted);font-size:13px}
.principles{background:#e1ddd4}.principles-grid{display:grid;grid-template-columns:.35fr 1.65fr;gap:80px}.principle{display:grid;grid-template-columns:70px .7fr 1.3fr;padding:27px 0;border-top:1px solid #bdb5a9;align-items:baseline}.principle:last-child{border-bottom:1px solid #bdb5a9}.principle span{font-size:10px}.principle h3{font-family:"Manrope",sans-serif;font-size:26px;font-weight:400;margin:0}.principle p{margin:0;color:var(--muted);font-size:14px}
.contact-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#e5e1d8}.contact-image{min-height:100vh;background:url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1600&q=90") center/cover no-repeat}.contact-content{padding:150px 7vw 70px}.contact-head .reveal-title{margin-top:22px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:70px 0;border-top:1px solid var(--line);padding-top:18px}.contact-details span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.contact-details p,.contact-details a{display:block;margin:0 0 4px;text-decoration:none;font-size:13px;color:var(--muted)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.contact-form label{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #aaa399;background:transparent;padding:12px 0;outline:none;border-radius:0}.contact-form textarea{resize:vertical}.contact-form .full{grid-column:1/3}.form-end{display:flex;align-items:center;justify-content:space-between}.form-end button{border:0;background:none;padding:0 0 7px;border-bottom:1px solid var(--ink);cursor:pointer}.form-end p{font-size:11px;color:var(--muted);margin:0}
.footer{padding:80px 0 24px;background:#171714;color:#d7d4cc}.footer .brand{color:#fff}.footer-top{display:grid;grid-template-columns:1.4fr .6fr 1fr;gap:70px}.footer-brand-wrap p{max-width:390px;color:#88877f;font-size:13px;margin:27px 0 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-col>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:10px}.footer-col a,.footer-col p{font-size:12px;text-decoration:none;margin:0;color:#aaa89f}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #383733;margin-top:65px;padding-top:18px;color:#6f6e68;font-size:10px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){
 .shell{width:min(calc(100% - 36px),var(--shell))}
 .site-header{mix-blend-mode:normal;color:#171714;background:rgba(244,242,237,.95)}
 .nav-inner{height:76px}.main-nav{position:fixed;inset:76px 0 0;background:var(--paper);color:var(--ink);display:none;flex-direction:column;padding:45px 18px;gap:0}.main-nav.open{display:flex}.main-nav a{font-family:"Manrope",sans-serif;font-size:38px;padding:15px 0;border-bottom:1px solid var(--line)}.menu-toggle{display:block}
 .hero-content{padding:130px 0 40px}.reveal-title{font-size:clamp(54px,16vw,100px);margin-bottom:45px}.hero-bottom{grid-template-columns:1fr}.hero-bottom .arrow-link{justify-self:start}
 .section{padding:100px 0}.section-tight{padding:60px 0 100px}.statement-grid,.section-heading,.contact-teaser-grid,.page-title-grid,.principles-grid{grid-template-columns:1fr;gap:35px}
 .statement-lower{grid-template-columns:1fr}.split-project-grid{grid-template-columns:1fr;gap:45px}.project-image-wrap.narrow .project-image{height:68vw}.project-meta{grid-template-columns:1fr 1fr}
 .service-line{grid-template-columns:45px 1fr}.service-line em{display:none}
 .portfolio-image-wrap,.portfolio-row.offset .portfolio-image-wrap{width:100%;margin-left:0}.portfolio-info{grid-template-columns:45px 1fr}.portfolio-info p{grid-column:2;text-align:left;margin-top:4px}
 .expertise-item{grid-template-columns:45px 1fr}.expertise-item>div{grid-column:2}.process-grid{grid-template-columns:1fr 1fr}.studio-grid-section{grid-template-columns:1fr}.studio-photo.large,.studio-photo.small{min-height:520px}.team-row{grid-template-columns:45px 1fr}.team-row p{grid-column:2;margin-top:4px}.principle{grid-template-columns:45px 1fr}.principle p{grid-column:2;margin-top:8px}
 .contact-page{grid-template-columns:1fr}.contact-image{min-height:62vh}.contact-content{padding:90px 18px 60px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand-wrap{grid-column:1/3}
}
@media(max-width:600px){
 .hero-index{margin-top:30px}.hero-bottom p{font-size:14px}.large-copy{font-size:38px}.section-heading h2{font-size:48px}.project-image{height:96vw}.project-meta{font-size:12px}.project-image-wrap.narrow .project-image{height:110vw}.split-project-copy h3{font-size:37px}
 .image-break-media{height:58vh}.page-title{padding-top:150px}.portfolio-image{height:105vw}.expertise-hero-media{height:60vh}.expertise-item{grid-template-columns:1fr;gap:12px}.expertise-item>div{grid-column:auto}.process-grid{grid-template-columns:1fr}.process-grid>div{border-left:1px solid #4a4945}.studio-photo.large,.studio-photo.small{min-height:430px}
 .contact-details{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}.form-end{align-items:flex-start;flex-direction:column;gap:15px}.footer-top{grid-template-columns:1fr}.footer-brand-wrap{grid-column:auto}.footer-bottom{flex-direction:column;gap:7px}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .reveal{opacity:1;transform:none}
}