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