.velocity-band{height:178px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#143456,#07182c 75%);display:flex;align-items:center;position:relative}
.velocity-band:before,.velocity-band:after{content:'';position:absolute;top:0;bottom:0;width:12%;z-index:2;pointer-events:none}
.velocity-band:before{left:0;background:linear-gradient(90deg,#07182c,transparent)}
.velocity-band:after{right:0;background:linear-gradient(270deg,#07182c,transparent)}
.velocity-track{display:flex;flex:0 0 auto;white-space:nowrap;will-change:transform;color:#cce8ff;font:500 clamp(52px,7vw,92px)/1 'DM Sans',Arial,sans-serif;letter-spacing:-.075em;transform:translate3d(0,0,0)}
.velocity-track span{flex:0 0 auto;padding-right:.3em}
.record-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:18px;grid-auto-flow:dense;gap:12px 18px;position:relative}
.masonry-card{display:flex;flex-direction:column;grid-row:span 11;margin:0;padding:26px;min-height:0;position:relative;overflow:hidden;background:#f9fcfe;border:1px solid #bed2e2;box-shadow:0 14px 35px #224c7012;color:#163954;opacity:0;filter:blur(10px);transform:translateY(45px);transition:opacity .75s ease,filter .75s ease,transform .75s cubic-bezier(.2,.75,.2,1),box-shadow .3s,border-color .3s;transition-delay:var(--delay,0ms)}
.masonry-card.is-visible{opacity:1;filter:blur(0);transform:translateY(0)}
.masonry-card:hover{transform:translateY(-6px) scale(.985);border-color:#5b9fd2;box-shadow:0 28px 55px #29547730;transition-delay:0ms}
.masonry-card.tall{grid-row:span 14}
.masonry-card.dark{background:radial-gradient(circle at 85% 15%,#1a5887,#0a2440 63%);border-color:#477ca9;color:#eef8ff;box-shadow:0 22px 48px #173f642e}
.masonry-card:after{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #7ebce83d;border-radius:50%;right:-45%;top:-35%;box-shadow:0 0 0 36px #7ebce80a,0 0 0 75px #7ebce809;pointer-events:none}
.masonry-card.dark:after{border-color:#acdfff52}
.masonry-kicker,.masonry-card small{font:500 10px var(--mono);letter-spacing:.12em;color:#3973a1;position:relative;z-index:1}
.masonry-card.dark .masonry-kicker,.masonry-card.dark small{color:#a7d5f4}
.masonry-display{font:500 clamp(55px,6.5vw,94px)/1 'DM Sans',Arial,sans-serif;letter-spacing:-.08em;margin:auto 0 20px;position:relative;z-index:1}
.masonry-code{font:500 clamp(21px,2.2vw,30px)/1.2 var(--mono);overflow-wrap:anywhere;letter-spacing:-.06em;margin:auto 0 20px;position:relative;z-index:1}
.masonry-rule{display:block;height:1px;background:#78a5c780;margin:0 0 20px}
.masonry-card h3{font:500 26px/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 10px;position:relative;z-index:1}
.masonry-card p{font:14px/1.55 'DM Sans',Arial,sans-serif;color:#587188;margin:0 0 22px;position:relative;z-index:1}
.masonry-card.dark p{color:#b7d0e4}
.masonry-card small{margin-top:auto}
.warp-headline{position:relative;height:clamp(200px,26vw,360px);margin:18px auto 6px;max-width:1280px;cursor:crosshair}
.warp-headline h2{position:absolute;inset:0;display:grid;place-content:center;margin:0;width:100%;height:100%;line-height:.9;pointer-events:none}
.warp-headline canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.warp-headline[data-ready="true"] canvas{display:block}
.warp-headline[data-ready="true"] h2{opacity:0}
@media(max-width:950px){.record-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.velocity-band{height:130px}.velocity-track{font-size:52px}.record-masonry{grid-template-columns:1fr}.masonry-card,.masonry-card.tall{grid-row:span 11}.warp-headline{height:190px}.warp-headline h2{font-size:13vw}}
/* Color bridges keep the long page moving through one blue family. */
.tone-bridge{height:110px;position:relative;overflow:hidden;pointer-events:none}
.bridge-hero{background:linear-gradient(180deg,#071629 0%,#294a68 32%,#b8d0e1 73%,#eef2f6 100%)}
.bridge-final{height:145px;background:linear-gradient(180deg,#dfeaf3 0%,#9ebbd1 32%,#315b7e 67%,#06162a 100%)}
.velocity-band{background:linear-gradient(180deg,#dfe8f0 0%,#e4eef6 48%,#f5f7f9 100%);border-top:0;border-bottom:0}
.velocity-band:before{background:linear-gradient(90deg,#e4edf5,transparent)}
.velocity-band:after{background:linear-gradient(270deg,#eaf2f8,transparent)}
.velocity-track{color:#254c6d;text-shadow:0 8px 24px #72abd63b}
.intro{background:transparent}
.explore{background:linear-gradient(180deg,#eef2f6 0%,#dfe8f0 18%,#dfe8f0 83%,#e3edf5 100%);border:0}
.lookup{background:linear-gradient(180deg,#f5f7f9 0%,#eef4f8 60%,#e0edf5 100%);border:0}
.journey{background:linear-gradient(180deg,#e0edf5 0%,#244665 170px,#0a192b 340px,#0a192b calc(100% - 230px),#e4edf4 100%)}
.network{background:linear-gradient(180deg,#e4edf4 0%,#e7f0f6 76%,#f4f7f9 100%);border:0}
.field-notes{background:linear-gradient(180deg,#f4f7f9,#edf4f8 70%,#dfeaf3);border:0}
.method{background:#dfeaf3;border:0}
@media(max-width:600px){.tone-bridge{height:75px}.bridge-final{height:90px}.journey{background:linear-gradient(180deg,#e0edf5 0%,#244665 110px,#0a192b 240px,#0a192b calc(100% - 160px),#e4edf4 100%)}}
@media(prefers-reduced-motion:reduce){.velocity-track{transform:none!important}.masonry-card{opacity:1;filter:none;transform:none;transition:none}.warp-headline canvas{display:none!important}.warp-headline h2{opacity:1!important}}

/* Inter matches the final reference across headings and reading text. */
:root{--sans:'Inter',Arial,sans-serif;--display:'Inter',Arial,sans-serif}
body{font-family:var(--sans)}
.hero h1,.intro h2,.section-heading h2,.lookup h2,.method h2,.final-cta h2{font-weight:600;letter-spacing:-.058em}
.hero h1{letter-spacing:-.065em}
.story-card h3,.bento-bottom h3,.comet-copy h3,.masonry-card h3{font-family:var(--sans);font-weight:600;letter-spacing:-.05em}
.hero-rotator{font-family:var(--sans);letter-spacing:-.035em}
.velocity-track,.masonry-display,.masonry-card p,.masonry-card h3{font-family:var(--sans)}
.velocity-track{font-weight:600;letter-spacing:-.06em}
.masonry-display{font-weight:600}