:root{--paper:#f6f4ed;--ink:#233c32;--accent:#a7442a;--muted:#626c61;--line:#d5d9cc}.portfolio{background:var(--paper);color:var(--ink)}.site-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(100% - 112px,1440px);min-height:110px;margin:auto;display:flex}.wordmark{letter-spacing:-.4px;align-items:center;gap:12px;font-size:15px;font-weight:600;line-height:1.1;display:flex}.brand-mark{letter-spacing:-14px;padding-right:15px;font-family:Instrument,Georgia,serif;font-size:58px;line-height:.8}.brand-mark>span{position:relative;top:7px}.site-nav nav{align-items:center;gap:36px;font-size:14px;display:flex}.site-nav nav>a{align-items:center;min-height:44px;display:flex}.site-nav nav>a:hover{text-underline-offset:6px;text-decoration:underline}.nav-contact{gap:26px}.nav-contact>span{font-size:22px}.studio-hero{padding-top:30px;padding-bottom:28px}.hero-topline{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.studio-head{grid-template-columns:1.7fr 1fr;align-items:end;gap:8%;padding:56px 0 46px;display:grid}.studio-head h1{letter-spacing:-3.2px;font-size:clamp(45px,5.4vw,86px);line-height:1.02}.studio-head h1 .serif{letter-spacing:-2px;font-size:1.12em}.hero-note{justify-self:end;max-width:380px}.hero-note p{margin-bottom:24px;font-size:15px;line-height:1.7}.hero-project{color:#f8eedc;background:#692d29;grid-template-columns:1fr 1fr;min-height:340px;display:grid;overflow:hidden}.project-pane{flex-direction:column;align-items:flex-start;padding:30px 40px;display:flex}.project-small{opacity:.8;font-size:12px}.project-logo{margin-top:22px;font:400 30px/1 Instrument,Georgia,serif}.project-logo>span{letter-spacing:1px;margin-top:6px;font:400 10px/1.8 DM,Arial,sans-serif;display:block}.project-pane>p{letter-spacing:-1px;margin:22px 0 28px;font:400 56px/.94 Instrument,Georgia,serif}.project-open{align-items:center;gap:50px;margin-top:auto;font-size:12px;display:flex}.project-open>span{font-size:20px}.project-photo{min-width:0;overflow:hidden}.project-photo img{object-fit:cover;width:100%;height:100%;max-height:425px;transition:transform .6s}.hero-project:hover .project-photo img{transform:scale(1.03)}.hero-bottom{color:var(--muted);justify-content:space-between;padding-top:22px;font-size:12px;display:flex}.hero-bottom a{align-items:center;min-height:44px;display:flex}.section-title{justify-content:space-between;align-items:start;gap:40px;margin-bottom:48px;display:flex}.section-title h2{letter-spacing:-1.8px;width:66%;font-size:clamp(39px,4.4vw,66px);line-height:1.05}.section-title .label{padding-top:10px}.work-section{background:#e8ece2}.case-image{aspect-ratio:16/9;background:#dfdccf;overflow:hidden}.case-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s}.case-study:hover .case-image img{transform:scale(1.02)}.case-meta{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.case-meta h3{letter-spacing:-.8px;margin-bottom:8px;font-size:26px}.case-meta p{color:var(--muted);font-size:13px}.circle-arrow{border:1px solid #66745f;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:25px;transition:background .2s,color .2s;display:flex}.case-study:hover .circle-arrow{background:var(--ink);color:var(--paper)}.case-description{grid-template-columns:1fr 1fr;gap:12%;max-width:950px;font-size:14px;line-height:1.7;display:grid}.case-description>p:last-child{color:var(--muted)}.service-rows article{border-top:1px solid var(--line);grid-template-columns:55px 1fr 1.25fr 20px;align-items:start;gap:35px;padding:35px 0;display:grid}.service-rows article:last-child{border-bottom:1px solid var(--line)}.row-index{font-size:13px}.service-rows h3{letter-spacing:-.7px;font-size:28px}.service-rows p{max-width:450px;color:var(--muted);font-size:15px}.service-rows article>span:last-child{font-size:24px;line-height:1}.process-strip{grid-template-columns:1fr 2fr;gap:50px;margin-top:90px;display:grid}.process-strip>h3{letter-spacing:-.5px;font:400 37px/1.12 Instrument,Georgia,serif}.process-strip ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.process-strip li:before{counter-increment:steps;content:"0" counter(steps);color:var(--muted);margin-bottom:18px;font-size:12px;display:block}.process-strip b{font-size:14px;font-weight:500}.process-strip p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.7}.contact-section{background:var(--ink);color:var(--paper);padding-bottom:28px}.contact-grid{grid-template-columns:1.2fr 1fr;gap:12%;margin:45px 0 100px;display:grid}.contact-grid h2{letter-spacing:-4px;font-size:clamp(65px,7.2vw,110px);line-height:.95}.contact-copy{padding-top:5px}.contact-copy>p:first-child{color:#e0e6d9;max-width:380px;margin-bottom:28px;font-size:16px}.button.light{background:var(--paper);color:var(--ink);margin-bottom:28px}.button.light:hover{background:#dae5cb}.email-link{overflow-wrap:anywhere;text-underline-offset:5px;font-size:18px;text-decoration:underline;display:block}.email-tools{flex-wrap:wrap;align-items:center;gap:15px;margin-top:15px;font-size:12px;display:flex}.copy-email{color:inherit;background:0 0;border:1px solid #7e8f7c;min-height:44px;padding:8px 12px;font-size:12px}.copy-email:hover{border-color:#e0e6d9}.contact-fine{color:#b9c7b3;max-width:370px;margin-top:14px;font-size:12px}.contact-section footer{border-top:1px solid #65795e;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;font-size:12px;display:flex}.footer-brand{font-size:17px;font-weight:500}.contact-section footer>a:last-child{align-items:center;min-height:44px;display:flex}@media (width>=1700px){.hero-project{min-height:425px}}@media (width<=1000px){.studio-head{grid-template-columns:1.5fr 1fr;gap:5%}.studio-head h1{font-size:55px}.hero-note p{font-size:14px}.project-pane{padding:25px}.project-pane>p{font-size:47px}.service-rows article{grid-template-columns:35px 1fr 1.2fr 20px;gap:22px}.process-strip{grid-template-columns:1fr}.contact-grid{gap:7%}.contact-grid h2{font-size:78px}.site-nav{width:calc(100% - 64px)}}@media (width<=700px){.site-nav{width:calc(100% - 40px);min-height:85px}.wordmark{font-size:12px}.brand-mark{letter-spacing:-11px;font-size:45px}.site-nav nav{gap:20px;font-size:12px}.site-nav nav>a:nth-child(2){display:none}.nav-contact{gap:10px}.hero-topline{font-size:11px}.hero-topline>p:last-child{display:none}.studio-head{grid-template-columns:1fr;gap:24px;padding:34px 0}.studio-head h1{letter-spacing:-1.7px;font-size:clamp(36px,7.7vw,54px)}.studio-head h1 .serif{letter-spacing:-.8px;font-size:1.13em}.hero-note{justify-self:start;max-width:450px}.hero-note p{margin-bottom:20px;font-size:14px}.hero-project{grid-template-columns:1fr;min-height:0}.project-pane{min-height:300px;padding:25px}.project-photo{height:260px}.project-photo img{max-height:none}.project-pane>p{font-size:53px}.hero-bottom{gap:25px;font-size:11px}.hero-bottom>span{max-width:180px;padding-top:8px}.section-title{flex-direction:column;gap:20px;margin-bottom:30px}.section-title h2{letter-spacing:-1px;width:100%;font-size:43px}.section-title .label{padding:0}.case-image{aspect-ratio:4/3}.case-image img{object-fit:cover;object-position:left top}.case-meta{padding:20px 0}.case-meta h3{font-size:24px}.case-description{grid-template-columns:1fr;gap:16px;font-size:14px}.service-rows article{grid-template-columns:25px 1fr 16px;gap:15px;padding:28px 0}.service-rows h3{font-size:25px}.service-rows p{grid-area:2/2;font-size:14px}.service-rows article>span:last-child{grid-area:1/3}.process-strip{gap:30px;margin-top:55px}.process-strip>h3{font-size:35px}.process-strip ol{grid-template-columns:1fr;gap:25px}.process-strip li{grid-template-columns:28px 1fr;column-gap:15px;display:grid}.process-strip li:before{grid-row:1/3;margin:0}.process-strip li p{grid-column:2;margin-top:5px;font-size:14px}.process-strip b{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:35px;margin:30px 0 60px}.contact-grid h2{letter-spacing:-2px;font-size:clamp(62px,15vw,85px)}.email-link{font-size:16px}.contact-section footer{flex-wrap:wrap;gap:12px}.contact-section footer>span{order:3;width:100%;font-size:11px}.contact-copy>p:first-child{font-size:15px}}@media (width<=350px){.site-nav nav{gap:10px}.studio-head h1{font-size:34px}.project-pane>p{font-size:46px}.section-title h2{font-size:37px}}
