:root{--ink:#202320;--muted:#626660;--paper:#f7f8f4;--lime:#d9f266;--line:#d7dbd2;--space:clamp(24px,5.3vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;margin:auto;padding-left:var(--space);padding-right:var(--space)}.skip{position:absolute;top:-100px;left:20px;background:var(--lime);padding:12px;z-index:20}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px var(--space);border-bottom:1px solid var(--line);background:rgba(247,248,244,.96);backdrop-filter:blur(12px)}.brand{font-size:25px;letter-spacing:-1.2px;font-weight:700;line-height:1.1}.brand span{display:block;font-family:monospace;font-size:10px;letter-spacing:1px;margin-top:9px;font-weight:400}.back-link,.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:2px}.back-link span,.text-link span{margin-left:17px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:11%;align-items:center;padding-top:80px;padding-bottom:96px}.eyebrow,.section-label{font-family:monospace;font-size:12px;letter-spacing:1.3px;color:var(--muted);margin:0 0 28px}.hero h1,h2{letter-spacing:-.06em;font-weight:500;line-height:1.08;margin:0}.hero h1{font-size:clamp(48px,5.45vw,82px)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:21px;line-height:1.5;max-width:575px;margin:32px 0 18px}.hero-note{max-width:515px;color:var(--muted);margin:0}.portrait{position:relative;aspect-ratio:.74;margin:0;overflow:hidden;background:#dce0d7}.portrait:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.58));pointer-events:none}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;display:block}.portrait figcaption{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;color:white;font-family:monospace;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.story{padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.story h2,.chapter h2,.focus h2,.contact h2{font-size:clamp(35px,4vw,59px)}.story p,.chapter-copy p{margin:0 0 20px;color:var(--muted);font-size:17px}.chapter{background:var(--ink);color:var(--paper);padding:108px 0}.chapter .section-label{color:#b7c2a1}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.chapter h2{max-width:525px}.chapter-copy p{color:#c4c8c1}.focus{padding-top:110px;padding-bottom:110px}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.focus h2{margin-bottom:28px}.focus p{max-width:490px;font-size:17px;color:var(--muted)}.expertise{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.expertise li{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px}.expertise span{font-family:monospace;font-size:11px;color:var(--muted);padding-top:3px}.approach{background:#e9ede4;padding:110px 0}.approach-grid{display:grid;grid-template-columns:.85fr 1.15fr 1fr;gap:8%}.approach blockquote{font-family:Georgia,serif;font-size:clamp(29px,3vw,45px);font-weight:400;line-height:1.14;letter-spacing:-.04em;margin:0}.approach-copy p{color:var(--muted);margin:0 0 18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:110px;padding-bottom:110px}.contact h2{max-width:520px}.contact p{font-size:18px;max-width:430px;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--ink);color:var(--paper);padding:16px 22px;border:1px solid var(--ink);border-radius:4px;font-size:14px}.button:hover{background:#3c4435}.button span{font-size:21px}.contact .text-link{display:block;width:max-content;margin-top:25px}footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:34px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer a{color:var(--ink)}@media(max-width:800px){.hero,.story-grid,.chapter-grid,.focus-grid,.contact{grid-template-columns:1fr;gap:42px}.hero{padding-top:46px;padding-bottom:62px}.portrait{max-width:540px;aspect-ratio:.85}.story,.focus,.approach,.contact{padding-top:68px;padding-bottom:68px}.chapter{padding:68px 0}.approach-grid{grid-template-columns:1fr;gap:34px}.lead{font-size:19px}.site-header{padding-top:18px;padding-bottom:18px}.brand{font-size:22px}.brand span{font-size:8px}.story p,.chapter-copy p,.focus p{font-size:16px}}@media(max-width:440px){.back-link{font-size:12px}.brand{font-size:20px}.brand span{letter-spacing:.6px}.hero h1{font-size:45px}.portrait{margin-left:calc(var(--space)*-1);margin-right:calc(var(--space)*-1);max-width:none}.contact .button{width:100%}footer{flex-direction:column}}
