:root{--ink:#17221d;--paper:#f3f0e8;--line:rgba(23,34,29,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.topbar{height:92px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:1.25rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand span{color:#ff5b3a}.nav-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none}.nav-link b{margin-left:10px}.hero{padding:54px clamp(24px,7.5vw,116px) 90px;min-height:680px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid var(--line);border-radius:50%;right:-190px;top:70px;box-shadow:0 0 0 70px rgba(23,34,29,.025),0 0 0 140px rgba(23,34,29,.02)}.status{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:99px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.status i{width:7px;height:7px;border-radius:50%;background:#ff5b3a;box-shadow:0 0 0 4px rgba(255,91,58,.14)}.kicker{margin:74px 0 15px;font-size:.76rem;text-transform:uppercase;letter-spacing:.17em}.hero h1{margin:0;max-width:1050px;font-size:clamp(4.2rem,10vw,9.4rem);line-height:.82;letter-spacing:-.075em;font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{margin:55px 0 0 33%;display:flex;max-width:730px;align-items:flex-end;justify-content:space-between;gap:60px;position:relative;z-index:1}.hero-bottom>p{max-width:480px;font-size:1.08rem;line-height:1.65;margin:0}.round-link{flex:0 0 120px;height:120px;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:23px;text-decoration:none;font-size:.7rem;text-transform:uppercase;line-height:1.25;letter-spacing:.08em;transition:.2s}.round-link b{text-align:right;font-size:1.25rem}.round-link:hover{transform:rotate(5deg);background:#ff5b3a}.projects{padding:100px clamp(24px,7.5vw,116px) 120px;background:var(--ink);color:#f8f5ec}.section-heading{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:end;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.22)}.section-heading p,.section-heading span{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;opacity:.65}.section-heading h2{margin:0;font-size:clamp(2.4rem,4vw,4.6rem);letter-spacing:-.055em;line-height:.95}.project-list{margin-top:36px;display:grid;gap:28px}.project-card{min-height:420px;display:grid;grid-template-columns:62px minmax(260px,.9fr) minmax(300px,1.2fr);gap:clamp(20px,4vw,70px);padding:30px;color:var(--ink);position:relative;overflow:hidden}.halewijn{background:#d4f43b}.rebo{background:#b7d9ff}.project-number{font-size:.72rem;letter-spacing:.12em}.project-visual{position:relative;min-height:320px;display:grid;place-items:center}.mark{width:155px;height:155px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:500 3.2rem Georgia,serif;position:relative;z-index:2;box-shadow:12px 12px 0 rgba(255,255,255,.55)}.rebo .mark{border-radius:18px;transform:rotate(-4deg)}.orbit{position:absolute;inset:12%;border:1px solid rgba(23,34,29,.28);border-radius:50%;transform:rotate(-18deg)}.orbit.two{inset:25% 0;transform:rotate(30deg)}.project-copy{padding:42px clamp(0px,2vw,30px) 18px 0;display:flex;flex-direction:column;align-items:flex-start}.project-label{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;margin:0 0 40px}.project-copy h3{font-size:clamp(2.5rem,5vw,5.7rem);line-height:.92;letter-spacing:-.065em;margin:0;max-width:670px}.description{max-width:620px;line-height:1.6;font-size:1rem;margin:27px 0 32px}.project-copy>a{margin-top:auto;display:flex;width:100%;max-width:620px;justify-content:space-between;align-items:center;border-top:1px solid rgba(23,34,29,.35);padding-top:18px;text-decoration:none;font-weight:700}.project-copy>a b{font-size:1.4rem;transition:.2s}.project-copy>a:hover b{transform:translate(4px,-4px)}.closing{padding:120px clamp(24px,7.5vw,116px);min-height:500px}.closing>p{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.closing h2{max-width:900px;font-size:clamp(3rem,7vw,7.4rem);line-height:.93;letter-spacing:-.065em;margin:42px 0 60px}.closing a{display:inline-flex;gap:70px;border-bottom:2px solid var(--ink);padding:0 0 12px;font-size:1.2rem;text-decoration:none}footer{margin:0 clamp(24px,5vw,76px);padding:38px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}footer p{margin:0}footer .brand{font-size:1.05rem}@media(max-width:800px){.topbar{height:75px}.nav-link{font-size:.62rem}.hero{padding-top:36px;min-height:auto}.kicker{margin-top:55px}.hero h1{font-size:clamp(3.75rem,17vw,6.4rem)}.hero-bottom{margin:42px 0 0;align-items:center;gap:25px}.round-link{flex-basis:100px;height:100px;padding:18px}.projects{padding-top:70px}.section-heading{grid-template-columns:1fr auto}.section-heading h2{grid-row:2;grid-column:1/-1}.project-card{grid-template-columns:32px 1fr;padding:20px}.project-visual{min-height:250px}.project-copy{grid-column:1/-1;padding:12px 4px}.project-label{margin-bottom:24px}footer{grid-template-columns:1fr auto;gap:20px}footer p:first-of-type{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}