@layer layouts{navigation-menu{--signup-button-color:#000;--signup-button-hover-color:#000c}#hero{position:relative}#hero:after{background:linear-gradient(120deg,var(--theme-gradient-start) 33%,var(--theme-gradient-end));content:"";display:block;inset:0 0 calc(min(900px, 100vw - 4rem)*.28125 + 4rem) 0;position:absolute;z-index:-1}#hero h1{font-size:clamp(1.8rem,7vw - .3rem,3.7rem);margin:1.5em auto 1em;text-align:center}#hero video-player{--accent-color:var(--theme-main-dark);aspect-ratio:16/9;background-color:#fff;box-shadow:0 -1rem 6rem -4rem var(--theme-main-dark);display:block;margin:0 auto;overflow:hidden;width:min(100%,900px)}:is(#hero video-player):not(:fullscreen){border-radius:.5rem}:is(#hero video-player) img{height:auto;width:100%}#panel{display:grid;font-size:1.1rem;gap:4rem 2rem;grid:auto 1fr/1fr 2fr;padding:4rem max((100% - 1200px)/2 + 2rem,2rem)}#info{display:block;margin:0;padding:0}#info dt{display:inline-block;font-weight:600;margin:.4rem 0}#info dd{display:inline;margin:.4rem 0}#info dd:after{content:"";display:block;height:0}#info img{display:inline-block;float:left;height:1.5rem;margin:.075rem .6rem .075rem 0;width:1.5rem}#social{align-items:center;display:flex;flex-wrap:wrap;margin-top:1.5rem}#social b{font-size:1rem;font-weight:600;letter-spacing:.15ch;margin-right:1rem;text-transform:uppercase}#social a{color:#323232;padding:.5rem}:is(#social a):hover{opacity:.8}#social svg{display:block;height:1.8rem;width:1.8rem}#hosts{grid-area:2/1;padding:0;place-self:start;position:sticky;top:calc(2rem + var(--nav-height))}#hosts h2{font-size:1.5rem;font-weight:600;margin:0 0 1em}#hosts ul{display:grid;gap:1rem;grid:auto/1fr;list-style:none;margin:0;padding:0}#hosts li{display:grid;gap:0 1rem;grid:auto auto/auto 1fr}#hosts :is(.host-image,img){border-radius:50%;height:5rem;width:5rem}#hosts .host-image{color:#323232;display:grid;grid:1fr/1fr;grid-area:1/1/-1/2;place-items:end start;position:relative;transition:opacity .2s}:is(#hosts .host-image) svg{background-color:#fff;border-radius:.3rem;height:1.5rem;inset:auto auto 0 0;position:absolute;width:1.5rem}#hosts a.host-image:hover{opacity:.8}#hosts .host-name{font-size:1.2rem;font-weight:600;place-self:end start}#hosts .host-role{font-size:1rem;place-self:start}:is(#hosts .host-role) b{font-weight:600}#introduction{grid-area:1/2/-1/-1}#introduction>:first-child{margin-top:0}#introduction ul{padding:0 0 0 1rem}#introduction li{margin:.5rem 0;padding:0 0 0 .5rem}#introduction a{color:#221ee9;-webkit-text-decoration:none;text-decoration:none}:is(#introduction a):hover{-webkit-text-decoration:underline;text-decoration:underline}@media(max-width:999.98px){#panel{grid:auto/1fr}#info{display:none}#hosts{grid-area:auto;position:static}#hosts ul{grid:auto auto/1fr 1fr}#introduction{grid-area:auto}}@media(max-width:599.98px){#hosts{padding:0 max((100% - 25rem)/2,0px)}#hosts ul{grid:auto/1fr}}}