:before{box-sizing:border-box}:root{--ratio:1.3;--grid-item-width:32vw;--justify:space-between;--gap:2.5vw;--rotation:0deg;--radius:0px;--offset:-30vh;--radius-small:4px}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a:focus{outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid #f30}.section--intro{text-align:center;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:100vh;padding:8rem 0 2rem;display:flex}.section__text--alt{margin-top:auto}.section__arrow{fill:currentColor;transform:translateY(3px)rotate(135deg)}.section--columns{z-index:-1;width:100%;height:100vh;position:fixed}.columns{width:100%;height:100%;transform:rotate(var(--rotation));will-change:transform,opacity;align-items:center;display:flex;position:relative}.column-wrap{z-index:1;will-change:transform;flex-direction:column;padding:5vh 0 15vh;display:flex;position:relative}.column-wrap:nth-child(2n){margin-top:var(--offset)}.column{will-change:transform;display:block;position:relative}.column__item{--grid-item-height:calc(var(--grid-item-width) * var(--ratio));width:var(--grid-item-width);height:var(--grid-item-height);border-radius:var(--radius);cursor:pointer;margin:0 0 var(--gap) 0;z-index:1;will-change:transform,filter;position:relative;overflow:hidden}.column__item-img{will-change:transform;background-position:50%;background-size:cover;width:100%;height:100%}.section--showcase{text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;padding:8rem 5vw 10vh;display:flex}.section__header{border-bottom:1px solid #000;justify-content:space-around;align-items:center;width:100%;margin-bottom:4rem;padding:4vh 8vw;display:flex}.row{text-align:left;width:100%}.row__header{grid-gap:2rem;grid-template-rows:auto auto;grid-template-columns:4ch 1fr;justify-content:start;width:100%;padding:6rem 0 3rem;display:grid}.row__header span:last-child{grid-column:1/span 2}.row__content{grid-gap:1rem;grid-auto-flow:column;justify-content:start;width:100%;display:grid}.row__content-imgwrap{border-radius:var(--radius-small);position:relative;overflow:hidden}.row__content-img{aspect-ratio:2;background-position:50%;background-size:cover;height:100px}.row__content-imgwrap:nth-child(2n) .row__content-img{aspect-ratio:1}.row__content-imgwrap:nth-child(4n) .row__content-img{aspect-ratio:1.5}.row__content-imgwrap:last-child{justify-content:end}.row__content-imgwrap:last-child .row__content-img{aspect-ratio:2.75}.row+p{margin-top:40vh}@media screen and (min-width:53em){.frame{grid-gap:2rem;grid-template-rows:auto;grid-template-columns:15% 15% 1fr 15% 15%;justify-content:start;place-items:center start;padding:2rem 3rem}.row__header{grid-template-rows:auto;grid-template-columns:4ch auto 1fr;display:grid}.row__header span:last-child{grid-column:revert;justify-self:start}}.demo-2,.demo-4,.demo-6,.demo-8,.demo-10,.demo-12,.demo-14{--color-bg:#f7fee7;--color-bg-1:#ccffdc;--color-bg-2:#ecfccb;--color-bg-3:#ffc;--color-bg-4:#005044}.content{padding:var(--page-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.content--perspective{perspective-origin:50% 0;perspective:1000px}.content--sticky{--offset:0px;width:100vw;top:0;top:var(--offset);height:calc(100vh - var(--offset));position:sticky}.content--grid,.content--grid .content__inner{grid-column-gap:5vw;grid-row-gap:2vh;grid-template-areas:"content-img""content-title""content-text";align-content:center;justify-items:center;display:grid;overflow:hidden}.content--grid:has(.content__inner){padding:0;display:block}.content__inner{border-radius:0 0 2rem 2rem;width:100%;height:100%}.content--card{aspect-ratio:.8;text-align:center;border-radius:14px;flex-direction:column;gap:3vh;width:95vw;max-width:500px;height:80vh;margin:auto auto 5vh;display:flex;top:10vh}.content--card .content__title{font-size:clamp(1.5rem,4vw,3.5rem)}.content--card .content__title i{display:block}.content--half{text-align:center;flex-direction:column;gap:3vh;display:flex}.content--half:nth-child(odd){margin-left:auto}.content__img{grid-area:content-img;width:100%;max-width:500px;height:auto}.content__img--large{width:80%;height:auto}.content__img--small{width:auto;height:35%}.spacer{margin-top:20vh}.content__text{text-align:center;grid-area:content-text;max-width:500px;margin:0}.content__text--narrow{max-width:300px}.content--intro{z-index:2;padding-top:25vh;padding-bottom:25vh}.content--outro{padding-top:50vh;padding-bottom:30vh}.bg-1{background:var(--color-bg-1)}.bg-2{background:var(--color-bg-2)}.bg-3{background:var(--color-bg-3)}.bg-4{background:var(--color-bg-4)}.bg-5{background:var(--color-bg-5)}.bg-6{background:var(--color-bg-6)}@media screen and (min-width:63em){body{--page-padding:2rem 3rem}.content--grid .content__title{align-self:end}.content--grid,.content--grid .content__inner{justify-items:center}.content__img--large{width:160%}.content__img--left{justify-self:end}.content__text--left{text-align:left;align-self:start}.content--card{width:50vw}.content--half{width:50%}}.next,.prev{cursor:pointer;color:#fff;z-index:20;position:absolute;top:50%;transform:translateY(-50%)}.next{right:4px}.prev{left:4px}