:root{--ink:#000;--paper:#fff;--soft:#fce38a;--line:#d7d2c3;--muted:#5b514b;--acid:#ff751f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}.shell,header{width:min(calc(100% - 48px),var(--max));margin:auto}.skip{position:fixed;top:-5em;left:1em;z-index:9;padding:.7em;background:var(--acid)}.skip:focus{top:1em}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:500 22px/1 monospace;letter-spacing:-.1em}.brand span{color:var(--acid)}nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:bold}.nav-button,.button{display:inline-block;padding:14px 17px;background:var(--ink);color:var(--paper);font-weight:bold}.menu{display:none;border:0;background:0;font-weight:bold}.eyebrow{margin:0 0 20px;color:var(--muted);font:11px/1.3 monospace;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{letter-spacing:-.055em;line-height:1.02}h1{max-width:830px;margin:0 0 28px;font-size:clamp(3.4rem,7vw,6.7rem)}h2{max-width:850px;margin:0 0 44px;font-size:clamp(2.35rem,4.7vw,4.65rem)}h3{margin:0 0 17px;font-size:clamp(1.6rem,2.4vw,2.2rem)}.hero{padding:90px 0 120px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:end}.lead{max-width:655px;margin:0 0 36px;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.48}.actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:bold}.hero-side{padding:30px;background:var(--soft);border-top:2px solid var(--ink)}.hero-side ol{padding:0;margin:0;list-style:none}.hero-side li{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:17px 0;border-top:1px solid var(--line)}.hero-side li:last-child{border-bottom:1px solid var(--line)}.hero-side b{font:11px monospace;color:var(--muted);text-transform:uppercase}.statement{padding:48px 0;background:var(--acid)}.statement>div{display:grid;grid-template-columns:.33fr 1fr;gap:40px}.statement .eyebrow{color:var(--ink)}.statement p:last-child{max-width:850px;margin:0;font-size:clamp(1.35rem,2.6vw,2.3rem);line-height:1.27;letter-spacing:-.04em}.section{padding:122px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,150px);max-width:1100px;font-size:19px;line-height:1.5}.intro p{margin:0}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:85px;background:var(--line)}.offer-grid article{min-height:305px;padding:33px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}.offer-grid article+article{background:var(--soft)}.offer-grid a,.project-grid a{margin-top:auto;font-size:14px;font-weight:bold;text-decoration:underline;text-underline-offset:4px}.projects{background:var(--soft)}.projects-intro{max-width:630px;margin:-20px 0 45px;font-size:19px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-grid article{min-height:300px;padding:33px;display:flex;flex-direction:column}.photo{background:#d9d7cf}.podcast{background:var(--ink);color:var(--paper)}.podcast .eyebrow{color:#b4b4ad}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#b4b4ad}.direction-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;margin-bottom:46px}.direction-grid p{max-width:690px;margin:0;font-size:clamp(1.25rem,2vw,1.72rem);line-height:1.47}.direction-grid ul{padding:0;margin:0;list-style:none}.direction-grid li{padding:12px 0;border-top:1px solid #4e4e49}.boundary{max-width:730px;margin:0;color:#c2c1ba;font-size:14px}.about{border-top:1px solid var(--line)}.about .button{margin-top:55px}footer{padding:30px 0;background:var(--ink);color:var(--paper);font-size:12px}footer>div{display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width:800px){header{height:74px;position:relative}.menu{display:block}.menu[aria-expanded=true]+nav{display:flex}nav{display:none;position:absolute;top:74px;left:-24px;right:-24px;z-index:4;padding:24px;background:var(--paper);border-bottom:1px solid var(--ink);flex-direction:column;align-items:flex-start}.nav-button{width:100%;text-align:center}.hero{padding:65px 0 82px}.hero-grid,.intro,.statement>div,.direction-grid{grid-template-columns:1fr;gap:40px}.section{padding:82px 0}.offer-grid,.project-grid{grid-template-columns:1fr}.offer-grid{margin-top:55px}.direction-grid{margin-bottom:36px}footer>div{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:500px){.shell,header{width:min(calc(100% - 32px),var(--max))}.actions{align-items:flex-start;flex-direction:column;gap:20px}}
