:root{--ink:#172329;--chalk:#f3f0e9;--stone:#ada496;--moss:#596d66;--line:rgba(23,35,41,.22);--pad:clamp(22px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--chalk);color:var(--ink);font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 14px;z-index:50}.skip:focus{top:12px}.site-header{height:94px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(243,240,233,.92);backdrop-filter:blur(16px)}.brand img{width:164px;height:auto}.site-header nav{display:flex;gap:34px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.site-header nav a,.header-contact{position:relative}.site-header nav a:after,.header-contact:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;border-bottom:1px solid;transition:right .3s}.site-header nav a:hover:after,.header-contact:hover:after{right:0}.header-contact{justify-self:end;font-size:12px;letter-spacing:.08em}.hero{min-height:calc(100vh - 94px);padding:clamp(70px,11vh,140px) var(--pad) 42px;display:flex;flex-direction:column}.hero-kicker,.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(72px,13.5vw,210px);line-height:.79;letter-spacing:-.065em;font-weight:450;margin:auto 0 70px;max-width:1350px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--moss)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.hero-bottom p{max-width:570px;font-size:clamp(18px,2vw,27px);line-height:1.35;margin:0}.arrow-link{justify-self:end;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.arrow-link span{font-size:20px;margin-left:20px}.hero-rule{height:1px;background:var(--line);margin-top:40px;overflow:hidden}.hero-rule span{display:block;width:28%;height:1px;background:var(--ink);animation:travel 5s ease-in-out infinite alternate}@keyframes travel{to{transform:translateX(255%)}}.statement{padding:clamp(120px,19vw,260px) var(--pad)}.statement blockquote{margin:45px 0 0;max-width:1120px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6.8vw,104px);line-height:1.05;font-weight:400}.statement blockquote span{color:var(--moss);font-style:italic}.group{padding:110px var(--pad) 150px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:start;margin-bottom:90px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,86px);font-weight:400;line-height:1;margin:0;letter-spacing:-.035em}.section-head>p:last-child{font-size:16px;margin:8px 0 0}.practice{display:grid;grid-template-columns:70px minmax(180px,1.2fr) 1fr auto;gap:28px;align-items:center;padding:34px 4px;border-top:1px solid var(--line);transition:padding .3s,background .3s}.practice:last-child{border-bottom:1px solid var(--line)}a.practice:hover{padding-left:18px;padding-right:18px;background:rgba(255,255,255,.32)}.practice .index,.practice .go{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#6f7778}.practice img{width:175px;max-height:42px}.practice .role{font-family:Georgia,"Times New Roman",serif;font-size:24px}.work{background:var(--ink);color:var(--chalk);padding:130px var(--pad)}.section-head.light{border-color:rgba(255,255,255,.2)}.section-head.light>p:last-child{color:#b9bebc}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,48px)}.project{margin:0;overflow:hidden}.project img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.75);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}.project.wide{grid-column:span 2}.project.wide img{aspect-ratio:2/1}.project:hover img{transform:scale(1.018);filter:saturate(1)}.project figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}.project figcaption span{font-size:13px;letter-spacing:.05em}.project figcaption small{color:#9da5a3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right}.contact{padding:clamp(110px,16vw,220px) var(--pad) 100px}.contact h2{font-size:clamp(68px,12vw,180px);line-height:.83;letter-spacing:-.065em;font-weight:450;margin:48px 0 100px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:30px;align-items:start}.contact-row p{max-width:480px;margin:0}.contact-row a{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,42px);justify-self:end}.contact-row a span{margin-left:14px}footer{border-top:1px solid var(--line);padding:32px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px;letter-spacing:.11em;text-transform:uppercase}footer img{width:140px}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto;height:78px}.site-header nav{display:none}.brand img{width:140px}.header-contact{font-size:10px}.hero{min-height:calc(100svh - 78px);padding-top:70px}.hero h1{font-size:clamp(66px,21vw,120px);margin-bottom:60px}.hero-bottom,.section-head,.contact-row{grid-template-columns:1fr}.arrow-link{justify-self:start;margin-top:16px}.section-head{gap:22px;margin-bottom:60px}.practice{grid-template-columns:42px 1fr auto;gap:14px;padding:28px 0}.practice .role{grid-column:2/4;font-size:20px}.practice .go{grid-column:3;grid-row:1}.practice img{width:140px}.group{padding-top:80px}.work{padding-top:90px}.project-grid{grid-template-columns:1fr}.project.wide{grid-column:auto}.project.wide img,.project img{aspect-ratio:4/3}.project figcaption{display:block}.project figcaption small{display:block;text-align:left;margin-top:5px}.contact h2{margin-bottom:70px}.contact-row a{justify-self:start;font-size:25px}footer{grid-template-columns:1fr 1fr;gap:20px}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.hero-rule span{animation:none}}