:root{--font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-xxx-small: 75%;--font-xx-small: 90%;--font-x-small: 125%;--font-small: 135%;--font-medium: 175%;--font-large: 215%;--font-x-large: 250%;--font-xx-large: 300%;--font-xxx-large: 375%}:root{color-scheme:light dark;--lch-blue: 0.434 0.199 273.7;--lch-blue-bright: 0.57 0.191 255.5;--lch-green: 0.643 0.157 155.6;--lch-lime: 0.864 0.181 128.2;--lch-aqua: 0.733 0.083 225;--lch-ink: 0 0 0;--lch-ink-strong: 0.252 0 0;--lch-ink-muted: 0.321 0 0;--lch-paper: 1 0 0;--lch-line: 0.913 0 0;--lch-shadow: 0 0 0;--color-blue: oklch(var(--lch-blue));--color-blue-bright: oklch(var(--lch-blue-bright));--color-green: oklch(var(--lch-green));--color-lime: oklch(var(--lch-lime));--color-aqua: oklch(var(--lch-aqua));--color-grey-light: oklch(var(--lch-line));--color-ink: oklch(var(--lch-ink));--color-ink-strong: oklch(var(--lch-ink-strong));--color-ink-muted: oklch(var(--lch-ink-muted));--color-paper: oklch(var(--lch-paper));--color-on-accent: oklch(1 0 0);--color-top-bg: oklch(var(--lch-paper) / 0.85);--color-top-bg-strong: oklch(var(--lch-paper) / 0.95);--color-menu-shadow: oklch(var(--lch-shadow) / 0.1);--color-blue-line: oklch(var(--lch-blue) / 0.1);--color-blue-tint: oklch(var(--lch-blue) / 0.05);--ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-snap: cubic-bezier(0.34, 1.25, 0.64, 1);--transition-fast: 0.15s var(--ease-out);--transition-medium: 0.25s var(--ease-out);--shadow-btn: 0 0.2em 0.65em oklch(var(--lch-shadow) / 0.12);--shadow-btn-hover: 0 0.35em 1em oklch(var(--lch-shadow) / 0.2)}@media(prefers-color-scheme: dark){:root{--lch-paper: 0.189 0.019 235.5;--lch-line: 0.32 0.015 235.5;--lch-ink: 0.96 0 0;--lch-ink-strong: 0.98 0 0;--lch-ink-muted: 0.72 0 0;--lch-blue: 0.62 0.18 273.7;--lch-blue-bright: 0.66 0.17 255.5;--lch-green: 0.72 0.16 155.6;--lch-lime: 0.88 0.19 128.2;--lch-aqua: 0.78 0.09 225}}*,::after,::before{box-sizing:border-box}html,body{overflow-x:hidden}html{font-size:10px;letter-spacing:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family:var(--font);font-size:calc(1.7rem + .5vw);margin:0;padding:0;background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{padding-top:5em}h1{font-weight:900}h1{margin:.25em 0 0;line-height:1.2;letter-spacing:0;font-size:215%;font-size:var(--font-large)}@media(min-width: 45em){h1{font-size:300%;font-size:var(--font-xxx-large)}}p{font-size:var(--font-x-small);margin-top:.5rem;font-weight:500}p,ul,ol{padding:0;line-height:1.525}main{text-align:center}.btn{cursor:pointer;display:inline-block;padding:.4em 1em;color:var(--color-on-accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-decoration:none;text-align:center;line-height:normal;-webkit-appearance:none;background:linear-gradient(106deg, var(--color-blue-bright) 0%, var(--color-green) 100%);border-radius:1.5em;border:0;box-shadow:var(--shadow-btn);transition:transform var(--transition-medium),box-shadow var(--transition-medium),filter var(--transition-fast)}@media(hover: hover){.btn:hover{transform:scale(1.03) translateY(-0.05em);box-shadow:var(--shadow-btn-hover);filter:brightness(1.04)}.btn:active{transform:scale(0.98) translateY(0.05em);box-shadow:var(--shadow-btn);filter:brightness(0.98);transition-duration:.1s;transition-timing-function:var(--ease-snap)}}.btn--hero{font-size:var(--font-small);font-weight:bold}.footer{text-align:center;padding:2.5em 0;margin-top:10em;font-size:var(--font-xxx-small);color:var(--color-ink-muted)}.grid{--grid-gutter: clamp(1.5rem, 4vw, 6rem);--grid-measure: 58ch;--grid-breakout: 14rem;display:grid;grid-template-columns:[max-start] minmax(var(--grid-gutter), 1fr) [wide-start] minmax(0, var(--grid-breakout)) [text-start] min(100% - var(--grid-gutter)*2,var(--grid-measure)) [text-end] minmax(0, var(--grid-breakout)) [wide-end] minmax(var(--grid-gutter), 1fr) [max-end]}@media print{.grid{display:block}}:where(.grid)>*{grid-column:text}:where(.grid)>:is(a,button){justify-self:center}.grid__wide{grid-column:wide}.grid__max{grid-column:max}.showcase{grid-column:wide;margin:2em 0 0}.showcase__shot,.showcase__placeholder{display:block;width:100%;height:auto}.showcase__frame{display:block;border-radius:.5em;overflow:hidden;box-shadow:0 1em 3em var(--color-menu-shadow)}.showcase__caption{margin-top:.75em;font-size:var(--font-xx-small);color:var(--color-ink-muted)}.top{position:fixed;width:100%;background-color:var(--color-top-bg);backdrop-filter:blur(0.35em);-webkit-backdrop-filter:blur(0.35em)}@media(max-width: 45em){.top{border-bottom:1px solid var(--color-grey-light)}}.top__nav{padding:1rem;display:flex;align-items:center;justify-content:space-between;position:relative}@media(max-width: 45em){.top__menu{display:none}}.top__menu--mobile{position:absolute;top:100%;left:0;right:0;background-color:var(--color-top-bg-strong);backdrop-filter:blur(0.35em);-webkit-backdrop-filter:blur(0.35em);border-top:1px solid var(--color-grey-light);padding:1rem;flex-direction:column;gap:1rem;box-shadow:0 4px 6px var(--color-menu-shadow);display:flex;transform:translateX(-100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .25s cubic-bezier(0.25, 0.46, 0.45, 0.94),visibility 0s linear .35s}@media(min-width: 45em){.top__menu--mobile{display:none !important}}.top__menu-link{color:var(--color-ink-strong);transition:color .2s ease,text-decoration .2s ease;text-decoration-thickness:2px;margin-left:.85em;font-weight:700}.top__menu-link:hover{text-decoration-color:var(--color-lime)}.top__menu-link--mobile{color:var(--color-ink-strong);font-weight:700;padding:.75rem 0;text-decoration:none;border-bottom:1px solid var(--color-blue-line);transition:color .2s ease,background-color .2s ease,transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:translateX(-20px);opacity:0}.top__menu-link--mobile:hover{color:var(--color-blue);background-color:var(--color-blue-tint)}.top__menu-link--mobile:last-of-type{border-bottom:none}.top__menu-btn--mobile{margin-top:.5rem;align-self:flex-start;font-weight:700;transform:translateX(-20px);opacity:0;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.top__input{position:absolute;right:0}@media(min-width: 45em){.top__input{display:none}}@media(max-width: 45em){.top__label{display:block;padding:1rem;cursor:pointer;color:var(--color-blue)}}@media(min-width: 45em){.top__label{display:none}}.top__icon{width:2.45rem;height:.25rem;display:inline-flex;background:var(--color-blue);top:-0.6rem;position:relative;margin-right:.3rem;border-radius:1rem}.top__icon:before{transition-duration:.15s;transition-property:transform;position:absolute;right:0;top:-0.6rem;width:2rem;height:.25rem;display:block;content:"";background:var(--color-blue);border-radius:1rem}.top__icon:after{transition-duration:.15s;transition-property:transform;position:absolute;right:0;top:.6rem;width:2rem;height:.25rem;display:block;content:"";background:var(--color-blue);border-radius:1rem}@media(prefers-color-scheme: dark){.top__logo .name{fill:var(--color-blue)}}.top__logo{display:inline-flex;width:7.75em;height:2.175em;text-decoration:none;animation:bonfire-logo-in .6s var(--ease-snap) forwards}.top__logo svg{display:block;width:100%;height:100%}@media(prefers-reduced-motion: reduce){.top__logo{animation:none}}@keyframes bonfire-logo-in{0%{opacity:0;transform:scale(0.8) rotate(-2deg)}50%{transform:scale(1.05) rotate(0deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}.top__input:checked~.top__label .top__icon::before{transform:rotate(45deg)}.top__input:checked~.top__label .top__icon::after{transform:rotate(-45deg)}.top__input:checked~.top__label .top__icon{background-color:rgba(0,0,0,0)}.top__input:checked~.top__menu--mobile{transform:translateX(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .25s cubic-bezier(0.25, 0.46, 0.45, 0.94),visibility 0s linear 0s}.top__input:checked~.top__menu--mobile .top__menu-link--mobile{transform:translateX(0);opacity:1}.top__input:checked~.top__menu--mobile .top__menu-link--mobile:nth-child(1){transition-delay:.1s}.top__input:checked~.top__menu--mobile .top__menu-link--mobile:nth-child(2){transition-delay:.18s}.top__input:checked~.top__menu--mobile .top__menu-btn--mobile{transform:translateX(0);opacity:1;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .26s,opacity .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .26s}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none}.center{text-align:center}