*,:after,:before{box-sizing:border-box}:root{--color-text:#000;--color-bg:#cbb6a9;--color-text-alt:#d72a28;--color-link:#000;--color-link-hover:#000;--ratio:1.3;--grid-item-width:32vw;--justify:space-between;--gap:2.5vw;--rotation:0deg;--radius:0px;--offset:-30vh;--radius-small:4px;font-size:16px}body{text-transform:uppercase;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Helvetica,sans-serif}.demo-2{--color-bg:#df6a26;--color-text-alt:#eaa750;--ratio:1;--grid-item-width:23vw;--radius:8px}.demo-3{--color-bg:#ede9e6;--color-text-alt:#d74528;--ratio:1.1;--grid-item-width:17vw;--radius:12px;--justify:center;--gap:2.5vw}.demo-4{--color-text:#fff;--color-link:#fff;--color-link-hover:#aaa;--color-bg:#0f0e0e;--color-text-alt:#d74528;--ratio:1;--grid-item-width:25vw;--radius:4px;--justify:center;--gap:2.5vw;--rotation:-45deg;--offset:20vh}.demo-5{--color-bg:#dacdcd;--color-text-alt:#d74528;--ratio:.8;--grid-item-width:30vw;--radius:0;--justify:center;--gap:1.5vw;--offset:0}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);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{color:var(--color-link);cursor:pointer;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.unbutton{font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{color:var(--color-title);z-index:100;justify-content:center;align-items:flex-start;width:100%;padding:1rem;font-size:2rem;line-height:1.2;display:flex;position:absolute}.frame__header-container{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.frame__title{white-space:nowrap;grid-area:title;display:flex}.frame__title-main{margin:0;font-size:1rem;font-weight:400}.frame__title-submain{margin:30px;font-family:Helvetica,sans-serif;font-size:1rem;font-style:italic;font-weight:400}.frame__title-back-right{justify-content:center;align-items:center;display:flex}.frame__title-back-right span{display:none}.frame__title-back-right svg{fill:currentColor}.frame__prev{grid-area:prev;justify-self:end}.frame__demos{flex-wrap:wrap;grid-area:nav;justify-content:space-between;justify-self:stretch;display:flex}.frame__demos-title{color:var(--color-text-alt);width:100%;margin:0;font-size:1rem;font-weight:400}.frame__demos-item{grid-row:2}.frame a:not(.frame__title-back),.row+p a{white-space:nowrap;position:relative;overflow:hidden}.frame a:not(.frame__title-back):before,.row+p a:before{content:"";transform-origin:0%;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;top:90%}.frame a:not(.frame__title-back):hover:before,.row+p a:hover:before{transform-origin:100%;transform:scaleX(0)}.section{z-index:4;background:var(--color-bg);width:100%;min-height:100vh;line-height:1;position:static;top:0}.section--intro{text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-bottom:250vh;padding:8rem 0 2rem;display:flex}.section__title{text-transform:none;-moz-font-feature-settings:"swsh";-webkit-font-feature-settings:"swsh";font-feature-settings:"swsh";color:var(--color-text-alt);justify-content:center;align-items:flex-start;margin:0 0 6vh;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(2rem,12vw,12.5rem);font-weight:300;line-height:.9;display:flex}.section__title2{text-transform:none;-moz-font-feature-settings:"swsh";-webkit-font-feature-settings:"swsh";font-feature-settings:"swsh";color:var(--color-text-alt);margin:15vh 0 6vh;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(2rem,17vw,12.5rem);font-weight:300;line-height:.9}.section__title--medium{text-align:center;text-align-last:center;font-size:clamp(1.5rem,10vw,9rem);line-height:1.3}.section__title--medium2{text-align:center;text-align-last:center;font-size:clamp(1.5rem,9vw,9rem);line-height:1.3}.section__text{text-align:justify;text-align-last:center;justify-content:center;align-items:flex-start;max-width:580px;margin:0;display:flex}.section__text2{justify-content:center;align-items:flex-start;max-width:580px;margin:0;font-size:clamp(.5rem,1vw,2rem);display:flex}.section__text--alt{color:var(--color-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;inset:0}.columns{justify-content:var(--justify);gap:var(--gap);transform:rotate(var(--rotation));will-change:transform,opacity;align-items:center;width:100%;height:100%;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}.section__year{color:var(--color-text-alt)}.section__year2{color:var(--color-text-alt);margin:13vh 0 6vh}.project{z-index:4;background:var(--color-bg);width:100%;min-height:100vh;line-height:1;position:static;top:0}.project--intro{text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-bottom:250vh;padding:8rem 0 2rem;display:flex}.project__title{text-transform:none;-moz-font-feature-settings:"swsh";-webkit-font-feature-settings:"swsh";font-feature-settings:"swsh";color:var(--color-text-alt);margin:0 0 2vh;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(1.5rem,12vw,12rem);font-weight:300;line-height:.9}.project__title--medium{font-size:clamp(1.5rem,12vw,9rem)}.project__text{text-align:justify;text-align-last:center;max-width:800px;margin:0;font-size:clamp(.25rem,2vw,2rem);font-weight:150}.project__text--alt{color:var(--color-text-alt);margin-top:auto}.project__arrow{fill:currentColor;transform:translateY(3px)rotate(135deg)}.project--columns{z-index:-1;width:100%;height:100vh;position:fixed;inset:0}.project__header{border-bottom:1px solid #000;justify-content:space-around;align-items:center;width:100%;margin-bottom:4rem;padding:4vh 8vw;display:flex}.project__year{color:var(--color-text-alt)}.custom-project{z-index:4;background:var(--color-bg);width:100%;min-height:100vh;line-height:1;position:static;top:0}.custom-project--intro{text-align:center;cursor:default;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-bottom:250vh;padding:8rem 0 2rem;display:flex}.custom-project__title{text-transform:none;-moz-font-feature-settings:"swsh";-webkit-font-feature-settings:"swsh";font-feature-settings:"swsh";margin:10vh 0 2vh;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(1rem,8vw,6rem);font-weight:300;line-height:.9}.custom-project__title--medium{font-size:clamp(1rem,8vw,4.5rem)}.custom-project-spanner{text-align:justify;color:var(--color-text-alt);max-width:1250px;margin:auto;font-size:clamp(1rem,1.5vw,4.5rem)}.custom-project__titler{text-align:right;max-width:1250px;margin:auto;font-size:clamp(1rem,1vw,4.5rem)}.custom-project_img-align{max-width:1250px;margin:auto}.custom-project__text{text-align:justify;text-align-last:center;max-width:1250px;margin:auto;font-size:clamp(1rem,1.5vw,4.5rem);line-height:1.3}.custom-project__text2{text-align:left;text-align-last:left;max-width:1250px;margin:auto;font-size:clamp(1rem,1.75vw,4.5rem);line-height:1.3}.custom-project__textj{text-align:justify;text-align-last:justify;max-width:1250px;margin:auto;font-size:clamp(1rem,1.5vw,4.5rem);line-height:1.3}.custom-project__textl{text-align:left;text-align-last:left;max-width:1000px;margin:auto;font-size:clamp(1rem,1.3vw,4.5rem);line-height:1}.custom-project__textalt{text-align:left;text-align-last:left;color:var(--color-text-alt);justify-content:left;align-items:flex-start;max-width:1250px;margin:auto;font-size:clamp(1rem,2.3vw,4.5rem);display:flex}.custom-project__arrow{fill:currentColor;transform:translateY(3px)rotate(135deg)}.custom-project--columns{z-index:-1;width:100%;height:100vh;position:fixed;inset:0}.custom-project__header{border-bottom:1px solid #000;justify-content:space-around;align-items:center;width:100%;margin-bottom:4rem;padding:4vh 8vw;display:flex}.custom-project__year{color:var(--color-text-alt)}.centered-grid{justify-content:center;align-items:center;height:100vh;display:flex}.image-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.image-grid-item{object-fit:cover;border:5px solid #000;width:100%;height:auto}.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}.large-image{text-align:center;width:100%}.large-image .row__content-img{aspect-ratio:16/9;width:auto;max-width:100%;height:auto;display:inline-block}.large-image:nth-child(2n) .row__content-img{aspect-ratio:1;height:200px}.large-image:nth-child(4n) .row__content-img{aspect-ratio:1.5;height:200px}.large-image:last-child .row__content-img{aspect-ratio:2.75;height:200px}@media screen and (min-width:53em){.frame{grid-gap:2rem;grid-template:"title prev nav sponsor sponsor"/15% 15% 1fr 15% 15%;justify-content:center;place-items:center start;padding:2rem 3rem}.frame__prev{justify-self:start}.frame__demos{text-align:center;justify-self:center}.section,.row{font-size:1.45rem}.row__header{grid-template-rows:auto;grid-template-columns:4ch auto 1fr;display:grid}.row__header span:last-child{grid-column:revert;justify-self:end}}