:root{--bg:#f3f0e9;--ink:#20251f;--muted:#687066;--line:#cbd0c5;--accent:#c45132}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.shell{max-width:1200px;margin:auto;padding:0 34px}header{border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;min-height:90px;gap:24px}.brand{font-weight:900;letter-spacing:-.06em;font-size:27px}.brand span{color:var(--accent)}nav{display:flex;gap:27px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.hero{padding:95px 0 105px;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:40px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:bold}h1{font-size:clamp(65px,10vw,150px);line-height:.88;letter-spacing:-.085em;margin:25px 0 0;font-weight:800}h2{font-size:clamp(38px,6vw,76px);line-height:1;letter-spacing:-.065em;margin:15px 0 35px}h3{font-size:27px;letter-spacing:-.045em}.intro{font-size:19px;line-height:1.6;max-width:420px}.button{display:inline-block;background:var(--ink);color:white;padding:17px 23px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:22px}.button:hover{background:var(--accent);color:white}.art{min-height:420px;background:#d6dcd0;position:relative;overflow:hidden}.art:before{content:"";position:absolute;width:75%;height:80%;border:28px solid #f3f0e9;border-radius:50%;top:20%;left:32%;transform:rotate(-28deg)}.art:after{content:"";position:absolute;background:var(--accent);width:30%;height:75%;transform:rotate(32deg);left:10%;top:-15%}.stripe{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.section{padding:100px 0}.section.alt{background:#e5e9df}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{padding:32px;border:1px solid var(--line);min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.tile .number{color:var(--accent);font-size:13px}.tile p{line-height:1.6;color:var(--muted)}.page-head{padding:90px 0 65px}.page-head h1{font-size:clamp(65px,9vw,120px)}.bodycopy{max-width:780px;font-size:20px;line-height:1.8}.project{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:start}.project h3{margin:0}.project p{margin:0;line-height:1.6;color:var(--muted)}footer{border-top:1px solid var(--line);padding:38px 0 55px}.foot{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.notfound{min-height:65vh;display:flex;flex-direction:column;justify-content:center}.notfound h1{color:var(--accent)}@media(max-width:760px){.shell{padding:0 22px}.nav{align-items:flex-start;flex-direction:column;padding:22px 0}nav{flex-wrap:wrap;gap:15px}.hero{grid-template-columns:1fr;padding:65px 0}.art{min-height:300px}.grid{grid-template-columns:1fr}.tile{min-height:210px}.project{grid-template-columns:1fr;gap:12px}.section{padding:65px 0}.stripe,.foot{flex-direction:column}}
