:root{
  --paper:#f3f0ea;--ink:#171615;--soft:#cfc7bd;--line:rgba(23,22,21,.22);--white:#fff;
  --content:1540px;--gutter:clamp(18px,3vw,50px);--gap:clamp(10px,1.2vw,18px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-shell{max-width:var(--content);margin:auto;padding:0 var(--gutter)}
.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:baseline;gap:6px;text-transform:uppercase;font-size:15px;letter-spacing:.08em;font-weight:700}.brand em{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none;letter-spacing:0;font-size:19px}.nav{display:flex;gap:28px;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.nav a{transition:opacity .2s}.nav a:hover{opacity:.45}
.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.21em}.hero{min-height:72vh;padding:8vh 0 7vh;display:grid;grid-template-columns:1.4fr .6fr;gap:6vw;align-items:end}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(78px,12.6vw,190px);letter-spacing:-.075em;line-height:.72;margin:26px 0 0;font-weight:700;text-transform:uppercase}.hero h1 i{font-family:Georgia,'Times New Roman',serif;font-weight:400;text-transform:none;letter-spacing:-.065em}.hero-note{align-self:end;max-width:360px;border-top:1px solid var(--line);padding-top:18px}.hero-note p{font-family:Georgia,serif;font-size:clamp(20px,1.7vw,28px);line-height:1.25;margin:0 0 35px}.hero-note span{text-transform:uppercase;font-size:10px;letter-spacing:.19em}
.work-section{padding-top:3vh}.section-head{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:30px 0 20px}.section-head h2{font-family:Georgia,serif;font-size:clamp(45px,6vw,84px);font-weight:400;letter-spacing:-.055em;margin:5px 0 0}.section-head>span{text-transform:uppercase;font-size:10px;letter-spacing:.18em}
.portfolio-grid{container-type:inline-size;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc((100cqw - 3 * var(--gap))/4);grid-auto-flow:dense;gap:var(--gap);padding-bottom:12vh}.card{position:relative;overflow:hidden;background:#d7d2cb;grid-column:span 1;grid-row:span 1}.card.standard{grid-column:span 1;grid-row:span 1}.card.large{grid-column:span 2;grid-row:span 2}.card.wide{grid-column:span 2;grid-row:span 1}.card.tall{grid-column:span 1;grid-row:span 2}.card .media{position:absolute;inset:0}.card img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}.card:hover img{transform:scale(1.025)}.overlay{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,0) 50%,rgba(0,0,0,.46));opacity:0;transition:opacity .25s}.card:hover .overlay{opacity:1}.overlay .project-no{font-size:10px;letter-spacing:.18em}.overlay h3{font-family:Georgia,serif;font-size:clamp(22px,2.1vw,38px);font-weight:400;letter-spacing:-.035em;margin:0 0 5px}.overlay p{font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin:0}.empty{grid-column:1/-1;grid-row:span 2;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:36px;border:1px solid var(--line)}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;border-top:1px solid var(--line);padding:10vh 0 12vh}.about h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(58px,8vw,118px);letter-spacing:-.06em;line-height:.83;margin:18px 0 0}.about-copy{align-self:center;max-width:700px}.about-copy p{font-family:Georgia,serif;font-size:clamp(22px,2.2vw,34px);line-height:1.35;margin:0}.about-copy .small-copy{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:.16em;margin:36px 0 8px}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:3px}.footer{border-top:1px solid var(--line);padding:28px 0 45px;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;font-size:9px;letter-spacing:.16em}
.project-hero{padding:8vh 0 5vh}.project-hero h1{font-family:Georgia,serif;font-size:clamp(65px,10vw,150px);font-weight:400;letter-spacing:-.065em;line-height:.83;margin:18px 0 0;max-width:1200px}.project-intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;padding:32px 0 8vh;border-top:1px solid var(--line)}.project-facts{display:grid;grid-template-columns:auto 1fr;gap:10px 24px;align-content:start;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.project-facts span{color:#746e67}.project-facts strong{font-weight:400}.project-copy{font-family:Georgia,serif;font-size:clamp(20px,2vw,31px);line-height:1.5;max-width:900px}.project-gallery{container-type:inline-size;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start;padding-bottom:11vh}.project-image{margin:0;overflow:hidden;background:#d7d2cb}.project-image img{height:auto;aspect-ratio:1/1}.project-image.item-1{grid-column:1/span 8}.project-image.item-1 img{aspect-ratio:4/3}.project-image.item-2{grid-column:9/span 4;margin-top:18cqw}.project-image.item-3{grid-column:2/span 5}.project-image.item-4{grid-column:7/span 6}.project-image.item-5{grid-column:4/span 6}.project-image.item-2 img,.project-image.item-3 img,.project-image.item-5 img{aspect-ratio:1/1}.project-image.item-4 img{aspect-ratio:4/3}
@media(max-width:900px){.topbar{height:72px}.hero{min-height:auto;grid-template-columns:1fr;padding:9vh 0 6vh}.hero-note{margin-left:30%;}.portfolio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:calc((100cqw - var(--gap))/2)}.card.large{grid-column:span 2;grid-row:span 2}.card.wide{grid-column:span 2;grid-row:span 1}.card.tall{grid-column:span 1;grid-row:span 2}.about,.project-intro{grid-template-columns:1fr}.project-gallery{grid-template-columns:repeat(2,1fr)}.project-image.item-1,.project-image.item-2,.project-image.item-3,.project-image.item-4,.project-image.item-5{grid-column:auto;margin-top:0}.project-image.item-1{grid-column:1/-1}.overlay{opacity:1;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.45))}}
@media(max-width:560px){.nav{gap:13px}.nav a:nth-child(2){display:none}.hero h1{font-size:21vw}.hero-note{margin-left:12%}.portfolio-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.card,.card.standard,.card.large,.card.wide,.card.tall{grid-column:1;grid-row:auto;aspect-ratio:1/1}.card:nth-child(3n+1){aspect-ratio:4/5}.section-head{align-items:start}.about{padding-top:8vh}.footer{flex-wrap:wrap}.project-gallery{display:block}.project-image{margin:0 0 var(--gap)}.project-image img,.project-image.item-1 img,.project-image.item-4 img{aspect-ratio:auto}}