@font-face{font-family:Manrope;src:url('assets/fonts/manrope-0.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-2.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/fonts/manrope-3.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#f8fafc;--paper:#fff;--ink:#171c26;--muted:#596476;--line:#dce2eb;--accent:#284de5;--field:#edf1f8;color-scheme:light}html[data-mode=meta]{--bg:#0d121c;--paper:#151e2d;--ink:#f5f7fc;--muted:#adb9cd;--line:#2b384d;--accent:#a5bdff;--field:#1c283c;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.055em;font-weight:600;text-wrap:balance}h2{font-size:clamp(32px,4vw,56px)}p{max-width:65ch}img,svg{display:block;max-width:100%}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{max-width:1440px;margin:auto;height:100px;padding-inline:40px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:-.04em}.header nav{display:flex;gap:30px;margin-left:auto;font-size:14px}.header a:hover,footer a:hover{color:var(--accent)}.header-link{font-size:14px}.skip{position:fixed;top:-100px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:8px}.hero{position:relative;isolation:isolate;overflow:hidden;max-width:1360px;margin:0 auto;color:#fff;background:#061648;min-height:650px;border-radius:14px}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-art{object-position:65% center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(2,9,31,.88),rgba(5,20,70,.25) 58%,transparent)}.hero-copy{padding:56px 64px 100px}.edition{font-size:13px;color:#d1def7}.hero h1{font-size:clamp(60px,7.8vw,108px);margin:38px 0 26px;line-height:1.02}.hero-lead{font-size:18px;line-height:1.65;color:#dce5fa}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--accent);color:var(--bg);padding:16px 22px;border-radius:6px;font-size:14px;font-weight:600}.button:hover{filter:brightness(1.12)}.light{background:#f8fafc;color:#171c26;margin-top:32px}.hero-foot{position:absolute;bottom:26px;left:64px;right:48px;display:flex;justify-content:space-between;font-size:12px;color:#d1def7}.intro{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 60px}.quiet{font-size:13px;color:var(--muted);margin-bottom:20px}.intro>.quiet{grid-column:1/-1}.intro>p:last-child{font-size:18px;align-self:end;color:var(--muted);max-width:45ch}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:44px}.section-heading>p{max-width:360px;color:var(--muted);font-size:15px}.demo{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.demo-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px 30px;font-size:13px;color:var(--muted)}.mode-picker{display:flex;gap:4px;background:var(--field);border-radius:24px;padding:4px}.mode-picker button{background:transparent;border:0;padding:8px 26px;border-radius:20px;font-size:13px}.mode-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demo-body{display:grid;grid-template-columns:1fr 1.15fr;min-height:560px}.demo-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--field);padding:32px;color:#657ba3}.demo-art svg{width:100%;max-width:440px}.demo-art>span{font-size:12px;color:var(--muted)}.orbit-left{transform-origin:210px 240px;transform:rotate(-16deg)}.orbit-right{transform-origin:310px 240px;transform:rotate(16deg)}html[data-mode=meta] .orbit-left{transform:rotate(16deg)}html[data-mode=meta] .orbit-right{transform:rotate(-16deg)}.demo-copy{padding:48px;view-transition-name:reading}.reading-label{font-size:12px;color:var(--accent);margin-bottom:24px}.demo-copy h3{font-size:clamp(28px,3vw,38px);margin-bottom:28px}.demo-copy #reading-body p{font-size:15px;color:var(--muted);margin-bottom:18px}.reading-question{font-size:17px;border-left:2px solid var(--accent);padding-left:20px;margin-top:28px}.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.demo-bottom button{background:transparent;border:0;font-size:13px;color:var(--accent);padding:8px}.future{padding-top:120px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.features article{border-top:1px solid var(--line);padding-top:28px}.feature-type{color:var(--accent);font-size:13px}.features h3{font-size:27px;margin:22px 0 18px}.features p{font-size:15px;color:var(--muted)}.invitation{margin-top:110px;padding-block:70px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.invitation p:not(.quiet){color:var(--muted);margin:26px 0}.invitation .handle{font-size:12px;margin:12px 0 0}.wordmark{font-size:clamp(100px,15vw,210px);font-weight:600;letter-spacing:-.09em;line-height:.8;color:var(--line);padding-right:30px}.wordmark span{color:var(--accent)}footer{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}footer .brand{font-size:16px;color:var(--ink)}::view-transition-old(root){animation:fade-out .65s ease both}::view-transition-new(root){animation:fade-in .85s ease both}::view-transition-old(reading){animation:fade-out .25s ease both}::view-transition-new(reading){animation:fade-in .8s .12s ease both}::view-transition-group(*){animation-duration:.8s}::view-transition{pointer-events:none}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1450px){.hero{min-height:690px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{margin-inline:20px}.header{padding-inline:28px;gap:24px}.hero-copy{padding-left:40px}.hero-foot{left:40px}.intro{gap:28px}.demo-copy{padding:32px}.features{gap:24px}.section-heading{gap:30px}.wordmark{font-size:140px}.hero{min-height:610px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:20px;gap:14px;justify-content:space-between}.header nav{display:none}.brand{font-size:15px;gap:8px}.brand img{width:26px;height:26px}.header-link{font-size:12px}.hero{margin-inline:12px;border-radius:10px;min-height:670px}.hero-art{object-position:65% center;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(2,9,31,.76),rgba(5,20,70,.15))}.hero-copy{padding:38px 24px 110px}.hero h1{font-size:clamp(52px,12vw,78px);margin-top:64px}.edition{font-size:11px}.hero-lead{font-size:16px}.hero-foot{left:24px;right:24px;flex-direction:column;gap:5px;font-size:11px}.button{font-size:13px;gap:20px}.intro{display:block;padding:70px 0}.intro h2{margin-bottom:24px}.intro>p:last-child{font-size:16px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:24px}.demo-top{padding:16px;gap:12px;font-size:11px}.mode-picker button{padding:8px 18px}.demo-body{grid-template-columns:1fr;min-height:0}.demo-art{padding:12px 24px 20px}.demo-art svg{height:240px}.demo-copy{padding:30px 24px;min-height:490px}.demo-copy h3{font-size:31px}.demo-bottom{padding:16px;align-items:start;flex-direction:column;gap:8px}.demo-bottom button{padding-left:0}.future{padding-top:70px}.features{grid-template-columns:1fr;gap:32px}.features h3{margin:12px 0;font-size:26px}.invitation{margin-top:70px;padding:48px 0}.wordmark{display:none}.invitation h2{font-size:38px}footer{align-items:start;flex-direction:column;gap:14px}.quiet{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Original supplied lockup, framed without modifying the source artwork. */
.brand{flex-shrink:0}
.brand-lockup{position:relative;display:block;width:190px;aspect-ratio:1745 / 475;overflow:hidden}
.brand .brand-lockup img{position:absolute;max-width:none;width:124.47%;height:auto;left:-13.47%;top:-26.32%}
.brand-light{visibility:hidden;filter:brightness(0) invert(1);clip-path:inset(0 0 0 38%)}
html[data-mode=meta] .brand-light{visibility:visible}
footer .brand-lockup{width:150px}
.wordmark{padding:0 28px 0 60px;flex:0 0 300px}
.wordmark img{width:240px;height:auto}
@media(max-width:680px){.header .brand-lockup{width:148px}footer .brand-lockup{width:132px}}