:root{color-scheme:dark;--bg:#050505;--text:#e9e8e5;--muted:#999895;--rule:#282727;--ruby:#ce397d;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#f289b8}
a:focus-visible{outline:2px solid var(--ruby);outline-offset:7px}
::selection{background:#7f214c;color:white}
.skip-link{position:absolute;left:1rem;top:-5rem;padding:1rem;background:var(--bg);z-index:3}
.skip-link:focus{top:1rem}
.content,.masthead{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}
.masthead{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:23px;letter-spacing:.24em;white-space:nowrap}
.wordmark span{letter-spacing:0;margin-left:5px}
.masthead-note,.eyebrow,.intro-foot,.index,.measurement-footer,.status-note,footer{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.masthead-note{font-size:12px;letter-spacing:.13em;color:var(--muted)}
.nav-link{font-size:14px}.nav-link span{margin-left:18px;color:var(--muted)}
.hero-art{margin:0 auto;max-width:2048px;border-block:1px solid #171717}
.hero-art img{display:block;width:100%;height:auto}
.intro{padding-block:78px 26px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px 60px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.6;color:var(--muted);margin:0 0 28px;display:flex;align-items:center;gap:12px}
.ruby-line{width:22px;height:2px;background:var(--ruby);display:inline-block;flex:none}
h1{font-size:clamp(30px,3.1vw,48px);line-height:1.14;font-weight:400;letter-spacing:-.035em;margin:0;max-width:660px}
.time-mark{white-space:nowrap;text-align:right;letter-spacing:-.085em;line-height:1;font-weight:300;font-size:clamp(100px,13.4vw,196px)}
.time-mark .unit{font-size:.22em;letter-spacing:-.03em;color:var(--muted);margin-left:15px}
.intro-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.09em;color:var(--muted);margin-top:28px;padding-bottom:28px;border-bottom:1px solid var(--rule)}
.research{padding-top:92px;padding-bottom:90px;scroll-margin-top:28px}
.research-heading{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:58px}
.research-heading>.eyebrow{padding-top:9px}
h2{font-size:clamp(32px,3.5vw,52px);line-height:1.14;letter-spacing:-.035em;font-weight:400;margin:0;max-width:820px}
.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:530px;margin:24px 0 0}
.measurement-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.measurement{padding:30px 32px 25px 0;display:flex;flex-direction:column}
.measurement+.measurement{border-left:1px solid var(--rule);padding-left:32px}
.index{font-size:13px;color:var(--ruby);margin:0 0 46px}.index span{color:var(--muted);margin-left:10px;letter-spacing:.1em;font-size:12px}
h3{font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:-.055em;line-height:1.25;margin:0 0 20px;white-space:nowrap}
h3 span{font-size:16px;letter-spacing:-.015em;color:var(--muted)}
h3.code-metric{font-family:"SFMono-Regular",Consolas,monospace;font-size:clamp(28px,2.8vw,40px);letter-spacing:-.05em}
.measurement>p:not(.index){font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 38px;max-width:370px}
strong{font-weight:400;color:var(--text)}code{font-size:.95em;color:#cfcecb}
.measurement-footer{margin-top:auto;font-size:12px;letter-spacing:.055em;color:var(--muted)}
.status{padding-block:36px 106px}.status h2{max-width:900px}.status h2 span{color:var(--muted)}
.status-note{font-size:12px;letter-spacing:.15em;color:var(--muted);margin:35px 0 0}
footer{border-top:1px solid var(--rule);min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}
footer .wordmark{color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:18px}footer>span{letter-spacing:.12em}footer>a:last-child{font-size:14px}
@media(min-width:1800px){.intro{padding-top:90px}}
@media(max-width:1000px){.content,.masthead{width:calc(100% - 64px)}.masthead-note{display:none}.intro{gap:32px}.research-heading{grid-template-columns:1fr;gap:0}.measurement{padding-right:22px}.measurement+.measurement{padding-left:22px}h3{white-space:normal}h3 span{display:block;margin-top:6px}.measurement-footer{line-height:1.7}}
@media(max-width:600px){.content,.masthead{width:calc(100% - 40px)}.masthead{min-height:72px;gap:12px}.wordmark{font-size:20px}.nav-link{font-size:13px}.nav-link span{margin-left:6px}.intro{grid-template-columns:1fr;padding-top:44px;gap:28px}.eyebrow{margin-bottom:20px;font-size:12px}h1{font-size:34px;max-width:420px}.time-mark{text-align:left;font-size:120px}.intro-foot{margin-top:4px;font-size:12px;line-height:1.7}.intro-foot span:first-child{max-width:200px}.intro-foot span:last-child{white-space:nowrap}.research{padding-top:46px;padding-bottom:46px}.research-heading{margin-bottom:32px}.research-heading>.eyebrow{padding-top:0}h2{font-size:34px}.lead{font-size:17px;margin-top:20px}.measurement-grid{grid-template-columns:1fr}.measurement,.measurement+.measurement{padding:28px 0;border-left:0}.measurement+.measurement{border-top:1px solid var(--rule)}.index{margin-bottom:26px}h3,h3.code-metric{font-size:38px}h3 span{display:inline;margin-left:5px}.measurement>p:not(.index){max-width:none;margin-bottom:26px}.status{padding-top:18px;padding-bottom:64px}.status h2{font-size:30px}footer{min-height:125px;display:grid;grid-template-columns:1fr auto;padding-block:25px;gap:24px}footer>span{grid-column:1/-1;grid-row:2;font-size:12px}footer>a:last-child{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
