@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap";:root{--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-label: "Barlow", sans-serif;--display-weight: 800;--display-case: uppercase;--display-tracking: -.025em;--display-leading: .92;--label-case: none;--label-tracking: 0;--ground: oklch(15% .018 325);--ink: oklch(97% .012 105);--muted: oklch(81% .022 325);--surface: oklch(23% .026 325);--on-surface: var(--ink);--accent: oklch(91% .23 125);--on-accent: oklch(15% .018 325);--hot: oklch(74% .19 350);--on-hot: oklch(15% .018 325);--line: oklch(44% .04 325);--line-width: 2px;--radius: 0;--radius-media: 0;--radius-control: 0;--step--1: .875rem;--step-0: 1.0625rem;--step-1: clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--step-2: clamp(1.35rem, 1.2rem + .6vw, 1.6rem);--step-3: clamp(1.7rem, 1.4rem + 1.2vw, 2.25rem);--step-4: clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);--step-5: clamp(2.6rem, 1.8rem + 3.6vw, 4.75rem);--step-display: clamp(3.25rem, 1.5rem + 7vw, 6rem);--step-poster: clamp(3.6rem, 1.5rem + 8vw, 6rem);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2.5rem;--space-6: 4rem;--space-7: 6.5rem;--section-space: var(--space-6);--page: 1200px;--gutter: clamp(1rem, .5rem + 2.5vw, 2.5rem);--measure: 40rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:dark;scrollbar-color:var(--hot) var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--on-accent)}img,video,svg{display:block;max-width:100%}h1,h2,h3,h4,p,figure,ul,ol{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.05;text-transform:var(--display-case);text-wrap:balance}h1{font-size:var(--step-5);line-height:var(--display-leading)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}p{max-width:var(--measure);text-wrap:pretty}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.22em}a:hover{text-decoration-color:var(--hot)}.display,.poster{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);text-transform:var(--display-case)}.display{font-size:var(--step-display)}.poster{font-size:var(--step-poster)}.lede{font-size:var(--step-1)}.label{font-family:var(--font-label);font-size:var(--step--1);letter-spacing:var(--label-tracking);text-transform:var(--label-case)}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:.9em 1.3em;border:var(--line-width) solid var(--accent);border-radius:var(--radius-control);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--hot);transition:transform .16s ease-out,box-shadow .16s ease-out}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--hot)}.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--hot)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button--quiet{background:transparent;color:inherit;border-color:currentColor;box-shadow:none}.button--quiet:hover{box-shadow:none}:focus-visible{outline:3px solid var(--hot);outline-offset:5px}input,textarea,select{caret-color:var(--accent);accent-color:var(--accent)}.contain{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-space)}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-3))}.cluster{display:flex;flex-wrap:wrap;align-items:var(--cluster-align, center);justify-content:var(--cluster-justify, flex-start);gap:var(--cluster-gap, var(--space-3))}.grid{display:grid;gap:var(--grid-gap, var(--space-4));grid-template-columns:repeat(var(--grid-fit, auto-fit),minmax(min(var(--grid-min, 16rem),100%),1fr))}.split{display:grid;gap:var(--split-gap, var(--space-5));align-items:var(--split-align, center)}@media (min-width: 52rem){.split{grid-template-columns:var(--split, 1fr 1fr)}}.layer{display:grid;isolation:isolate}.layer>*{grid-area:1 / 1;min-width:0;z-index:1}.layer>.frame{z-index:-1;border-radius:inherit}.layer>.scrim{z-index:0}.cover{display:grid;min-height:var(--cover-height, 100svh)}.cover>.cover__center{align-self:var(--cover-align, center)}.frame{position:relative;overflow:hidden;aspect-ratio:var(--ratio, auto);border-radius:var(--radius-media);background:var(--surface)}.frame>img{width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 50%)}@media (max-width: 40rem){.frame{aspect-ratio:var(--ratio-phone, var(--ratio, auto))}.frame>img{object-position:var(--focus-phone, var(--focus, 50% 50%))}}.frame__note{position:absolute;inset:auto var(--space-2) var(--space-2) auto;padding:.15rem .45rem;background:var(--ground);color:var(--ink);font-size:.75rem}.scrim{background:linear-gradient(var(--scrim-angle, 180deg),rgb(0 0 0 / var(--scrim-top, .15)),rgb(0 0 0 / var(--scrim-bottom, .55)))}.panel{padding:var(--panel-space, var(--space-5));border-radius:var(--radius);background:var(--surface);color:var(--on-surface)}.invert{background:var(--ink);color:var(--ground);--muted: color-mix(in oklab, var(--ground) 72%, var(--ink));--line: color-mix(in oklab, var(--ground) 25%, var(--ink))}.on-accent{background:var(--accent);color:var(--on-accent);--muted: color-mix(in oklab, var(--on-accent) 75%, var(--accent))}.on-accent .button{background:var(--on-accent);color:var(--accent);border-color:var(--on-accent)}.bleed{margin-inline:calc(50% - 50vw)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header{border-top:6px solid var(--accent);background:var(--ground)}.site-header__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:1rem}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.8rem;text-transform:uppercase;text-decoration:none;line-height:1;max-width:19rem}.wordmark img{max-height:3rem}.site-nav{gap:1.5rem;font-weight:600;font-size:1rem}.site-nav>a:not(.button){text-decoration:none}.site-nav>a:not(.button):hover{color:var(--accent)}.site-footer{border-top:8px solid var(--hot);padding-block:3rem}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.site-footer p{margin-top:1rem}.home-poster{min-height:570px;height:min(70vw,680px);border-block:2px solid var(--hot)}.home-poster>.frame{height:100%}.home-poster__copy{align-self:center;text-align:center;padding-block:4rem}.home-poster h1{color:var(--accent);text-shadow:3px 3px 0 var(--ground),-2px -2px 0 var(--ground),0 0 22px color-mix(in oklab,var(--accent) 65%,transparent);max-width:11ch;margin-inline:auto}.home-poster__copy p{margin:1.5rem auto;padding:.75rem 1rem;background:var(--ground);max-width:33rem}.home-poster .cluster{justify-content:center}.home-jump{background:var(--surface);border-bottom:2px solid var(--line)}.home-jump .cluster{justify-content:center;gap:1rem 3rem;padding-block:1.25rem;font-weight:600}.home-intro{text-align:center;padding-block:3rem}.home-intro p{margin-inline:auto}.home-feature{max-width:1100px;margin-inline:auto;padding-bottom:4rem}.home-feature__heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:1.5rem}.home-feature__heading p{max-width:28rem}.home-feature .frame{border:2px solid var(--line)}.home-feature__link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--surface);font-weight:700;text-decoration:none;border-bottom:3px solid var(--hot)}.home-feature__link:hover{background:var(--accent);color:var(--on-accent)}.home-close{padding-block:4rem;background:var(--hot);color:var(--on-hot);text-align:center}.home-close p{margin-inline:auto}.home-close .button{align-self:center;border-color:var(--ground);box-shadow:4px 4px 0 var(--ground)}@media (max-width: 40rem){.site-nav{gap:1rem;width:100%;justify-content:space-between}.site-nav .button{font-size:.875rem;padding-inline:.7rem}.home-poster{height:auto;min-height:530px}.home-poster>.frame{aspect-ratio:auto}.home-poster__copy{padding-block:4rem}.home-feature{padding-bottom:3rem}}@media (prefers-reduced-motion: reduce){.button{transition:none}}
