@layer components{.sun-field{--x:50%;--sy:50%;--sk:1;position:relative;overflow:hidden}.sun{pointer-events:none;--sr:clamp(300px, 46vw, 620px);clip-path:inset(0 calc(100% - var(--x)) 0 0);background:radial-gradient(circle at var(--x) var(--sy), rgb(from var(--snow) r g b / var(--sk)) 0, rgb(from var(--snow) r g b / calc(.94 * var(--sk))) 8px, color-mix(in srgb, var(--snow) 45%, rgb(from var(--gold) r g b / calc(.9 * var(--sk)))) 20px, rgb(from var(--gold) r g b / calc(.55 * var(--sk))) 60px, rgb(from var(--ember) r g b / calc(.3 * var(--sk))) 120px, rgb(from var(--rose) r g b / 0) 220px), radial-gradient(circle at var(--x) var(--sy), rgb(from var(--gold) r g b / calc(.55 * var(--sk))) 0, rgb(from var(--ember) r g b / calc(.38 * var(--sk))) calc(var(--sr) * .18), rgb(from var(--rose) r g b / calc(.22 * var(--sk))) calc(var(--sr) * .45), rgb(from var(--violet) r g b / calc(.12 * var(--sk))) calc(var(--sr) * .7), transparent var(--sr));position:absolute;inset:0}.bar-light{width:var(--reach);--reach:clamp(200px, 22vw, 400px);pointer-events:none;transform:translateX(calc(var(--x) - 100%));will-change:transform;mix-blend-mode:plus-lighter;opacity:var(--sk);position:absolute;top:0;bottom:0;left:0}.bar-light-canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);display:block;position:absolute;inset:0}.bar-light[data-live] .bar-light-canvas{opacity:1}.light-bar{pointer-events:none;width:1px;transform:translateX(var(--x));background:radial-gradient(circle 560px at 50% var(--sy), #fff 0, var(--gold) 9%, rgb(from var(--ember) r g b / .85) 28%, rgb(from var(--rose) r g b / .6) 50%, rgb(from var(--violet) r g b / .45) 78%, var(--line) 100%);position:absolute;top:0;bottom:0;left:0}.light-bar:after{content:"";filter:blur(3px);opacity:calc(.8 * var(--sk));background:radial-gradient(circle 300px at 50% var(--sy), rgb(from var(--gold) r g b / .9) 0, rgb(from var(--ember) r g b / .5) 40%, rgb(from var(--rose) r g b / 0) 100%);position:absolute;inset:0 -3px}.hero{isolation:isolate;min-height:max(42rem,100svh);padding:calc(var(--navh) + clamp(1rem, 3svh, 2rem)) var(--gutter) 5rem;background:var(--ink);color:var(--snow);--x:calc(100cqw - 30px);--sy:50%;flex-direction:column;display:flex;container-type:inline-size}.hero .sun{z-index:0}.hero .bar-light{z-index:1}.hero-field{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero .light-bar{z-index:5;will-change:transform}.hero-top{align-items:center;gap:clamp(2.5rem,5vw,6rem);margin-right:44px;display:flex;position:relative}.hero-claim{z-index:6;background:var(--ink);flex:none;max-width:36rem;padding:2.25rem 2.5rem}.hero-w{display:inline-block}.hero[data-card=under] .hero-claim h1{color:color-mix(in oklab, var(--snow) calc(100% - var(--drown,0) * 62%), color-mix(in oklab, var(--violet) 45%, var(--ink)))}.hero-claim h1{font-size:var(--fs-h2);letter-spacing:var(--track-caps);text-wrap:wrap;line-height:1.08}.hero-acts{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin-top:2rem;display:flex}.hero-acts .btn{text-align:left;text-transform:none;letter-spacing:0;font-family:var(--body);font-weight:400;font-size:var(--fs-body);flex-wrap:wrap;justify-content:flex-start;gap:.25rem 1rem;padding-block:.875rem}.hero-acts .btn b{margin-left:.5em;font-weight:600}.hero-acts .btn .btn-meta{font:var(--label);letter-spacing:var(--track-label);text-transform:uppercase}.hero[data-card] .hero-claim{background:0 0}.hero[data-card=under] .hero-claim{z-index:0}.hero-claim:before,.hero-claim:after,.hero-acts .btn:before,.hero-acts .btn:after{transition:opacity .3s var(--ease-out)}.hero[data-card] .hero-claim:before,.hero[data-card] .hero-claim:after,.hero[data-card] .hero-acts .btn:before,.hero[data-card] .hero-acts .btn:after{opacity:0;transition:none}.hero[data-card]:not([data-card=draw]) .hero-acts .btn{visibility:hidden}.hero[data-card=draw] .hero-acts .btn{clip-path:inset(0 calc((1 - var(--reveal,0)) * 100%) 0 0)}.hero-slot{flex:1 1 0;min-width:0}.hero-lockup{z-index:2;width:max(75%,min(100%,27.5rem));max-width:min(70.3125rem,101svh);margin-inline:auto;position:relative}.hero-logo-fx{position:absolute;inset:0}.hero[data-scene] .hero-lockup img{visibility:hidden}.hero-states{z-index:3;text-align:center;font:italic 400 var(--fs-h3) / 1.22 var(--serif);text-wrap:pretty;text-shadow:0 0 2px var(--ink), 0 1px 10px rgb(from var(--ink) r g b / .9), 0 0 24px rgb(from var(--ink) r g b / .8);margin:auto 44px auto 0;padding-block:clamp(1.25rem,3svh,2.25rem);display:grid;position:relative}.hero-states>span{grid-area:1/1}.hero-states>[data-hero-s-noise],.hero-states>[data-hero-s-order]{color:var(--snow)}.hero-word{white-space:nowrap;display:inline-block}.hero-char{display:inline-block}.hero-char[data-s="0"]{color:#0000;text-shadow:none}.hero-order{z-index:2;grid-template-columns:repeat(4,1fr);gap:0 2rem;margin-right:30px;padding-top:2.5rem;display:grid;position:relative}.hero-order-head{width:max-content;font:500 var(--fs-label) / 1.625rem var(--display);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--mist)}.hero-order ul{margin-top:.25rem}.hero-order li{width:max-content;font:400 var(--fs-small) / 1.625rem var(--body);white-space:nowrap}.hero-cue{z-index:2;color:rgb(from var(--snow) r g b / .6);opacity:0;transition:opacity .9s var(--ease-out);flex-direction:column;align-items:center;gap:.625rem;display:flex;position:absolute;bottom:.875rem;left:50%;translate:-50%}.hero-cue .scroll-cue{clip-path:polygon(0 0,50% calc(100% - 2px),100% 0,100% 2px,50% 100%,0 2px);width:1.25rem;height:.625rem}.hero[data-settled] .hero-cue,html[data-hero=still] .hero-cue,html:not([data-hero]) .hero-cue{opacity:1}.hero-horizon{z-index:7;position:absolute;bottom:0;left:0;right:0}html[data-hero=play]:not([data-hero-ready]) :is(.hero-claim,.hero-order,.hero-states>span,.hero-lockup,.hero-cue,.bar-light,.hero .sun,.hero .light-bar){visibility:hidden}@media (max-width:73.75rem){.hero{min-height:100svh;padding-top:calc(var(--navh) + 4svh)}.hero-top{display:contents}.hero-claim{order:-2}.hero-slot{flex:none;order:-1;width:100%}.hero-states{margin:1.75rem 44px 0 0;padding-block:.5rem}.hero-lockup{width:min(100% - 44px,35rem);max-width:none;margin:2.75rem 0 0}.hero-order{margin-right:0;padding:2.5rem 30px 0 0}}@media (max-width:56.25rem){.hero-order{grid-template-columns:1fr 1fr;gap:1.375rem 2rem}}@media (max-width:47.5rem){.hero{padding:calc(var(--navh) + .75rem) var(--gutter) 5rem;--x:calc(100cqw - 12px)}.hero-claim{max-width:none;padding:1.5rem 1.25rem}.hero-states{margin:1.25rem 24px 0 0;padding-block:.25rem}.hero-acts{gap:1rem;margin-top:1.375rem}.hero-acts .btn{width:100%}.hero-lockup{width:auto;margin:2rem 1rem 0 0}.hero-order{grid-template-columns:1fr 1fr;gap:1.125rem .75rem;padding:2rem 10px 0 0}.hero-order li{line-height:1.4375rem}.hero-order li:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.hero-cue,.bar-light-canvas{transition:none}.hero-char[data-s]{color:var(--snow);text-shadow:inherit}.hero-cue .scroll-cue:after{opacity:.6;animation:none;transform:none}}}
@property --hx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --hy{syntax:"<percentage>";inherits:true;initial-value:0%}@property --hk{syntax:"<number>";inherits:true;initial-value:.8}@property --s1{syntax:"<color>";inherits:true;initial-value:#0000}@property --s2{syntax:"<color>";inherits:true;initial-value:#0000}@property --s3{syntax:"<color>";inherits:true;initial-value:#0000}@layer components{.horizon{isolation:isolate;--night:#06070d;--sky:clamp(10.5rem, 48vw, 14rem);--at:var(--hx) calc(100% - var(--hy));--scale:5;--unsure:0;--place:calc(100% / (var(--scale) + var(--unsure)));transition:--hx 1.4s var(--ease-out), --hy 1.4s var(--ease-out), --hk 1.4s var(--ease-out), --s1 1.4s var(--ease-out), --s2 1.4s var(--ease-out), --s3 1.4s var(--ease-out);flex-direction:column;display:flex;position:relative}.horizon-sky{height:var(--sky);background:radial-gradient(ellipse 90% 34% at 50% 100%, rgb(from var(--s2) r g b / .22), transparent 100%), linear-gradient(180deg in oklab, rgb(from var(--s3) r g b / calc(.4 * var(--hk))), rgb(from var(--s3) r g b / calc(.22 * var(--hk))) 45%, rgb(from var(--s2) r g b / calc(.16 * var(--hk))) 100%), linear-gradient(180deg, var(--night), var(--ink) 58%, color-mix(in srgb, var(--ink) 82%, var(--s3)));position:relative;overflow:hidden}.horizon-sun{--sr:clamp(18rem, 46vw, 40rem);background:radial-gradient(circle at var(--at), rgb(from var(--snow) r g b / var(--hk)) 0, rgb(from var(--snow) r g b / calc(.94 * var(--hk))) 8px, color-mix(in srgb, var(--snow) 45%, rgb(from var(--s1) r g b / calc(.85 * var(--hk)))) 19px, rgb(from var(--s1) r g b / calc(.45 * var(--hk))) 58px, rgb(from var(--s1) r g b / 0) 150px), radial-gradient(ellipse calc(var(--sr) * 1.5) var(--sr) at var(--at), rgb(from var(--s1) r g b / calc(.5 * var(--hk))) 0, rgb(from var(--s2) r g b / calc(.36 * var(--hk))) 18%, rgb(from var(--s2) r g b / calc(.12 * var(--hk))) 50%, transparent 100%), radial-gradient(ellipse 78% 34% at var(--hx) 100%, rgb(from var(--s2) r g b / calc(.5 * var(--hk))), transparent 100%);position:absolute;inset:0}.horizon-cloud{bottom:var(--cy);left:calc(var(--hx) + var(--cx) - var(--cw) / 2);width:var(--cw);height:var(--ch,2px);opacity:calc(var(--co) * var(--hk));filter:blur(.7px);background:linear-gradient(90deg, transparent, rgb(from var(--s1) r g b / .7) 30%, color-mix(in srgb, var(--snow) 55%, var(--s1)) 52%, rgb(from var(--s1) r g b / .6) 72%, transparent);position:absolute}.horizon-card{font-size:var(--fs-lede);order:10;margin-top:1.5rem;font-weight:300;line-height:1.5}.horizon-card.lit:before,.horizon-card.lit:after{content:none}.horizon-rim{z-index:1;background:radial-gradient(circle max(22rem, 34vw) at var(--hx) 50%, rgb(from var(--snow) r g b / var(--hk)) 0, color-mix(in srgb, var(--snow) 60%, rgb(from var(--s1) r g b / var(--hk))) 6%, rgb(from var(--s1) r g b / calc(.75 * var(--hk))) 30%, rgb(from var(--snow) r g b / .3) 76%, #fbfaf729 100%);height:1px;position:relative}.horizon-rim:after{content:"";filter:blur(3px);opacity:calc(.75 * var(--hk));background:radial-gradient(circle 16rem at var(--hx) 50%, rgb(from var(--s1) r g b / .9) 0, rgb(from var(--s2) r g b / .4) 45%, rgb(from var(--s2) r g b / 0) 100%);position:absolute;inset:-3px 0}.horizon-ticks{z-index:2;height:0;position:relative}.horizon-tick{width:2.75rem;height:2.75rem;color:rgb(from var(--snow) r g b / .7);cursor:pointer;transition:color var(--t-quick);place-items:center;display:grid;position:absolute;top:0;translate:-50% -50%}.horizon-tick:hover{color:var(--snow)}.horizon-tick.is-chosen{color:var(--s1)}.horizon-ground{color:var(--snow);background:var(--ink);padding:1.5rem 1.25rem 1.25rem;position:relative}.horizon-ground:before{content:"";pointer-events:none;background:radial-gradient(ellipse 9% 120% at var(--hx) 0, rgb(from var(--s1) r g b / calc(.3 * var(--hk))), transparent 100%), radial-gradient(ellipse 46% 110% at var(--hx) 0, rgb(from var(--s2) r g b / calc(.16 * var(--hk))), transparent 100%);position:absolute;inset:0}.horizon-options{z-index:2;grid-template-columns:1fr;display:grid;position:relative}.horizon-option{color:rgb(from var(--snow) r g b / .78);cursor:pointer;transition:color var(--t-quick);align-items:baseline;gap:.75rem;padding:.4rem 0;line-height:1.4;display:flex}.horizon-option:hover,.horizon-option.is-chosen{color:var(--snow)}.horizon-option.is-chosen{font-weight:500}.horizon-option:has(:focus-visible){outline:1px solid var(--gold);outline-offset:6px}.horizon-mark{color:rgb(from var(--snow) r g b / .6);translate:0 1px}.horizon-option.is-chosen .horizon-mark{color:var(--s1)}@media (min-width:35rem) and (max-width:66.24rem){.horizon-options{grid-template-columns:1fr 1fr;gap:0 1.5rem}}@media (min-width:66.25rem){.horizon{--sky:clamp(19rem, 25vw, 22rem)}.horizon-card{z-index:3;width:min(30rem,40%);color:var(--fg);background:var(--ink);font-size:var(--fs-body);margin:0;padding:1.375rem 1.625rem 1.5rem;font-weight:400;line-height:1.55;position:absolute;top:1.5rem}.horizon .horizon-card.lit{--fg:var(--snow);--fg-2:var(--mist);--line:#fbfaf729;--lit-core:#fbfaf7f2}.horizon .horizon-card.lit:before,.horizon .horizon-card.lit:after{content:"";filter:none}.horizon-card.is-left{left:1.5rem}.horizon-card.is-right{right:1.5rem}.horizon-ground{padding:1.75rem 0}.horizon-options{grid-template-columns:repeat(var(--scale), var(--place)) calc(var(--place) * var(--unsure))}.horizon-option{text-align:center;text-wrap:balance;justify-content:center;padding:0 .75rem}.horizon-mark{display:none!important}}[data-armed]:not([data-inview]) .horizon{transition:none;--hy:-44%!important;--hk:.1!important}[data-armed][data-inview] .horizon{animation:sunrise 2.6s var(--ease-out) backwards}@keyframes sunrise{0%{--hy:-44%;--hk:.1}}.nav-link[aria-selected=true]{opacity:1}.nav-link[aria-selected=true]:after{transform:scaleX(1)}.proof-layout{grid-template-areas:"title""lede""picture""link";gap:1.75rem;display:grid}@media (min-width:66.25rem){.proof-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"title lede""picture picture""link link";align-items:end;gap:0 3.5rem}}@media (prefers-reduced-motion:reduce){.horizon{transition:none}[data-armed][data-inview] .horizon{animation:none}}}