@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");*{box-sizing:border-box}:root{--bg:#f3f0e9;--paper:#faf8f3;--text:#171714;--muted:#69675f;--line:#d7d2c8;--accent:#d9ff45;--dark:#171714}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}main{max-width:1500px;margin:0 auto;padding:0 5vw}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.04em}.brand span{color:#6e7600}.nav nav{display:flex;gap:30px;font-size:13px;font-weight:600}.nav nav a{transition:opacity .2s ease}.nav nav a:hover{opacity:.5}.hero{min-height:calc(100vh - 88px);padding:8vh 0 7vh;flex-direction:column}.hero,.hero-intro{display:flex;justify-content:space-between}.hero-intro{align-items:flex-start}.contact-label,.eyebrow,.project-type,.section-label{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700}.eyebrow,.hero-kicker{margin:0;color:var(--muted)}.hero-kicker{max-width:270px;font-size:13px;text-align:right}h1,h2,h3{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-.055em}h1{max-width:1150px;margin:9vh 0;font-size:clamp(60px,9.2vw,145px);line-height:.88}h1 em,h2 em{font-style:normal;color:#646b00}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-copy{max-width:590px;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.3;color:#4d4b45}.circle-link{width:74px;height:74px;flex:0 0 74px;border:1px solid var(--text);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .25s ease,transform .25s ease}.circle-link:hover{background:var(--accent);transform:translateY(4px)}.section{padding:125px 0;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:70px}.work-intro{display:grid;grid-template-columns:2fr 1fr;grid-gap:8vw;gap:8vw;align-items:end;margin-bottom:85px}.work-intro h2{margin:0;font-size:clamp(46px,6.5vw,92px);line-height:.92}.work-intro p{max-width:360px;margin:0;color:var(--muted);font-size:17px}.project-list{border-top:1px solid var(--line)}.project-card{position:relative;display:grid;grid-template-columns:7% 45% 1fr;grid-gap:28px;gap:28px;padding:30px 0 75px;border-bottom:1px solid var(--line)}.project-number{color:var(--muted);font-size:12px;font-weight:700;padding-top:5px}.project-visual{aspect-ratio:1.25/1;background:var(--dark);color:var(--paper);padding:28px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.project-visual>span{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.4vw,52px);line-height:.95;letter-spacing:-.06em;position:relative;z-index:2}.visual-mark{position:absolute;right:8%;top:10%;width:48%;height:70%;opacity:.95}.visual-mark span{position:absolute;border:1px solid var(--accent);display:block;transform:rotate(-12deg)}.visual-mark span:first-child{width:58%;height:70%;right:0;top:0}.visual-mark span:nth-child(2){width:58%;height:70%;right:18%;top:15%}.visual-mark span:nth-child(3){width:58%;height:70%;right:36%;top:30%}.project-content{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:4px 0 0}.project-type{color:var(--muted);margin:0 0 18px}.project-card h3{margin:0 0 18px;font-size:clamp(30px,3.2vw,50px);line-height:1}.project-description{max-width:430px;margin:0;color:#57554e;font-size:16px}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:35px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.arrow{font-size:22px;color:var(--text)}.approach{background:var(--dark);color:var(--paper);margin:0 -5vw;padding-left:5vw;padding-right:5vw}.approach .section-label{color:#98978e}.approach-heading{display:grid;grid-template-columns:2fr 1fr;grid-gap:8vw;gap:8vw;align-items:end;margin-bottom:100px}.approach-heading h2{max-width:850px;margin:0;font-size:clamp(48px,7vw,100px);line-height:.92}.approach-heading p{margin:0;color:#b0aea6;font-size:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #45443f}.principle{padding:28px 35px 10px 0;border-right:1px solid #45443f;min-height:260px}.principle:not(:first-child){padding-left:35px}.principle:last-child{border-right:0}.principle>span{color:#8f8d85;font-size:12px}.principle h3{margin:55px 0 15px;font-size:28px;letter-spacing:-.04em}.principle p{margin:0;max-width:310px;color:#aaa89f}.about-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-gap:10vw;gap:10vw}.about-grid h2{margin:0;font-size:clamp(44px,6vw,82px);line-height:.94}.about-copy{padding-top:8px;font-size:19px;color:var(--muted)}.about-copy p{margin:0 0 24px}.contact{min-height:80vh;flex-direction:column;padding-bottom:90px}.contact,.contact-label{display:flex;justify-content:space-between}.contact-label{color:var(--muted)}.contact h2{margin:0;font-size:clamp(58px,10vw,150px);line-height:.84}.contact-link{width:-moz-fit-content;width:fit-content;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,2.5vw,32px);border-bottom:1px solid var(--text);padding-bottom:8px}.contact-link span{margin-left:25px}footer{border-top:1px solid var(--line);padding:25px 0 45px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}@media (max-width:850px){main{padding:0 22px}.nav{height:72px}.nav nav{gap:16px}.nav nav a:nth-child(2){display:none}.hero{min-height:calc(100vh - 72px);padding:55px 0 45px}.hero-intro{display:block}.hero-kicker{text-align:left;margin-top:18px}h1{margin:13vh 0;font-size:clamp(58px,16vw,105px)}.hero-bottom{align-items:flex-start}.circle-link{width:58px;height:58px;flex-basis:58px}.section{padding:85px 0}.section-label{margin-bottom:50px}.about-grid,.approach-heading,.work-intro{grid-template-columns:1fr;gap:30px}.work-intro{margin-bottom:55px}.project-card{grid-template-columns:1fr;gap:15px;padding-bottom:55px}.project-number{display:none}.project-content{gap:35px}.project-visual{aspect-ratio:1.2/1}.approach{margin:0 -22px;padding-left:22px;padding-right:22px}.approach-heading{margin-bottom:60px}.principles{grid-template-columns:1fr}.principle,.principle:not(:first-child){padding:25px 0 40px;border-right:0;border-bottom:1px solid #45443f;min-height:auto}.principle:last-child{border-bottom:0}.principle h3{margin-top:35px}.contact{min-height:65vh}footer,footer span{display:block}footer span{margin-bottom:8px}}