:root{--ink:#101116;--paper:#f2efe7;--white:#fffef9;--orange:#ff5a36;--blue:#3155ff;--muted:#65676e;--line:#cfcbc0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(17,19,26,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,26,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
a{color:inherit}header{min-height:88px;padding:15px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:relative;z-index:1}.brand img{display:block;width:clamp(190px,18vw,260px)}.quiet-link{font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.quiet-link span{color:var(--orange)}
main{position:relative;z-index:1}.hero{max-width:1440px;margin:0 auto;min-height:620px;padding:clamp(70px,10vw,148px) clamp(20px,5vw,72px) clamp(70px,9vw,132px);display:grid;grid-template-columns:1.15fr .65fr;gap:clamp(50px,8vw,130px);align-items:end;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 22px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.2em}.hero h1{margin:0;font:500 clamp(54px,7vw,104px)/.93 Georgia,serif;letter-spacing:-.06em}.hero h1 em{font-weight:400;color:var(--orange)}.hero-copy p{max-width:440px;margin:0 0 30px;color:#474950;font-size:18px;line-height:1.65}.button{min-height:56px;padding:0 24px;display:inline-flex;align-items:center;gap:42px;background:var(--ink);color:white;border:1px solid var(--ink);text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.04em}.button:hover{box-shadow:6px 6px 0 var(--orange);transform:translate(-2px,-2px)}
.projects{max-width:1440px;margin:0 auto;padding:clamp(70px,9vw,132px) clamp(20px,5vw,72px);display:grid;grid-template-columns:.48fr 1fr;gap:clamp(44px,7vw,100px)}.section-label h2{margin:0;font:500 clamp(35px,4vw,55px)/1 Georgia,serif;letter-spacing:-.045em}.project-card{min-height:390px;padding:30px;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink);text-decoration:none}.project-card:hover{box-shadow:13px 13px 0 var(--orange);transform:translate(-3px,-3px)}.number{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.project-card>div{margin-top:auto}.project-card p{margin:0 0 11px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}.project-card h3{margin:0;font:500 clamp(34px,4vw,52px)/1 Georgia,serif;letter-spacing:-.04em}.project-card div>span{display:block;max-width:590px;margin-top:16px;color:var(--muted);font-size:15px;line-height:1.6}.project-card b{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.project-card b span{color:var(--orange)}
footer{padding:30px clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;border-top:1px solid var(--ink);color:var(--muted);font-size:10px}footer img{width:clamp(170px,23vw,220px)}footer nav{display:flex;flex-wrap:wrap;gap:14px}footer nav a{text-underline-offset:3px}footer>span{margin-left:auto}
@media(max-width:850px){.hero,.projects{grid-template-columns:1fr}.hero{min-height:auto;gap:48px}.projects{gap:44px}footer>span{margin-left:0}}
@media(max-width:520px){header{min-height:74px}.brand img{width:170px}.hero h1{font-size:54px}.project-card{min-height:350px;padding:23px;box-shadow:7px 7px 0 var(--ink)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}