@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap";:root{--ink:#181813;--paper:#f4f2ec;--cream:#e6e0d3;--accent:#b84e2f;--line:#18181338}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-weight:300}button,a{color:inherit}img{width:100%;display:block}a{text-decoration:none}.site-header{z-index:20;color:#fff;justify-content:space-between;align-items:center;height:108px;padding:0 4vw;display:flex;position:absolute;inset:0 0 auto}.wordmark{letter-spacing:-.04em;flex-direction:column;width:120px;font-family:Italiana,Georgia,serif;font-size:22px;line-height:.78;display:flex}.wordmark span:last-child{margin-left:23px}.nav{letter-spacing:.14em;text-transform:uppercase;gap:38px;font-size:11px;display:flex}.nav a{position:relative}.nav a:after{content:"";background:currentColor;height:1px;transition:inset .25s;position:absolute;inset:auto 100% -7px 0}.nav a:hover:after{inset-right:0}.menu-button{display:none}.hero{color:#fff;background:#272317;grid-template-columns:56% 44%;min-height:100svh;display:grid;position:relative}.hero-image{overflow:hidden}.hero-image img{object-fit:cover;filter:saturate(.9)contrast(1.04);width:100%;height:100%;transform:scale(1.02)}.hero-copy{flex-direction:column;justify-content:center;padding:21vh 6vw 10vh;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:500}h1,h2{letter-spacing:-.035em;margin:0;font-family:Italiana,Georgia,serif;font-weight:400;line-height:.9}h1{font-size:clamp(62px,7vw,132px)}h1 em,h2 em{color:#d2b999;font-weight:400}.intro{color:#ffffffb8;max-width:440px;margin:34px 0;font-size:14px;line-height:1.65}.text-link{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:16px;font-size:10px;display:flex}.text-link span{font-size:20px}.hero-index{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.16em;opacity:.6;margin:0;font-size:9px;position:absolute;bottom:34px;right:4vw}.section-kicker{text-transform:uppercase;letter-spacing:.18em;border-top:1px solid var(--line);justify-content:space-between;padding-top:14px;font-size:9px;display:flex}.philosophy{padding:120px 4vw 0}.philosophy-grid{grid-template-columns:1fr 1fr;gap:7vw;padding:90px 7vw 100px;display:grid}.philosophy h2{max-width:850px;font-size:clamp(44px,5.5vw,90px)}.philosophy-grid>div{max-width:550px;padding-top:12px;font-size:14px;line-height:1.75}.philosophy-grid .pullquote{margin:0 0 35px;font-family:Italiana,Georgia,serif;font-size:clamp(25px,2.4vw,40px);line-height:1.25}.philosophy-image{height:60vh;min-height:450px;overflow:hidden}.philosophy-image img{object-fit:cover;object-position:center;height:100%}.disciplines{padding:130px 4vw}.discipline{border-top:1px solid var(--line);grid-template-columns:8% 34% 1fr 40px;align-items:center;min-height:140px;transition:padding .3s,color .3s;display:grid}.discipline:last-child{border-bottom:1px solid var(--line)}.discipline>span{letter-spacing:.15em;font-size:10px}.discipline h3{margin:0;font-family:Italiana,Georgia,serif;font-size:clamp(28px,3.2vw,56px);font-weight:400}.discipline p{color:#6c695f;max-width:350px;font-size:12px;line-height:1.5}.discipline b{font-size:26px;font-weight:300}.discipline:hover{color:var(--accent);padding-left:18px}.work{color:var(--paper);background:#201f1a;padding:90px 4vw 120px}.work .section-kicker{border-color:#ffffff40}.work-heading{justify-content:space-between;align-items:flex-end;padding:70px 0 60px;display:flex}.work-heading h2{font-size:clamp(55px,7.2vw,120px)}.work-heading p{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.filters{flex-wrap:wrap;gap:8px;margin-bottom:45px;display:flex}.filters button{cursor:pointer;color:#ffffff8c;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #fff3;border-radius:999px;padding:9px 17px;font-size:9px;transition:all .2s}.filters button:hover,.filters button.active{background:var(--paper);color:var(--ink);border-color:var(--paper)}.project-grid{grid-template-columns:repeat(12,1fr);gap:5vw 2vw;display:grid}.project-card{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;grid-column:span 6;padding:0}.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+2){grid-column-start:8}.project-image{aspect-ratio:4/3;background:#333;display:block;overflow:hidden}.project-card.portrait .project-image{aspect-ratio:4/5}.project-image img{object-fit:cover;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s}.project-card:hover img{filter:brightness(.82);transform:scale(1.035)}.project-meta{border-top:1px solid #ffffff40;justify-content:space-between;align-items:flex-start;margin-top:10px;padding-top:13px;display:flex}.project-meta>span{flex-direction:column;gap:4px;display:flex}.project-meta b{font-size:12px;font-weight:400}.project-meta small{color:#ffffff8c;font-size:10px}.project-meta i{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-style:normal}.contact{background:#c8bca5;grid-template-columns:38% 62%;min-height:85vh;display:grid}.contact-portrait{overflow:hidden}.contact-portrait img{object-fit:cover;filter:grayscale()contrast(1.08);height:100%}.contact-copy{flex-direction:column;justify-content:center;padding:10vw;display:flex}.contact h2{margin:25px 0 55px;font-size:clamp(55px,7vw,110px)}.contact h2 em{color:#6f432e}.email{border-bottom:1px solid var(--ink);align-self:flex-start;padding-bottom:5px;font-family:Italiana,Georgia,serif;font-size:clamp(20px,2.3vw,38px)}.phone{letter-spacing:.18em;margin-top:22px;font-size:11px}footer{background:var(--ink);color:#fff;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:20px;min-height:160px;padding:50px 4vw;display:grid}.footer-mark{width:105px;font-size:19px}footer p{text-transform:uppercase;letter-spacing:.12em;opacity:.55;margin:0;font-size:9px}footer p:last-child{text-align:right}.lightbox{z-index:100;color:#fff;background:#0e0e0bf5;place-items:center;padding:5vw;animation:.25s fade;display:grid;position:fixed;inset:0}.lightbox-close{color:#fff;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;background:0 0;border:0;font-size:10px;position:absolute;top:3vw;right:3vw}.lightbox-content{grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:30px;max-width:min(1200px,88vw);max-height:82vh;display:grid}.lightbox-content img{object-fit:contain;object-position:left bottom;width:100%;max-height:78vh}.lightbox-content p{letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-size:9px}.lightbox-content h3{margin:10px 0;font-family:Italiana,Georgia,serif;font-size:30px;font-weight:400}.lightbox-content span{opacity:.7;font-size:11px}@keyframes fade{0%{opacity:0}}@media (width<=800px){.site-header{height:80px}.menu-button{z-index:3;background:0 0;border:0;width:35px;height:35px;display:block;position:relative}.menu-button span{background:#fff;width:25px;height:1px;transition:all .25s;position:absolute;top:13px;left:5px}.menu-button span:last-child{top:21px}.nav{letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;background:#201f1a;flex-direction:column;justify-content:center;align-items:center;gap:30px;font-family:Italiana,Georgia,serif;font-size:36px;transition:all .3s;display:flex;position:fixed;inset:0}.nav.open{opacity:1;pointer-events:auto}.hero{grid-template-rows:58svh 42svh;grid-template-columns:1fr}.hero-copy{padding:8vw 7vw}.hero-copy .eyebrow{display:none}.intro{margin:18px 0;font-size:12px}.hero-index{display:none}.philosophy{padding:80px 5vw 0}.philosophy-grid{grid-template-columns:1fr;gap:45px;padding:60px 0 65px}.philosophy-image{height:45vh;min-height:320px}.disciplines{padding:80px 5vw}.discipline{grid-template-columns:14% 1fr 35px;min-height:105px}.discipline p{display:none}.work{padding:70px 5vw 80px}.work-heading{padding:55px 0 40px;display:block}.work-heading p{margin-top:20px}.project-grid{display:block}.project-card{width:100%;margin-bottom:50px;display:block}.project-card.portrait .project-image{aspect-ratio:4/4.5}.contact{grid-template-columns:1fr}.contact-portrait{height:48vh}.contact-copy{padding:75px 7vw 85px}footer{grid-template-columns:1fr 1fr}footer p:nth-child(2){display:none}.lightbox-content{grid-template-columns:1fr;gap:12px;max-height:86vh}.lightbox-content img{max-height:66vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
