:root{--ink:#0B0B0D;--ink2:#151516;--ivory:#E7E3DA;--paper:#F4F1EA;--gold:#C8A96A;--gray:#77736b;--line:rgba(11,11,13,.18);--line-dark:rgba(231,227,218,.2);--pad:clamp(20px,3vw,48px);--font:'Montserrat',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.site-header{position:fixed;z-index:100;inset:0 0 auto;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:var(--ivory);transition:.35s ease;border-bottom:1px solid transparent}.site-header.is-solid{background:rgba(11,11,13,.93);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.08)}.brandmark{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.22em;font-weight:500}.brandmark img{width:34px;height:34px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:.05em}.site-nav>a{opacity:.76;transition:.2s}.site-nav>a:hover{opacity:1}.nav-cta{border-bottom:1px solid var(--gold);padding-bottom:5px}.menu-toggle{display:none;background:transparent;border:0;color:inherit}.hero{height:100svh;min-height:620px;position:relative;background:#111;color:var(--ivory);overflow:hidden}.hero-image,.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 46%,rgba(0,0,0,.18) 100%)}.hero-content{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(42px,7vh,86px);z-index:2}.kicker,.section-tag{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:500}.hero h1,.page-hero h1,.contact-page h1{font-size:clamp(54px,8.2vw,130px);font-weight:300;line-height:.88;letter-spacing:-.065em;margin:20px 0 38px;max-width:1300px}.hero-actions{display:flex;align-items:center;justify-content:space-between;max-width:720px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.link-arrow{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding-bottom:7px}.link-arrow span{color:var(--gold)}.hero-monogram{position:absolute;right:var(--pad);bottom:38px;width:min(17vw,220px);opacity:.7;z-index:2}.section-pad{padding:clamp(88px,10vw,160px) var(--pad)}.section-pad.compact{padding-top:56px;padding-bottom:56px}.manifesto{background:var(--paper)}.manifesto-grid,.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;margin-top:56px}.manifesto h2,.two-col h2,.feature-intro h2,.closing-cta h2,.project-intro h2{font-size:clamp(42px,5.6vw,84px);font-weight:300;line-height:.96;letter-spacing:-.055em;margin:0}.manifesto em,.page-hero em,.contact-page em,.closing-cta em,.location-statement em{font-family:var(--serif);font-weight:500}.body-copy{font-size:clamp(15px,1.3vw,19px);line-height:1.65;max-width:620px}.body-copy p:first-child{margin-top:0}.body-copy .link-arrow{margin-top:24px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.work-feature{background:var(--ivory);padding-bottom:110px}.feature-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.feature-intro h2{font-size:clamp(42px,5vw,76px)}.feature-card{display:block;margin:0 var(--pad) 90px}.feature-card-xl{margin-left:0;margin-right:0}.feature-card img{height:min(72vw,860px);object-fit:cover}.feature-card-xl img{height:min(61vw,920px)}.feature-caption{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;align-items:end}.feature-caption>div{display:flex;align-items:baseline;gap:18px}.feature-caption span,.feature-caption p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);margin:0}.feature-caption h3{font-size:16px;font-weight:500;margin:0}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 var(--pad)}.feature-split .feature-card{margin-left:0;margin-right:0}.feature-split .feature-card img{height:60vw;max-height:780px}.center-action{text-align:center}.button-outline,.button-solid{display:inline-flex;justify-content:center;align-items:center;min-width:210px;padding:17px 24px;border:1px solid currentColor;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.button-solid{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.services-band,.services-detail{background:var(--ink);color:var(--ivory)}.inverse{color:var(--gold)}.service-rows{margin-top:55px;border-top:1px solid var(--line-dark)}.service-rows a{display:grid;grid-template-columns:72px 1fr auto;align-items:center;padding:26px 0;border-bottom:1px solid var(--line-dark)}.service-rows span{font-size:10px;color:rgba(255,255,255,.45)}.service-rows h3{font-size:clamp(26px,3.5vw,52px);font-weight:300;letter-spacing:-.04em;margin:0}.service-rows i{font-style:normal;color:var(--gold);font-size:18px}.closing-cta{background:var(--gold)}.closing-cta h2{margin:50px 0 70px;font-size:clamp(58px,8vw,120px)}.cta-row{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}.cta-row p{max-width:620px;font-size:17px;line-height:1.6;margin:0}.site-footer{background:var(--ink);color:var(--ivory);padding:44px var(--pad) 28px}.footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:end;padding-bottom:52px}.footer-top>*{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer-brand{font-size:16px}.footer-top a:last-child{color:var(--gold)}.footer-bottom{border-top:1px solid var(--line-dark);padding-top:18px;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.55)}
/* inner pages */.page-hero{padding:190px var(--pad) 100px;min-height:76vh}.page-hero.light{background:var(--ivory)}.page-hero h1{color:var(--ink);margin-top:32px}.lead{font-size:clamp(16px,1.8vw,24px);line-height:1.5;max-width:720px;margin:50px 0 0 auto}.work-index{display:grid;grid-template-columns:1fr 1fr;gap:80px 18px;background:var(--paper);padding-top:40px}.work-card:nth-child(3n+1){grid-column:1/-1}.work-card:nth-child(3n+1) .work-img{aspect-ratio:16/8}.work-img{overflow:hidden;aspect-ratio:4/5;background:#ddd}.work-img img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.work-card:hover img{transform:scale(1.015)}.work-meta{display:grid;grid-template-columns:45px 1fr auto;align-items:baseline;border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.work-meta span,.work-meta p{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--gray);margin:0}.work-meta h2{font-size:15px;font-weight:500;margin:0}.credit-note{border-top:1px solid var(--line);background:var(--paper)}.credit-note p{max-width:820px;margin:0;color:var(--gray);font-size:12px;line-height:1.6}.studio-copy{background:var(--paper)}.principles{background:var(--ivory)}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.principle-grid>div{border-top:1px solid var(--line);padding-top:16px}.principle-grid span{font-size:9px;color:var(--gold)}.principle-grid h3{font-size:20px;font-weight:500;margin:32px 0 16px}.principle-grid p{font-size:13px;line-height:1.6;color:var(--gray)}.service-detail-list{margin-top:55px;border-top:1px solid var(--line-dark)}.service-detail-list>div{display:grid;grid-template-columns:60px .8fr 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line-dark)}.service-detail-list span{font-size:9px;color:rgba(255,255,255,.45)}.service-detail-list h3{font-weight:300;font-size:clamp(24px,2.5vw,40px);margin:0}.service-detail-list p{color:rgba(255,255,255,.64);font-size:13px;line-height:1.6;margin:4px 0 0;max-width:600px}.location-statement{background:var(--paper)}.location-statement p{font-size:clamp(52px,8vw,120px);line-height:.94;letter-spacing:-.06em;margin:0}.location-statement p:last-child{text-align:right}.contact-page{padding-top:190px;min-height:100svh;background:var(--ivory)}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:70px}.contact-main>p:first-child{font-size:clamp(17px,1.7vw,24px);line-height:1.55;max-width:700px}.contact-email{display:inline-flex;align-items:center;gap:20px;font-size:clamp(24px,3.4vw,52px);font-weight:300;letter-spacing:-.04em;margin:44px 0;border-bottom:1px solid;padding-bottom:7px}.contact-email span{color:var(--gold)}.micro{font-size:9px!important;text-transform:uppercase;letter-spacing:.12em;color:var(--gray)}.brief-list{border-top:1px solid var(--line);padding-top:14px}.brief-list ol{list-style:none;padding:0;margin:36px 0 0;counter-reset:item}.brief-list li{counter-increment:item;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px}.brief-list li:before{content:counter(item,decimal-leading-zero);display:inline-block;width:40px;color:var(--gold);font-size:9px}
/* project */.project-hero{height:92svh;min-height:620px;position:relative;color:var(--ivory);background:#111}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,.05) 55%)}.project-title{position:absolute;left:var(--pad);right:var(--pad);bottom:52px}.project-title p{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.project-title h1{font-size:clamp(56px,8vw,126px);font-weight:300;letter-spacing:-.06em;line-height:.9;margin:12px 0 0}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--paper)}.project-intro h2{font-size:clamp(34px,4vw,62px);margin-top:46px}.project-intro>p{font-size:clamp(17px,1.8vw,25px);line-height:1.55;align-self:end;margin:0}.project-gallery{background:var(--ivory);padding:0 var(--pad) 40px}.project-shot{margin:0 0 18px}.project-shot img{max-height:94vh;object-fit:cover}.project-role{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--paper);border-top:1px solid var(--line)}.project-role>div{display:grid;grid-template-columns:90px 1fr}.project-role span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--gray)}.project-role p{margin:0;font-size:12px;line-height:1.5}.next-project{display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:end;background:var(--gold);padding:70px var(--pad)}.next-project span{font-size:9px;text-transform:uppercase;letter-spacing:.14em}.next-project strong{font-size:clamp(36px,5vw,78px);font-weight:300;letter-spacing:-.05em}.next-project i{font-style:normal;font-size:26px}
/* reveal */.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:820px){.site-header{height:68px}.menu-toggle{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.site-nav{position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:28px var(--pad);display:none;flex-direction:column;align-items:flex-start;border-top:1px solid rgba(255,255,255,.1)}.site-nav.open{display:flex}.hero h1,.page-hero h1,.contact-page h1{font-size:clamp(50px,15vw,86px)}.hero-content{bottom:34px}.hero-actions{align-items:flex-end}.hero-actions>span{display:none}.hero-monogram{display:none}.manifesto-grid,.two-col,.project-intro,.contact-layout{grid-template-columns:1fr;gap:42px}.feature-intro{display:block}.feature-intro .section-tag{margin-bottom:34px}.feature-card{margin-bottom:54px}.feature-card img,.feature-card-xl img{height:75vw}.feature-split{grid-template-columns:1fr;gap:0}.feature-split .feature-card img{height:105vw}.service-rows a{grid-template-columns:42px 1fr auto}.cta-row{grid-template-columns:1fr;gap:42px}.footer-top{grid-template-columns:1fr;gap:16px}.footer-bottom{gap:25px;align-items:flex-end}.work-index{grid-template-columns:1fr;gap:55px}.work-card:nth-child(3n+1){grid-column:auto}.work-card:nth-child(3n+1) .work-img,.work-img{aspect-ratio:4/5}.work-meta{grid-template-columns:36px 1fr}.work-meta p{grid-column:2;margin-top:7px}.principle-grid{grid-template-columns:1fr 1fr}.service-detail-list>div{grid-template-columns:42px 1fr}.service-detail-list p{grid-column:2}.location-statement p:last-child{text-align:left}.project-role{grid-template-columns:1fr;gap:16px}.next-project{grid-template-columns:1fr auto}.next-project span{grid-column:1/-1}.next-project strong{font-size:42px}}@media(max-width:520px){.brandmark span{font-size:11px}.principle-grid{grid-template-columns:1fr}.feature-caption{grid-template-columns:1fr}.feature-caption p{margin-top:7px}.page-hero{padding-top:145px}.contact-page{padding-top:145px}.project-title{bottom:34px}.project-hero{height:82svh}.project-role>div{grid-template-columns:70px 1fr}}