:root{--ink:#2b2b2b;--paper:#f2f1ed;--white:#fff;--line:#ddd;--muted:#686868;--dark:#222;--wine:#8b1e3f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Archivo,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
.wrap{max-width:1180px;margin:auto;padding:0 28px}header{position:sticky;top:0;z-index:10;background:rgba(242,241,237,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:.08em;font-size:14px}.brand:before{content:'';display:inline-block;width:8px;height:8px;background:var(--wine);margin-right:10px}.brand small{display:block;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.12em;font-weight:400;margin:5px 0 0 18px;text-transform:uppercase}nav a{color:inherit;text-decoration:none}.navlinks{display:flex;gap:24px;font-size:13px}.navlinks a:hover{color:var(--wine)}
.hero{padding:100px 0 78px;border-bottom:1px solid var(--line)}.kicker,.num,.tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.kicker,.num{color:var(--wine)}h1{font-size:clamp(58px,10vw,130px);line-height:.9;letter-spacing:-.07em;margin:28px 0 34px;max-width:1050px;font-weight:800}.hero h2{font-size:clamp(25px,4vw,52px);letter-spacing:-.045em;max-width:780px;margin:0 0 24px}.lead{font-size:19px;line-height:1.55;max-width:760px;color:#3e3d39}.flow{margin-top:54px;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:800;letter-spacing:.07em}.flow span:not(:last-child):after{content:' →';padding-left:10px}
section{padding:84px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:120px 1fr;gap:30px;margin-bottom:48px}.section-head h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.055em;margin:0;max-width:800px}.section-head p{max-width:700px;line-height:1.6;color:var(--muted)}.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--paper);padding:32px;min-height:410px;display:flex;flex-direction:column;min-width:0}.card h3{font-size:34px;letter-spacing:-.05em;margin:60px 0 16px}.card p{line-height:1.55;color:var(--muted)}.card a,.button{margin-top:auto;color:inherit;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid;padding:12px 0 8px;max-width:100%;width:fit-content}.card a:hover,.button:hover{color:var(--wine)}
.areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.area{background:var(--white);padding:30px;min-height:205px;text-decoration:none;color:inherit;border:1px solid transparent;transition:.2s}.area:hover{border-color:var(--ink);transform:translateY(-2px)}.area b{font-size:12px;letter-spacing:.12em;color:var(--wine);font-family:'Space Mono',monospace}.area h3{font-size:30px;letter-spacing:-.045em;margin:45px 0 8px}.area p{color:var(--muted);margin:0;line-height:1.45}.dark{background:var(--dark);color:#f5f2ea}.dark .num{color:#ddd}.dark .section-head p{color:#aaa}.statement{font-size:clamp(42px,7vw,94px);line-height:.98;letter-spacing:-.065em;max-width:1000px;margin:20px 0 55px}.statement em{font-style:normal;color:#aaa}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#555}.tool{background:var(--dark);padding:26px;min-height:190px;text-decoration:none;color:inherit;display:block}.tool h3{margin-top:55px;font-size:23px}.tool p{font-size:14px;color:#bbb;line-height:1.5}.tool:hover{background:#303030}.role{display:grid;grid-template-columns:1fr 1fr;gap:70px}.role h2{font-size:52px;letter-spacing:-.05em;margin:0}.role p{font-size:18px;line-height:1.65;color:var(--muted)}.cta{text-align:center;padding:110px 20px}.cta h2{font-size:clamp(48px,8vw,105px);letter-spacing:-.065em;line-height:.95;margin:20px auto 40px;max-width:900px}.cta a{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:18px 28px;font-size:12px;font-weight:800;letter-spacing:.12em}
footer{padding:30px 0;font-size:12px;border-top:1px solid var(--line)}footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}footer a{color:inherit}.jump{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:15px;z-index:100;color:var(--ink)}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--wine);outline-offset:5px}.dark :focus-visible{outline-color:white}.menu{display:none}.subhero{padding:64px 0 60px}.subhero h1{font-size:clamp(44px,7vw,88px);line-height:1.02;letter-spacing:-.055em;overflow-wrap:anywhere}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:32px}.breadcrumb a{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.project-grid .card{min-height:320px}.project-grid .card h3{margin-top:30px}.detail{display:grid;grid-template-columns:200px 1fr;gap:48px}.detail h2{font-size:24px;letter-spacing:-.035em;margin:0}.detail p{font-size:18px;line-height:1.7;max-width:70ch;margin:0 0 20px}.detail ul{padding-left:20px;line-height:1.8}.detail li+li{margin-top:10px}.actions{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:25px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters a{font-size:12px;border:1px solid var(--line);padding:12px 15px;color:inherit;text-decoration:none;background:white}.filters [aria-current=page]{background:var(--ink);color:white}.diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.diagram span{padding:24px 12px;border:1px solid var(--line);font-size:12px;text-align:center}.diagram .center{grid-column:1/-1;background:var(--ink);color:white;font-size:28px;font-weight:800}.note{font-size:14px!important;color:var(--muted);border-left:3px solid var(--wine);padding:0 0 0 18px}.resource{display:block;color:var(--ink);padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;line-height:1.5}.resource:hover{text-decoration:underline}.resource small{display:block;color:var(--muted)}
@media(max-width:1000px){.proof{grid-template-columns:1fr}.card{min-height:280px}.card h3{margin-top:30px}.proof .card{padding:30px}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wrap{padding:0 18px}.navlinks{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;font-size:12px;padding:14px 4px}.menu-panel{position:absolute;right:0;top:48px;background:var(--paper);border:1px solid var(--line);width:230px;padding:16px;box-shadow:0 10px 30px #0001}.menu-panel a{display:block;padding:14px 8px}.hero{padding:56px 0 48px}h1{font-size:clamp(42px,10.9vw,80px)}.section-head{grid-template-columns:1fr;gap:12px}section{padding:52px 0}.proof,.areas,.tools,.role,.project-grid,.detail{grid-template-columns:1fr}.card{min-height:300px}.card h3{margin-top:40px}.area{min-height:170px}.role{gap:25px}.role h2{font-size:42px}.detail{gap:24px}.cta{padding:70px 0}.brand{font-size:12px}.brand small{font-size:8px}.flow{margin-top:32px;font-size:10px;gap:10px}.diagram{grid-template-columns:repeat(2,minmax(0,1fr))}.subhero h1{font-size:clamp(40px,10vw,68px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.book img{display:block;width:100%;max-width:280px;height:auto;border:1px solid var(--line)}.book h3{font-size:23px}.book .button{display:inline-block}@media(max-width:600px){.book-grid{grid-template-columns:1fr}}