body #cdawrap{justify-self:start}.container-intro{height:100%}.container-intro,.container-intro .col{position:relative;width:100%;display:flex;gap:0}.container-intro .col{flex:1;flex-direction:column}.col .item{position:relative;flex:1;width:100%;overflow:hidden}.c-1,.c-1 .item,.c-3,.c-3 .item,.c-5,.c-5 .item{top:100%}.c-2 .item,.c-4 .item{top:-100%}.col img{height:100%}.col img,.col video{width:100%;-o-object-fit:cover;object-fit:cover}.col video{height:auto}.content{width:100%;height:100%;z-index:2}.frame{position:relative;width:100%;padding:1rem;display:grid;grid-template-columns:100%;grid-template-areas:"back" "prev" "sponsor";grid-gap:.5rem;justify-items:start;align-self:start;justify-self:start;pointer-events:none;align-items:center;text-transform:uppercase;font-size:.85rem;background:var(--color-bg-alt)}.frame a:not(.frame__title-back):hover:before{transform:scaleX(0);transform-origin:100% 50%}.frame__title{grid-area:title;display:flex}.frame__title-main{font-size:inherit;margin:0;font-weight:inherit}.frame__title-back{position:relative;display:flex;align-items:flex-end;margin-bottom:.15rem}.frame__title-back span{display:none}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev}.intro{height:100vh;text-align:center;place-items:center;display:grid;background:linear-gradient(0deg,transparent,var(--color-bg-alt))}.intro__title{place-items:center;line-height:.9;display:grid;margin:15vh 0 0;font-weight:400}.intro__title-pre{font-weight:300;font-size:clamp(2rem,8vw,5rem);color:var(--color-title);text-transform:uppercase}.intro__title-sub{font-size:clamp(1.5rem,20vw,8rem);max-width:15ch;margin:0 auto}.intro__info{max-width:15ch;opacity:.6;margin-bottom:4rem;padding-bottom:1rem;line-height:1.2;position:relative;align-self:end}.intro__info:after{content:"";width:1px;height:2rem;background:#000;position:absolute;top:100%;left:50%}.card-wrap{margin-top:5vh;display:grid;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:250px}.card__image{display:block;border-radius:7px;background-size:cover;background-position:50% 50%;width:100%;height:auto;aspect-ratio:4/3;filter:contrast(.8)}.credits{font-size:1.5rem;text-align:center;margin:50vh auto 0}.content{position:relative}.content .grid{display:grid;place-items:center;padding:2rem;perspective:var(--perspective);width:100%}.grid-wrap{height:var(--grid-height);width:var(--grid-width);display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);transform-style:preserve-3d}.grid__item{aspect-ratio:var(--grid-item-ratio);width:100%;height:auto;overflow:hidden;position:relative;display:grid;place-items:center}.grid__item-inner{position:relative;width:calc(1 / var(--grid-inner-scale) * 100%);height:calc(1 / var(--grid-inner-scale) * 100%);background-size:cover;background-position:50% 50%}@media screen and (min-width:53em){.frame{grid-template-columns:auto auto auto 1fr;grid-template-areas:"title prev ... sponsor";align-content:space-between;justify-items:start;grid-gap:2rem}.frame__demos{justify-self:end}.card-wrap{grid-template-columns:repeat(3,250px)}body #cdawrap{justify-self:end}}