:root{--ink:#202523;--paper:#eeeae2;--cream:#f8f6f1;--rust:#a36d52;--muted:#6d716e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}svg{fill:currentColor}.block{padding-left:clamp(24px,6.2vw,100px);padding-right:clamp(24px,6.2vw,100px);max-width:1700px;margin:auto}.site-header{height:82px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6.2vw,100px);border-bottom:1px solid #c9c8c1;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:10px}.logo svg{width:37px;height:37px}.logo>span{font-weight:700;letter-spacing:.12em;font-size:19px;line-height:1}.logo small{display:block;font-size:7px;letter-spacing:.14em;font-weight:600;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:37px;font-size:12px;font-weight:600}.site-header nav>a:hover{color:var(--rust)}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:6px}.nav-contact span{margin-left:15px}.menu{display:none}.hero{min-height:720px;height:calc(100svh - 82px);max-height:950px;display:grid;grid-template-columns:47% 53%}.hero-intro{padding:clamp(65px,8vw,130px) clamp(24px,6.2vw,100px) 42px;display:flex;flex-direction:column;justify-content:center}.kicker,.micro{font-size:10px;font-weight:700;letter-spacing:.16em}.kicker{color:var(--rust)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(75px,7.5vw,128px);line-height:.93;margin:25px 0 60px}em{font-weight:400;color:var(--rust)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #b7b9b1;padding-top:22px}.hero-bottom p{max-width:280px;font-size:13px;line-height:1.75;color:#515a57;margin:0}.round-link{display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;flex:0 0 55px;width:55px;height:55px;transition:background .2s,color .2s}.round-link:hover{background:var(--ink);color:white}.round-link svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.4}.hero-image{position:relative;min-height:0;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image span{position:absolute;bottom:25px;left:26px;color:white;background:#1b211ec9;padding:10px 13px;font-size:9px;letter-spacing:.14em;font-weight:700}.intro{padding-top:150px;padding-bottom:155px;display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:30px;align-items:start}.micro{color:#8b6656}.intro h2,.project-head h2,.process-title h2,.services h2,.contact h2{font-size:clamp(60px,6.4vw,104px);line-height:.97;margin:0}.intro-text{align-self:end}.intro-text p,.process-title p,.contact-body p{font-size:14px;line-height:1.85;color:#57605b}.underline{display:inline-block;border-bottom:1px solid var(--ink);padding:0 0 7px;margin-top:14px;font-size:12px;font-weight:700}.underline span{margin-left:22px}.project-section{background:var(--cream);padding:110px 0 80px}.project-head{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;margin-bottom:45px}.project-head h2{margin-bottom:20px}.project-head p{font-size:14px;color:#6a706b}.project-viewer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:6vw}.viewer-image{position:relative;height:650px;overflow:hidden;background:#deddd8}.viewer-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s,transform .6s}.viewer-image.changing img{opacity:.2;transform:scale(1.02)}.viewer-index{position:absolute;left:20px;right:20px;bottom:18px;color:white;font-size:10px;letter-spacing:.16em;display:flex;justify-content:space-between;text-shadow:0 1px 4px #000}.viewer-controls{display:flex;flex-direction:column;justify-content:center}.viewer-controls button{display:grid;grid-template-columns:40px 1fr;column-gap:14px;padding:21px 0;background:none;border:0;border-top:1px solid #c9cbc6;text-align:left;color:#737b76;transition:color .25s}.viewer-controls button:last-of-type{border-bottom:1px solid #c9cbc6}.viewer-controls button.selected,.viewer-controls button:hover{color:var(--ink)}.viewer-controls button span{grid-row:span 2;font-size:10px;color:var(--rust);font-weight:700}.viewer-controls strong{font:400 35px/.95 'Instrument Serif'}.viewer-controls small{font-size:11px;margin-top:8px}.all-projects{font-size:12px;font-weight:700;margin-top:35px;align-self:flex-start;border-bottom:1px solid;padding-bottom:6px}.all-projects span{margin-left:18px}.source{font-size:11px;color:#777e77;margin-top:18px}.source a{text-decoration:underline}.process{background:#deded6;padding:120px 0 0}.process-title{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:end;margin-bottom:50px}.process-title p{margin:0}.process-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.process-photos figure{margin:0;position:relative;height:560px;overflow:hidden;background:#777}.process-photos figure img{width:100%;height:100%;object-fit:cover}.process-photos figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 25px;color:white;font-size:10px;font-weight:700;letter-spacing:.14em;background:linear-gradient(transparent,#0008)}.services{padding-top:145px;padding-bottom:150px;background:var(--cream)}.services-title{display:grid;grid-template-columns:1fr 3fr;gap:20px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:75px}.service{border-top:1px solid #aeb4ae;padding-top:19px}.service span{font-size:10px;color:var(--rust);font-weight:700}.service h3{font-size:37px;margin:35px 0 15px}.service p{font-size:13px;line-height:1.8;color:#69726b}.contact{background:#252c29;color:#fff;padding-top:120px;padding-bottom:125px;max-width:none}.contact .micro{color:#c4a38f}.contact-body{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:28px}.contact h2{font-size:clamp(65px,8vw,135px)}.contact h2 em{color:#c8a98c}.contact-body>div{width:260px;flex-shrink:0}.contact-body p{color:#ccd1c9}.contact-button{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid white;padding:12px 0;font-size:13px;font-weight:700}.contact-button:hover{color:#c8a98c}.contact-body small{display:block;margin-top:40px;color:#abb4ab;font-size:11px}footer{background:#1b211e;color:#bec5bf;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:33px clamp(24px,6.2vw,100px);font-size:11px}footer .logo svg{width:30px}footer .logo>span{font-size:16px}footer .logo small{font-size:6px}footer>a:not(.logo){text-decoration:underline;text-underline-offset:3px}footer small{color:#88938b}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.hero{grid-template-columns:50% 50%}.hero-intro{padding-left:5vw;padding-right:5vw}.hero h1{font-size:clamp(68px,8vw,100px)}.intro,.process-title{grid-template-columns:1fr 2fr}.intro-text,.process-title p{grid-column:2}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.site-header{height:68px;padding:0 22px}.logo>span{font-size:17px}.logo small{font-size:6px}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:20px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0002}.site-header nav.open{display:flex}.site-header nav a{padding:14px 0}.menu{display:grid;place-content:center;gap:6px;width:41px;height:41px;border:1px solid #9fa49e;background:none}.menu span{width:18px;height:1px;background:var(--ink)}.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.hero-intro{padding:80px 24px 45px}.hero h1{font-size:clamp(76px,15vw,105px);margin:25px 0 45px}.hero-bottom p{max-width:290px}.hero-image{height:500px}.intro{padding-top:95px;padding-bottom:100px;display:block}.intro h2{margin:25px 0}.intro-text{max-width:450px}.project-section{padding-top:90px}.project-head{display:block}.project-head h2{margin-top:22px}.project-viewer{display:block}.viewer-image{height:520px}.viewer-controls{margin-top:20px}.viewer-controls button{padding:17px 0}.viewer-controls strong{font-size:30px}.process{padding-top:90px}.process-title{display:block}.process-title h2{margin:23px 0}.process-title p{max-width:450px}.process-photos figure{height:380px}.services{padding-top:90px;padding-bottom:100px}.services-title{display:block}.services-title h2{margin-top:23px}.services-grid{margin-top:50px}.contact{padding-top:95px;padding-bottom:100px}.contact-body{display:block}.contact-body>div{width:auto;max-width:320px;margin-top:45px}footer{display:grid;grid-template-columns:1fr 1fr}footer .logo{grid-column:1/-1}footer>small{grid-column:1/-1}}@media(max-width:500px){.hero-image{height:420px}.intro h2,.project-head h2,.process-title h2,.services h2{font-size:clamp(62px,14vw,85px)}.viewer-image{height:440px}.process-photos{grid-template-columns:1fr}.process-photos figure{height:380px}.services-grid{grid-template-columns:1fr 1fr;gap:25px}.service h3{font-size:31px;margin:26px 0 12px}.service p{font-size:12px}.contact h2{font-size:clamp(62px,13vw,85px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}