:root{--elev-1:var(--shadow-sm);--elev-2:var(--shadow-md);--elev-3:var(--shadow-lg)}
#main h1{font-weight:var(--fw-h1)}
#main h2{font-weight:var(--fw-h2)}
#main h3{font-weight:var(--fw-h3)}
#main .home-hero{background-image:var(--grad-accent-wash)}
.service-network{width:100%;height:140px;margin-bottom:20px;color:var(--ink);opacity:.65}
/* Homepage only. Art-directed log figure, asymmetric service folio, quieter secondary matter. */
.home-hero{min-height:0;padding:76px 0 100px;background-image:var(--wash)}
.home-hero .signature{width:min(640px,80vw);margin:0 auto 40px}
.home-hero h1{font-size:clamp(2.2rem,4vw,3.5rem);max-width:24ch;text-wrap:balance}
#platforms{margin-top:-32px;padding:0 0 16px}
#platforms>.wrap{padding:20px 32px;border-radius:8px}
#platforms .section-head{display:none}
#introduction{padding:112px 0 120px}
#introduction>.wrap{grid-template-columns:1fr 1.25fr;gap:10%}
#introduction .section-head h2{font-size:clamp(2.5rem,4.7vw,4.5rem)}
#introduction .split>.grid{margin-top:32px;padding:24px 28px;background:var(--v8-paper);border-radius:8px;box-shadow:var(--e2)}
#introduction .card{border-top:0;padding:12px 0!important}
#introduction .split>.grid:before{display:none}
/* The plotted area, not a letterboxed SVG element, occupies the focal screen. */
#scenario{padding:64px 0 100px;background:#161b26;color:#fbfdff;box-shadow:inset 0 1px #ffffff24;overflow:visible}
#scenario>.wrap{width:90%;max-width:1320px}
#scenario .target-chart{display:grid;grid-template-columns:1fr 1fr;column-gap:10%;color:inherit}
#scenario figcaption{grid-column:1;grid-row:1;align-self:center;font:400 clamp(1.6rem,2.7vw,2.6rem)/1.1 Fraunces,serif;color:#fbfdff}
#scenario .target-numbers{grid-column:2;grid-row:1;flex-direction:row;justify-content:flex-end;gap:24px;align-items:center;font-size:clamp(2.5rem,4.7vw,4.5rem);color:#fbfdff}
#scenario .target-numbers small{color:#c6cbd7;font-size:.9rem;line-height:1.4}
#scenario .target-numbers>span:nth-child(2){color:#8fd8e7;font:300 2rem/1 'Source Sans 3',sans-serif}
#scenario svg{grid-column:1/-1;grid-row:2;width:100%;height:68vh;min-height:380px;max-height:680px;margin:24px 0 0;overflow:visible}
#scenario svg text{fill:#d6dce8;font:400 18px 'Source Sans 3',sans-serif}
#scenario .projection{stroke:#8fd8e7;stroke-width:3.5;stroke-dasharray:11 10;fill:none}
#scenario .projection-end{fill:#161b26;stroke:#8fd8e7;stroke-width:3}
#scenario .axis{stroke:#a1aaba;fill:none}
#scenario .chart-grid{stroke:#647080;opacity:.5;fill:none}
#scenario .caption{grid-column:1;grid-row:3;color:#fbfdff;font-size:1.05rem;max-width:35ch;margin:8px 0 0;padding:0 0 0 20px;border-left:2px solid #d98ac8;align-self:start;text-align:left}
#scenario .formula{grid-column:2;grid-row:3;color:#c6cbd7;font-size:1rem;max-width:none;margin:8px 0 0;padding:0;border:0}
/* A single editorial index, not seven interchangeable cards. */
#services{padding:0 0 144px;background:var(--bg);background-image:none}
#services>.wrap{padding-top:0}
#services .section-head{margin:-36px 0 64px;padding:36px 44px;width:70%;border-radius:8px;background:var(--v8-paper);box-shadow:var(--e3)}
#services .section-head h2{font-size:clamp(2.2rem,3.5vw,3.3rem);max-width:21ch}
#services .v8-items{grid-template-columns:1.35fr 1fr;gap:0 9%;align-items:start}
#services .v8-items>.card{display:block;min-height:0;border:0;border-radius:0;padding:28px 0;margin:0;background:transparent;box-shadow:none;grid-column:auto;grid-row:auto;transform:none;overflow:visible}
#services .card h3{font:400 clamp(1.5rem,2.2vw,2.1rem)/1.15 Fraunces,serif;max-width:none}
#services .card p{font-size:1.05rem;line-height:1.65;max-width:52ch}
#services .card .service-number{display:none}
#services .v8-items>.card:nth-child(3){grid-column:1;grid-row:2/4;padding:36px;margin:16px 0 0;background:var(--v8-ground);border-radius:8px;box-shadow:var(--e2)}
#services .v8-items>.card:nth-child(3) h3{font-size:clamp(2rem,3.4vw,3.2rem);max-width:none}
#services .v8-items>.card:nth-child(3) p{font-size:1.1rem}
#services .v8-items>.card:nth-child(4){grid-column:2;grid-row:2}
#services .v8-items>.card:nth-child(5){grid-column:2;grid-row:3}
#services .v8-items>.card:nth-child(6){grid-column:1;grid-row:4;margin-top:24px}
#services .v8-items>.card:nth-child(7){grid-column:2;grid-row:4;margin-top:24px;padding:28px 0}
#services .card:hover{transform:none!important;box-shadow:none}
#services .v8-items>.card:nth-child(3):hover{box-shadow:var(--e2)}
#proof{padding:0 0 80px;background:var(--v8-ground)}
#proof>.wrap{grid-template-columns:.85fr 1.4fr;gap:0;align-items:start}
#proof .section-head{position:relative;z-index:2;margin:-40px -48px 0 0;padding:36px;background:var(--v8-paper);border-radius:8px;box-shadow:var(--e2)}
#proof .section-head h2{font-size:clamp(2rem,3vw,2.8rem)}
#proof .v8-content{padding:76px 56px 48px 88px;margin:0;border-radius:0 0 12px 12px}
#proof .proof h3{font-size:clamp(2rem,3.2vw,3rem);max-width:17ch}
.home-record{padding:72px 0 112px;background:var(--bg)}
.home-record>.wrap{padding:0;background:transparent;border:0;box-shadow:none;gap:40px 8%;grid-template-columns:1fr 1fr}
.home-record .measured-baseline h2{font-size:2.4rem}
.home-record .measured-baseline dl{display:flex;gap:20px;align-items:end}
.home-record .measured-baseline dl>div{flex:1;display:flex;flex-direction:column-reverse}
.home-record .measured-baseline dd{font:400 2.7rem/1 Fraunces,serif;margin:0 0 12px}
.home-record .measured-baseline dt{font-size:.95rem}
.home-record .data-viz{padding:24px;border-radius:8px;background:var(--v8-ground)}
.home-record #inventory{padding-top:16px}
#inventory .v7-counters{gap:20px;justify-content:start}
#inventory .v7-counters>div{min-width:90px}
#inventory .v7-counters strong{font:400 2.7rem/1 Fraunces,serif}
#method{padding:80px 0 112px}
#method>.wrap{grid-template-columns:.75fr 1.5fr;gap:10%}
#method .section-head h2{font-size:clamp(2.2rem,3.6vw,3.4rem)}
#method .process{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;padding:0;overflow:visible}
#method .process li{display:block;min-height:0;padding:24px 0 0;margin:0;border:0;border-top:2px solid var(--graphic-line)}
#method .process li>span{font-size:64px;line-height:1;margin:0 0 20px;color:var(--ink)}
#method .process li>.v8-icon{display:none}
#method .process li:before{left:0;top:-6px;width:10px;height:10px;border-radius:50%;background:var(--v8-accent)}
#method .process li:not(:last-child):after{right:0;top:-5px;left:auto;bottom:auto;transform:rotate(45deg)}
#method .process h3{font-size:1.2rem}
#journal{margin-top:-36px;padding:0 0 72px}
#journal>.wrap{padding:32px 40px;border-radius:8px;gap:8%;grid-template-columns:1fr 2fr}
#journal .section-head{margin:0}
#journal .section-head h2{font-size:1.2rem}
#journal .card h3{font-size:2rem}
#next{padding:56px 0 88px;background-image:none}
#next .section-head h2{font-size:clamp(2.5rem,4.6vw,4rem)}
@media(max-width:800px){
 .home-hero{padding:44px 0 80px}.home-hero .signature{margin-bottom:24px;width:90%}
 #platforms>.wrap{padding:20px}#platforms .platforms{gap:16px 24px}
 #introduction{padding:64px 0 80px}#introduction>.wrap{grid-template-columns:1fr;gap:20px}
 #introduction .split>.grid{padding:16px 20px}#introduction .card{grid-template-columns:85px 1fr}
 #scenario{padding:40px 0 80px}#scenario>.wrap{width:90%}
 #scenario .target-chart{display:block}#scenario figcaption{font-size:1.8rem;margin-bottom:24px}
 #scenario .target-numbers{justify-content:space-between;font-size:2.8rem;gap:12px}
 #scenario svg{height:auto;min-height:0;width:100%;margin:36px 0 24px}
 #scenario svg text{font-size:32px}#scenario .formula{margin-top:24px;font-size:.95rem}
 #scenario .caption{font-size:1rem;max-width:none;padding-left:16px}
 #services{padding-bottom:88px}#services .section-head{width:94%;padding:28px;margin:-32px 0 24px}
 #services .v8-items{display:block}#services .v8-items>.card{margin:0;padding:24px 0}
 #services .v8-items>.card:nth-child(3){padding:28px;margin:12px 0}
 #services .v8-items>.card:nth-child(6),#services .v8-items>.card:nth-child(7){margin:0;padding:24px 0}
 #proof>.wrap{display:block}#proof .section-head{margin:-32px 0 0;width:90%;padding:28px}
 #proof .v8-content{padding:48px 24px 32px;margin:-12px 0 0 16px}
 .home-record{padding:48px 0 72px}.home-record>.wrap{display:block;padding:0}
 .home-record .measured-baseline h2{font-size:2.1rem}.home-record .data-viz{margin:32px 0}
 .home-record #inventory .v7-counters>div{flex-basis:26%;min-width:90px}
 #method{padding:56px 0 88px}#method>.wrap{display:block}#method .process{display:block}
 #method .process li{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;min-height:0;border-top:0;border-left:2px solid var(--graphic-line);padding-left:20px}
 #method .process li>span{font-size:48px;margin:0}#method .process li:before{left:-6px;top:28px}
 #method .process li:not(:last-child):after{display:none}#method .process li:last-child{padding-bottom:0}
 #journal>.wrap{padding:28px;display:block}#journal .section-head{margin-bottom:24px}
 #next{padding:0 0 64px}
}