:root{--sky: #1f4fd8;--ink: #f4ecef;--dim: rgba(244, 236, 239, .78);--button: #0b1230;--button-line: #2b3560;--pearl-hi: #f1dfe6;--pearl-lo: #b9c3e8;--serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--h1: clamp(40px, 4.6vw, 68px);--h2: 32px;--body: 17px;--label: 12px}*{box-sizing:border-box;margin:0}html{background:var(--sky)}body{color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.track{height:2400svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--sky) center / cover no-repeat}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s cubic-bezier(.23,1,.32,1)}canvas.is-on{opacity:1}.bar{position:absolute;inset:0 0 auto 0;height:0;z-index:2}.mark{position:absolute;top:34px;left:40px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--pearl-hi) 45%,var(--pearl-lo))}.top{position:absolute;top:28px;right:36px}.cta{display:inline-flex;align-items:stretch;font:500 var(--label)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none}.cta span{background:var(--button);padding:12px 15px;transition:background-color .2s cubic-bezier(.23,1,.32,1)}.cta i{background:var(--button);border-left:1px solid var(--button-line);width:34px;display:grid;place-items:center;font-style:normal;transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover: hover){.cta:hover span,.cta:hover i{background:#17204a}.cta:hover i{transform:translate(2px)}}.cta:active span,.cta:active i{background:#050a1f}.hero-copy{position:absolute;left:8.5%;top:47%;transform:translateY(-50%);width:min(560px,42vw);z-index:1}h1{font:300 var(--h1)/1.04 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.015em;margin-bottom:22px;text-wrap:balance}.sub{font:400 var(--body)/1.45 var(--serif);color:var(--dim);margin-bottom:40px;max-width:320px}.panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:1}.label{position:absolute;top:210px;left:72px;font:400 var(--label)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.label:before{content:"";display:inline-block;width:16px;height:1px;background:var(--dim);vertical-align:middle;margin-right:10px}.ruler{position:absolute;top:0;bottom:0;left:44%;width:1px}.ruler b{position:absolute;left:0;width:22px;height:1px;background:#f4ecef59}.side{position:absolute;left:8.5%;top:34%;width:min(360px,32vw)}.hero-copy:before,.side:before{content:"";position:absolute;top:-45%;right:-55%;bottom:-45%;left:-40%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#0a16489e,#0a16485c 55%,#0a164800)}.side--sky:before{display:none}.eyebrow{font:400 var(--label)/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}h2{font:300 var(--h2)/1.12 var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.01em;margin-bottom:22px}.side p{font:400 var(--body)/1.55 var(--serif);color:var(--dim);margin-bottom:26px}@media (max-width: 760px){.hero-copy{left:22px;right:22px;width:auto;top:auto;bottom:9%;transform:none}h1{font-size:38px}.sub{font-size:16px}.mark{left:22px;top:26px}.top{right:18px;top:20px}.ruler,.label{display:none}.side{left:24px;right:24px;width:auto;top:auto;bottom:9%}h2{font-size:28px}.side p{font-size:16px}.hero-copy:before,.side:before{top:-34%;right:-24px;bottom:-12vh;left:-24px;background:linear-gradient(to top,#0a1648d1,#0a1648c7 76%,#0a164800)}.side--sky:before{display:block;background:linear-gradient(to top,var(--sky) 70%,rgba(31,79,216,0))}}@media (prefers-reduced-motion: reduce){.track{height:100svh}canvas,.cta span,.cta i{transition:none}}
