@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d10;--ink:#eff2f0;--mint:#9bbfff;--muted:#7e898a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100svh;overflow-x:hidden}#scene,.shade,.grain{position:fixed;inset:0;pointer-events:none}#scene{background:radial-gradient(ellipse at 75% 53%,#101c35 0,transparent 57%)}#scene canvas{display:block;width:100%;height:100%}.shade{background:linear-gradient(90deg,#090d10 0%,rgba(9,13,16,.94) 22%,rgba(9,13,16,.52) 43%,transparent 67%),linear-gradient(0deg,#090d10 0%,transparent 22%,transparent 80%,rgba(9,13,16,.5));z-index:1}.grain{z-index:2;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header,main,footer,.scene-caption{position:relative;z-index:3}header{height:122px;margin:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand-dot{font-size:11px;vertical-align:top;margin-left:5px;line-height:20px}.header-note,.availability,.eyebrow,.progress-label,footer,.scene-caption{font-size:10px;font-weight:500;letter-spacing:1.7px}.header-note{color:#6f7b7c;}.availability{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.4px;color:#bbc5d6}.status-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #8ab4ff4d}main{padding:clamp(75px,12vh,150px) 5.3% 130px;max-width:850px;min-height:calc(100svh - 207px)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);margin-bottom:32px;font-size:10px}.short-line{width:26px;height:1px;background:var(--mint)}h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(48px,5.65vw,86px);line-height:1.1;letter-spacing:-4px;margin:0}h1 span{color:var(--mint)}.intro{font-size:15px;line-height:1.9;color:#8993a3;margin:30px 0 38px;font-weight:400}.progress-label{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.5px;color:#8593aa}.progress-label .status-dot{width:4px;height:4px}.progress-line{height:1px;width:26px;background:#546079;margin:0 4px}.scene-caption{position:absolute;right:9%;bottom:160px;display:flex;gap:15px;align-items:center;color:#adbedc;font-size:8px;letter-spacing:1.4px}.scene-caption .cross{font-size:25px;font-weight:400;color:var(--mint)}.scene-caption div span{display:block;margin-top:7px;color:#526587;font-size:7px}footer{margin:0 5.3%;height:85px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;color:#66738a;font-size:8px;letter-spacing:1.2px}.experiment{display:flex;align-items:center;gap:11px}.tiny-cross{font-size:18px;color:#9eafca}button{font:inherit;letter-spacing:inherit;color:#96a6c0;background:transparent;border:0;padding:14px 0 14px 16px;cursor:pointer;display:flex;gap:10px;align-items:center}button:hover{color:var(--mint)}button:focus-visible,a:focus-visible{outline:1px solid var(--mint);outline-offset:6px}#motion-icon{font-size:12px;color:var(--mint)}
@media(min-width:1600px){main{padding-top:16vh}}@media(max-width:800px){header{height:95px}.header-note{display:none}h1{letter-spacing:-2.7px;font-size:clamp(44px,8vw,65px)}main{padding-top:100px;min-height:calc(100svh - 175px)}.shade{background:linear-gradient(90deg,#090d10ef,rgba(9,13,16,.65) 50%,#090d1020),linear-gradient(0deg,#090d10,transparent 35%)}.scene-caption{right:6%;bottom:135px}.experiment{display:none}footer{height:80px}}@media(max-width:480px){header,footer{margin-left:7%;margin-right:7%}.wordmark{font-size:18px}.availability{font-size:7px;letter-spacing:1px;gap:6px}main{padding:95px 7% 180px}h1{font-size:46px;letter-spacing:-2.5px}.intro{font-size:13px}.scene-caption{bottom:118px}.eyebrow{font-size:8px}footer{font-size:7px;letter-spacing:.7px}button{font-size:7px}.shade{background:linear-gradient(180deg,#090d1090 10%,#090d1080 50%,#090d1030 75%,#090d10 100%),linear-gradient(90deg,#090d10bb,transparent)}}

.col {
    display: flex;
    justify-content: center;
}
.col:first-of-type {
    justify-content: flex-start;
}
.col:last-of-type {
    justify-content: flex-end;
}

[hidden]{display:none!important}

footer > *{min-width:0}footer > .experiment{grid-column:2;justify-self:center}footer > button{grid-column:3;justify-self:end}