:root{--ink:#082840;--blue:#0d4158;--aqua:#8be4ed;--paper:#f5f9fb;--muted:#526b79}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.7 system-ui,sans-serif}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e9a826;outline-offset:5px}.skip{position:absolute;left:1rem;top:-8rem;background:white;padding:1rem;z-index:5}.skip:focus{top:1rem}header{display:flex;align-items:center;justify-content:space-between;padding:2rem 6%;background:var(--ink);color:white;border-bottom:1px solid #ffffff25}.brand{text-decoration:none;letter-spacing:.14em;font-size:1.1rem;font-weight:700}.brand span{display:block;letter-spacing:0;font-size:.875rem;font-weight:400;color:#b2cad5}nav{display:flex;gap:2rem;font-size:.9375rem}nav a{text-decoration:none}nav a:hover{color:var(--aqua)}.intro{background:var(--ink);color:white;padding:5.5rem 8% 5rem;position:relative;border-bottom:12px solid var(--aqua)}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em}.intro .eyebrow{color:var(--aqua)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,5.8vw,5.5rem);max-width:1100px;margin:1.8rem 0}em{font-weight:400;color:var(--aqua)}.lead{font-size:1.3rem;max-width:700px;color:#d0e0e8;line-height:1.7}.button{display:inline-block;border:1px solid currentColor;text-decoration:none;padding:.8rem 1.4rem;font-size:1rem;margin-top:.7rem}.button:hover{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}.intro-note{font-size:.875rem;color:#b2cad5;margin:2rem 0 0}section:not(.intro){padding:5rem 8%}h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:1rem 0 1.4rem}.section-top{max-width:780px;margin-bottom:2.5rem}.section-top>p{color:var(--muted);max-width:690px}.explorer{display:grid;grid-template-columns:1fr 1.25fr;border:1px solid #c2d4df;min-height:390px}.layers{display:flex;flex-direction:column;background:#0b3049}.layers button{flex:1;padding:1.2rem 1.5rem;display:flex;gap:1.5rem;align-items:center;text-align:left;border:0;border-bottom:1px solid #ffffff20;color:#b8d3e0;font: .875rem system-ui;background:transparent;cursor:pointer}.layers button span{font-size:1.1rem}.layers button:nth-child(2){background:#104d64}.layers button:nth-child(3){background:#0e3f58}.layers button:nth-child(4){background:#0a3049}.layers button:nth-child(5){background:#071f33}.layers button[aria-pressed=true]{color:var(--ink);background:var(--aqua)}.layer-detail{padding:2.5rem}.layer-detail h3{font:2rem/1.2 Georgia,serif;margin:1rem 0}.question{border-top:1px solid #c2d4df;padding-top:1.3rem;margin-top:1.8rem}.question span{font-size:.75rem;letter-spacing:.1em;font-weight:700}.question p{margin:.7rem 0 0}.caption{font-size:.875rem;color:var(--muted);margin:1rem 0 0}.notebook{background:#e5eff4}.entries{border-top:1px solid #aabecb}details{border-bottom:1px solid #aabecb}summary{cursor:pointer;list-style:none;font:1.45rem/1.4 Georgia,serif;padding:1.5rem 3rem 1.5rem 0;position:relative}summary::-webkit-details-marker{display:none}summary span{font:.875rem system-ui;color:var(--muted);display:inline-block;width:3rem}summary:after{content:'+';position:absolute;right:.5rem;font:1.8rem system-ui;top:1.1rem}details[open] summary:after{content:'−'}details>div{padding:0 3rem 1.8rem;max-width:850px}details p{margin-bottom:.5rem}li{padding:.25rem 0}ul{padding-left:1.3rem;margin-top:.8rem}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.8rem}.idea-grid article{border-top:3px solid #15819a;padding-top:1.5rem}.idea-grid article>span{font-size:.8125rem;font-weight:700;letter-spacing:.08em}.idea-grid h3{font:1.8rem/1.2 Georgia,serif;margin:1rem 0}.idea-grid p{color:var(--muted)}.origin{display:grid;grid-template-columns:1fr 1.3fr;gap:4rem;border-top:1px solid #c2d4df}.origin p{margin-bottom:1.4rem}.closing{background:var(--ink);color:white}.closing p{max-width:650px;color:#d0e0e8}.closing .eyebrow{color:var(--aqua)}footer{padding:2.5rem 8%;display:flex;gap:2rem;align-items:flex-start;font-size:.875rem}footer>span{font-weight:700;letter-spacing:.12em;white-space:nowrap}footer p{flex:1;color:var(--muted);margin:0}footer a{white-space:nowrap}@media(max-width:700px){header{align-items:flex-start;gap:1.4rem;flex-direction:column;padding:1.5rem 6%}nav{gap:1.2rem;flex-wrap:wrap}.intro{padding:3.5rem 6%}.lead{font-size:1.125rem}section:not(.intro){padding:3.2rem 6%}.explorer,.origin,.idea-grid{grid-template-columns:1fr}.layers button{padding:1rem}.layer-detail{padding:1.5rem}.origin{gap:1rem}.idea-grid{gap:1.5rem}details>div{padding-left:0;padding-right:0}summary{font-size:1.2rem}summary span{width:2rem}footer{flex-direction:column;padding:2rem 6%;gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.subjects{border-top:1px solid #c2d4df}.subject-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 1rem}.subject-buttons button{font:1rem/1.4 system-ui;color:var(--ink);background:transparent;border:1px solid #9bb4c3;padding:.8rem 1rem;cursor:pointer}.subject-buttons button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.subject-panel{padding:2rem;background:#e5eff4;border-left:4px solid #15819a}.subject-panel h3{font:1.8rem/1.2 Georgia,serif}.subject-panel>p{max-width:750px}.contact{border-top:1px solid #c2d4df}.contact p{color:var(--muted)}

.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;background:#03090e;padding:4.5rem 6%}.intro-copy{grid-column:1;grid-row:1;position:relative}.intro h1{font-size:clamp(2.6rem,4.5vw,4.6rem)}.earth-hero{grid-column:2;grid-row:1;margin:0;min-width:0}.earth-hero img{display:block;width:100%;height:auto}.earth-hero figcaption{font-size:.75rem;line-height:1.6;color:#a9bbc5;margin-top:1rem;text-align:center}.earth-hero figcaption a{text-underline-offset:3px}@media(max-width:800px){.intro{grid-template-columns:1fr;padding:3rem 6%;gap:2rem}.intro-copy{grid-row:2;grid-column:1}.earth-hero{grid-row:1;grid-column:1;max-width:580px;margin:auto}.intro h1{font-size:clamp(2.6rem,7vw,4rem)}}