@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f5f1;--ink:#191b19;--muted:#62645e;--line:#d3d5cd;--accent:#d7fb52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #597400;outline-offset:6px}::selection{background:var(--accent)}.wrap{width:min(1440px,92%);margin:auto}.skip{position:fixed;top:-90px;padding:12px;background:var(--accent);z-index:100}.skip:focus{top:5px}.header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-family:Manrope,sans-serif;font-weight:800;line-height:1.15;font-size:22px;letter-spacing:-1px}.wordmark span{color:var(--muted);font-weight:500}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:14px}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.contact-pill{border:1px solid var(--ink);border-radius:30px;padding:9px 20px}.menu{display:none}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.hero{padding:66px 0 46px}.hero-top{display:flex;justify-content:space-between}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(58px,8.8vw,136px);line-height:1.04;font-weight:500;letter-spacing:-.065em;margin:32px 0 42px;max-width:1250px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.hero-bottom p{max-width:440px;margin:0;font-size:18px}.textlink{display:inline-flex;gap:28px;align-items:center;border-bottom:1px solid;padding-bottom:6px;width:max-content}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:23px 0 30px;margin-top:62px}.section-head h2{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:0}.section-head sup{font-size:12px;color:var(--muted);margin-left:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 28px}.card:first-child.featured{grid-column:1/-1}.frame{overflow:hidden;background:#e5e6df;position:relative;aspect-ratio:16/9}.featured .frame{aspect-ratio:16/9}.frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.card:hover img{transform:scale(1.025)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.card h3{font-size:24px;margin:0;font-weight:500;letter-spacing:-.035em}.card p{color:var(--muted);font-size:14px;margin:3px 0}.circle{border:1px solid var(--line);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;transition:background .2s}.card:hover .circle{background:var(--accent)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:110px 0}.intro h2{font-family:Manrope,sans-serif;font-size:clamp(32px,4vw,62px);line-height:1.15;letter-spacing:-.05em;font-weight:500;margin:0 0 28px}.intro p{max-width:650px;font-size:18px}.dark{background:#1b1e1b;color:#f5f5f1;padding:70px 0}.dark .section-head{margin-top:0;border-color:#454840}.services{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.service{padding:30px 0;border-top:1px solid #454840}.service h3{font-size:27px;letter-spacing:-.04em;font-weight:400;margin:0 0 12px}.service p{color:#bfc3ba;max-width:450px;margin:0}.num{font-size:13px;color:#aab29c;display:block;margin-bottom:16px}.footer{padding:90px 0 20px}.footer h2{font-family:Manrope,sans-serif;font-size:clamp(45px,7vw,104px);line-height:1.1;letter-spacing:-.06em;font-weight:500;margin:20px 0 45px}.footer h2 a{border-bottom:2px solid}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:65px;font-size:13px;color:var(--muted)}.page-title{font:500 clamp(48px,7vw,100px)/1.1 Manrope,sans-serif;letter-spacing:-.06em;margin:35px 0}.page-head{padding:70px 0 55px}.lede{font-size:clamp(20px,2.5vw,32px);max-width:850px;line-height:1.4;letter-spacing:-.02em}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:40px;padding-top:22px;gap:20px}.case-meta dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.case-meta dd{margin:8px 0}.case-hero{width:100%;height:auto;display:block}.story{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:70px 0}.story h2{font-size:16px;font-weight:500;margin:0}.story h3{font-size:35px;line-height:1.25;font-weight:500;letter-spacing:-.035em;margin:0 0 20px}.story p{font-size:18px;max-width:730px;margin:0 0 20px}.gallery{display:grid;gap:20px}.gallery img{width:100%;height:auto;display:block;background:#e5e6df}.caption{font-size:13px;color:var(--muted);margin-top:10px}.upcoming{display:grid;grid-template-columns:1fr 1fr;gap:25px}.upcoming article{border:1px solid var(--line);padding:30px}.upcoming h3{font-size:30px;font-weight:500;margin:25px 0 10px}.badge{font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:var(--accent);padding:7px 12px;border-radius:20px}.archive-row{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.archive-row:hover{color:#516800}.archive-row span:last-child{color:var(--muted);font-size:14px}.contact-main{min-height:65vh;padding:80px 0}.contact-main .textlink{font-size:24px;margin-top:30px}.about-mark{font-family:Georgia,serif;font-size:clamp(90px,16vw,240px);line-height:1;background:var(--accent);padding:60px 30px;text-align:center;font-style:italic;letter-spacing:-.09em}.next{padding:60px 0;border-top:1px solid var(--line);margin-top:70px}.next a{font-size:clamp(35px,5vw,65px);letter-spacing:-.05em}.menu[aria-expanded=true]{background:var(--accent)}@media(max-width:700px){.wrap{width:90%}.header{padding:20px 0;flex-wrap:wrap}.menu{display:block;border:1px solid;border-radius:30px;padding:8px 18px;background:transparent}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px 0}.nav .contact-pill{border:0}.hero{padding-top:40px}.hero-top{font-size:11px;gap:20px}.hero h1{font-size:clamp(48px,11vw,77px);margin:35px 0;letter-spacing:-.06em}.hero-bottom{grid-template-columns:1fr;gap:25px}.hero-bottom p{font-size:16px}.grid{grid-template-columns:1fr;gap:35px}.featured .frame{aspect-ratio:16/9}.section-head{margin-top:35px}.section-head h2{font-size:21px}.section-head a{font-size:13px}.intro,.story{grid-template-columns:1fr;gap:25px;padding:60px 0}.services,.upcoming{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}.case-meta>div:last-child{grid-column:1/-1}.page-head{padding-top:45px}.footer{padding-top:60px}.footer-bottom{gap:20px;flex-wrap:wrap}.archive-row{align-items:center}.archive-row span:last-child{max-width:130px;text-align:right}.card h3{font-size:22px}.contact-main{padding-top:50px}.about-mark{font-size:140px}.hero-top span:last-child{text-align:right}.dark{padding:45px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

figure{margin:0}figcaption{font-size:13px;color:var(--muted);padding:10px 0 14px}.gallery{gap:30px}.contact-main .textlink{overflow-wrap:anywhere;max-width:100%;word-break:break-word}.card-top h3 span{font-size:.7em;font-weight:400;margin-left:8px}.case-hero{aspect-ratio:16/9;object-fit:contain}.concept-gallery{margin-bottom:15px}

.about-portrait{margin:0;align-self:start}.about-portrait img{display:block;width:100%;height:auto}@media(max-width:700px){.about-portrait{width:min(100%,380px)}}

.project-hero{display:block;width:100%;height:auto;margin-bottom:32px}.card:has(.frame img[alt*="Earlier"]) .frame{background:#e5e6df}

.project-sections{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.project-sections a{border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:14px}.project-sections a:hover{background:var(--accent)}

.supplementary .frame img{object-fit:contain}.project-hero{max-height:900px;object-fit:contain}.gallery img{max-height:1100px;object-fit:contain}