@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Serif:ital,wght@0,400;0,500;1,400&display=swap');
:root{--paper:#f6f4ee;--ink:#272c27;--muted:#696d63;--line:#d7d8ce;--accent:#925e43;--serif:'Noto Serif',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.2;letter-spacing:-.055em}em{font-weight:400;color:var(--accent)}.wrap{max-width:1440px;margin:auto;padding-left:6%;padding-right:6%}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.7}.header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--paper);position:relative;z-index:3}.wordmark{font-size:47px;letter-spacing:-4px;font-weight:600;line-height:.85}.wordmark>span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.wordmark small{display:block;font-size:7px;letter-spacing:2px;font-weight:500;margin-top:12px}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav>a:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--ink);padding:9px 0;margin-left:20px}.nav-contact span{margin-left:25px}.menu-button{display:none}.hero{position:relative;min-height:620px;height:calc(100svh - 104px);max-height:950px;color:white;isolation:isolate}.hero>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,30,30,.58),rgba(17,30,30,.05)),linear-gradient(0deg,rgba(17,30,30,.35),transparent 30%);z-index:-1}.hero-copy{position:absolute;left:7%;top:17%}.hero h1{font-size:clamp(60px,7.5vw,112px);margin:28px 0}.hero h1 em{color:#f2e7d9}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#f3f2eb}.hero-link{display:inline-flex;gap:55px;border-bottom:1px solid #ffffff90;margin-top:30px;padding-bottom:12px;font-size:12px}.hero-link span{font-size:20px}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.intro{display:grid;grid-template-columns:1fr 2fr;padding-top:115px;padding-bottom:115px}.intro>.eyebrow{padding-top:13px}.intro h2,h2{font-size:clamp(32px,3.5vw,52px)}.intro div>p{max-width:600px;margin-top:30px;color:var(--muted);line-height:2}.text-link{display:inline-flex;gap:50px;border-bottom:1px solid var(--ink);padding-bottom:9px;margin-top:30px;font-size:12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:22px}.quiet{font-size:9px;letter-spacing:.15em;color:var(--muted);padding-bottom:8px}.work{padding-top:15px;padding-bottom:110px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 32px}.project{background:none;padding:0;border:0;text-align:left;cursor:pointer;min-width:0}.project:nth-child(even){transform:translateY(65px)}.project-image{position:relative;overflow:hidden;aspect-ratio:1.2}.project img{height:100%;transition:transform .7s ease}.project:hover img{transform:scale(1.035)}.project-arrow{position:absolute;right:16px;bottom:16px;background:var(--paper);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:22px}.project-label{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:17px}.project h3{font-size:15px;font-weight:500}.project-label>span{font-size:8px;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.studio{display:grid;grid-template-columns:1fr 1fr;margin-top:65px;background:#e8e8df}.studio-photo{min-height:580px;background:#dddcd4;overflow:hidden}.studio-photo img{height:100%;object-position:center}.studio-copy{padding:85px 12%;align-self:center}.studio h2{font-size:clamp(30px,3.1vw,45px);margin:30px 0}.studio-copy>p:not(.eyebrow){color:#5a6055;font-size:13px;margin-bottom:18px}.services{padding-top:110px;padding-bottom:110px}.service-intro{font-size:12px;color:var(--muted);margin-bottom:5px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:40px;padding:27px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--accent)}summary h3{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-.03em}.toggle{margin-left:auto;font-size:25px;font-weight:400;transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}details>p{max-width:680px;margin:0 50px 30px;font-size:13px;color:var(--muted)}.contact{text-align:center;background:#28362e;color:#f4f1e8;padding:90px 6% 85px}.contact>.eyebrow{color:#bfc7b9}.contact h2{font-size:clamp(42px,5.7vw,78px);margin:30px 0 32px}.contact em{color:#c5bf9e}.contact-email{font-size:22px;border-bottom:1px solid #bfc7b980;padding-bottom:10px;display:inline-flex;gap:65px}.contact-form-link{display:block;font-size:11px;margin-top:25px;color:#c7cdbf}footer.wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px;font-size:9px;color:var(--muted)}.footer-logo{font-size:30px;letter-spacing:-2px;color:var(--ink);font-weight:600}footer div{display:flex;gap:22px}dialog{padding:55px 24px 15px;max-width:1100px;width:92vw;background:var(--paper);border:0;max-height:92svh}dialog::backdrop{background:#162019e8}dialog img{max-height:72svh;object-fit:contain}dialog p{margin-top:10px;font-size:13px}.close-view{position:absolute;right:22px;top:12px;background:none;border:0;cursor:pointer;padding:5px}
@media(min-width:1500px){.hero-copy{left:max(7%,calc((100% - 1240px)/2))}}@media(max-width:900px){nav{gap:20px}.nav-contact{margin-left:0}.intro{grid-template-columns:1fr 2fr;gap:25px}.project-label{display:block}.project-label>span{display:block;margin-top:4px}.studio-copy{padding:50px 9%}.studio-photo{min-height:500px}.quiet{display:none}footer.wrap{flex-wrap:wrap}}@media(max-width:650px){html{scroll-padding-top:20px}.header{height:86px;padding:0 6%}.wordmark{font-size:40px}.wordmark small{font-size:6px}.menu-button{display:flex;align-items:center;gap:15px;border:0;background:none;font-size:12px;padding:10px 0}.menu-button span{font-size:22px}nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:25px 6% 35px;box-shadow:0 20px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero{height:calc(90svh - 86px);min-height:590px}.hero>img{object-position:64% center}.hero:after{background:linear-gradient(90deg,#182923a8,#18292330)}.hero-copy{left:7%;top:15%;right:6%}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:62px}.hero-bottom{font-size:7px;gap:20px}.intro{display:block;padding-top:65px;padding-bottom:65px}.intro>.eyebrow{margin-bottom:25px;padding:0}.intro div>p{font-size:13px;margin-top:24px}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:9px}.projects{gap:35px;grid-template-columns:1fr}.project:nth-child(even){transform:none}.project-image{aspect-ratio:1.2}.project-label{display:flex}.project-label>span{font-size:7px}.project h3{font-size:13px}.work{padding-bottom:60px}.studio{margin-top:0;grid-template-columns:1fr}.studio-photo{height:380px;min-height:0}.studio-photo img{object-position:center 40%}.studio-copy{padding:45px 7% 55px}.studio h2{font-size:32px}.services{padding-top:65px;padding-bottom:65px}.service-intro{margin-top:22px}summary{gap:20px;padding:23px 0}summary h3{font-size:20px}details>p{margin-left:32px;margin-right:20px}.contact{padding:65px 6%}.contact>.eyebrow{font-size:8px}.contact h2{font-size:45px}.contact-email{font-size:19px;gap:35px}footer.wrap{justify-content:space-between;gap:15px}footer p{order:4;flex-basis:100%}footer div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Keep navigation visible and anchor destinations below the header. */
.wordmark{display:flex;align-items:center;flex-shrink:0}
.wordmark img{width:auto;height:68px;max-width:190px;object-fit:contain;filter:brightness(0)}
@media(max-width:650px){.wordmark img{height:54px;max-width:155px}}
.nav-contact{border-bottom-color:transparent;transition:border-color .2s ease}
.nav-contact:hover,.nav-contact:focus-visible{border-bottom-color:currentColor}
html{scroll-padding-top:124px}
.header{position:sticky;top:0;box-shadow:0 1px 0 rgba(39,44,39,.1)}
@media(max-width:650px){html{scroll-padding-top:106px}}
