@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#19231e;--paper:#f3f0e9;--sand:#e5ded0;--moss:#3d5547;--accent:#b45a38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;border-bottom:1px solid #d9d3c7}.logo{font:600 15px/12px 'DM Mono',monospace;letter-spacing:1px;text-decoration:none;color:var(--ink)}.logo em{font-style:normal;color:var(--accent)}nav div{display:flex;gap:26px}nav div a{color:var(--ink);text-decoration:none;font-size:14px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:7vw;align-items:center;border-bottom:1px solid #d9d3c7}.kicker{font:500 11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--accent);margin:0 0 24px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.97;letter-spacing:-3px;margin:0}.lede{font-size:19px;line-height:1.55;max-width:510px;margin:29px 0 34px;color:#4b554e}.quiet{font:11px 'DM Mono',monospace;letter-spacing:.5px;color:#727970;margin-top:31px}.cta,button{display:inline-flex;gap:32px;align-items:center;background:var(--ink);color:white;text-decoration:none;border:0;padding:16px 20px;font:500 12px 'DM Mono',monospace;letter-spacing:.4px;cursor:pointer}.cta span,button span{color:#e8a17d;font-size:19px;line-height:8px}.hero-image{margin:0;position:relative}.hero-image img{display:block;width:100%;aspect-ratio:4/4.5;object-fit:cover}.hero-image figcaption{position:absolute;bottom:0;right:0;background:var(--paper);padding:13px 16px;font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--moss)}.statement{background:var(--ink);color:#f8f3e9;padding:8vw 18vw}.statement p{font:500 clamp(29px,4vw,55px)/1.15 'Playfair Display',serif;margin:0}.work{padding:9vw 7vw}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:920px;margin-bottom:56px}.section-intro h2{font-size:clamp(39px,4vw,58px);line-height:1;margin:0;letter-spacing:-2px}.section-intro>p{color:#586059;line-height:1.6;margin:0;align-self:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c1b5}.cards article{padding:30px 32px 30px 0;margin-right:32px;border-right:1px solid #c9c1b5}.cards article:last-child{border:0}.cards b{font:11px 'DM Mono',monospace;color:var(--accent)}.cards h3{font-size:34px;margin:35px 0 14px}.cards p{color:#586059;line-height:1.55;max-width:260px}.principles{display:grid;grid-template-columns:1.3fr .7fr;gap:12vw;background:#dce0d9;padding:8vw 7vw}.principles h2{font-size:clamp(37px,4vw,60px);line-height:1.04;letter-spacing:-2px;margin:0}.principles>p{color:#4f5951;line-height:1.65;align-self:end;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:var(--sand);padding:8vw 7vw}.contact h2{font-size:clamp(38px,4vw,61px);line-height:1;margin:0 0 20px;letter-spacing:-2px}.contact>div>p:last-child{color:#59625b}.contact form{display:grid;gap:17px}.contact label{font:12px 'DM Mono',monospace;color:#3b463e;letter-spacing:.2px}.contact label span{color:#7b8179}input,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #8d938b;padding:10px 0 8px;outline:none;font:16px 'DM Sans',sans-serif;color:var(--ink);resize:vertical}button{justify-self:start;margin-top:5px}footer{display:flex;justify-content:space-between;padding:25px 7vw;color:#667067;font:10px 'DM Mono',monospace;letter-spacing:.7px}@media(max-width:700px){nav{padding:0 6vw}.hero,.contact,.principles,.section-intro{grid-template-columns:1fr;padding:18vw 6vw;gap:12vw}.hero{min-height:auto}.hero-image{max-width:540px}.hero h1{letter-spacing:-2px}.statement{padding:18vw 8vw}.work{padding:18vw 6vw}.section-intro{padding:0;margin-bottom:40px}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #c9c1b5;margin:0;padding:28px 0}.principles{padding:18vw 6vw}footer{padding:22px 6vw;gap:20px}.contact{padding-bottom:20vw}}