svg[height="0"]{position:fixed}header.herod{background:radial-gradient(circle,#191a22,#2e125e,#191a22);border-bottom:2px solid #191a22}section.home-hero{border-bottom:1px solid #453331;position:relative}section.home-hero:after{background:linear-gradient(0deg,#1d1630,transparent);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.frame{display:grid;font-size:12px;height:100%;padding:var(--page-padding);position:relative;text-transform:uppercase;width:100%;z-index:1000;grid-row-gap:1rem;grid-column-gap:2rem;grid-template-areas:"title" "archive" "back" "github" "demos" "sponsor" "tags";grid-template-columns:auto auto;justify-items:start;pointer-events:none}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{font-size:inherit;grid-area:title;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__tags{grid-area:tags}.frame__github{grid-area:github}.frame__demos{display:flex;gap:1rem;grid-area:demos}main .main-wcontent{height:60vh;position:relative}.scene,main .main-wcontent{align-items:center;display:flex;justify-content:center}.scene{height:100%;left:0;opacity:0;overflow-x:hidden;overflow-y:hidden;perspective:1000px;top:0;width:100%}.scene,.xcard{position:absolute}.xcard{left:50%;top:50%;transform:translate(-50%,-50%)}.xcard__img{aspect-ratio:2/3;background-position:50%;background-size:cover;border-radius:5px;width:5em}.headings{color:var(--color-title);position:relative;text-align:center;text-transform:uppercase;z-index:10}.headings__main{font-size:clamp(2.5rem,1.59rem + 3.883vw,6.25rem);line-height:.5}.headings_subtitle{font-size:clamp(1rem,.757rem + 1.036vw,2rem);line-height:.5}@media screen and (min-width:53em){.frame{align-content:space-between;grid-template-areas:"title back archive github sponsor" "tags tags tags demos demos";grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;height:100%;left:0;position:fixed;top:0;width:100%}.frame #cdawrap,.frame__demos{justify-self:end}.xcard__img{width:6em}}