@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.5s}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(fade){animation:.4s ease-in both fade-out}::view-transition-new(fade){animation:.4s ease-in both fade-in}:root{--border-accent: #282828;--success: #77b300;--info: #9933cc;--warning: #ff8800;--danger: #cc0000;--z-navigation: 100;--vertical-flow: 2.4rem;--border-radius: 8rem;--primary-glow: var(--yop-red);--card-bg: rgba(10, 15, 25, .85);--terminal-bg: rgba(5, 10, 15, .9)}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:62.5%;scroll-behavior:smooth;cursor:crosshair}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}main{position:relative;margin-block-end:calc(var(--vertical-flow) * 2)}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{display:flex;flex-direction:column;margin:0;padding:0;min-height:100vh;line-height:1.5;background-color:var(--black)}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(black 15%,transparent 16%) 0 0,radial-gradient(black 15%,transparent 16%) 8px 8px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px}iframe{width:100%;height:auto;aspect-ratio:16/9;display:flex}footer{margin-block-start:auto}footer section{width:100%}footer{z-index:2;background-color:var(--black);position:relative;padding:2rem 3rem;border-top:13px solid var(--yop-red);background-size:contain;background:url("data:image/svg+xml,%3csvg%20enable-background='new%200%200%20750%20400'%20height='400'%20viewBox='0%200%20750%20400'%20width='750'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m566.01%20178.188c0%2020.769-3.319%2041.08-9.438%2059.806%2057.838-12.232%20102.296-60.494%20108.64-120.494h-109.12c6.428%2019%209.918%2039.371%209.918%2060.688z'%20fill='none'/%3e%3cpath%20d='m295.814%2050.5h156.2c-22.861-14-49.576-21.556-78.1-21.556s-55.239%207.556-78.1%2021.556z'%20fill='none'/%3e%3cg%20fill='%23222'%3e%3cpath%20d='m369.5%20117.251c-32%201.938-57.702%2028.249-59.591%2061.249h59.591z'/%3e%3cpath%20d='m378.5%20246.402c32-1.923%2058.588-28.902%2060.56-60.902h-60.56z'/%3e%3cpath%20d='m309.922%20185.5c1.972%2032%2027.578%2058.967%2059.578%2060.899v-60.899z'/%3e%3cpath%20d='m439.073%20178.5c-1.891-33-28.569-59.319-60.569-61.251v61.251z'/%3e%3cpath%20d='m378.5%20117.249v-47.749h-9v47.751c1-.076%203.204-.126%204.511-.126%201.3%200%203.489.049%204.489.124z'/%3e%3cpath%20d='m309.909%20178.5h-48.409v7h48.422c-.079-1-.132-2.254-.132-3.586%200-1.273.047-2.414.119-3.414z'/%3e%3cpath%20d='m486.5%20178.5h-47.43c.071%201%20.118%202.145.118%203.414%200%201.332-.053%202.586-.132%203.586h47.438v-7z'/%3e%3cpath%20d='m369.5%20246.399v47.101h9v-47.098c-1%20.074-3.189.124-4.489.124-1.307%200-3.511-.049-4.511-.127z'/%3e%3cpath%20d='m373.914%2028.944c28.521%200%2055.234%207.556%2078.1%2021.556h13.521c-25.967-18-57.562-28.92-91.616-28.92-34.059%200-65.654%2010.92-91.62%2028.92h13.519c22.857-14%2049.572-21.556%2078.096-21.556z'/%3e%3cpath%20d='m221.349%20181.469c0%2079.062%2060.456%20144.249%20137.567%20151.808l12.15-27.103c-67.358-1.789-121.421-56.952-121.421-124.751%200-68.925%2055.875-124.798%20124.798-124.798s124.799%2055.875%20124.799%20124.803c0%2067.886-54.207%20123.106-121.692%20124.758l12.016%2027.011c76.8-7.857%20136.915-72.885%20136.915-151.727%200-55.604-29.902-104.974-74.466-130.974h-156.2c-44.564%2026.004-74.466%2075.372-74.466%20130.973z'/%3e%3cpath%20d='m213.984%20181.469c0-54.134%2027.038-101.973%2068.312-130.973h-50.833c-30.113%2035-48.416%2078.604-48.416%20127.451%200%2021.169%203.44%2041.638%209.788%2060.675-62.199-13.468-108.8-68.959-108.8-135.188%200-18.695%203.721-34.938%2010.446-52.938h-70.556c-4.024%2018-6.173%2033.173-6.173%2050.532%200%20114.34%2092.688%20207.132%20207.023%20207.132%203.044%200%206.07-.025%209.083-.157%2028.388%2030.725%2066.703%2052.152%20109.856%2059.14l12.03-26.799c-79.659-9.046-141.76-76.833-141.76-158.875z'/%3e%3cpath%20d='m723.604%2050.5h-67.532-138.478-52.062c41.272%2029%2068.312%2076.839%2068.312%20130.973%200%2081.825-61.778%20149.47-141.142%20158.801l12.02%2027.008c42.826-6.784%2080.925-27.775%20109.327-57.982%202.981.128%205.979.201%209%20.201%20114.339%200%20207.023-92.895%20207.023-207.231.001-17.808-2.248-33.77-6.468-51.77zm-167.031%20187.294c6.115-18.726%209.438-38.637%209.438-59.401%200-21.317-3.49-41.893-9.919-60.893h109.12c-6.345%2060-50.803%20108.061-108.639%20120.294z'/%3e%3c/g%3e%3c/svg%3e") center top/contain no-repeat,radial-gradient(circle farthest-corner,#333,#111);color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between}footer ul.menu{margin:0;padding:1em;list-style:none}footer ul.menu li.menu-item{margin:0;padding:0;display:inline-block}footer ul.menu a{display:inline-block;background:linear-gradient(to right,currentColor,currentColor);background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;padding:.2rem .5rem;color:var(--white);font-size:1.2em;font-weight:700;position:relative;text-decoration:none;margin:0 .3rem}footer ul.menu a:hover,footer ul.menu a:focus,footer ul.menu a.is-active{animation:underline .25s ease-in-out forwards;text-decoration:none}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}@keyframes underline{to{background-size:100% 4px}}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}picture{display:block}picture img{display:block;height:auto}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.navigation{position:sticky;top:0;z-index:var(--z-navigation);background-color:#050a0fe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding-block:1.6rem;border:none;border-block-end:4px solid var(--primary-glow);color:var(--white);box-shadow:0 0 30px var(--primary-glow)}.navigation .navigation-inner{display:grid;grid-template-areas:"nav-brand nav-menu"}.navigation-brand{grid-area:nav-brand;justify-self:start;padding:2rem}.navigation-brand a{display:block}.navigation-brand a img{margin:0;width:8rem;height:auto;transition:transform .2s linear}.navigation-brand a:hover img,.navigation-brand a:focus img{transform:scale(1.1)}.navigation-menu{border:1px solid lime;grid-area:nav-menu;display:flex;align-items:center;justify-content:flex-end;list-style:none;margin:0;padding:0;gap:1rem}.navigation-menu a{font-family:Ubuntu,sans-serif;font-size:1.8rem;font-weight:700;padding:.4rem 1.4rem;display:flex;color:var(--object-text-color, var(--copy-color));text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.8ch;transition:all .2s ease-in-out}.navigation-menu a:hover,.navigation-menu a:focus{text-decoration-color:var(--color-1);text-decoration-thickness:3px;color:var(--color-1)}.sub-menu-button{color:currentColor;background:none;border:none;padding:0;margin:0;cursor:pointer}.sub-menu-button svg{width:2rem;height:2rem;fill:currentColor}.menu-item{position:relative;display:flex;align-items:center}.menu-item:has(>.sub-menu:popover-open)>.sub-menu-button svg{transform:rotate(180deg)}.sub-menu-button{flex:0 0 auto;width:4.8rem;height:4.8rem;border:1px solid crimson;display:grid;place-items:center}.sub-menu-button svg{transition:transform .2s linear;width:2.4rem;height:2.4rem}.sub-menu{position:absolute;position-area:end span-all;position-try-fallbacks:flip-block,flip-inline;border:1px solid var(--primary-glow);border-radius:.8rem;box-shadow:0 0 30px var(--primary-glow);padding:0;margin:1rem}.sub-menu .menu-item .sub-menu{position-area:right span-all}.header-inner{display:flex;justify-content:center;align-items:center;padding-block:4rem;text-align:center;color:#fff}@property --gh{syntax: "<percentage>"; initial-value: 0%; inherits: false;}:root{--brad: .4rem}.card{--border-radius: 2.4rem;--bg: var(--yop-red);position:relative;padding:3rem;border-radius:var(--border-radius);background:color-mix(var(--bg),#fff);overflow:hidden}.card .card__backdrop{--grad: hsl(from var(--bg) h 20 50);position:absolute;inset:0;background-image:radial-gradient(150% var(--gh) at 25% 100%,var(--grad),transparent),radial-gradient(150% calc(300% - var(--gh) + 25%) at 75% 100%,var(--grad),transparent);animation:wobble 3s infinite alternate;transition:--gy 1s ease}.card .card__backdrop:before{content:"";position:absolute;inset:.1rem;background:#0003;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(100px) contrast(10);backdrop-filter:blur(100px) contrast(10)}.card .card__backdrop:after{--p: .15rem;--p2x: calc(var(--p) * 2);content:"";position:absolute;inset:.15em;background-image:radial-gradient(circle at center,#000 50%,#fff 1px);background-size:var(--p2x) var(--p2x);border-radius:2.4rem;mix-blend-mode:color-burn}.card .card__content{position:relative;text-wrap:balance;color:var(--white)}.card .card__content h2,.card .card__content h3,.card .card__content h4,.card .card__content h5,.card .card__content h6{color:inherit}@keyframes wobble{0%{--gh: 25%}to{--gh: 300%}}.ubuntu-bold{font-family:Ubuntu,sans-serif;font-weight:700;font-style:normal}.atkinson-hyperlegible-regular{font-family:Atkinson Hyperlegible,sans-serif;font-weight:400;font-style:normal}.atkinson-hyperlegible-bold{font-family:Atkinson Hyperlegible,sans-serif;font-weight:700;font-style:normal}.atkinson-hyperlegible-regular-italic{font-family:Atkinson Hyperlegible,sans-serif;font-weight:400;font-style:italic}.atkinson-hyperlegible-bold-italic{font-family:Atkinson Hyperlegible,sans-serif;font-weight:700;font-style:italic}body{font-family:Atkinson Hyperlegible,sans-serif;font-weight:400;font-style:normal;font-size:1.8rem;color:var(--object-text-color, currentColor)}ul,ol,p,table{margin-block-start:0}ul:not(:last-child),ol:not(:last-child),p:not(:last-child),table:not(:last-child){margin-block-end:var(--vertical-flow)}h1,h2,h3,h4,h5,h6{font-family:Ubuntu,sans-serif;font-weight:700;color:var(--object-heading-color, var(--object-text-color, var(--yop-red)))}h1{font-size:2.8rem}@media(min-width:768px){h1{font-size:4.5rem}}h2{font-size:2.2rem;line-height:1.4}@media(min-width:768px){h2{font-size:3.2rem}}.plate--element{margin-block-end:var(--vertical-flow)}.paragraph{border-radius:2.4rem;background-color:var(--white);padding:2.4rem}footer .paragraph{border-radius:0;background-color:transparent;padding:0;--object-text-color: var(--white)}