html,body{padding:0;margin:0}body *{padding:0;margin:0;box-sizing:border-box}button{text-align:unset}img{display:block;max-width:100%}:root{--palette-white: #f0f0f0;--palette-lightgrey: #b0b0b0;--palette-darkgrey: #303030;--palette-black: #101010;--palette-yellow: #ff0;--palette-magenta: #f0f;--palette-cyan: #0ff;--palette-red: #f00;--palette-green: #0f0;--palette-blue: #00f;--space-0: 0rem;--space-1: .25rem;--space-2: .4rem;--space-3: .6rem;--space-4: 1rem;--space-5: 1.7rem;--space-6: 3rem;--space-7: 5rem;--space-8: 8rem;--space-9: 13rem;--section-height: 1.5lh;--section-peek-factor: 3;--chyron-height: 2rem;--chyron-bottom-space: 1rem;--font-family--sans-serif: Arial, sans-serif;--font-family--serif: Georgia, serif;--fake-strikethrough-offset: -.3em;--max-content-width: 80rem;--subpage-section-header-inset: .875rem;--link-symbol-width: .75rem;--link-symbol-gap: .4rem;--link-symbol-offset: calc( var(--link-symbol-width) + var(--link-symbol-gap) );--link-animation-duration: .1s;color-scheme:light dark;--color-bg: var(--palette-lightgrey);--color-fg: var(--palette-black);--color-accent: var(--palette-yellow);--color-bg: var(--palette-darkgrey);--color-fg: var(--palette-white)}:root{color-scheme:light dark;--color-bg: var(--palette-lightgrey);--color-fg: var(--palette-black);--color-accent: var(--palette-yellow)}:root[data-theme=light]{--color-bg: var(--palette-lightgrey);--color-fg: var(--palette-black)}:root[data-theme=dark]{--color-bg: var(--palette-darkgrey);--color-fg: var(--palette-white)}body{background-color:var(--color-bg);color:var(--color-fg);font-family:Arial;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.01em;line-height:1.35;text-transform:lowercase}body *{background-color:unset;border:none;text-decoration:none;color:inherit;font-style:inherit;font-weight:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}button{cursor:pointer}svg{width:min(100%,50svw);height:auto}img{display:block;max-width:100%;height:auto}::-moz-selection{color:var(--palette-darkgrey);background:var(--selection-color, #ffa)}::selection{color:var(--palette-darkgrey);background:var(--selection-color, #ffa)}*::-webkit-scrollbar-track{color:red}*::-webkit-scrollbar-corner{background:red}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.display-none{display:none}.grid{display:grid}.flex{display:flex}.flex-row{display:flex;flex-flow:row}.flex-column{display:flex;flex-flow:column}.absolute-fill{position:absolute;inset:0}.grid-2-1-1{display:grid;grid-template-columns:2fr 1fr 1fr}.px-section{padding-inline:.6rem}.heading-italic,.heading-italic *,.font-italic{font-family:Georgia,Times New Roman,Times,serif;font-style:italic;letter-spacing:.05em;scale:1 1.08}.flow *+*{margin-top:var(--flow-space, 1rem)}.justify-end{justify-content:end}.justify-center{justify-content:center}.align-center,.align-end{align-items:center}.text-align-right{text-align:right}.text-align-center{text-align:center}.white-space-pre{white-space:pre}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.keep-uppercase{text-transform:none}.my-1{margin-block:var(--space-1)}.my-2{margin-block:var(--space-2)}.my-3{margin-block:var(--space-3)}.my-4{margin-block:var(--space-4)}.my-5{margin-block:var(--space-5)}.my-6{margin-block:var(--space-6)}.my-7{margin-block:var(--space-7)}.my-8{margin-block:var(--space-8)}.my-9{margin-block:var(--space-9)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mt-9{margin-top:var(--space-9)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-7{margin-right:var(--space-7)}.mr-8{margin-right:var(--space-8)}.mr-9{margin-right:var(--space-9)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mb-9{margin-bottom:var(--space-9)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-7{margin-left:var(--space-7)}.ml-8{margin-left:var(--space-8)}.ml-9{margin-left:var(--space-9)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-5{padding-block:var(--space-5)}.py-6{padding-block:var(--space-6)}.py-7{padding-block:var(--space-7)}.py-8{padding-block:var(--space-8)}.py-9{padding-block:var(--space-9)}.px-1{padding-inline:var(--space-1)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-5{padding-inline:var(--space-5)}.px-6{padding-inline:var(--space-6)}.px-7{padding-inline:var(--space-7)}.px-8{padding-inline:var(--space-8)}.px-9{padding-inline:var(--space-9)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-7{padding-top:var(--space-7)}.pt-8{padding-top:var(--space-8)}.pt-9{padding-top:var(--space-9)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-7{padding-right:var(--space-7)}.pr-8{padding-right:var(--space-8)}.pr-9{padding-right:var(--space-9)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-7{padding-bottom:var(--space-7)}.pb-8{padding-bottom:var(--space-8)}.pb-9{padding-bottom:var(--space-9)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-7{padding-left:var(--space-7)}.pl-8{padding-left:var(--space-8)}.pl-9{padding-left:var(--space-9)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.gap-9{gap:var(--space-9)}[data-invisible-until-loaded]{visibility:none;opacity:0}.spacer-line{z-index:100;--sl--side-space: var(--space-3);border-top:1px solid currentColor;width:calc(100% - 2 * var(--sl--side-space));height:1px;height:thin;margin-left:var(--sl--side-space)}.subpage-wrapper{display:flex;flex-direction:column;height:100dvh;padding-block:.25rem}.subpage-section{flex-grow:0;flex-shrink:1;position:relative;display:flex;flex-direction:column}.subpage-section--expandable[data-expanded]{flex-grow:1;overflow-y:hidden}.subpage-section--expandable:not([data-expanded]){cursor:pointer}.subpage-section--expandable:not([data-expanded]):hover{flex-shrink:0;height:4rem}.subpage-section__top-bar{flex-shrink:0;padding-inline:var(--subpage-section-header-inset);height:var(--section-height);display:flex;flex-direction:column;justify-content:center}.subpage-section__top-bar button{cursor:unset}.subpage-section__content{flex-grow:1;overflow-y:auto;margin-bottom:.25rem}.subpage-section--expandable:not([data-expanded]) .subpage-section__content{display:none}.subpage-header{--sh--hover-offset: calc(var(--link-symbol-width) + 1ch);--sh--hover-animation-time: .125s;display:flex;justify-content:space-between}.subpage-header__link{position:relative;min-width:0}.subpage-header__link-symbol{position:absolute;left:calc(-1 * (var(--sh--hover-offset)));width:var(--link-symbol-width);height:100%;display:flex;align-items:center;opacity:0;will-change:opacity}.subpage-header__link:hover .subpage-header__content{translate:var(--sh--hover-offset) 0}.subpage-header__link:hover .subpage-header__link-symbol{opacity:1}.subpage-header__heading{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:10ch}.subpage-header__light-switch-wrapper{flex-shrink:0;margin-left:var(--space-6)}.light-switch{display:flex;align-items:center;justify-content:center;translate:0 -9%}.light-switch:hover{cursor:pointer}.light-switch svg{width:.9lh;translate:0 5%}.light-switch:hover svg{fill:currentColor}.footer{width:100%;display:flex;justify-content:space-between}.footer__legal-links{min-width:0;display:flex;flex-direction:row;gap:var(--space-5)}.footer__legal-link{overflow:hidden;white-space:nowrap;min-width:10ch}.footer__legal-links>.footer__legal-link:nth-child(1){flex-shrink:1}.footer__legal-links>.footer__legal-link:nth-child(2){flex-shrink:2000}.footer__legal-link *{pointer-events:none}.footer__legal-link-content{display:flex;will-change:translate;translate:calc(-1 * var(--link-symbol-offset))}.footer__legal-link:hover .footer__legal-link-content{translate:0 0}.footer__legal-link-content h3{text-overflow:ellipsis;overflow:hidden}.footer__legal-link-symbol{width:var(--link-symbol-width);margin-right:var(--link-symbol-gap);opacity:0;will-change:opacity;flex-shrink:0}.footer__legal-link:hover .footer__legal-link-symbol{opacity:1}.footer__autoplay-toggle:hover{cursor:pointer}.footer__autoplay-toggle[data-selected=false]{text-decoration-line:underline;text-underline-offset:var(--fake-strikethrough-offset);text-decoration-skip-ink:none}.footer__language-switch{display:flex;gap:.5ch}.footer__language-switch span{display:block}.footer__language-switch:hover{cursor:pointer}.footer__language-switch>span[data-selected=false]{text-decoration-line:underline;text-underline-offset:var(--fake-strikethrough-offset);text-decoration-skip-ink:none}.page-wrapper{width:100%;height:100dvh}.page-wrapper--index{overflow:hidden}.page-wrapper--boards{--selection-color: var(--clr--accent);display:flex;flex-flow:column}.index__wrapper{display:flex;flex-flow:column;padding:2rem;justify-content:space-between;max-width:30rem;min-height:fit-content;gap:clamp(1rem,calc(20dvh - 3rem),5rem)}.index__card{position:relative;display:flex;height:4rem;flex-flow:column;align-items:center;justify-content:center;padding-block:1rem;padding-inline:2rem;rotate:.001deg;z-index:10;--i--color--bg: var(--color-bg);--i--color--fg: var(--color-fg);--i--color--bg--hover: var(--palette-white);--i--color--fg--hover: var(--color-fg);--i--color--text--hover: var(--color-fg);--i--color--border--hover: var(--color-fg);--i--color--boards-card: var(--palette-white);--i--color--boards-border: var(--color-fg);--i--color--dev-window: var(--i--color--fg);--i--color--dev-terminal-border: var(--palette-white);--i--color--dev-terminal-bg: var(--palette-white);--i--color--dev-terminal-fg: var(--color-fg);--i--color--dev-terminal-cursor-letter: var(--palette-white);--i--color--dev-window: var(--palette-white);--i--color--dev-terminal-window-bg: var(--color-fg);--i--color--dev-terminal-window-border: var(--color-bg)}:root[data-theme=dark] .index__card{--i--color--bg: var(--color-bg);--i--color--bg--hover: var(--color-fg);--i--color--fg: var(--color-fg);--i--color--fg--hover: var(--color-bg);--i--color--text--hover: var(--color-bg);--i--color--border--hover: var(--color-bg);--i--color--boards-card: var(--palette-white);--i--color--boards-border: var(--color-bg);--i--color--dev-window: var(--i--color--fg);--i--color--dev-terminal-border: var(--color-bg);--i--color--dev-terminal-bg: var(--color-fg);--i--color--dev-terminal-fg: var(--color-bg);--i--color--dev-terminal-cursor-letter: var(--color-fg);--i--color--dev-terminal-window-bg: var(--color-fg);--i--color--dev-terminal-window-border: var(--color-bg)}.index__card:hover{color:var(--i--color--fg--hover)}.index__card:hover h2{color:var(--i--color--text--hover)}.index__card-background{position:absolute;z-index:-1;inset:0;background-color:var(--i--color--bg);border:1px var(--i--color--fg) solid}.index__card:hover .index__card-background{background-color:var(--i--color--bg--hover);border-color:var(--i--color--border--hover)}.index__card--dev{--ida--top-bar-height: 1.5rem}.index__card--dev:hover *{font:var(--ida--font)}.index__card--dev:hover .index__card-background{background-color:var(--i--color--dev-terminal-window-bg);border:1px solid var(--i--color--dev-terminal-window-border)}.index__extra-boards{--ixb--transition-time--max: .5s;--ixb--delay--max: .2s;position:absolute;inset:0;z-index:-10;pointer-events:none}.index__extra-boards>div{position:absolute;inset:0;background-color:var(--i--color--boards-card);border:1px var(--i--color--boards-border) solid;pointer-events:none;z-index:0;opacity:0;transform:rotate(10deg) translate(100vw);will-change:transform;transform:rotate(var(--ixb--initial-rotation, 0deg)) translate(var(--ixb--initial-x, 0),var(--ixb--initial-y, 0))}.index__card--boards:hover .index__extra-boards>div{--ixb--delay--final: calc(var(--ixb--delay--max, 0s) * var(--ixb--delay--fac, 1));--ixb--transition-time--final: calc(var(--ixb--transition-time--max, 1s) * var(--ixb--transition-time--fac, 1));transition:transform var(--ixb--transition-time--final, 0s) ease-out var(--ixb--delay--final, 0s)}.index__extra-boards>div:nth-child(1){--ixb--delay--fac: 0;--ixb--transition-time--fac: .6;--ixb--initial-rotation: 5deg;--ixb--initial-x: 100vw;--ixb--initial-y: -30vw}.index__extra-boards>div:nth-child(2){--ixb--delay--fac: .5;--ixb--transition-time--fac: .8;--ixb--initial-rotation: 15deg;--ixb--initial-x: 100vw;--ixb--initial-y: -25vw}.index__extra-boards>div:nth-child(3){--ixb--delay--fac: 1;--ixb--transition-time--fac: 1;--ixb--initial-rotation: 25deg;--ixb--initial-x: 100vw;--ixb--initial-y: -20vw}.index__card--boards:hover .index__extra-boards>div{opacity:1;transform:rotate(var(--ixb--target-rotation, 0)) translate(var(--ixb--target-x, 0),var(--ixb--target-y, 0))}.index__card--boards:hover .index__extra-boards>div:nth-child(1){--ixb--target-rotation: 0deg;--ixb--target-x: 0;--ixb--target-y: 0;z-index:-1}.index__card--boards:hover .index__extra-boards>div:nth-child(2){--ixb--target-rotation: -.5deg;--ixb--target-x: .3rem;--ixb--target-y: .3rem;z-index:-2}.index__card--boards:hover .index__extra-boards>div:nth-child(3){--ixb--target-rotation: 1.2deg;--ixb--target-x: -.6rem;--ixb--target-y: .6rem;z-index:-3}.index__motion-backdrop{position:absolute;display:flex;justify-content:center;inset:-2rem;z-index:-10;opacity:0;border:1px solid var(--color-bg)}.index__card--motion:hover .index__motion-backdrop{opacity:1}.index__motion-backdrop video{width:100%;height:100%;display:block;object-fit:cover}.index__motion-backdrop[data-flicker-animation=true]{clip-path:inset(50% 0);overflow:hidden}.index__card--motion:hover .index__motion-backdrop[data-flicker-animation=true]{animation:imbTvFlickerOpen .3s ease-out;clip-path:inset(0% 0)}.index__card--motion .index__motion-backdrop[data-flicker-animation=true] video{opacity:0;will-change:opacity}.index__card--motion:hover .index__motion-backdrop[data-flicker-animation=true] video{opacity:1;transition:opacity .01s linear .45s}.index__card--motion .index__motion-backdrop[data-flicker-animation=false] video{opacity:0;will-change:opacity}.index__card--motion:hover .index__motion-backdrop[data-flicker-animation=false] video{opacity:1;transition:opacity .01s linear .2s}@keyframes imbTvFlickerOpen{0%{clip-path:inset(35% 2% 65% 2%)}20%{clip-path:inset(30% 2% 60% 2%)}30%{clip-path:inset(35% 2% 65% 2%)}35%{clip-path:inset(52% 0 48% 0)}45%{clip-path:inset(50% 0 46% 0)}55%{clip-path:inset(52% 0 48% 0)}90%{clip-path:inset(50% 20% 50% 20%)}92%{clip-path:inset(45% 0 45% 0)}to{clip-path:inset(0% 0 0% 0)}}.index__motion-noise{position:absolute;inset:0;z-index:-20}.index__card:hover .index-dev-animation{position:absolute;z-index:10;inset:var(--ida--top-bar-height) 3px 3px 3px;display:grid;grid-template-rows:repeat(3,1fr);grid-template-areas:"--gta--slot-1" "--gta--slot-2" "--gta--slot-3";color:var(--i--color--dev-terminal-fg);background-color:var(--i--color--dev-terminal-bg);border:2px solid var(--i--color--dev-terminal-border)}.index-dev-animation__typed-line{display:flex;flex-direction:row}.index__card:hover .index-dev-animation__typed-line{grid-area:--gta--slot-2;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:red;padding-bottom:.5rem;animation:--ida--animation--toggle-wavy-line .01s step-start var(--ida--time--commenting-end) both,--ida--animation--enter .01s step-start var(--ida--time--enter) both}@keyframes --ida--animation--toggle-wavy-line{0%{text-decoration-color:red}to{text-decoration-color:transparent}}@keyframes --ida--animation--enter{0%{grid-area:--gta--slot-1}to{grid-area:--gta--slot-2}}.index-dev-animation{--ida--font: italic .875rem monospace;--ida--dur--wait-before-typing: .1s;--ida--dur--typing: .7s;--ida--dur--wait-before-jump-1: .2s;--ida--dur--wait-before-enter: .2s;--ida--dur--wait-before-commenting: .1s;--ida--dur--commenting: .4s;--ida--dur--wait-before-tabbing: .3s;--ida--dur--tabbing: .8s;--ida--dur--wait-before-jump-2: 1.6s;--ida--time--typing-start: var(--ida--dur--wait-before-typing);--ida--time--typing-end: calc(var(--ida--dur--wait-before-typing) + var(--ida--dur--typing));--ida--time--jump-1: calc(var(--ida--time--typing-end) + var(--ida--dur--wait-before-jump-1));--ida--time--enter: calc(var(--ida--time--jump-1) + var(--ida--dur--wait-before-enter));--ida--time--commenting-start: calc(var(--ida--time--enter) + var(--ida--dur--wait-before-commenting));--ida--time--commenting-end: calc(var(--ida--time--commenting-start) + var(--ida--dur--commenting));--ida--time--tabbing-start: calc(var(--ida--time--commenting-end) + var(--ida--dur--wait-before-tabbing));--ida--time--tabbing-end: calc(var(--ida--time--tabbing-start) + var(--ida--dur--tabbing));--ida--time--jump-2: calc(var(--ida--time--tabbing-start) + var(--ida--dur--wait-before-jump-2));--ida--dur--between-jumps: calc( var(--ida--time--jump-2) - var(--ida--time--jump-1));padding:4px}.index-dev-animation__comment-dashes{display:none}.index__card:hover .index-dev-animation__comment-dashes{display:block;font:var(--ida--font);white-space:nowrap;overflow:hidden;animation:--ida--animation--comment-dashes var(--ida--dur--commenting) steps(2) var(--ida--time--commenting-start) both}@keyframes --ida--animation--comment-dashes{0%{width:0}to{width:2ch}}.index__card:hover .index-dev-animation__tab-spacer{--ida--target-max-tab-width: calc((100% - 22.5ch)/2) ;--ida--max-tab-width: var(--ida--target-max-tab-width, 2rem);width:var(--ida--max-tab-width);animation:--ida--animation--tab-spacer var(--ida--dur--tabbing) step-end var(--ida--time--tabbing-start) both}@keyframes --ida--animation--tab-spacer{0%{width:0}30%{width:calc(.33 * var(--ida--max-tab-width))}55%{width:calc(.66 * var(--ida--max-tab-width))}90%{width:var(--ida--max-tab-width)}}.index__card:hover .index-dev-animation__title{font:var(--ida--font);white-space:nowrap;overflow:hidden;padding-bottom:.1rem;color:var(--i--color--dev-terminal-fg);animation:--ida--animation--typing var(--ida--dur--typing) steps(18) var(--ida--time--typing-start) both}@keyframes --ida--animation--typing{0%{width:0}to{width:19.5ch}}.index__card:hover .index-dev-animation__cursor-anchor{position:relative;width:0;z-index:10}.index__card:hover .index-dev-animation__cursor-anchor--before{visibility:hidden;opacity:0;animation:--ida--animation--before-cursor var(--ida--dur--between-jumps) step-end var(--ida--time--jump-1) forwards}@keyframes --ida--animation--before-cursor{0%,to{visibility:hidden;opacity:0}1%,99%{visibility:visible;opacity:1}}.index__card:hover .index-dev-animation__cursor-anchor--after{visibility:visible;opacity:1;animation:--ida--animation--after-cursor var(--ida--dur--between-jumps) step-end var(--ida--time--jump-1) forwards}@keyframes --ida--animation--after-cursor{0%,to{visibility:visible;opacity:1}1%,99%{visibility:hidden;opacity:0}}.index__card:hover .index-dev-animation__cursor-body{position:absolute;z-index:20;height:100%;width:1ch;background-color:var(--i--color--dev-terminal-fg);--ida--current-cursor-width: 1ch;width:var(--ida--current-cursor-width);--ida--blinking-start: calc( var(--ida--time--jump-2) + .2s);animation:--ida--animation--cursor-blinking 1.1s step-start var(--ida--blinking-start) infinite}@keyframes --ida--animation--cursor-blinking{0%,to{opacity:0}50%{opacity:1}}.index__card:hover .index-dev-animation__cursor-anchor--before .index-dev-animation__cursor-body:after{height:100%;width:100%;content:"c";color:var(--i--color--dev-terminal-bg);font:var(--ida--font)}.boards__page-wrapper{width:100%;height:100dvh;overflow:hidden}.boards-project-list{display:flex;flex-direction:column;gap:var(--space-5);padding-top:var(--space-5);padding-bottom:var(--space-8);height:100%;overflow-y:scroll;scroll-snap-type:y proximity}.boards-project{--bp--max-height: calc(80dvh - 6rem) ;--bp--target-aspect: 1.6 ;--bp--gutter: clamp(.25rem, 5vw, 10rem);--bp--target-width: min(calc(min(100dvw, 80rem) - 2 * var(--bp--gutter, 1rem)), calc(var(--bp--target-aspect, 1) * var(--bp--max-height, 50dvh)));height:calc(var(--bp--target-width) / var(--bp--target-aspect, 1));width:100%;display:grid;grid-template:"--stack" 100% / 100%;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;scroll-snap-align:center}.boards-project__item{grid-area:--stack;z-index:var(--bp--item-stacking-index);height:100%;width:var(--bp--target-width, 2rem);margin-inline:auto;padding-block:var(--space-4);display:flex;align-items:center;justify-content:center;position:relative}.boards-project__item[data-in-front]:after{content:"";position:absolute;z-index:-1;inset:0;background-color:rgb(from var(--color-bg) r g b / .5)}.boards-project__item[data-in-back]{visibility:hidden;opacity:0}.boards-project__item{will-change:opacity}.boards-project__item:not([data-in-back]):not([data-in-front]){transition:opacity .2s linear .1s}.boards-project__frame{width:100%;height:100%;margin-inline:auto;display:flex;align-items:center;justify-content:center}@media(pointer:coarse){.boards-project__frame{border:none}}.boards-project__frame{rotate:calc(1.5deg * var(--bp--frame-rot-amt, 0))}.boards-project__item:nth-child(5n+1) .boards-project__frame{--bp--frame-rot-amt: -.55}.boards-project__item:nth-child(5n+2) .boards-project__frame{--bp--frame-rot-amt: .8}.boards-project__item:nth-child(5n+3) .boards-project__frame{--bp--frame-rot-amt: .1}.boards-project__item:nth-child(5n+3) .boards-project__frame{--bp--frame-rot-amt: -.3}.boards-project__item:nth-child(5n+3) .boards-project__frame{--bp--frame-rot-amt: .4}.boards-project__item:nth-child(3n+1) .boards-project__frame{translate:.25rem .125rem}.boards-project__item:nth-child(3n+2) .boards-project__frame{translate:-.125rem .125rem}.boards-project__item:nth-child(3n+3) .boards-project__frame{translate:.125rem -.25rem}.boards-project__frame img{height:fit-content;max-height:100%;width:fit-content;max-width:100%;object-fit:unset;border:1px solid var(--color-fg)}@media(pointer:coarse){.boards-project__frame img{width:unset}}.contact{width:100%;height:100%;position:relative}.contact__wrapper{position:absolute;inset:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.contact--boards .contact__address-wrapper{display:flex;align-items:center;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.contact__icon svg{width:1.1lh;height:auto}.about{--a--paragraph-padding: .5lh;height:100%;display:flex;flex-direction:column;justify-content:center}.about__content-wrapper{max-height:100%;overflow-y:scroll;padding-top:var(--space-5);padding-bottom:var(--space-7)}.about__content{display:grid;margin-inline:auto;padding-inline:calc(2 * var(--subpage-section-header-inset));max-width:58ch;gap:var(--a--paragraph-padding)}@media(width>50rem){.about__content{grid-template-columns:repeat(2,1fr);gap:clamp(4rem,8dvw,8rem);max-width:min(120ch,calc(100dvw - 5rem))}}.about__column{height:fit-content;display:grid;gap:var(--a--paragraph-padding)}.about__column--a{grid-template-areas:" port " " gene "}.about__column--b{grid-template-areas:" icon " " rema " " serv " " cta  "}@media(width>50rem){.about__column--a{grid-template-areas:" port " " gene "}.about__column--b{grid-template-areas:" rema " " icon " " serv " " cta  "}}.about__section{display:flex;flex-direction:column;gap:var(--a--paragraph-padding);text-align:justify;hyphens:auto}.about__section--portrait{grid-area:port}.about__section--general{grid-area:gene}.about__section--icon{grid-area:icon;margin-block:var(--space-4)}@media(width>50rem){.about__section--icon{display:none}}.about__section--remark{grid-area:rema}.about__section--services{grid-area:serv}.about__section--cta{grid-area:cta}.about__section--portrait img{display:block;width:auto;object-fit:contain;margin-inline:auto;max-width:8rem;margin-bottom:2rem;margin-top:1rem;height:fit-content}.about__svg-wrapper{display:flex;justify-content:center;margin-block:.5rem}.about__svg-wrapper svg{height:var(--space-5);width:auto}.about__content p span{font-family:Trebuchet MS,serif;font-style:italic}.about__content ul{padding-left:1rem;padding-block:var(--space-4);font-family:Trebuchet MS,serif;font-style:italic}.about__content li{list-style-type:square;list-style-position:inside;list-style-position:outside;margin-left:2ch}.about__content li:not(:first-child){margin-top:.25lh}.motion-project-list-wrapper{--mplw--gradient-size: 3rem;width:100%;height:100%;overflow:auto}:root[data-theme=dark] .motion-project-list-wrapper{mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.9) calc(var(--mplw--gradient-size) * .7),rgba(0,0,0,1) var(--mplw--gradient-size),rgba(0,0,0,1) calc(100% - var(--mplw--gradient-size)),rgba(0,0,0,.9) calc(100% - var(--mplw--gradient-size) * .7),rgba(0,0,0,.6) 100%)}.motion-project-list{padding-top:var(--space-3);padding-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.motion-project{--mp--aspect-ratio: clamp(1.6, calc(100vw/100vh*2.6) , 3);width:100%;position:relative;aspect-ratio:var(--mp--aspect-ratio);margin-inline:auto;--mp--color--info--bg: var(--color-bg);--mp--color--info--fg: var(--color-fg);--mp--color--chyron--bg: var(--color-fg);--mp--color--chyron--fg: var(--palette-white)}:root[data-theme=dark] .motion-project{--mp--color--info--bg: var(--color-bg);--mp--color--info--fg: var(--color-fg);--mp--color--chyron--bg: var(--color-bg);--mp--color--chyron--fg: var(--color--fg)}@media(width>90rem){.motion-project{max-width:80rem;--mp--aspect-ratio: clamp(1.6, calc(100vw/100vh*2.6) , 2.5)}}.motion-project-list[data-info] .motion-project:hover .motion-project__content{height:100%;width:100%;padding:var(--space-4);gap:var(--space-4);display:flex;align-items:start;padding-bottom:calc(var(--chyron-height) + 2 * var(--chyron-bottom-space));border:1px solid var(--mp--color--info--fg);background-color:var(--mp--color--info--bg)}:root[data-theme=light] .motion-project:hover .motion-project__content{border:1px solid var(--color-fg)}.motion-project__frame{position:relative;z-index:9;width:100%;height:100%;aspect-ratio:var(--mp--aspect-ratio);cursor:pointer}.motion-project-list[data-info] .motion-project:hover .motion-project__frame{width:35%;flex-shrink:1;min-width:25%;max-height:100%;overflow:hidden}.motion-project[data-selected] .motion-project__frame{border:1px solid red}@media(width<40rem){.motion-project-list[data-info] .motion-project[data-selected] .motion-project__frame{display:none}}.motion-project__frame:after{content:"";position:absolute;inset:0 0 -1px;background-color:rgb(from var(--color-bg) r g b / .9);opacity:0;will-change:opacity;transition:opacity .05s linear}.motion-project-list:has(.motion-project:hover) .motion-project:not(:hover) .motion-project__frame:after{opacity:100;transition:opacity .35s linear}.motion-project__frame video{width:100%;height:100%;object-fit:cover;display:block}.motion-project-list[data-info] .motion-project:hover .motion-project__frame video{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center 0%}.motion-project[data-initial-invisibility] .motion-project__frame video{display:none}.motion-project__noise-wrapper{position:absolute;z-index:-10;inset:0 0 1px}.motion-project-list[data-info] .motion-project:hover .motion-project__noise-wrapper{display:none}.motion-project__info{display:none;color:var(--mp--color--info--fg);background-color:var(--mp--color--info--bg);text-transform:none}.motion-project-list[data-info] .motion-project:hover .motion-project__info{display:unset}.motion-project-chyron{position:absolute;z-index:10;bottom:var(--chyron-bottom-space);width:100%;height:var(--chyron-height);display:flex;justify-content:space-between;align-items:center;background-color:var(--mp--color--chyron--bg);color:var(--mp--color--chyron--fg);--mpc--border-buffer: 4px;padding-inline:var(--mpc--border-buffer)}.motion-project-list[data-info] .motion-project-chyron{padding-inline:0;left:var(--mpc--border-buffer);width:calc(100% - 2 * var(--mpc--border-buffer))}.motion-project:not([data-selected]):not(:hover) .motion-project-chyron{display:none}.motion-project-chyron__title-wrapper{flex-grow:1;display:flex;white-space:nowrap;overflow:hidden;margin-left:3px;margin-right:3px}.motion-project-list[data-info] .motion-project-chyron__title-wrapper{justify-content:end}@media(width<30rem){.motion-project-list[data-info] .motion-project-chyron__title-wrapper{justify-content:start;padding-left:.75rem}}.motion-project-chyron__title-instance{display:flex;width:fit-content;animation:mpcMoveTitleInstance 7s linear var(--mpc--title-animation-offset, 0s) infinite}.motion-project:nth-child(n) .motion-project-chyron__title-instance{--mpc--title-animation-offset: -1.5s}.motion-project:nth-child(2n) .motion-project-chyron__title-instance{--mpc--title-animation-offset: -0s}.motion-project:nth-child(3n) .motion-project-chyron__title-instance{--mpc--title-animation-offset: -.7s}@keyframes mpcMoveTitleInstance{0%{translate:0% 0}to{translate:-100% 0}}.motion-project-list[data-info] .motion-project-chyron__title-instance{animation:none}.motion-project-list[data-info] .motion-project-chyron__title-instance:not(:first-child){display:none}.motion-project-chyron__title-instance>*{flex:0 0 auto}.motion-project-chyron__title{min-width:max(30ch,33vw)}.motion-project-list[data-info] .motion-project-chyron__title{min-width:unset}@media(width<30rem){.motion-project-list[data-info] .motion-project-chyron__title-instance{width:100%}.motion-project-list[data-info] .motion-project-chyron__title{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.motion-project-chyron__title-spacer{width:var(--space-6);height:1lh}.motion-project-list[data-info] .motion-project-chyron__title-spacer{display:none}.motion-project-chyron__tabs{display:flex;gap:var(--space-4);flex-shrink:0;margin-right:calc(var(--space-4) - 1px);margin-left:calc(var(--space-4) + 1px)}.motion-project-list[data-info] .motion-project-chyron__info{text-decoration:line-through}.motion-project-chyron__link{display:flex;gap:1ch;align-items:center}.motion-project-chyron__link svg{height:.5lh}.dev-ui-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.dev-dock{width:100%;height:fit-content;display:flex;justify-content:center;gap:.375rem;padding-inline:var(--subpage-section-header-inset);padding-bottom:.75rem;padding-top:.625rem;touch-action:none}.dev-dock__tab{width:1.4rem;aspect-ratio:1;border:2px solid var(--color-fg)}.dev-ui-wrapper:not([data-maximized-mode]) .dev-dock__tab:not([data-minimized]){background-color:var(--color-fg)}.dev-ui-wrapper[data-maximized-mode] .dev-dock__tab[data-maximized-hero]{background-color:var(--color-fg)}.dev-project-list{flex-grow:1;overflow:hidden;position:relative}.dev-project-list[data-disable-select]{user-select:none}.dev-project{--dp--window-width: min( calc(100dvw - 2rem) , 40rem);--dp--window-target-ratio: 1.5 ;--dp--window-height: clamp(55%, calc(var(--dp--window-width) / var(--dp--window-target-ratio)), 90%);position:absolute;z-index:var(--dp--stack-index);width:var(--dp--window-width);height:var(--dp--window-height);display:flex;flex-flow:column;border:2px solid var(--color-fg);translate:var(--dp--drag-position, var(--dp--default-position));outline:1px solid var(--color-bg);--dp--color--top-bar--bg: var(--color-fg);--dp--color--top-bar--fg: var(--palette-white);--dp--color--bg: var(--color-bg)}:root[data-theme=light] .dev-project{--dp--color--bg: var(--palette-white)}:root[data-theme=dark] .dev-project{--dp--color--top-bar--bg: var(--color-fg);--dp--color--top-bar--fg: var(--color-bg)}.dev-project{--dp--default-position-offset: 1.2rem;--dp--default-position-value: calc(var(--dp--default-position-offset) * var(--dp--default-position-index));--dp--default-position: var(--dp--default-position-value) var(--dp--default-position-value)}.dev-project:nth-child(1){--dp--default-position-index: 1}.dev-project:nth-child(2){--dp--default-position-index: 2}.dev-project:nth-child(3){--dp--default-position-index: 3}.dev-project:nth-child(4){--dp--default-position-index: 4}.dev-project:nth-child(5){--dp--default-position-index: 5}.dev-project:nth-child(6){--dp--default-position-index: 6}.dev-project:nth-child(7){--dp--default-position-index: 7}.dev-project:nth-child(8){--dp--default-position-index: 8}.dev-project:nth-child(9){--dp--default-position-index: 9}.dev-project[data-maximized]{--dp--width-gutter: .625rem;--dp--height-gutter: .25rem;width:calc(100% - 2 * var(--dp--width-gutter));height:calc(100% - 2 * var(--dp--height-gutter));translate:var(--dp--width-gutter) var(--dp--height-gutter)}.dev-ui-wrapper:not([data-maximized-mode]) .dev-project[data-minimized]{display:none}.dev-ui-wrapper[data-maximized-mode] .dev-project:not([data-maximized-hero]){display:none}.dev-project__top-bar{width:100%;height:1.2lh;display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--color-fg);color:var(--dp--color--top-bar--fg);background-color:var(--dp--color--top-bar--bg)}.dev-project__top-title{display:flex;justify-content:center;align-items:center;white-space:nowrap;padding-inline:.625rem;text-transform:lowercase;cursor:grab;flex-shrink:1;flex-grow:1;min-width:0}.dev-project:active .dev-project__top-title{cursor:grabbing}.dev-project__top-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-project__top-buttons{width:fit-content;height:100%;display:flex;gap:.125rem;flex-shrink:0}.dev-ui-wrapper[data-touch-mode] .dev-project__top-buttons{display:none}.dev-project__top-button{padding:.125rem}.dev-project__top-button--maximize-toggle{display:grid;grid-template-areas:" stack "}.dev-project__top-button--maximize-toggle>*{grid-area:stack}.dev-project:not([data-maximized]) .dev-project__top-button--maximize-toggle>:first-child{display:none}.dev-project[data-maximized] .dev-project__top-button--maximize-toggle>:last-child{display:none}.dev-project__top-buttons svg{height:100%;width:auto;cursor:pointer}.dev-project__main-window{padding:.25rem;overflow-y:auto;background-color:var(--dp--color--bg);height:100%}.dev-project__redacted-overlay{position:absolute;inset:0;display:grid;z-index:500;place-items:center;pointer-events:none}.dev-project__redacted-overlay p{color:var(--color-bg);font-size:1.25rem}.dev-project-content{display:flex;flex-direction:column;gap:1.25rem;padding-block:var(--space-5);padding-inline:var(--space-4);overflow-x:hidden;container:devProjectContent / inline-size}@media(width<40rem){.dev-project-content{padding-inline:.25rem}}.dev-project[data-redacted] .dev-project-content *{filter:blur(1vw);user-select:none}.dev-project-content p{text-transform:none}.dev-project-content>p:has(:nth-child(2)):has(video),.dev-project-content>p:has(:nth-child(2)):has(img){display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.dev-project-content>p video{width:100%;max-width:45rem;height:auto}.dev-project-content__explainer{margin-bottom:.75lh}.dev-project-content__link{margin-top:var(--space-3);margin-bottom:var(--space-4);align-self:end;width:fit-content;padding-inline:.25rem;background:var(--color-fg);color:var(--dp--color--bg);display:flex;gap:var(--link-symbol-gap);align-items:center}.dev-project-content__link svg{height:var(--link-symbol-width);width:var(--link-symbol-width)}.player{position:fixed;height:100dvh;width:100dvw;display:flex;align-items:center;justify-content:center}.player[data-error]{background:#f0f}.player iframe{--p--outer-space: var(--space-5);max-width:calc(100% - 2 * var(--p--outer-space));max-height:calc(100% - 2 * var(--p--outer-space));width:100%;aspect-ratio:16/9}.player[data-error] iframe,.player__error{display:none}.player[data-error] .player__error{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;height:100%;width:100%;color:var(--color-fg)}.player__error-messages{text-align:end;position:fixed;bottom:0;right:0;height:fit-content;width:fit-content;padding-block:.25rem;padding-inline:.5rem}.legal-page-wrapper{display:flex;flex-direction:column;padding:1rem;gap:1rem}.legal{padding:1rem;border:1px solid var(--color-fg);width:fit-content}.legal__header{margin-bottom:1.75lh}.legal__content{max-width:80ch}.legal__content>*:not(:last-child):not(:has(li)){margin-top:.75lh}.legal__content h2{font-family:var(--font-family--serif);font-style:italic;margin-bottom:.125lh}.legal__content ul{list-style-position:inside;list-style-type:square}.legal__content li{padding-left:1px}.back-link{background-color:var(--color-fg);color:var(--color-bg);padding-inline:.5rem;padding-block:.125rem;width:fit-content}.xx{border:red 2px solid}.xx>*{border:red 2px dashed}.x-hide{display:none!important}.x-outlines{outline:1px dashed red}.x-outlines *{outline:1px dashed orange}.x-square-md{width:1rem;height:1rem;background-color:currentColor}