body{margin:0;font-family:Inter,Manrope,Arial,Helvetica,sans-serif;color:#222;background:#F7F7F7}a{color:inherit}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,5vw,56px);border-bottom:1px solid #D8D8D8;background:rgba(255,255,255,.96);color:#000}header>a:first-child{display:grid;grid-template-columns:44px minmax(150px,1fr);align-items:center;gap:12px;min-width:220px;text-decoration:none;font-weight:900;line-height:1.05}header>a:first-child:before{content:"";display:block;width:44px;height:44px;background:url("/assets/afwh-logo-mark.png") center/contain no-repeat}header>a:first-child:after{content:"Produced by A Fight Worth Having";display:block;grid-column:2;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#577EA2}nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}nav a{padding:9px 10px;text-decoration:none;font-size:14px;font-weight:800;color:#222}nav a:hover{color:#FF6262}footer{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(20px,5vw,56px);border-top:10px solid #000;background:#F2F2F2;color:#555}main{padding:clamp(56px,7vw,96px) clamp(20px,5vw,56px);max-width:1180px}.kicker{color:#D2A02C;font-weight:900;text-transform:uppercase;letter-spacing:.16em}h1{font-family:Impact,"Arial Narrow",Inter,sans-serif;font-size:clamp(54px,8vw,110px);line-height:.94;margin:16px 0;color:#000;letter-spacing:0;text-transform:uppercase}.lede{font-family:Literata,Georgia,serif;font-size:clamp(21px,3vw,34px);line-height:1.25;max-width:940px;color:#222}.visual,.dependency{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:44px 0;background:#000;border:1px solid #000}.visual div,.dependency div{min-height:150px;background:linear-gradient(145deg,#FFFFFF,#F2F2F2 65%,#D8D8D8);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border-top:8px solid #FF6262}.dependency{grid-template-columns:repeat(2,minmax(0,1fr))}.dependency div{min-height:120px}.visual span,.dependency span{font-family:Impact,"Arial Narrow",Inter,sans-serif;font-size:clamp(32px,4vw,54px);font-weight:900;line-height:.95;text-transform:uppercase}.dependency span{font-size:clamp(26px,3vw,40px)}.visual small,.dependency small{margin-top:10px;font-weight:800;color:#454545}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}article,.map,.ask,.chart{background:#fff;border:1px solid #D8D8D8;padding:28px}h2{font-size:26px;margin:0 0 12px;color:#000}.map,.ask,.chart{margin-top:18px}.map ul{margin:0;padding-left:20px}.map li{margin:10px 0;line-height:1.55}.map p,.ask p,.note,article p{line-height:1.65}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}.button{background:#FF6262;color:#fff;padding:15px 20px;font-weight:900;text-decoration:none;display:inline-block}.button:hover{background:#000;color:#fff}.secondary{background:#fff;border:2px solid #000;color:#000}.bar{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center;margin:18px 0}.bar span{font-weight:900}.bar strong,.bar em{display:block;min-width:76px;padding:10px 12px;margin:4px 0;background:#FF6262;color:#fff;font-style:normal;font-weight:900;width:var(--w)}.bar em{background:#286691;color:white}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:44px 0}.timeline article{position:relative;min-height:180px}.timeline time{display:inline-block;margin-bottom:18px;background:#000;color:white;font-weight:900;padding:8px 10px}.note{color:#666;font-size:14px}@media(max-width:900px){header{align-items:flex-start;flex-direction:column;gap:12px}nav{justify-content:flex-start}main{padding-top:44px}}@media(max-width:800px){.grid,.visual,.dependency,.timeline{grid-template-columns:1fr}h1{font-size:58px}.bar{grid-template-columns:1fr}.bar strong,.bar em{width:auto}footer{flex-direction:column}}
