@charset "UTF-8";/*** The new CSS reset - version 1.11.3 (last updated 25.08.2024) GitHub page: https://github.com/elad2412/the-new-css-reset ***//* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath)){all:unset;display:revert}/* Preferred box-sizing value */*,*::before,*::after{box-sizing:border-box}/* Fix mobile Safari increase font-size on landscape mode */html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}/* Reapply the pointer cursor for anchor tags */a,button{cursor:revert}/* Remove list styles (bullets/numbers) */ol,ul,menu,summary{list-style:none}/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */ol{counter-reset:revert}/* For images to not be able to exceed their container *//* removes spacing between cells in tables */table{border-collapse:collapse}/* Safari - solving issue when using user-select:none on the text input doesn't working */input,textarea{-webkit-user-select:auto}input::-webkit-search-cancel-button{display:none}/* revert the 'white-space' property for textarea elements on Safari */textarea{white-space:revert}/* minimum style to allow to style meter element */meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}/* preformatted text - use only for this feature */:where(pre){all:revert;box-sizing:border-box}/* reset default text opacity of input placeholder */::-moz-placeholder{color:unset}::placeholder{color:unset}/* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */:where([hidden]){display:none}/* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}/* apply back the draggable feature - exist only in Chromium and Safari */:where([draggable=true]){-webkit-user-drag:element}/* Revert Modal native behavior */:where(dialog:modal){all:revert;box-sizing:border-box}/* Remove details summary webkit styles */::-webkit-details-marker{display:none}@font-face{font-family:"DM Serif Display";font-feature-settings:"dlig" on;src:url("../fonts/dm_serif_display/DMSerifDisplay-Regular.ttf") format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"DM Serif Display";font-feature-settings:"dlig" on;src:url("../fonts/dm_serif_display/DMSerifDisplay-Italic.ttf") format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:"DM Serif Text";font-feature-settings:"dlig" on;src:url("../fonts/dm_serif_text/DMSerifText-Regular.ttf") format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:"DM Serif Text";font-feature-settings:"dlig" on;src:url("../fonts/dm_serif_text/DMSerifText-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Dela Gothic One";font-feature-settings:"dlig" on;src:url("../fonts/dela_gothic_one/DelaGothicOne-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains_mono/JetBrainsMono[wght].ttf") format("truetype");font-optical-sizing:auto;font-style:normal}@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains_mono/JetBrainsMono-Italic[wght].ttf") format("truetype");font-optical-sizing:auto;font-style:italic}/* * https://remixicon.com * https://github.com/Remix-Design/RemixIcon * Copyright RemixIcon.com * Released under the Apache License Version 2.0 */@font-face{font-family:"remixicon";src:url("../fonts/remixicon/remixicon.eot?t=1757867739035");/* IE9*/src:url("../fonts/remixicon/remixicon.eot?t=1757867739035#iefix") format("embedded-opentype"),url("../fonts/remixicon/remixicon.woff2?t=1757867739035") format("woff2"),url("../fonts/remixicon/remixicon.woff?t=1757867739035") format("woff"),url("../fonts/remixicon/remixicon.ttf?t=1757867739035") format("truetype"),url("../fonts/remixicon/remixicon.svg?t=1757867739035#remixicon") format("svg");/* iOS 4.1- */font-display:swap}:root{--grid-columns:12;--grid-gap:0.8rem;--grid-gap-block:0.8rem;--grid-edge:1.6rem;--header-size:4.8rem;--footer-size:4rem;--breadcrumb-height:3.2rem;--layout-max-width:172rem;--container-columns:12;--column-size:12;--minus-gap:1;--cta-height:3.2rem;--radius--lg:2.4rem;--radius--md:1.2rem;--radius--sm:0.8rem;--radius--xs:0.4rem;--radius--default:0.4rem;--ratio--square:1/1;--ratio--2x1:2/1;--ratio--3x2:3/2;--ratio--5x3:5/3;--ratio--7x3:7/3;--ratio--16x9:16/9;--ratio--21x9:21/9;--shadow--default:0 0 2rem hsl(from var(--black, black) h s l/15%);--white:white;--black:black;--grey-850:oklch(from #ccc l c h);--grey-800:oklch(from #bbb l c h);--grey-600:oklch(from #999 l c h);--grey-500:oklch(from #808080 l c h);--grey-300:oklch(from #454545 l c h);--grey-200:oklch(from #292929 l c h);--grey-150:oklch(from #252525 l c h);--grey-100:oklch(from #191919 l c h);--grey-50:oklch(from #131313 l c h);--grey-0:oklch(from #090909 l c h);--accent:oklch(from #c0fe04 l c h);--root-font-size:16;--scale-font-size:10;--font-size:1.6rem;--line-height:1.5em;--title-font:DM Serif Text,serif;--title-font-display:DM Serif Display,serif;--title-font-alt:Dela Gothic One,serif;--text-font:JetBrains Mono,monospace;--code-font:JetBrains Mono,monospace;--text-color:var(--text-color--lighter);--text-color--bright:var(--white);--text-color--lighter:var(--grey-850);--text-color--light:var(--grey-800);--text-color--medium:var(--grey-600);--text-color--deep:var(--grey-500);--text-color--dark:var(--grey-300);--text-color--darker:var(--grey-50);--text-color--abyss:var(--grey-0);--text-color--accent:var(--accent);--title-color:var(--title-color--bright);--title-color--accent:var(--accent);--title-color--bright:var(--white);--title-color--darker:var(--grey-50);--title-color--abyss:var(--grey-0);--stroke-color:var(--stroke-color--dark);--stroke-color--accent:var(--accent);--stroke-color--bright:var(--white);--stroke-color--medium:var(--grey-300);--stroke-color--deep:var(--grey-150);--stroke-color--dark:var(--grey-100);--stroke-color--darker:var(--grey-50);--background-color:var(--background-color--darker);--background-color--bright:var(--white);--background-color--light:var(--grey-800);--background-color--medium:var(--grey-300);--background-color--deep:var(--grey-150);--background-color--dark:var(--grey-100);--background-color--darker:var(--grey-50);--background-color--abyss:var(--grey-0);--background-color--accent:var(--accent);--icon-color:var(--text-color);--transition-property:all;--transition-easing:linear(0, 0.002, 0.01 3.6%, 0.034, 0.074 9.1%, 0.128 11.4%, 0.194 13.4%, 0.271 15%, 0.344 16.1%, 0.544, 0.66 20.6%, 0.717 22.4%, 0.765 24.6%, 0.808 27.3%, 0.845 30.4%, 0.883 35.1%, 0.916 40.6%, 0.942 47.2%, 0.963 55%, 0.979 64%, 0.991 74.4%, 0.998 86.4%, 1);--transition-duration:0.65s;--transition:var(--transition-property) var(--transition-easing) var(--transition-duration) var(--transition-delay, 0s)}@media screen and ( min-width: 48em ){:root{--header-height:4rem}}:root{--z-index-content:50;--z-index-lines:100;--z-index-pagination:150;--z-index-curtain:200;--z-index-header:250;--z-index-header-nav:300}html,body{font-family:"JetBrains Mono";font-size:calc(var(--scale-font-size, var(--root-font-size, 16)) / var(--root-font-size, 16) * 100%);font-optical-sizing:auto;font-weight:300;text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page__wrapper,.dialog{font-size:var(--font-size);line-height:var(--line-height)}:where(*:not(.icon)){color:var(--text-color)}em{font-style:italic}strong{font-weight:700}abbr{text-decoration:underline;text-underline-offset:0.16em;text-decoration-thickness:0.1rem;text-decoration-style:dotted}html,body{background:var(--background-color--abyss);color:var(--text-color)}::-moz-selection{background:oklch(from var(--background-color--bright) l c h/10%)}::selection{background:oklch(from var(--background-color--bright) l c h/10%)}.theme--light{--luminosity:100%;--luminosity-factor:-1;--title-deg:-29deg;--theme-invert:var(--meta-white);--theme-light:var(--meta-black)}.flex{display:flex;flex-wrap:wrap;align-content:flex-start}.flex--row{gap:var(--grid-gap-block) var(--grid-gap)}.flex--row > :where(*:not([class*=col-])){flex:0 0 100%}.flex > [class*=col-]{flex:var(--width, 0 0 calc(((var(--grid-width, 100%)) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap)) + var(--grid-offset, 0%)));min-width:var(--min-width, calc(((var(--grid-width, 100%)) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap)) + var(--grid-offset, 0%)))}.grid{display:grid;gap:0 var(--grid-gap);grid-template-columns:repeat(var(--container-columns, var(--grid-columns)), 1fr);grid-auto-flow:column}.grid > [class*=col-]{grid-column-end:span clamp(1, var(--column-size), var(--container-columns))}.grid > :where(*:not([class*=col-])){grid-column:1/-1}*:not(.flex, .grid) > [class*=col-]{width:calc(((var(--grid-width, 100%)) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap)) + var(--grid-offset, 0%))}.col-demi{--column-size:calc(var(--container-columns) * 0.5)}@container (inline-size > 20em ){.col-grow--xxxs{--width:1;--min-width:auto}}@container (inline-size > 24.375em ){.col-grow--xxs{--width:1;--min-width:auto}}@container (inline-size > 32.5em ){.col-grow--xs{--width:1;--min-width:auto}}@container (inline-size > 40em ){.col-grow--xs-mid{--width:1;--min-width:auto}}@container (inline-size > 48em ){.col-grow--sm{--width:1;--min-width:auto}}@container (inline-size > 64em ){.col-grow--md{--width:1;--min-width:auto}}@container (inline-size > 80em ){.col-grow--md-mid{--width:1;--min-width:auto}}@container (inline-size > 96em ){.col-grow--lg{--width:1;--min-width:auto}}@media screen and ( min-width: 22.5em ){:not(.flex--container) > .col-grow--xxxs{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 24.375em ){:not(.flex--container) > .col-grow--xxs{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 26.75em ){:not(.flex--container) > .col-grow--xs{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 40em ){:not(.flex--container) > .col-grow--xs-mid{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 48em ){:not(.flex--container) > .col-grow--sm{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 50.625em ){:not(.flex--container) > .col-grow--sm-mid{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 64em ){:not(.flex--container) > .col-grow--md{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 80em ){:not(.flex--container) > .col-grow--md-mid{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 85.375em ){:not(.flex--container) > .col-grow--lg{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 90em ){:not(.flex--container) > .col-grow--lg-mid{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 96em ){:not(.flex--container) > .col-grow--xl{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 120em ){:not(.flex--container) > .col-grow--xxl{--width:1 0 auto;--min-width:auto}}@media screen and ( min-width: 107.5em ){:not(.flex--container) > .col-grow--max{--width:1 0 auto;--min-width:auto}}.first{order:-1}html,body{overflow-x:hidden}.page__wrapper{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-rows:100%;padding:var(--grid-edge);grid-template-areas:"header content footer";gap:var(--grid-gap);width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;position:relative}@media screen and ( min-width: 48em ){.page__wrapper{padding:var(--grid-edge)}}.page__header{-ms-grid-row:1;-ms-grid-column:1;grid-area:header;height:100%}.column > .page__header{-ms-grid-row:1;-ms-grid-column:1}.page__content{-ms-grid-row:1;-ms-grid-column:3;grid-area:content;height:100%}.column > .page__content{-ms-grid-row:3;-ms-grid-column:1}.page__footer{-ms-grid-row:1;-ms-grid-column:5;grid-area:footer;height:100%}.column > .page__footer{-ms-grid-row:5;-ms-grid-column:1}img{display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}@keyframes blink{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}.title,.section :where(h1, h2, h3, h4, h5, h6){color:var(--title-color)}.title::after,.section :where(h1, h2, h3, h4, h5, h6)::after{content:"_";text-shadow:0 0.075em;animation:blink 1.25s linear infinite}.i{--icon-color:var(--text-color);display:block;width:1em;aspect-ratio:1/1;position:relative}.i-menu::before,.i-menu::after{content:"";width:1em;height:0.1rem;background:var(--icon-color);background:linear-gradient(to right, var(--icon-color) 0%, var(--icon-color) 65%, transparent 66%, transparent 84%, var(--icon-color) 85%, var(--icon-color) 100%);background-size:200% 100%;position:absolute;top:50%;left:50%;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.i-menu::before{translate:-50% -250%}.i-menu::after{translate:-50% 200%}.button{--button-primary:var(--accent, slateblue);--button-secondary:var(--text-color--darker, black);--button-background:var(--button-primary);--button-color:var(--button-secondary);--button-stroke:var(--button-primary);--button-height:var(--cta-height, rem( 32 ));display:inline-flex;align-items:center;height:var(--button-height);padding-inline:1em;padding-block:0 0.1em;cursor:pointer;background:var(--button-background);outline:0.2rem solid var(--button-stroke);outline-offset:-0.2rem;color:var(--button-color);font-family:var(--title-font-alt);font-size:1.2rem;line-height:1.2;text-transform:uppercase}.button__wrapper{--button-gap:0.3rem;display:inline-flex;gap:var(--button-gap)}.button__wrapper:not(.button__wrapper--column) > *:first-child:not(:has([class*=button])),.button__wrapper:not(.button__wrapper--column) > *:first-child > [class*=button]{border-top-left-radius:var(--radius--md);border-bottom-left-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.button__wrapper:not(.button__wrapper--column) > *:last-child:not(:has([class*=button])),.button__wrapper:not(.button__wrapper--column) > *:last-child > [class*=button]{border-top-right-radius:var(--radius--md);border-bottom-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.button__wrapper--column{flex-direction:column}.button__wrapper--column > *:first-child:not(:has([class*=button])),.button__wrapper--column > *:first-child > [class*=button]{border-top-left-radius:var(--radius--md);border-top-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.button__wrapper--column > *:last-child:not(:has([class*=button])),.button__wrapper--column > *:last-child > [class*=button]{border-bottom-left-radius:var(--radius--md);border-bottom-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.button--vertical{height:auto;width:3.2rem;writing-mode:sideways-lr;text-orientation:mixed}.button--sm{font-size:1rem;padding-inline:1.25em}.button--grey{--button-primary:var(--grey-200);--button-secondary:var(--grey-800)}.button--outline:not(.active){--button-secondary:var(--text-color--deep);background:transparent}@media (hover: hover){.button--outline:not(.active):hover,.button--outline:not(.active):focus{--button-stroke:var(--grey-500)}}.button-icon{--button-primary:var(--grey-200, #303030);--button-secondary:var(--white, white);--button-background:var(--button-primary);--button-color:var(--button-secondary);--button-height:var(--cta-height, rem( 32 ));display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:var(--button-height);cursor:pointer;overflow:hidden;background:var(--button-primary);transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.button-icon:hover{--button-primary:var(--grey-300)}.button-icon i{color:var(--button-color);transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.button-icon > *{pointer-events:none}.button-icon--expand{aspect-ratio:auto}.button-icon--darker{--button-primary:var(--grey-50)}.button-icon--darker:hover{--button-primary:var(--grey-150)}.button-icon.hidden{--button-primary:var(--grey-100);--button-secondary:var(--grey-300)}.button-texted{display:inline-grid;grid-template-columns:1fr;grid-template-rows:auto auto;font-size:1.6rem}.button-texted::after{content:"";display:block;width:100%;height:1rem;border:0.2rem solid var(--text-color--dark);border-block-start:0;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;corner-shape:superellipse(var(--corner-factor, 1.8));transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}@media (hover: hover){.button-texted:hover::after,.button-texted:focus::after{border-color:var(--text-color--accent)}}.pagination{display:none}@keyframes verticalFlow{0%{background-position-y:0rem}100%{background-position-y:2.25rem}}@keyframes horizontalFlow{0%{background-position-x:0rem}100%{background-position-x:2.25rem}}.header{--header-gap:0.8rem;display:flex;flex-direction:column;justify-content:space-between;gap:var(--header-gap);padding-inline-start:1.6rem;position:relative}.header::before,.header::after{content:"";display:block;width:100%;flex:1;background:repeating-linear-gradient(-45deg, var(--background-color--darker), var(--background-color--darker) 8px, transparent 9px, transparent 16px);border-inline-end:0.8rem solid var(--background-color--darker);background-size:200% 2.25rem;animation:verticalFlow 1s linear infinite}.header::before{order:2}.header::after{order:4}.header__nav{order:1}.header__nav::after{content:"";display:block;width:1.2rem;height:100%;border:0.1rem solid var(--stroke-color--dark);border-inline-end:0;border-top-left-radius:var(--radius--sm);border-bottom-left-radius:var(--radius--sm);corner-shape:superellipse(var(--corner-factor, 1.8));position:absolute;top:0;left:0}.header__title{border-bottom-left-radius:var(--radius--md);border-bottom-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.header__title abbr{--text-color:var(--text-color--darker);text-decoration:none}.header__actions{display:inline-flex;flex-direction:column;gap:var(--header-gap);order:3}.header__action button:not(.active){--button-primary:var(--background-color--dark);--button-secondary:var(--text-color--dark)}.header__opener{order:-1}.header__menu{height:calc(100vh - var(--grid-edge) * 2);width:calc(100vw - var(--grid-edge) * 2 - var(--grid-gap) * 2 - var(--footer-size));border-radius:0 !important;border-block:0.1rem solid var(--stroke-color);position:fixed;top:var(--grid-edge);left:calc(var(--grid-edge) + var(--grid-gap) + var(--header-size));z-index:100}.header__menu::before{content:"";display:block;width:0.1rem;height:100vh;height:100dvh;background:var(--stroke-color);position:absolute;top:50%;left:0;translate:0 -50%}.header__menu a{display:inline-flex;align-items:center;position:relative;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__menu *{font-size:max(var(--section-font-size) / 1360 * 100vw * var(--ratio), var(--section-font-size-min))}.header__list{counter-reset:numlist;width:60%;height:100%;text-transform:uppercase;line-height:1.2}.header__item{--section-font-size:40;--section-font-size-min:3.2rem;display:flex;align-items:center;justify-content:space-between;font-family:var(--title-font-display)}.header__item + li{border-block-start:0.1rem solid var(--stroke-color)}.header__item:last-child{border-block-end:0.1rem solid var(--stroke-color)}.header__item:not(.active) > a:hover::after{opacity:1}.header__item.active > a::before{opacity:1;scale:1}.header__item:not(.open) > button:hover{outline-color:var(--stroke-color--accent)}.header__item:not(.open) .header__sections{opacity:0;pointer-events:none}.header__item.open > button{cursor:default}.header__item.open > button::before{background:var(--background-color--accent)}.header__item.open > button i::after,.header__item.open > button i::before{background:var(--stroke-color--darker)}.header__item > a{counter-increment:numlist;align-self:stretch;display:flex;align-items:center;flex:1;min-height:9.6rem;padding:0.8rem 3.2rem}.header__item > a span::before{content:counter(numlist) ".";margin-inline-end:0.5em}.header__item > a::after{content:"";display:block;width:100%;height:100%;outline:0.1rem solid var(--stroke-color--accent);outline:-0.1rem;opacity:0;pointer-events:none;position:absolute;top:0;left:0;z-index:3;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__item > a::before{content:"";display:block;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);background:var(--background-color--dark);border-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8));opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.98}.header__item > button{align-self:stretch;display:flex;align-items:center;justify-content:center;width:9.6rem;border-inline-start:0.1rem solid var(--stroke-color);cursor:pointer;outline:0.1rem solid transparent;position:relative;z-index:2;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__item > button i{position:relative}.header__item > button i::before,.header__item > button i::after{content:"";display:block;width:0.3em;height:0.1rem;background:var(--stroke-color--bright);position:absolute;top:50%;left:50%;translate:-50% -50%;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__item > button i::after{rotate:90deg}.header__item > button::before{content:"";display:block;aspect-ratio:1/1;width:var(--cta-height);background:var(--background-color--deep);border-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8));position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__item > button.active::before{background:var(--background-color--accent)}.header__sublist{counter-reset:sectionIndex;display:flex;flex-direction:column;gap:0.2rem}.header__sublist a.active{--text-color:var(--accent)}.header__sublist a{z-index:2}.header__sublist a::before{content:"";display:block;width:calc(100% - 1.6rem);height:calc(100% - 1.6rem);background:var(--background-color--dark);border-radius:var(--radius--sm);corner-shape:superellipse(var(--corner-factor, 1.8));opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:0.98;z-index:-1;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.header__sublist a:hover::before{opacity:1;scale:1}.header__subitem{--section-font-size:16;--section-font-size-min:1.4rem;counter-increment:sectionIndex;font-family:var(--title-font-alt);background:var(--background-color--abyss)}.header__subitem:first-child{border-top-left-radius:var(--radius--md);border-top-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.header__subitem:last-child{border-bottom-left-radius:var(--radius--md);border-bottom-right-radius:var(--radius--md);corner-shape:superellipse(var(--corner-factor, 1.8))}.header__subitem > a{display:block;padding:1.6rem 2.4rem}.header__subitem > a span::before{content:counter(sectionIndex) ".";margin-inline-end:0.5em}.header__underlist{padding-block-end:1.2rem}.header__underlist a::before{height:100%}.header__underitem{--section-font-size:15;--section-font-size-min:1.2rem;--text-color:var(--text-color--medium);font-family:var(--text-font);font-weight:600}.header__underitem > a{display:block;padding:0.6rem 2.4rem;text-transform:none}.header__sections{width:40%;height:100%;padding-inline:var(--grid-gap);background:var(--background-color--dark);position:absolute;top:0;right:0}.header__sections::before,.header__sections::after{content:"";display:block;width:0.1rem;height:100vh;height:100dvh;background:var(--stroke-color);position:absolute;top:50%;translate:0 -50%}.header__sections::before{left:0}.header__sections::after{right:0}.header__scroller{--scroller-offset:var(--grid-gap);padding-block:var(--grid-gap)}.header__miscellaneous{order:5}.header__school{padding-block:1.6rem}.header__school svg{aspect-ratio:1/1;rotate:-90deg;scale:1.3}.row{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0, 1fr);height:100%;overflow:hidden}.column{grid-column:1/-1;grid-row:1/-1;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0, 1fr) auto;grid-template-areas:"header" "content" "footer";gap:0.3rem;height:100%;border-radius:var(--radius--lg);corner-shape:superellipse(var(--corner-factor, 1.8));overflow:hidden}.column__header{-ms-grid-row:1;-ms-grid-column:1;grid-area:header}.column > .column__header{-ms-grid-row:1;-ms-grid-column:1}.column__content{grid-column:1/-1;grid-row:1/span 2}.column__footer{-ms-grid-row:1;-ms-grid-column:5;grid-area:footer;display:flex;align-items:center;justify-content:center;background:var(--background-color--dark);position:relative;z-index:3}.column > .column__footer{-ms-grid-row:5;-ms-grid-column:1}.section{--section-font-size:24;--section-font-size-min:1.6rem;--mark-color:var(--text-color--dark)}.section *{font-size:max(var(--section-font-size) / 1360 * 100vw * var(--ratio, 1), var(--section-font-size-min));line-height:1.5em}.section .giant{--section-font-size:144}.section .xxxl{--section-font-size:120}.section .xxl{--section-font-size:96}.section .xl{--section-font-size:80}.section .lg{--section-font-size:64}.section .md{--section-font-size:56}.section .sm{--section-font-size:48}.section .xs{--section-font-size:40}.section .xxs{--section-font-size:32}.section .xxs-mid{--section-font-size:28}.section .xxxs{--section-font-size:24}.section .pygmy{--section-font-size:21}.section h1{--section-font-size:80}.section h2{--section-font-size:72}.section h3{--section-font-size:64}.section h4{--section-font-size:48}.section h5{--section-font-size:40}.section h6{--section-font-size:32}.section :where(h1, h2, h3, h4, h5, h6){text-wrap:balance;text-transform:uppercase;font-family:var(--title-font-display);font-size:max(var(--section-font-size) / 1360 * 100vw * var(--ratio, 1), 1.8rem);line-height:1.2em;margin-block-end:0.25em}:where(.section > :not(h1, h2, h3, h4, h5, h6) + *){margin-block-start:0.75em}.section strong{--text-color:var(--text-color--bright);font-weight:600}.section small{--section-font-size:21;--text-color:var(--text-color--medium);font-style:italic;font-weight:200}.section > small{border-inline-start:0.8rem double var(--stroke-color--medium);padding-inline-start:1em}.section .section__information li,.section .subtitle{--section-font-size:21;text-transform:uppercase;font-weight:300}.section a:not([class]){--text-color:var(--text-color--light);text-decoration:underline;text-underline-offset:0.16em;text-decoration-thickness:0.4rem;text-decoration-style:solid;text-decoration-color:var(--text-color--accent);--transition-property:text-underline-offset;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}@media (hover: hover){.section a:not([class]):hover,.section a:not([class]):focus{text-decoration-style:double}}.section mark{--text-color:var(--text-color--abyss);--offset:.5lh;--offset-factor:.5;padding-inline:var(--offset);border-radius:calc(var(--offset) * var(--offset-factor));corner-shape:superellipse(var(--corner-factor, -10));background:var(--background-color--bright)}.section .twitter-tweet,.section .bluesky-embed{width:100%;max-height:100%;padding:max(2.9411764706vw * var(--ratio, 1), var(--grid-edge));margin:0 !important;-webkit-mask-image:linear-gradient(to bottom, transparent, black calc(2.9411764706vw * var(--ratio, 1)), black, black calc(100% - 2.9411764706vw * var(--ratio, 1)), transparent);mask-image:linear-gradient(to bottom, transparent, black calc(2.9411764706vw * var(--ratio, 1)), black, black calc(100% - 2.9411764706vw * var(--ratio, 1)), transparent);overflow:hidden;position:absolute;top:50%;left:50%;translate:-50% -50%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.section video{max-width:100%;max-height:100%;border-radius:var(--radius--lg);corner-shape:superellipse(var(--corner-factor, 1.8))}.section iframe{width:100%;height:100%}.section a:has(img){display:flex;align-items:center}.section a:has(img),.section img{max-width:100%;max-height:100%;border-radius:var(--radius--lg);corner-shape:superellipse(var(--corner-factor, 1.8))}.section img.top{-o-object-position:center 20%;object-position:center 20%}.section ul:not([class]) li::before{content:"⊹";color:var(--mark-color);position:absolute;translate:-1.5em 0;rotate:45deg}.section ol:not([class]){counter-reset:numlist}.section ol:not([class]) li::before{counter-increment:numlist;content:counter(numlist) ".";position:absolute;left:0;font-weight:450;color:var(--mark-color)}.section ul:not([class]),.section ol:not([class]){padding-inline-start:1.5em;margin-block:1em}.section ol:not([class]){padding-inline-start:2em}.section .pros li::before{content:"+"}.section .cons li::before{content:"-"}.section blockquote{display:flex;flex-direction:column;gap:1em;padding-inline:2em;padding-block:0.5em;position:relative}.section blockquote::before,.section blockquote::after{content:"";display:block;width:0.75em;height:calc(100% + 0.5em);border:0.2rem solid var(--stroke-color--accent);border-radius:0.5em;corner-shape:superellipse(var(--corner-factor, 1.8));position:absolute;top:50%;translate:0 -50%}.section blockquote::before{left:0;border-inline-end:0;border-top-right-radius:0;border-bottom-right-radius:0}.section blockquote::after{right:0;border-inline-start:0;border-top-left-radius:0;border-bottom-left-radius:0}.section blockquote p{--section-font-size:40;--section-font-size-min:3.2rem;font-style:italic;font-weight:100}.section blockquote cite{--section-font-size:32;--section-font-size-min:2.4rem;--text-color:var(--text-color--dark);align-self:flex-end;font-family:var(--title-font);text-transform:uppercase}.section blockquote cite::after{content:"_"}.section blockquote + *{margin-block-start:3em}@keyframes spin{0%{rotate:0deg}100%{rotate:360deg}}.section{display:flex;flex-direction:column;justify-content:center;height:100%;background:var(--background-color--dark);position:relative;z-index:2}.section > *{position:relative;z-index:2}.section--first{--title-color:var(--title-color--accent)}.section--first,.section--intro{align-items:center;text-align:center}.section--intro{--text-color:var(--text-color--darker);--title-color:var(--title-color--darker);background:var(--background-color--accent)}.section--intro mark{--text-color:var(--text-color--accent);background:var(--background-color--abyss)}.section--default{padding-inline:max(6.3492063492vw * var(--ratio, 1), var(--grid-edge));padding-block:max(3.7037037037vw * var(--ratio, 1), var(--grid-edge))}.section--background img{width:100%;height:100%;margin:0;position:absolute;top:0;left:0;z-index:-1}.section--background img:not(.full){opacity:0.25}.section__information{--section-gap:1.5em;display:flex;gap:var(--section-gap);text-transform:uppercase}.section__information li + li::before{content:"+";padding-inline-end:var(--section-gap)}.section__links{--section-font-size:16;--section-font-size-min:1.2rem;display:flex;gap:0.5em 1em}* + .section__links{margin-block-start:2.5em}.section__iframe{flex:1;width:100%;max-width:100%;max-height:100%;overflow:hidden;outline:0.1rem solid var(--stroke-color);outline-offset:-0.1rem;border-radius:var(--radius--lg);corner-shape:superellipse(var(--corner-factor, 1.8));position:relative;z-index:2}.section__iframe::before{content:"";display:block;width:1.6rem;height:1.6rem;border:0.2rem solid var(--white);border-block-start-color:transparent;border-radius:10rem;position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;animation:spin 1s linear infinite}.code__wrapper{--section-font-size:18;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"tabs" "syntaxes";gap:1em;justify-items:start;width:100%;max-height:100%}* + .code__wrapper{margin-block-start:1.5em}.code__tabs{-ms-grid-row:1;-ms-grid-column:1;grid-area:tabs;display:flex;justify-content:space-between;gap:1em;width:100%}.code__tab{--text-color:var(--text-color--medium);display:inline-grid;grid-template-columns:auto 1fr;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;position:relative;z-index:2;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.code__tab [class*=ri-]{grid-column:1/span 1;grid-row:1/-1;margin-inline-end:0.75em;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.code__tab--copy{margin-inline-start:auto}.code__tab--copy [class*=ri-]{outline:none;font-size:1em;pointer-events:none}.code__tab--copy:not(.active) [class*=ri-check-]{scale:0;opacity:0}.code__tab--copy.active [class*=ri-file-]{scale:0;opacity:0}.code__syntaxes{-ms-grid-row:3;-ms-grid-column:1;grid-area:syntaxes;width:100%;max-height:100%;padding:1em;overflow:scroll;background:var(--background-color--abyss);border-radius:var(--radius--lg);corner-shape:superellipse(var(--corner-factor, 1.8))}.code__syntax{margin:0}.code__syntax code{font-family:var(--code-font);font-weight:500}.code__syntax:not(.active){display:none}.code__syntax:not(.no-color) .hljs{--hue:320;--hue-rotation:60;--hue-step:75;--luminosity:.95;--chroma:.4}.code__syntax:not(.no-color) .hljs-comment{--text-color:var(--text-color--deep);font-style:italic}.code__syntax:not(.no-color) .hljs-name,.code__syntax:not(.no-color) .hljs-title{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-rotation)) )}.code__syntax:not(.no-color) .hljs-attr,.code__syntax:not(.no-color) .hljs-keyword,.code__syntax:not(.no-color) .hljs-selector-id{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-step) + var(--hue-rotation)) )}.code__syntax:not(.no-color) .hljs-string,.code__syntax:not(.no-color) .hljs-selector-class{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-step) * 2 + var(--hue-rotation)) )}.code__syntax:not(.no-color) .hljs-number{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-step) * 3 + var(--hue-rotation)) )}.code__syntax:not(.no-color) .hljs-meta,.code__syntax:not(.no-color) .hljs-property,.code__syntax:not(.no-color) .hljs-subst{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-step) * 4 + var(--hue-rotation) ) )}.code__syntax:not(.no-color) .hljs-literal,.code__syntax:not(.no-color) .hljs-attribute{--text-color:oklch(from var(--text-color--light) var(--luminosity,.7) var(--chroma,.4) calc(var(--hue) + var(--hue-step) * 5 + var(--hue-rotation)) )}.footer{width:var(--footer-size);position:relative;z-index:2}.footer__timeline{position:absolute;top:0;left:0;z-index:-1}.footer__nav{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:100%}.footer__nav .seen button{background:var(--background-color--medium)}.footer__nav .active button{--text-color:var(--text-color--darker);background:var(--background-color--accent)}.footer__nav li:not(.active) button:hover{--text-color:var(--text-color--darker);cursor:pointer;background:var(--background-color--bright)}.footer__nav button{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:var(--grey-150);border-radius:10rem;font-weight:600;font-size:1.4rem;line-height:1;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.bullets__list{display:inline-flex;gap:0.3rem}.bullets__item button{display:flex;align-items:center;height:2.4rem}.bullets__item button::after{content:"";display:block;width:1.2rem;height:0.3rem;background:var(--background-color--medium);pointer-events:none;transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.bullets__item.active button::after{background:var(--background-color--light)}.bullets__item:not(.active) button{cursor:pointer}.bullets__item:first-child button::after{border-top-left-radius:10rem;border-bottom-left-radius:10rem}.bullets__item:last-child button::after{border-top-right-radius:10rem;border-bottom-right-radius:10rem}.timeline{display:block;width:100% !important;height:100% !important}.timeline path{stroke-width:1.2rem;stroke-linecap:round;stroke-linejoin:round}.timeline__wrapper{--segments:9;--steps:5;--currentSegment:0;--currentStep:0.001;width:100%;height:100%}.timeline__track{stroke:var(--stroke-color--darker)}.timeline__progress{--step:calc( var(--length, .1) / var(--segments) );stroke:var(--stroke-color--deep);stroke-dasharray:calc(var(--length, 1) * 1px);stroke-dashoffset:calc(var(--step) * 1px);stroke-dashoffset:calc((var(--length) - var(--segment-length) * var(--currentSegment) - var(--gap) * max(0, var(--currentSegment) - 1) - (var(--segment-length) + var(--gap) * min(1, var(--currentSegment))) / var(--steps) * var(--currentStep)) * 1px);transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.scroller--vertical{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.header__menu,.footer,.row{transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}body.header-open .row,body.header-open .footer{filter:blur(0.8rem) grayscale(100%) brightness(40%)}body.header-open .header__opener .i-menu{--icon-gap:20%}body.header-open .header__opener .i-menu::before,body.header-open .header__opener .i-menu::after{background-position-x:-100%}body.header-open .header__opener .i-menu::before{rotate:135deg;translate:-50% -50%;scale:-1}body.header-open .header__opener .i-menu::after{rotate:45deg;translate:-50% -50%;scale:-1}body:not(.header-open) .header__menu{opacity:0;pointer-events:none}.js-section{transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.js-section:not(.active){opacity:0;pointer-events:none}.js-column{transition:var(--transition-property, all) var(--transition-easing, ease) var(--transition-duration, 0.32s) var(--transition-delay, 0s)}.js-column:not(.active){opacity:0;pointer-events:none}