:root{--c-lo-dark: hsl(210, 99%, 10%);--c-lo: hsl(210, 99%, 20%);--c-lo-bright: hsl(210, 80%, 70%);--c-lo-accent: hsl(210, 85%, 90%);--c-md: hsl(180, 99%, 33%);--c-md-plane: hsl(180, 70%, 50%);--c-md-muted: hsl(180, 35%, 50%);--c-md-bright: hsl(180, 50%, 70%);--c-md-accent: hsl(180, 92%, 50%);--c-hi: hsl(150, 80%, 70%);--c-warm: hsl(100 100% 88%);--c-vivid: hsl(100 100% 75%);--c-flash: hsl(100 100% 95%);--c-text: hsl(100 100% 100%);color:var(--c-text);--bg-gradient: linear-gradient(168deg, transparent 30dvh, var(--c-lo-bright) 80dvh, var(--c-md-bright) ), linear-gradient(80deg, var(--c-lo) 15dvw, var(--c-md) 60dvw, var(--c-hi) 80dvw, var(--c-md-muted) 120dvw );font-family:REM,sans-serif;--fs-h1: clamp(2rem, 3.2dvw, 3.6rem);--fs-h2: clamp(1.65rem, 2.64dvw, 2.97rem);--fs-h3: clamp(1.5rem, 2.4dvw, 2.7rem);--fs-lead: clamp(1.3rem, 2.08dvw, 2.34rem);--fs-base: clamp(1.05rem, 1.68dvw, 1.89rem);--fs-menu: clamp(.95rem, 1.52dvw, 1.71rem);--fs-stud: clamp(.85rem, 1.36dvw, 1.53rem);--fs-mini: clamp(.75rem, 1.2dvw, 1.35rem);--fs-h1: clamp(2rem, 3dvw, 3.6rem);--fs-h2: clamp(1.65rem, 2.48dvw, 2.97rem);--fs-h3: clamp(1.5rem, 2.25dvw, 2.7rem);--fs-lead: clamp(1.3rem, 1.95dvw, 2.34rem);--fs-base: clamp(1rem, 1.5dvw, 1.8rem);--fs-menu: clamp(.95rem, 1.42dvw, 1.71rem);--fs-stud: clamp(.85rem, 1.28dvw, 1.53rem);--fs-mini: clamp(.75rem, 1.13dvw, 1.35rem);--page-max-width: 1900px;--page-side: clamp(1rem, 6dvw, 8rem);--page-side-remainder: max(0px, calc( (100dvw - var(--page-max-width)) / 2));--page-side-full: calc(var(--page-side) + var(--page-side-remainder));--page-bottom: clamp(1rem, 3dvw, 8rem);--gap-main: clamp(1rem, 1.5dvw, 2rem);--gap-double: calc(2*var(--gap-main));--header-full-height: max(20dvh, 18dvw);--header-stuck-height: min(8dvh, 8dvw);--logo-full-width: max(50dvh, 55dvw);--logo-stuck-width: 25cqw;--main-top-margin: clamp(3rem, 5dvw, 12rem);--angle: 6deg;--coangle: calc(90deg - var(--angle));--transform-skew: skewY(calc(-1 * var(--angle)));--transform-skew-back: skewY(calc(var(--angle)));--transform-skew-hor: skewX(calc(1 * var(--angle)));--flash-gradient: linear-gradient(var(--coangle), transparent 30%, color(from var(--c-flash) srgb r g b / .8) 35%, color(from var(--c-md) srgb r g b / .35) 65%)}@media(max-width:768px){:root{--bg-gradient: linear-gradient(168deg, transparent 25dvh, var(--c-lo-bright) 60dvh, var(--c-md-bright)), linear-gradient(80deg, var(--c-lo) 35dvw, var(--c-md) 80dvw, var(--c-hi) 100dvw, var(--c-md-muted) 150dvw)}}@media(max-width:450px){:root{--bg-gradient: linear-gradient(168deg, transparent 20dvh, var(--c-lo-bright) 50dvh, var(--c-md-bright)), linear-gradient(80deg, var(--c-lo) 50dvw, var(--c-md) 100dvw, var(--c-hi) 120dvw, var(--c-md-muted) 150dvw)}}*,*:before,*:after{box-sizing:border-box}:where(html,body){margin:0;padding:0}.wrap{position:absolute;inset:0;z-index:-1}body{background-image:var(--bg-gradient)}#page{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 2.5fr;grid-template-areas:"header header" "aside main" "footer footer";min-height:100vh;max-width:var(--page-max-width);margin:0 auto}#page>header{grid-area:header;--visible-ratio: 1;--visible-height: 100%;container-type:inline-size;position:sticky;top:calc(var(--header-stuck-height) - var(--header-full-height));z-index:10;display:flex;justify-content:space-between;gap:var(--page-side);height:var(--header-full-height);max-height:var(--header-full-height);min-height:var(--header-stuck-height)}#page>header .bar{position:sticky;top:0;height:calc(var(--header-stuck-height) + 1px)}#page>header .bar:before{content:"";position:absolute;left:-100%;width:100%;height:calc(100% + tan(var(--angle)) * var(--logo-stuck-width));transform-origin:0 0;transform:var(--transform-skew);background:color(from var(--c-md) srgb r g b / .68);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask-image:linear-gradient(to left,#000 68%,#0000);-webkit-mask-image:-webkit-linear-gradient(to left,rgb(0 0 0 / 1) 68%,rgb(0 0 0 / 0) 100%);transition:all .21s ease;opacity:0}:root.stuck :is(#page>header .bar):before{left:0;opacity:1;transition:all .25s ease}#page>main{grid-area:main;margin:var(--main-top-margin) var(--page-side) 0 0;container-type:inline-size}#page>main>article{display:grid;grid-template-columns:1.5fr 5fr;align-items:baseline;gap:var(--gap-main);margin-bottom:var(--main-top-margin)}#page>main>article h2{margin:0 0 1rem;padding-left:var(--gap-main);border-left:var(--gap-main) color(from var(--c-hi) srgb r g b / .5) solid;font-size:var(--fs-h2);line-height:1.1;max-width:5ch}#page>main>article p,#page>main>article div{grid-column:2}#page>main>article p{margin:0 0 2cap;font-size:var(--fs-base);font-weight:300}#page>main>article p.lead{color:var(--c-lo-dark);font-size:var(--fs-lead);font-weight:700;margin:0 0 .5cap}#page>main>article .teasers{display:block;position:relative;padding:1.5rem 0 0rem;margin:0 0 2rem}#page>main>article .teasers:before{content:"";display:block;position:absolute;z-index:-2;height:100%;left:calc(-1 * var(--gap-main));right:calc(-1 * var(--page-side-full));background-color:var(--c-md-plane);background-image:radial-gradient(circle 100dvw at 50% 250%,var(--c-md-plane) 0%,var(--c-lo-dark) 70%);transform:var(--transform-skew);opacity:.5}#page>main>article .teasers article{width:100%;padding:var(--gap-main);border-radius:var(--gap-main);background-color:var(--c-md-accent);box-shadow:color(from var(--c-lo-dark) srgb r g b / .8) 2.5rem 5rem 5rem -5rem,color(from var(--c-lo-dark) srgb r g b / .3) 2rem 3rem 2rem -3rem}#page>main>article .teasers article h3{margin:0;padding:var(--gap-double) var(--gap-main);font-size:var(--fs-h1);text-transform:uppercase;line-height:1.1;padding-bottom:calc(5 * var(--gap-main))}#page>main>article .teasers article h3 span{display:inline-block;width:10ch}#page>main>article .teasers article p{margin-top:calc(-4 * var(--gap-main));padding:0 35% 0 var(--gap-main);font-size:var(--fs-base)}#page>main>article .teasers article ul{list-style-type:none;margin:0;padding:0}#page>main>article .teasers article ul li{margin:0;padding:0;display:inline-block;height:1.8lh}#page>aside{grid-area:aside;margin:var(--main-top-margin) 0 0 var(--page-side);container-type:size}#page>footer{grid-area:footer;box-sizing:content-box;padding:var(--page-bottom) var(--page-side-full);position:relative;display:flex;justify-content:space-between;margin:0 calc(-1 * var(--page-side-remainder));font-size:var(--fs-mini);color:#fff;overflow:hidden}#page>footer:before{content:"";position:absolute;z-index:-1;bottom:0;right:0;width:100%;height:100%;transform:var(--transform-skew);transform-origin:right bottom;background:color(from var(--c-lo) srgb r g b / .68)}#page>footer>div{align-self:flex-start}#glBg{position:absolute;z-index:-1;width:100%;height:calc(3.5 * var(--header-full-height));opacity:.5}#glBg #glCanvas{display:block;position:absolute;z-index:-1;width:100%;height:100%}#glBg #drawCanvas{display:none}#logo{display:block;position:absolute;overflow:hidden;height:100%;min-height:var(--header-stuck-height);width:var(--logo-full-width);max-width:90%;margin-left:calc(var(--page-side) - .8%);transition:all .5s ease}#logo svg{display:block;position:absolute;overflow:hidden;bottom:0;height:100%;width:120%;transition:all .1s cubic-bezier(.25,1,.5,1)}#logo svg path{fill:color(from var(--c-warm) srgb r g b / .8)}#logo svg .logo-title{transform-origin:261px center;transform:scale(.65);transition:all .35s cubic-bezier(.5,1.5,.68,.88)}:root.stuck :is(#logo svg){width:var(--logo-stuck-width);height:calc(var(--header-stuck-height) * .8);margin:calc(var(--header-stuck-height) * .1) 0}:root.stuck :is(#logo svg) .logo-title{transform:scale(1);transition:all .25s cubic-bezier(1,0,.5,1)}#page>header nav{align-self:flex-start;position:sticky;top:0;z-index:1;height:calc(var(--header-stuck-height) * (1 + var(--visible-ratio)));margin-right:var(--page-side);display:flex;align-items:center}:root.stuck :is(#page>header nav){height:var(--header-stuck-height)}#page>header nav ul{display:flex;justify-content:flex-start;gap:var(--gap-main);font-size:var(--fs-menu)}#page>header nav ul li{display:block;position:relative;min-height:80%}#page>header nav ul li a{display:block;padding:calc(.5 * var(--gap-main)) calc(.75 * var(--gap-main));margin-bottom:.22ex;text-wrap:nowrap;transition:.2s all ease-in}:root.stuck :is(#page>header nav ul li a){padding:calc(.25 * var(--gap-main)) calc(.5 * var(--gap-main))}#page>header nav ul li a:before{content:"";display:block;position:absolute;inset:0;z-index:-1;transform:var(--transform-skew-hor);background-color:color(from var(--c-hi) srgb r g b / .5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:.3s all ease}#page>header nav ul li a:hover:before{background-color:color(from var(--c-flash) srgb r g b / .75)}a{color:#000}.secondary{position:sticky;top:calc(var(--header-stuck-height) * 2);margin-right:calc(var(--page-side) * .5)}.motto{position:relative;margin-bottom:3em;font-size:var(--fs-h2);font-weight:200;line-height:1.1;--bleed-factor: -.5;--bleed-factor-left: -.5;--bleed-factor-right: -.25}.motto:before{content:"";position:absolute;z-index:-1;top:calc(var(--bleed-factor) * var(--page-side));left:calc(var(--bleed-factor-left) * var(--page-side));right:calc(var(--bleed-factor-right) * var(--page-side));bottom:calc(var(--bleed-factor) * var(--page-side));background:var(--flash-gradient) no-repeat right center / 500% 200%;transform:var(--transform-skew);transition:all .3s ease}:root.stuck .motto{font-size:calc(var(--fs-h2) * .8);color:color(from var(--c-warm) srgb r g b / .5)}:root.stuck .motto:before{background-position:left center}.socials{list-style:none;padding:0;margin:0;font-size:var(--fs-menu)}.socials li{display:block;position:relative;height:2lh;margin-bottom:1rem}.socials a{display:inline-flex;align-items:center;height:100%;color:var(--c-md);--color-inner:var(--c-warm);--color-gradient:var(--c-lo);transition:all .3s ease}.socials a i{display:inline-block;height:100%;width:auto;aspect-ratio:1;border-radius:100%;color:color(from var(--color-inner) srgb r g b / .9);background:radial-gradient(ellipse 150% 150% at 70% 120%,var(--color-gradient),transparent)}.socials a i svg{display:block;width:60%;height:auto;aspect-ratio:1;margin:20%}.socials a b{display:inline-block;padding:0 .8rem 0 .3em;font-weight:400;color:var(--color-inner)}.socials a:hover{color:var(--c-hi);--color-inner: var(--c-flash);--color-gradient: var(--c-hi)}#page>footer .hud{color:color(from var(--c-flash) srgb r g b / .5);font-weight:100}#page>footer .contacts p{text-align:right;font-weight:300;margin:0 0 .5ex}#page>footer .contacts a{color:inherit}#page>footer .contacts a:hover{color:var(--c-hi)}#page>footer .controls{display:none;opacity:.8}#page>footer .controls label{display:block;padding-right:1rem}#page>footer .controls input[type=range]{width:30dvw}#page>footer .socials{margin:1ex 0 0;text-align:right}#page>footer .socials li{display:inline-block;margin-bottom:.2rem;height:1.2lh}#page>footer .socials a{--color-inner: var(--c-lo);--color-gradient: var(--c-flash)}#page>footer .socials a b{display:none}@media(max-width:960px){#page{grid-template-columns:.6fr 2.5fr}.motto{max-height:20ch;margin-left:calc(-1 * var(--page-side-ledge));margin-bottom:2.2em;writing-mode:sideways-lr;text-align:right;line-height:1.1;--bleed-factor-right: -.5}.secondary .socials li b{display:none}}@media(max-width:768px){#page{grid-template-columns:1fr;grid-template-rows:auto auto 10fr auto;grid-template-areas:"header" "aside" "main" "footer"}#page>aside{margin:var(--main-top-margin) var(--page-side) calc(2 * var(--main-top-margin))}.motto{width:100%;max-height:auto;margin:0 var(--page-side) 1em 0;text-align:right;writing-mode:horizontal-tb;font-size:var(--fs-lead);transform:var(--transform-skew);--bleed-factor: -.5;--bleed-factor-left: -1;--bleed-factor-right: -.5}.motto:before{transform:revert}.socials{text-align:right}.socials li{display:inline-block;margin-left:.2em}.socials li b{display:none}}@media(max-width:680px){#page>main>article{display:block;margin-left:var(--page-side)}#page>main>article+article{margin-top:5em}}a.stud{display:inline-flex;align-items:center;height:1.8lh;margin:0;padding:.35rem;color:color(from var(--c-lo-bright) srgb r g b / .5);font-size:var(--fs-stud);background-image:radial-gradient(circle 20dvw at 50% 250%,var(--c-md) 0%,var(--c-lo-dark) 50%);border-radius:100rem}a.stud:hover{background-image:radial-gradient(circle 20dvw at 50% 250%,var(--c-md) 0%,var(--c-lo-dark) 80%)}a.stud i{display:inline-block;height:100%;width:auto;aspect-ratio:1;border-radius:100%;color:var(--c-vivid);background-image:radial-gradient(circle 10dvw at 75% 150%,var(--c-hi) 0%,transparent 25%)}a.stud i svg{display:inline-block;width:60%;aspect-ratio:1;margin:20%}a.stud b{display:inline-block;padding:0 .8rem 0 .1em;font-weight:400;color:var(--c-vivid)}@keyframes draw{to{stroke-dashoffset:-210}}section.addon.teasers>article.novabounds{background-image:linear-gradient(-68deg,transparent 25%,color(from var(--c-md-plane) srgb r g b /.8) 85%),linear-gradient(0deg,color(from var(--c-md) srgb r g b /.5) 25%,transparent 65%),radial-gradient(ellipse farthest-corner at 100% 50%,var(--c-lo-accent) 33%,transparent 100%)}section.addon.teasers>article.novabounds h3{display:block;background-image:url(/build/assets/novabounds-teaser-512-RLSRFZQ3.png);background-size:contain;background-repeat:no-repeat;background-position:100% 0}