:root{--paper:#f2f3f5;--klein:#1238b8;--night:#0a1550;--green:#00664a;--sky:#c9d3f2;--amber:#f2b53a;--amber-hover:#f6c45e;--amber-ink:#0a1550;--bg:var(--paper);--ink:var(--klein);--muted:var(--night);--surface:var(--sky);--accent:var(--amber);--accent-hover:var(--amber-hover);--accent-ink:var(--amber-ink);--focus:var(--night);--on-field:var(--paper);--on-field-muted:var(--sky);--font-display:var(--face-display), sans-serif;--font-text:var(--face-text), sans-serif;--step-small:1rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.375rem, 1.1rem + .9vw, 2.125rem);--step-head:clamp(2.75rem, 1.2rem + 5vw, 6rem);--step-display:clamp(7rem, 33vw, 34rem);--step-cap:var(--step-body);--track-nav:.02em;--track-caps:.02em;--measure:62ch;--gutter:24px;--margin:clamp(16px, 2.2vw, 32px);--rail:0px;--max:1760px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:72px;--space-8:120px;--section-gap:clamp(120px, 13vw, 200px);--radius:0;--radius-pill:0;--bar-h:64px;--button-h:52px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-exit:cubic-bezier(.55, .055, .675, .19);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--t-open:1.2s;--stagger-line:90ms;--stagger-item:70ms}@media (max-width:767px){:root{--gutter:16px;--button-h:48px}}
:root{--notch-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='14'/%3E%3C/svg%3E");--rect-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Crect width='1' height='1'/%3E%3C/svg%3E");--scallop-bottom-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3C/svg%3E");--scallop-top-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Ccircle cx='8' cy='0' r='7'/%3E%3C/svg%3E")}.edge-notch,.edge-notch-r,.edge-scallop,.edge-scallop-top{-webkit-mask-composite:xor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.edge-notch{-webkit-mask-image:var(--notch-img), var(--notch-img), var(--rect-img);-webkit-mask-image:var(--notch-img), var(--notch-img), var(--rect-img);mask-image:var(--notch-img), var(--notch-img), var(--rect-img);-webkit-mask-size:28px 28px,28px 28px,100% 100%;mask-size:28px 28px,28px 28px,100% 100%;-webkit-mask-position:left -14px bottom calc(var(--notch-y,56px) - 14px), right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0;-webkit-mask-position:left -14px bottom calc(var(--notch-y,56px) - 14px), right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0;mask-position:left -14px bottom calc(var(--notch-y,56px) - 14px), right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0}.edge-notch-r{-webkit-mask-image:var(--notch-img), var(--rect-img);-webkit-mask-image:var(--notch-img), var(--rect-img);mask-image:var(--notch-img), var(--rect-img);-webkit-mask-size:28px 28px,100% 100%;mask-size:28px 28px,100% 100%;-webkit-mask-position:right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0;-webkit-mask-position:right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0;mask-position:right -14px bottom calc(var(--notch-y,56px) - 14px), 0 0}.edge-scallop{-webkit-mask-image:var(--scallop-bottom-img), var(--rect-img);-webkit-mask-image:var(--scallop-bottom-img), var(--rect-img);mask-image:var(--scallop-bottom-img), var(--rect-img);-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-size:16px 8px,100% 100%;mask-size:16px 8px,100% 100%;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat}.edge-scallop-top{-webkit-mask-image:var(--scallop-top-img), var(--rect-img);-webkit-mask-image:var(--scallop-top-img), var(--rect-img);mask-image:var(--scallop-top-img), var(--rect-img);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:16px 8px,100% 100%;mask-size:16px 8px,100% 100%;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat}.edge-zigzag{clip-path:polygon(0% 0,5% 6px,10% 0,15% 6px,20% 0,25% 6px,30% 0,35% 6px,40% 0,45% 6px,50% 0,55% 6px,60% 0,65% 6px,70% 0,75% 6px,80% 0,85% 6px,90% 0,95% 6px,100% 0%,calc(100% - 6px) 5%,100% 10%,calc(100% - 6px) 15%,100% 20%,calc(100% - 6px) 25%,100% 30%,calc(100% - 6px) 35%,100% 40%,calc(100% - 6px) 45%,100% 50%,calc(100% - 6px) 55%,100% 60%,calc(100% - 6px) 65%,100% 70%,calc(100% - 6px) 75%,100% 80%,calc(100% - 6px) 85%,100% 90%,calc(100% - 6px) 95%,100% 100%,95% calc(100% - 6px),90% 100%,85% calc(100% - 6px),80% 100%,75% calc(100% - 6px),70% 100%,65% calc(100% - 6px),60% 100%,55% calc(100% - 6px),50% 100%,45% calc(100% - 6px),40% 100%,35% calc(100% - 6px),30% 100%,25% calc(100% - 6px),20% 100%,15% calc(100% - 6px),10% 100%,5% calc(100% - 6px),0 100%,6px 95%,0 90%,6px 85%,0 80%,6px 75%,0 70%,6px 65%,0 60%,6px 55%,0 50%,6px 45%,0 40%,6px 35%,0 30%,6px 25%,0 20%,6px 15%,0 10%,6px 5%)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--step-body);letter-spacing:0;margin:0;font-weight:400;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:.95}h1,h2{font-size:var(--step-head)}h3{font-size:var(--step-lead);line-height:1}.caps{text-transform:uppercase;letter-spacing:var(--track-caps);line-height:.9}p{text-wrap:pretty;max-width:var(--measure)}strong,b{font-weight:500}img,video,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}button{font:inherit;color:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}.t-small{font-size:var(--step-small)}.t-body{font-size:var(--step-body)}.t-lead{font-family:var(--font-display);font-size:var(--step-lead);font-weight:500;line-height:1}.t-head{font-family:var(--font-display);font-size:var(--step-head);font-weight:700;line-height:.95}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{padding-inline:var(--margin)}.grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section-gap{padding-block:var(--section-gap)}.field-paper{background:var(--paper);color:var(--klein);--focus:var(--night)}.field-klein{background:var(--klein);color:var(--on-field);--muted:var(--on-field-muted);--focus:var(--paper)}.field-night{background:var(--night);color:var(--on-field);--muted:var(--on-field-muted);--focus:var(--paper)}.field-green{background:var(--green);color:var(--on-field);--muted:var(--on-field-muted);--focus:var(--paper)}[data-reveal=armed]>*{opacity:0;transform:translateY(24px)}[data-reveal=in]>*{transition:opacity var(--t-reveal) var(--ease-expo), transform var(--t-reveal) var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item))}[data-reveal]>:nth-child(2){--i:1}[data-reveal]>:nth-child(3){--i:2}[data-reveal]>:nth-child(4){--i:3}[data-reveal]>:nth-child(5){--i:4}[data-reveal]>:nth-child(6){--i:5}[data-reveal]>:nth-child(7){--i:6}[data-reveal]>:nth-child(8){--i:7}[data-reveal]>:nth-child(9){--i:8}[data-reveal]>:nth-child(10){--i:9}[data-reveal]>:nth-child(11){--i:10}[data-reveal]>:nth-child(12){--i:11}[data-reveal-clip][data-reveal=armed]>*{opacity:1;clip-path:inset(20%);transform:none}[data-reveal-clip][data-reveal=in]>*{clip-path:inset(0);transition:clip-path var(--t-open) var(--ease-expo);transition-delay:calc(var(--i,0) * var(--stagger-item))}@keyframes load-rise{0%{opacity:0;transform:translateY(.4em)}}@keyframes load-fade{0%{opacity:0}}@keyframes card-in{0%{clip-path:inset(100% 0 0);transform:translateY(40px)}to{clip-path:inset(0);transform:none}}@keyframes curtain-lift{to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes curtain-spread{0%{transform:none}to{transform:translateX(calc(var(--i) * 14vw))}}.curtain{display:none}@media (prefers-reduced-motion:no-preference){.js:not(.seen) .curtain{z-index:100;background:var(--klein);color:var(--paper);pointer-events:none;clip-path:inset(0);animation:curtain-lift .5s var(--ease-in-out) .5s forwards;place-items:center;display:grid;position:fixed;inset:0}.js:not(.seen) .curtain-word{font-family:var(--font-display);font-weight:700;font-size:var(--step-head);gap:.3em;display:flex}.js:not(.seen) .curtain-word b{font-weight:inherit;animation:curtain-spread .6s var(--ease-in-out) .1s both;display:inline-block}.js:not(.seen) [data-load]{animation-duration:.5s;animation-timing-function:var(--ease-expo);animation-fill-mode:backwards;animation-delay:var(--d,0s)}.js:not(.seen) [data-load=rise]{animation-name:load-rise}.js:not(.seen) [data-load=fade]{animation-name:load-fade;animation-timing-function:var(--ease-out)}.js:not(.seen) [data-load=card]{animation:card-in .6s var(--ease-expo) .5s backwards}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]>*{opacity:1!important;clip-path:none!important;transform:none!important}}
:root{--hit:24px;--text-min:16px;--cap-min:11px;--max:1440px}body{padding-inline:var(--rail,0px)}@media (max-width:1023px),(pointer:coarse){:root{--hit:44px}}:focus-visible{outline:3px solid var(--focus,currentColor);outline-offset:3px}