:root{--ink:#151513;--paper:#f1f0ec;--line:#c9c7bf;--accent:#a7452a;--white:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.site-header{height:86px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-size:1.35rem;font-weight:600;letter-spacing:-.06em}.brand span{color:var(--accent)}nav{display:flex;gap:2.25rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}nav a,.header-cta,.text-link{transition:color .2s}.header-cta{justify-self:end;border-bottom:1px solid;padding-bottom:3px;font-size:.85rem}.hero{min-height:calc(100svh - 86px);display:grid;grid-template-columns:42% 58%;position:relative}.hero-copy{padding:12vh 4vw 5vw;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:600;margin:0 0 2.5rem}.hero h1{font:400 clamp(4.5rem,8vw,9.2rem)/.82 "Instrument Serif",serif;letter-spacing:-.045em;margin:0 0 3.5rem}.hero h1 em,.approach h2 em,.contact h2 em{font-weight:400;color:var(--accent)}.intro{max-width:31rem;font-size:1.05rem;margin:0 0 2.5rem}.text-link{font-size:.84rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:.35rem}.text-link span{padding-left:2rem}.hero-image{margin:0;min-height:620px;position:relative}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;background:rgba(21,21,19,.9);color:white;padding:1rem 1.3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between}.vertical-note{position:absolute;left:1rem;bottom:2rem;font-size:.6rem;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}.statement{background:var(--ink);color:var(--white);padding:9rem 8vw;display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;align-items:end}.statement p{font:400 clamp(3rem,6vw,6.7rem)/.95 "Instrument Serif",serif;margin:0;max-width:13ch}.statement span{max-width:30rem;color:#c8c6be;font-size:1.05rem}.work{padding:9rem 4vw}.section-heading{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:4vw;align-items:start;margin-bottom:4rem}.section-heading h2,.approach h2,.journey h2{font:400 clamp(3rem,5vw,6rem)/.95 "Instrument Serif",serif;letter-spacing:-.03em;margin:0}.section-heading>p:last-child{margin:0;max-width:26rem}.project-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:end}.project-main{height:66vw;max-height:860px}.project-detail{height:40vw;max-height:560px}.project-grid figure{margin:0}.project-grid figcaption{padding-top:1rem;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;display:flex;justify-content:space-between}.project-grid figcaption span{color:#73716b}.approach{padding:9rem 8vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.approach h2{margin-top:1rem}.approach ol{margin:0;padding:0;list-style:none}.approach li{border-top:1px solid var(--line);padding:1.7rem 0;display:grid;grid-template-columns:3rem 1fr;gap:1rem}.approach li:last-child{border-bottom:1px solid var(--line)}.approach li>span{color:var(--accent);font:400 1.4rem "Instrument Serif",serif}.approach h3{font:400 1.8rem "Instrument Serif",serif;margin:0 0 .35rem}.approach li p{margin:0;color:#5e5c56;max-width:30rem}.journey{background:#b4462b;color:white;padding:9rem 8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;overflow:hidden}.journey-number{font:400 clamp(6rem,15vw,16rem)/.8 "Instrument Serif",serif;color:#d16a4d;white-space:nowrap;align-self:center}.journey h2{margin-bottom:2rem}.journey-copy>p:not(.eyebrow):not(.disclosure){max-width:38rem}.status-row{display:flex;align-items:center;margin:3rem 0 2rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.status-row i{height:1px;background:rgba(255,255,255,.45);flex:1;margin:0 .65rem}.disclosure{font-size:.74rem;color:#f3c6ba;max-width:38rem}.contact{padding:10rem 8vw;min-height:75vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact h2{font:400 clamp(4rem,8vw,9rem)/.85 "Instrument Serif",serif;letter-spacing:-.04em;margin:0 0 2.5rem}.contact>p:not(.eyebrow){max-width:38rem;font-size:1.05rem}.contact>a{font:400 clamp(1.8rem,3vw,3rem) "Instrument Serif",serif;border-bottom:1px solid;margin-top:2rem}.contact a span{color:var(--accent)}.contact small{margin-top:.8rem;color:#77746c}footer{padding:2rem 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:72px}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:5rem 6vw 4rem}.hero h1{font-size:clamp(4.2rem,20vw,7rem)}.hero-image{height:70vh;min-height:480px}.vertical-note{display:none}.statement,.approach,.journey{grid-template-columns:1fr;padding:6rem 6vw}.statement{gap:3rem}.section-heading{grid-template-columns:1fr}.work{padding:6rem 6vw}.project-grid{grid-template-columns:1fr}.project-main,.project-detail{height:75vh;max-height:650px}.project-detail{height:65vh}.status-row{overflow-x:auto;padding-bottom:.5rem}.contact{padding:7rem 6vw}.contact h2{font-size:clamp(3.8rem,17vw,6rem)}footer{gap:1rem;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
