@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}:root{--page-padding:1.5rem;--color-text:#000;--color-text-light:#fff;--color-bg:#fff;--color-link:#fff9;--color-link-hover:#888;--color-bg-1:#fff;--color-bg-2:#0092c3;--color-bg-3:#eaeaea;--color-bg-4:var(--color-bg-2);--color-bg-5:var(--color-bg-1);--color-bg-6:var(--color-bg-2);--color1:#f94144;--color2:#f3722c;--color3:#f8961e;--color4:#f9c74f;--color5:#90be6d;--color6:#43aa8b;--color7:#577590;--color8:#277da1;--color9:#f9844a;--color10:#f94144;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-bg);color:#000;color:var(--color-text);font-family:Lato,sans-serif;font-variation-settings:"slnt" 0,"wdth" 150,"wght" 500,"INKT" 0;margin:0;overflow-x:hidden;width:100%}.demo-2{--color-text:#000;--color-bg:#e1e1e1;--color-link:#0009;--color-link-hover:#000;--color-bg-1:#9d9d9d;--color-bg-2:#c7c7c7;--color-bg-3:var(--color-bg-1);--color-bg-4:var(--color-bg-2);--color-bg-5:var(--color-bg-1);--color-bg-6:var(--color-bg-2)}.text--white{color:#fff;color:var(--color-text-light)}.text--center{text-align:center}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:5000}.js .loading:before{background:#fff;background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:#fff9;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:#fff9;color:var(--color-link);cursor:pointer;text-decoration:none}a,a:hover{outline:none}a:hover{color:#888;color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:#0000}a:focus-visible{background:#0000;outline:2px solid red}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}.frame{grid-row-gap:1rem;grid-column-gap:2rem;display:grid;font-size:12px;justify-items:start;padding:1.5rem;padding:var(--page-padding);position:relative;text-transform:uppercase;width:100%;z-index:1000}.frame--header{background-position:120% 50%;background-repeat:no-repeat;background-size:auto 80%;grid-template-areas:"title" "prev" "back" "sub" "sponsor" "demos" "heading";height:100%;z-index:3000}.frame--footer{align-content:end;grid-template-areas:"credits" "author"}.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__prev{grid-area:prev;justify-self:start}.frame__sub{grid-area:sub}.frame__demos{align-items:center;align-self:start;background:#fff;background:var(--color-bg);border:1px solid;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;grid-area:demos;padding:1rem}.frame__demos>*{aspect-ratio:1;background:#fff;background:var(--color-bg);border:1px solid #888;border:1px solid var(--color-link-hover);border-radius:50%;display:block;display:grid;flex:none;padding-top:.2em;place-items:center;text-decoration:none;width:2rem}.frame__demos>span{filter:invert(100%)}.frame__demos:before{content:"Variations:"}.frame__heading{align-self:center;display:flex;flex-direction:column;grid-area:heading;justify-self:start;margin-top:10vh;width:min-content}.frame__heading h2{font-size:clamp(2.5rem,12vw,7rem);font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400;letter-spacing:-.105em;line-height:.9;margin:0 0 0 -.065em;text-transform:uppercase}i{font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"wght" 400,"INKT" 400}.frame__heading p{margin:0}.frame__credits{grid-area:credits}.frame__author{display:flex;gap:1.5rem;grid-area:author}.content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.5rem;padding:var(--page-padding)}.content--perspective{perspective:1000px;perspective-origin:50% 0}.text-large{font-size:clamp(1.5rem,5vw,3rem);line-height:1.2;margin:0 0 .85em}.text-medium{font-size:24px;line-height:1.5;margin:.85em 0}.text-small{font-size:18px}.content--sticky{--offset:0px;height:calc(100vh - var(--offset));position:sticky;top:0;top:var(--offset);width:100vw}.content--grid,.content--grid .content__inner{grid-column-gap:5vw;grid-row-gap:2vh;align-content:center;display:flex;justify-items:center;overflow:hidden}.content--grid:has(.content__inner){display:block;padding:0}.inner--container{align-items:stretch;display:flex;justify-content:flex-start;width:80vw}.column{align-items:flex-start;flex-direction:column}.center,.column{justify-content:center}.center{align-items:center}.inner--container.center *{text-align:center}.bouce--container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-top:30px;width:100%}.bouce--inner--container{align-items:center;display:flex;flex-basis:33.333%;flex-direction:column;gap:10px;justify-content:center}.right{width:80%}.left{width:20%}.content__inner{border-radius:0 0 2rem 2rem;height:100%;width:100%}.content--card{aspect-ratio:.8;border-radius:14px;display:flex;flex-direction:column;gap:3vh;height:80vh;margin:auto auto 5vh;max-width:500px;text-align:center;top:10vh;width:95vw}.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;height:auto;max-width:300px;width:50%}.content__img--large{height:auto;width:60%}.content__img--small{height:35%;width:auto}.spacer{margin-top:20vh}.content__title{font-size:clamp(1.7rem,5.5vw,4.5rem);font-variation-settings:"slnt" 0,"wdth" 400,"wght" 900,"INKT" 400;font-weight:400;grid-area:content-title;line-height:1;margin:0}.content__text{backface-visibility:hidden;grid-area:content-text;line-height:1.5;margin:0;max-width:500px;padding:0 1rem;text-align:center}.content__text--narrow{max-width:300px}.content--intro{background-image:url(https://plus.unsplash.com/premium_photo-1679953751182-db0479051c31?q=80&w=3732&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:100%;background-repeat:no-repeat;background-size:cover;height:80vh;position:relative;width:100%;z-index:2}.content--intro:before{background-color:#0009;content:"";height:100%;position:absolute;width:100%;z-index:-1}.content--outro{padding-bottom:30vh;padding-top:50vh}.bg-1{background:#fff;background:var(--color-bg-1)}.bg-2{background:#0092c3;background:var(--color-bg-2)}.bg-3{background:#eaeaea;background:var(--color-bg-3)}.bg-4{background:#0092c3;background:var(--color-bg-4)}.bg-5{background:#fff;background:var(--color-bg-5)}.bg-6{background:#0092c3;background:var(--color-bg-6)}.history-wrapper-content .scrollContainer{display:flex;flex-direction:row;flex-wrap:nowrap;overscroll-behavior:none}.history-wrapper-content .section{height:100vh}.history-wrapper-content .section.start-content{flex:0 0 100vw}.history-wrapper-content .caption h2{font-size:clamp(7rem,6vw,10rem);letter-spacing:-6.66667px;line-height:1;text-transform:uppercase}.history-wrapper-content .caption p{font-size:clamp(2rem,6vw,2rem);max-width:60rem}.history-wrapper-content .double-images{display:flex;position:relative;width:90rem}.history-wrapper-content .double-images.type-01{margin:10rem 0}.history-wrapper-content .double-images.type-01 figure:first-child{flex-basis:60rem;flex-shrink:0;height:80vh}.history-wrapper-content .double-images.type-01 figure:last-child{bottom:-4rem;height:50vh;max-width:45rem;position:absolute;right:-26rem;top:auto}.history-wrapper-content .double-images.type-02 figure:first-child{flex-basis:90rem;flex-shrink:0;height:100vh}.history-wrapper-content .double-images.type-02 figure:last-child{bottom:-4rem;height:50vh;max-width:45rem;position:absolute;right:-26rem;top:auto}.history-wrapper-content .triple-images{align-items:center;display:flex;justify-content:center;margin:10rem 0;max-width:110rem;position:relative}.history-wrapper-content .triple-images figure{height:50rem;width:50rem}.history-wrapper-content .triple-images figure:first-child{height:50vh;padding-bottom:100%;width:50vh}.history-wrapper-content .triple-images figure:first-child img{height:100%;width:100%}.history-wrapper-content .triple-images figure:nth-child(2){height:35vh;position:absolute;right:-20%;top:-35%;width:35vh}.history-wrapper-content .triple-images figure:nth-child(2) img{height:100%;width:100%}.history-wrapper-content .triple-images figure:nth-child(3){bottom:-35%;height:40rem;left:-20%;position:absolute;width:40vh}.history-wrapper-content .triple-images figure:nth-child(3) img{height:100%;width:100%}.history-wrapper-content figure{overflow:hidden;position:relative;width:100%}.history-wrapper-content figure.start-image{height:100%;width:40%}.history-wrapper-content figure img,.history-wrapper-content figure.start-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:140%}.history-wrapper-content .start-chapter .caption{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:10rem;padding-left:5vw;width:60%}.history-wrapper-content .start-chapter .caption h2{font-size:clamp(7rem,6vw,10rem);line-height:1;text-transform:uppercase}.history-wrapper-content .start-chapter .caption p{font-size:clamp(2rem,6vw,2rem);max-width:60rem;padding-left:10rem}.history-wrapper-content .chapters{align-items:center;display:flex;height:100%;justify-content:center;margin:auto;padding:0 10vw;position:relative}.history-wrapper-content .chapters.c01 .caption{padding-left:20rem}.history-wrapper-content .chapters.c02{padding:0 10vw}.history-wrapper-content .chapters.c02 .caption{margin-top:10rem;padding-left:20rem;width:max-content}.history-wrapper-content .item{background:#fff;display:flex;height:100%;width:100%}.columns-container{display:flex;height:100vh;width:100%}.plus--column{align-items:center;background-color:#f94144;background-color:var(--color1);display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:20px;position:relative;transition:flex .3s ease}.plus--column:nth-child(2){background-color:#f3722c;background-color:var(--color2)}.plus--column:nth-child(3){background-color:#f8961e;background-color:var(--color3)}.plus--column:nth-child(4){background-color:#f9c74f;background-color:var(--color4)}.plus--column:nth-child(5){background-color:#90be6d;background-color:var(--color5)}.plus--column:nth-child(6){background-color:#43aa8b;background-color:var(--color6)}.plus--column:nth-child(7){background-color:#577590;background-color:var(--color7)}.plus--column:nth-child(8){background-color:#277da1;background-color:var(--color8)}.plus--column:nth-child(9){background-color:#f9844a;background-color:var(--color9)}.plus--column:nth-child(10){background-color:#f94144;background-color:var(--color10)}.title{color:#fff;font-size:24px;transform:rotate(180deg);writing-mode:vertical-rl}.description{bottom:20px;color:#fff;height:0;left:20px;opacity:0;right:20px}.plus--column.active .title{transform:rotate(0deg);writing-mode:horizontal-tb}.plus--column.active .description{opacity:1}@media screen and (min-width:63em){body{--page-padding:2rem 3rem}.frame--header{align-content:space-between;grid-template-areas:"title back prev sub sponsor" "heading heading heading heading heading" "demos demos demos demos demos";grid-template-columns:auto auto auto 1fr 1fr;grid-template-rows:auto 1fr auto;height:100vh}.frame__heading{margin-top:0}.frame__heading h2{white-space:nowrap}.frame__heading p{margin:0 0 0 auto}.content--grid .content__title{align-self:end}.frame__demos{bottom:2rem;position:fixed}.frame--footer{grid-template-areas:"credits ..." "... author";grid-template-columns:1fr 1fr;grid-template-rows:auto 6rem;padding-bottom:0}.frame__author{align-self:center}.frame #cdawrap{max-width:300px;text-align:right}.frame #cdawrap,.frame__author,.frame__sub{justify-self:end}.content--grid,.content--grid .content__inner{grid-template-areas:"content-img content-title" "content-img content-text";grid-template-columns:30% 1fr;justify-items:start}.content__img--large{width:160%}.content__img--left{justify-self:end}.content__text--left{align-self:start;text-align:left}.content--card{width:50vw}.content--half{width:50%}}@media screen and (max-width:768px){.text-medium{font-size:21px}}@media screen and (max-width:680px){:root{--page-padding:20px}.columns-container{width:100%}.columns-container,.plus--column{display:flex;flex-direction:column}.plus--column{align-items:flex-start;background-color:#f94144;background-color:var(--color1);height:30px;justify-content:center;overflow:hidden;position:relative;transition:height .5s ease}.text-large{font-size:clamp(1.5rem,5vw,3rem);font-variation-settings:"slnt" 0,"wdth" 100,"wght" 500,"INKT" 100;line-height:1.2;margin:0 0 .85em}.text-medium{font-size:17px}.title{color:#fff;font-size:21px;margin:0;transform:rotate(0deg);writing-mode:horizontal-tb}.inner--container{align-items:stretch;display:flex;justify-content:flex-start;width:100%}.bouce--inner--container{align-items:center;display:flex;flex-basis:100%;flex-direction:column;gap:5px;justify-content:center}.inner--container{align-items:flex-start}.bouce--inner--container,.sm--no--flex{display:block}.inner--container p{margin:4px 0}.inner--container h4{margin:7px 0}.content--sticky{height:calc(100vh - var(--offset))}}
/*# sourceMappingURL=main.a7d786b8.css.map*/