:root{--charcoal:#111516;--carbon:#1b2222;--paper:#f1eee4;--ivory:#faf8ef;--ink:#192222;--cyan:#89c8c1;--cyan-deep:#29736e;--straw:#e7dca7;--amber:#d89a3b;--fluorine:#a8d665;--danger:#a64434;--line:#78817d}
*{box-sizing:border-box}html{background:#111615}body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(circle at 70% 0,#43524d,#101413 44rem);font-family:Arial,Helvetica,sans-serif}.mediator-page{width:min(1240px,calc(100% - 32px));margin:24px auto;overflow:hidden;background:var(--paper);box-shadow:0 30px 100px #000a}.mediator-page a{color:inherit}.mediator-page h1,.mediator-page h2,.mediator-page h3{text-wrap:balance}.mediator-page p,.mediator-page li,.mediator-page figcaption{text-wrap:pretty}.eyebrow{margin:0;font-size:10px!important;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.hero{position:relative;min-height:820px;overflow:hidden;color:#f8f7f0;background:var(--charcoal)}.hero nav{position:relative;z-index:4;display:flex;justify-content:space-between;padding:28px clamp(22px,5vw,68px);font-size:12px;letter-spacing:.08em}.hero nav a,.mediator-page footer a{display:inline-flex;min-height:44px;align-items:center;padding-inline:8px;margin-inline:-8px;text-underline-offset:4px}.hero-visual{position:absolute;inset:0;margin:0}.hero-visual:after{position:absolute;inset:0;background:linear-gradient(90deg,#0c1111f2 0,#0c1111da 35%,#0c111144 69%),linear-gradient(0deg,#0c1111d9 0,transparent 52%);content:""}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% 50%;opacity:.9}.hero-visual figcaption{position:absolute;z-index:3;right:24px;bottom:18px;width:min(52%,540px);color:#dadfd9;font-size:10px;line-height:1.5;text-align:right}.hero-copy{position:absolute;z-index:3;left:clamp(28px,6vw,78px);top:22%;width:min(61%,760px)}.hero-copy .eyebrow{color:var(--fluorine)}.hero h1{margin:22px 0 30px;font:700 clamp(65px,9vw,118px)/.86 Georgia,serif;letter-spacing:-.065em}.lede{max-width:610px;color:#dce4de;font:clamp(18px,2vw,25px)/1.55 Georgia,serif}.hero-status{position:absolute;z-index:3;left:clamp(28px,6vw,78px);bottom:7%;display:grid;grid-template-columns:150px minmax(260px,520px);gap:20px;align-items:start;padding-top:15px;border-top:1px solid #7b9089;color:#becac4;font-size:12px;line-height:1.55}.hero-status strong{color:var(--straw);font-size:10px;letter-spacing:1.5px}
.position{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,8vw,105px);padding:clamp(56px,8vw,105px);background:var(--ivory)}.position .eyebrow,.identity .eyebrow,.conditional .eyebrow{color:var(--cyan-deep)}.position h2,.identity h2,.color-study h2,.numbers h2,.systems h2,.conditional h2,.fly-first h2,.fly-program h2,.ladder h2,.sources h2{margin:12px 0;font:700 clamp(42px,6vw,76px)/.94 Georgia,serif;letter-spacing:-.05em}.essay p{font:18px/1.7 Georgia,serif}.essay .lead,.conditional .lead{margin-top:0;font-size:clamp(22px,2.5vw,30px);line-height:1.45}.equation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:32px 0!important;padding:22px;color:#e9f6f2;background:#16312e;font:700 13px/1.4 Arial,sans-serif!important}.equation span{padding:10px;border:1px solid #5b8780}.equation b{color:var(--fluorine)}
.identity{padding:clamp(54px,8vw,100px);color:#eef5f2;background:#172321}.identity header{max-width:920px}.identity .eyebrow{color:var(--fluorine)}.identity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:46px}.molecule-card,.property-card{margin:0;padding:30px;background:#0d1716;border:1px solid #526864}.molecule-card svg{display:block;width:100%;height:auto;background:radial-gradient(circle at 45% 50%,#34514b88,transparent 55%)}.bonds path{fill:none;stroke:#dae9e4;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.atoms text{fill:#f4f5e9;font:700 29px Arial,sans-serif}.atoms .fluorine{fill:var(--fluorine);font-size:34px}.molecule-card p{margin:15px 0 0;color:#9fb3ad;font-size:11px;line-height:1.55}.property-card{display:grid}.property-card div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-top:1px solid #50615e}.property-card div:first-child{border-top:0}.property-card dt{color:#91aaa4;font-size:10px;font-weight:bold;letter-spacing:1.1px;text-transform:uppercase}.property-card dd{margin:0;color:#f5f2e8;line-height:1.45}.property-card .smiles dd{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.identity-note{max-width:930px;margin:28px 0 0;color:#b7c8c3;font:17px/1.65 Georgia,serif}
.color-study{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:clamp(54px,8vw,100px);background:#ded9c9}.color-heading .eyebrow{color:#725a20}.swatches{display:grid;grid-column:1;gap:1px;align-self:start;margin-top:30px;background:#9c9789;border:1px solid #9c9789}.swatches div{display:grid;grid-template-columns:70px 1fr;gap:2px 18px;align-items:center;padding:16px;background:#f4f1e7}.swatches span{grid-row:1/3;width:62px;height:62px;border:1px solid #9a9b91;border-radius:50%;box-shadow:inset 0 2px 8px #fff,0 3px 10px #0002}.swatches .white{background:#faf9ef}.swatches .straw{background:#eee5bc}.swatches .amber{background:#d7ab56}.swatches small{color:#5c615d}.color-copy{grid-column:2;grid-row:1/3}.color-copy p{margin:0 0 24px;font:18px/1.7 Georgia,serif}.color-copy .measurement{padding:22px;border-left:6px solid var(--amber);background:#f5f1e4;font:700 15px/1.6 Arial,sans-serif}
.numbers{padding:clamp(55px,8vw,100px);color:#f2f4f0;background:#101817}.numbers header{max-width:940px}.numbers .eyebrow,.systems .eyebrow,.fly-first .eyebrow{color:var(--fluorine)}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:46px;background:#586864;border:1px solid #586864}.number-grid article{min-height:315px;padding:27px;background:#1b2826}.number-grid article.warning{background:#40251f}.number-grid span{display:block;color:#b7e1da;font:700 35px/1 Georgia,serif}.number-grid .warning span{color:#f2aa78}.number-grid h3{margin:64px 0 15px;font-size:20px}.number-grid p{color:#c2cfcb;font-size:14px;line-height:1.6}.numbers-note{max-width:930px;margin:30px 0 0;color:#aabbb6;font:16px/1.65 Georgia,serif}
.systems{padding:clamp(55px,8vw,105px);background:#e8e2d4}.systems header{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.systems header .eyebrow{grid-column:1/-1;color:#825d25}.systems header>p:last-child{align-self:end;font:18px/1.65 Georgia,serif}.system-list{margin-top:46px;border-top:1px solid #858c87}.system-list article{display:grid;grid-template-columns:145px 1fr 1fr;gap:25px;padding:30px 0;border-bottom:1px solid #858c87}.system-list article>span{color:#7b5923;font-size:10px;font-weight:bold;letter-spacing:1.3px}.system-list h3{margin:0;font:700 28px/1.15 Georgia,serif}.system-list p{margin:0;font-size:14px;line-height:1.65}.system-list article>b{grid-column:2/-1;padding:12px 14px;color:#d9eee8;background:#213b37;font-size:11px;letter-spacing:.03em}
.conditional{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,100px);padding:clamp(55px,8vw,105px);background:#f7f4e9}.conditional ul{margin:32px 0;padding:0;list-style:none}.conditional li{padding:18px 0;border-top:1px solid #959c97;line-height:1.65}.conditional .stop{padding:25px;color:#fff;background:var(--danger);font-weight:bold;line-height:1.65}
.fly-first{display:grid;grid-template-columns:1.15fr .85fr;color:#edf4f0;background:#10201e}.fly-first figure{position:relative;min-height:620px;margin:0}.fly-first figure:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,#10201ed9 100%);content:""}.fly-first img{width:100%;height:100%;object-fit:cover}.fly-first figcaption{position:absolute;z-index:2;left:22px;bottom:15px;width:min(75%,500px);color:#e7eee9;font-size:10px}.fly-copy{align-self:center;padding:clamp(42px,6vw,76px) clamp(28px,6vw,74px)}.fly-copy h2{font-size:clamp(40px,5vw,67px)}.fly-copy p:not(.eyebrow){color:#bdcdc8;font:17px/1.7 Georgia,serif}
.fly-program{padding:clamp(55px,8vw,100px);background:#d9e2dc}.fly-program .eyebrow,.ladder .eyebrow{color:#376f64}.fly-program ol{margin:46px 0 0;padding:0;list-style:none}.fly-program li{display:grid;grid-template-columns:58px 250px 1fr;gap:22px;padding:22px 0;border-top:1px solid #84938e}.fly-program li>span{display:grid;width:40px;height:40px;place-items:center;color:#eef7f3;background:#376f64;border-radius:50%;font-size:10px;font-weight:bold}.fly-program h3{margin:6px 0;font-size:22px}.fly-program li p{margin:5px 0;line-height:1.6}.fly-program aside{display:grid;grid-template-columns:190px 1fr;gap:25px;margin-top:36px;padding:26px;color:#e9efeb;background:#293331}.fly-program aside strong{color:var(--straw);font-size:10px;letter-spacing:1.4px}.fly-program aside p{margin:0;line-height:1.65}
.ladder{padding:clamp(55px,8vw,100px);color:#eef3f0;background:#15221f}.ladder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:46px;background:#566762;border:1px solid #566762}.ladder article{min-height:320px;padding:27px;background:#202e2b}.ladder article span{color:var(--fluorine);font-size:10px;font-weight:bold;letter-spacing:1.4px}.ladder h3{margin:70px 0 15px;font:700 26px/1.15 Georgia,serif}.ladder article p{color:#bdcbc6;font-size:14px;line-height:1.6}.kill{margin:36px 0 0;padding:24px;border:1px solid #a85b4c;color:#ffd9cf;background:#492b25;font-weight:bold;line-height:1.65}
.sources{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:clamp(50px,7vw,88px);background:#ddd8c9}.sources .eyebrow{color:#71561f}.sources ul{margin:0;padding:0;list-style:none}.sources li{border-top:1px solid #888d87}.sources a{display:block;padding:20px 4px;text-decoration:none}.sources a:hover,.sources a:focus-visible{color:#fff;background:#2c5f58;outline:5px solid #2c5f58}.sources strong,.sources span{display:block}.sources span{margin-top:7px;font:14px/1.5 Georgia,serif}.disclaimer{display:grid;grid-template-columns:250px 1fr;gap:25px;padding:32px clamp(24px,6vw,70px);color:#ffe4da;background:#7f3328}.disclaimer strong{font-size:11px;letter-spacing:1.2px}.disclaimer p{margin:0;line-height:1.6}.mediator-page footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:7px 20px;color:#bdccc7;background:#0b1211;font-size:10px;letter-spacing:1px}.mediator-page footer a{color:#dceaa8}
.molecule-card img{display:block;width:100%;height:auto;aspect-ratio:54/35;object-fit:contain;background:#000}
@media(max-width:900px){.mediator-page{width:100%;margin:0}.hero{min-height:750px}.hero-visual:after{background:linear-gradient(0deg,#0c1111ef 5%,#0c111187 72%,#0c11114a)}.hero-copy{top:18%;width:82%}.hero-status{width:80%}.position,.color-study,.conditional,.sources,.fly-first{grid-template-columns:1fr}.identity-grid{grid-template-columns:1fr}.color-copy{grid-column:1;grid-row:auto}.systems header{grid-template-columns:1fr}.system-list article{grid-template-columns:120px 1fr}.system-list p{grid-column:2}.number-grid,.ladder-grid{grid-template-columns:1fr 1fr}.fly-first figure{min-height:520px}.fly-first figure:after{background:linear-gradient(0deg,#10201e 0,transparent 42%)}.fly-program li{grid-template-columns:50px 1fr}.fly-program li p{grid-column:2}.disclaimer{grid-template-columns:1fr}}
@media(max-width:560px){.hero{min-height:700px}.hero h1{font-size:59px}.hero-copy{left:23px;width:88%}.hero-status{left:23px;grid-template-columns:1fr;gap:7px}.hero-visual figcaption{display:none}.position,.identity,.color-study,.numbers,.systems,.conditional,.fly-program,.ladder,.sources{padding:48px 23px}.number-grid,.ladder-grid{grid-template-columns:1fr}.property-card div{grid-template-columns:1fr;gap:6px}.systems header{display:block}.system-list article{grid-template-columns:1fr}.system-list p,.system-list article>b{grid-column:1}.fly-program aside{grid-template-columns:1fr}.mediator-page footer{flex-direction:column}.molecule-card{padding:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Scientific article hierarchy: neutral field, distinct figures, modest subheads. */
.mediator-page :is(.position,.identity,.color-study,.numbers,.systems,.conditional,.fly-program,.ladder,.sources) { color: var(--ink); background: #e8e4d7; border-top: 1px solid #999d95; }
.mediator-page :is(.position,.identity,.color-study,.numbers,.systems,.conditional,.fly-program,.ladder,.sources) h2 { font-size: clamp(34px,4.6vw,52px); line-height: 1.02; }
.mediator-page :is(.position,.identity,.color-study,.numbers,.systems,.conditional,.fly-program,.ladder,.sources) h3 { margin-top: 0; color: var(--ink); font: 700 clamp(22px,2.8vw,30px)/1.12 Georgia,serif; letter-spacing: -.02em; }
.identity header,.numbers header,.systems header,.fly-program header,.ladder header { margin-bottom: 34px; }
.number-grid article,.system-list article,.ladder article { min-height: 0; color: var(--ink); background: #f4f1e7; box-shadow: none; }
.system-list article { border-top: 1px solid #8f948d; }
.system-list article>b { color: #315d55; background: transparent; }
.conditional .stop,.ladder .kill { color: #5d2822; background: #ead4cc; border: 1px solid #b98477; }
.fly-first { border-top: 1px solid #6f7874; }
.fly-program aside { color: var(--ink); background: #d2d4ca; border-left: 4px solid #376f64; }
.fly-program aside strong { color: #315d55; }
.sources { grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr); }
