@font-face{font-family:"NewYork";src:url(/static/media/NewYork.86e747d8.otf) format("otf");font-weight:400}@font-face{font-family:"Didot";src:url("/static/media/Didot LT Std Italic.41bc511d.otf") format("otf");font-weight:400}@font-face{font-family:"Avenir";src:url(/static/media/AvenirNextLTPro-Regular.94f2f163.otf) format("otf");font-weight:400}@font-face{font-family:"Prettywise";src:local("Prettywise") url(/static/media/Prettywise-Thin.8a0a97f1.ttf) format("ttf");font-weight:400}.img-fluid{width:100%}.none{display:none}.hidden{overflow:hidden}.transparent{opacity:0}.border{border:1px solid red}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-end{align-items:flex-end}.text-center{text-align:center}.text-end{text-align:end}.leftSide,.rightSide{grid-column:span 6}*{-ms-scroll-chaining:none;overscroll-behavior:none;font-family:"Avenir",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;margin:0;padding:0;box-sizing:border-box;list-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;font-weight:inherit;font-size:inherit;line-height:inherit;pointer-events:auto;color:inherit;font-family:inherit;cursor:pointer}h1{font-size:150px;line-height:136%}h2{font-size:65px;line-height:115%;font-style:italic}h2,h3{font-family:"Didot"}h3{font-size:50px;font-weight:900;line-height:56px}h4{font-size:22px;font-weight:700;line-height:30px}h5{font-weight:200}h5,p{font-size:20px;line-height:34px}p{font-weight:100}#App{scroll-behavior:smooth}#App .app,#Homepage{position:relative}#Homepage{background-color:#fbf4ed;scroll-behavior:smooth;width:100%}#IllustrationPage{background-color:#fbf4ed;height:300vh;overflow-x:hidden}#IllustrationPage .frameContainer{height:100vh;background-size:contain;background-repeat:no-repeat;background-position-x:22vw;background-position-y:20px;transition:opacity 1s ease-in}#IllustrationPage .frameContainer .arrow{right:60px;bottom:60px;width:50px;height:70px;padding:5px 7px;border-radius:50px;background-color:#fbf4ed}#IllustrationPage .frameContainer .arrow img{width:100%}#IllustrationPage .CTA-container{background-color:#fbf4ed;padding:50px 30px;width:33vw;top:calc(100vh - 110px);left:30px;box-shadow:0 8px 24px rgba(149,157,165,.2)}#IllustrationPage .CTA-container h2{font-size:2.5rem;margin-bottom:20px;font-family:"NewYork"}#IllustrationPage .CTA-container p{font-family:"Didot";font-size:1rem;line-height:1.7rem;margin-bottom:20px}#IllustrationPage .CTA-container p:first-of-type{font-size:1.2rem}#IllustrationPage .CTA-container #Button{margin-top:5px;padding:20px}#IllustrationPage .mainImg{width:37vw;height:95vh;top:100vh;left:40vw;overflow-y:hidden}#IllustrationPage .secondaryImg{width:25vw;top:100vh;left:70vw}#IllustrationPage .secondaryImg .img{box-shadow:0 8px 24px rgba(149,157,165,.2)}@media screen and (max-width:992px){#IllustrationPage .frameContainer{background-position-x:5vw;background-position-y:bottom}#IllustrationPage .CTA-container{width:350px}#IllustrationPage .CTA-container p{font-size:.8rem;line-height:1.4rem}}@media screen and (max-width:882px){#IllustrationPage .mainImg{left:45vw}}@media screen and (max-width:800px){#IllustrationPage .frameContainer{background-position-y:center}}@media screen and (max-width:700px){#IllustrationPage .frameContainer{background-position-x:0}}@media screen and (max-width:620px){#IllustrationPage{height:100vh;overflow:hidden}#IllustrationPage .frameContainer{background-position-y:0;background-position-x:center}#IllustrationPage .mainImg,#IllustrationPage .secondaryImg{display:none}#IllustrationPage .CTA-container{top:98vh;left:0;height:50vh;width:100%;padding:30px;justify-content:space-around}#IllustrationPage .CTA-container h2{font-size:2rem}#IllustrationPage .CTA-container p{font-size:.8rem;line-height:1.4rem}#IllustrationPage .CTA-container p:first-of-type{font-size:1rem}#IllustrationPage .CTA-container #Button{padding:10px}}@media screen and (max-width:600px){#IllustrationPage .frameContainer .arrow{display:none}}@media screen and (max-width:500px){#IllustrationPage .frameContainer{background-size:110%}}@media screen and (max-width:465px){#IllustrationPage .frameContainer{background-size:120%}#IllustrationPage .CTA-container{top:93vh}}@media screen and (max-width:370px){#IllustrationPage{height:100vh;overflow:hidden}#IllustrationPage .frameContainer{background-size:150%}#IllustrationPage .CTA-container{top:97vh;left:0;height:50vh;width:100%;padding:30px;justify-content:space-around}#IllustrationPage .CTA-container h2{font-size:2rem}#IllustrationPage .CTA-container p{font-size:.8rem;line-height:1.4rem}#IllustrationPage .CTA-container p:first-of-type{font-size:1rem}#IllustrationPage .CTA-container #Button{padding:10px}}#IllustrationsPage{height:100vh;background-color:#fbf4ed}#IllustrationsPage .text{left:50vw;top:50vh;transform:translate(-50%,-50%);pointer-events:none}#IllustrationsPage .text h1{font-size:5rem;font-family:"NewYork","Prettywise","Didot"}#IllustrationsPage .text p{font-size:.8rem;font-family:"Didot"}#IllustrationsPage canvas{height:100%}#Test{position:fixed;width:100vw;height:100vh;background-color:#fbf4ed}#Test h1{line-height:50%;margin-bottom:1rem}#Test h1 span{font-family:"NewYork","Didot";font-size:6rem;display:inline-block}#Test p{text-align:end}#Test p span{display:inline-block}#Test .illustrationsDisplay{top:22vh;left:50px;padding-top:20px;width:auto}@media screen and (max-width:650px){#Test h1{margin-bottom:.5rem}#Test h1 span{font-size:5rem}}@media screen and (max-width:570px){#Test h1{margin-top:1rem;margin-bottom:.1rem}#Test h1 span{font-size:4rem}#Test p span{font-size:1.2rem}}#Test2{width:100vw;background-color:#fbf4ed}#Test2,#Test2 .Herobanner,#Test2 .section{height:100vh}#Test2 .scrollArea{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:auto}#HeroBanner{height:100vh;width:100%;padding-bottom:30px}#HeroBanner h1{color:#212529;font-size:10rem;letter-spacing:-.5rem;line-height:4rem;padding-top:4rem;width:100%;font-family:"Prettywise","Avenir"}#HeroBanner h1 .letter{font-family:"NewYork","Prettywise","Didot";display:inline-block}#HeroBanner h1 .letter:last-child,#HeroBanner h1 .letter:nth-last-child(2){font-family:"Didot";font-size:3rem;font-style:italic;padding-left:.5rem}#HeroBanner .scrollIndicator{bottom:20px;right:40px;display:inline-block;width:100px;display:flex;justify-content:center}#HeroBanner .scrollIndicator img{display:inline-block;width:99%;transform:translateY(100%)}#HeroBanner .subPicture{top:100vh;width:100%;height:100vh;outline:none}#HeroBanner .overlay{width:100%;height:100vh;top:0;left:0;z-index:1;position:absolute}@media screen and (min-width:1400px){#HeroBanner h1{font-size:13vw;line-height:8.5vw}}@media screen and (min-width:1900px){#HeroBanner h1{font-size:13vw;line-height:6vw}}@media screen and (max-width:992px){#HeroBanner h1{padding-top:4.5rem;font-size:8.5rem}}@media screen and (max-width:845px){#HeroBanner h1{padding-top:5rem;font-size:7.5rem}}@media screen and (max-width:700px){#HeroBanner h1{padding-top:5.5rem;font-size:6.5rem}}@media screen and (max-width:576px){#HeroBanner h1{padding-top:6rem;font-size:5.5rem}}@media screen and (max-width:415px){#HeroBanner h1{line-height:7rem;font-size:4rem;letter-spacing:-.25rem}#HeroBanner h1 .letter:last-child,#HeroBanner h1 .letter:nth-last-child(2){font-family:"Didot";font-size:2rem;font-style:italic;padding-left:-.15}#HeroBanner .scrollIndicator{bottom:50px;width:50px}}@media screen and (max-width:376px){#HeroBanner h1{line-height:5rem;font-size:3.5rem}}@media screen and (max-width:281px){#HeroBanner h1{line-height:4rem;font-size:3rem}}#Presentation{padding:100px;height:100vh}#Presentation article{height:80%}#Presentation article h2{font-size:6rem;font-family:"Avenir";line-height:7rem}#Presentation article h2 span{font-family:"Didot";font-size:7rem}#Presentation article p{width:40vw;font-family:"Didot";font-size:1.5rem;font-style:italic;line-height:2.5rem}#Presentation a{font-family:"Didot";font-size:5rem;font-style:italic;position:relative;transition:all .5s ease-out}#Presentation a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#212529;transition:all .5s ease-out}#Presentation a:hover:after{width:0;left:100%}@media screen and (min-width:1081px){#Presentation{max-width:1400px;margin:0 auto}#Presentation p{max-width:600px}}@media screen and (max-width:1080px){#Presentation{padding:100px}#Presentation article h2{font-size:5rem;line-height:5rem}#Presentation article h2 span{font-size:5.2rem}#Presentation article p{font-size:1.5rem;line-height:1.9rem}#Presentation a{font-size:4rem}}@media screen and (max-width:992px){#Presentation{padding:50px}}@media screen and (max-width:845px){#Presentation article h2{font-size:3rem;line-height:4rem}#Presentation article h2 span{font-size:3.2rem}#Presentation article p{font-size:1rem;line-height:1.5rem}#Presentation a{font-size:2.8rem}}@media screen and (max-width:700px){#Presentation{padding:50px}#Presentation article{display:flex;flex-direction:column;justify-content:space-around;height:80%}#Presentation article h2{font-size:5rem;line-height:5rem;width:100%}#Presentation article h2 span{font-size:5.2rem}#Presentation article p{width:auto;font-size:1.1rem;line-height:1.7rem}#Presentation a{margin-top:20px;font-size:2.5rem}}@media screen and (max-width:535px){#Presentation article h2{font-size:4rem;line-height:4.5rem}#Presentation article h2 span{font-size:4.1rem}#Presentation a{font-size:2.4rem}}@media screen and (max-width:370px){#Presentation article h2{font-size:2rem;line-height:2rem}#Presentation article h2 span{font-size:2.2rem}#Presentation article p{font-size:.9rem;line-height:1.3rem}#Presentation a{font-size:2rem}}#Model3D{width:100vw;height:100vh}#Model3D canvas{height:100%}#Model3D .testLink{top:500px;left:500px}#Navbar{padding:30px 50px;height:60px;z-index:2;width:100vw;position:fixed;top:0;pointer-events:all}#Navbar .logoSerotoninene{width:32px;cursor:pointer}#Navbar .transitionFrame{width:100vw;height:100vh;top:0;left:100vw;position:fixed}#Navbar .frameOne{background-color:#987d7b}#Navbar .frameTwo{background-color:#d0b7ad}.ShowcaseOneIllu{height:100vh;padding:0 100px}.ShowcaseOneIllu .illustration{width:33vw}.ShowcaseOneIllu .illustrationPresentation{width:40vw;height:70vh;padding:20px;font-family:"Didot"}.ShowcaseOneIllu h3,.ShowcaseOneIllu p{font-family:"Didot"}.ShowcaseOneIllu p{margin:0 5vw}.ShowcaseOneIllu .price{font-size:2rem}.ShowcaseOneIllu .price span{font-size:2.5rem;font-family:"NewYork"}.ShowcaseOneIllu:nth-child(2n){flex-direction:row-reverse}@media screen and (min-width:1081px){.ShowcaseOneIllu{max-width:1500px;margin:0 auto}.ShowcaseOneIllu .illustrationPresentation{width:33vw}}@media screen and (min-width:1900px){.ShowcaseOneIllu{max-width:1700px;margin:0 auto}.ShowcaseOneIllu .illustrationPresentation{width:33vw}}@media screen and (max-width:992px){.ShowcaseOneIllu{padding:0 70px}.ShowcaseOneIllu .price{font-size:1.8rem}.ShowcaseOneIllu .price span{font-size:2rem;font-family:"NewYork"}}@media screen and (max-width:870px){.ShowcaseOneIllu .illustrationPresentation{padding:40px 20px}.ShowcaseOneIllu .illustrationPresentation h3{font-size:2.3rem}.ShowcaseOneIllu .illustrationPresentation p{font-size:1.1rem;line-height:2rem}.ShowcaseOneIllu .illustrationPresentation .price{font-size:1.6rem}.ShowcaseOneIllu .illustrationPresentation .price span{font-size:1.8rem}.ShowcaseOneIllu .illustrationPresentation #Button{padding:23px 65px}}@media screen and (max-width:825px){.ShowcaseOneIllu .illustrationPresentation #Button{padding:23px 50px}.ShowcaseOneIllu .illustrationPresentation #Button p{font-size:1rem;line-height:1.7rem}}@media screen and (max-width:700px){.ShowcaseOneIllu{padding:0 50px}.ShowcaseOneIllu .illustrationPresentation{padding:70px 20px}.ShowcaseOneIllu .illustrationPresentation h3{font-size:2rem}.ShowcaseOneIllu .illustrationPresentation p{font-size:.8rem;line-height:1.3rem}.ShowcaseOneIllu .illustrationPresentation .price{font-size:1.4rem}.ShowcaseOneIllu .illustrationPresentation .price span{font-size:1.6rem}.ShowcaseOneIllu .illustrationPresentation #Button{padding:23px 15px}.ShowcaseOneIllu .illustration{width:40vw}}@media screen and (max-width:570px){.ShowcaseOneIllu,.ShowcaseOneIllu:nth-child(2n){flex-direction:column;height:auto}.ShowcaseOneIllu .illustration,.ShowcaseOneIllu:nth-child(2n) .illustration{width:80vw}.ShowcaseOneIllu .illustrationPresentation,.ShowcaseOneIllu:nth-child(2n) .illustrationPresentation{margin:30px 0;width:80vw;height:50vh;padding:20px}.ShowcaseOneIllu .illustrationPresentation p,.ShowcaseOneIllu:nth-child(2n) .illustrationPresentation p{font-size:1rem;line-height:1.5rem}}@media screen and (max-width:370px){.ShowcaseOneIllu{padding:20px 0}.ShowcaseOneIllu .illustrationPresentation h3{font-size:1.7rem}.ShowcaseOneIllu .illustrationPresentation p{font-size:.8rem;line-height:1.3rem}}#Button{display:inline-flex;background:#987d7b;padding:30px 65px;font-family:"Didot";font-weight:700;font-size:1.3rem;color:#fbf4ed;cursor:pointer;overflow:hidden;isolation:isolate}#Button:after{content:"";position:absolute;top:0;right:100%;width:100vw;height:100%;background:#212529;mix-blend-mode:difference;opacity:.33;transition:right .5s ease-out}#Button:hover:after{right:0}#Button{scale:.8}#Footer{padding:30px 0 60px}#Footer *{color:#987d7b;font-family:"Didot";font-style:italic;text-decoration:underline;font-weight:100}#Footer ul{margin-top:30px;width:30vw}#Footer ul li{font-size:1.4rem}@media screen and (max-width:825px){#Footer{padding:0 0 60px}#Footer ul{width:40vw}}@media screen and (max-width:700px){#Footer ul{width:50vw}}@media screen and (max-width:500px){#Footer h3{font-size:2.5rem}#Footer ul{width:60vw}}@media screen and (max-width:370px){#Footer ul{width:80vw}}#IllustrationDisplay .illustration{cursor:pointer;width:33vw;height:65vh;overflow:hidden;margin-right:20px}#IllustrationDisplay .illustration img{transform:scale(1.2)}#IllustrationDisplay .illustration .hoverIndications{width:100%;height:100%;opacity:.5;top:0;font-size:2.5rem;font-weight:900;color:#fbf4ed}#IllustrationDisplay .illustration .blur{filter:blur(2px)}#SideBarCart{background-color:salmon}.Circle{border-radius:100%;height:5vh;width:5vh;background-color:#eca376}#Burger{cursor:pointer;height:17px;padding:4px 0;z-index:2}#Burger .line{width:25px;height:1px;background-color:#1a2b58;border-radius:20px;transition:transform .2s ease-in}#Burger:hover .line{background-color:#c97062}#Burger .closingIcon.line:first-of-type{transform:rotate3d(0,1,1,45deg) translate3d(0,5px,0)}#Burger .closingIcon.line:nth-of-type(2){transform:rotate3d(1,1,0,90deg)}#Burger .closingIcon.line:last-of-type{transform:rotate3d(0,1,1,-45deg) translate3d(0,-4px,0)}#Menu .menu{background-color:#d0b7ad;top:0;left:100vw;width:100%;height:100vh;cursor:auto;padding:40vh 0 5vh 60px}#Menu .menu .link{color:#fbf4ed;cursor:pointer}#Menu .menu .link:hover{color:#212529}#Menu .menu span{display:inline-block;font-family:"NewYork","Didot";font-size:5rem;transform:translateY(100%)}#Menu .menu .pictureContainer{width:30vw;right:60px;top:60px;z-index:-1}#Menu .menu .pictureContainer img{transform:translateY(100%)}#Menu .firstSlider{background-color:#987d7b;top:0;left:100vw;width:100%;height:100vh}@media screen and (max-width:870px){#Menu .menu .pictureContainer{width:80vw}}@media screen and (max-width:700px){#Menu .menu{padding-top:50vh}#Menu .menu .link span{font-size:4rem}}@media screen and (max-width:500px){#Menu .menu .link span{font-size:3.5rem}}@media screen and (max-width:400px){#Menu .menu{padding-top:60vh}#Menu .menu .link span{font-size:3rem}}#Cursor{position:fixed;width:40px;height:40px;z-index:10;border:1px solid #987d7b;border-radius:50%;pointer-events:none;left:0;top:0;display:flex;justify-content:center;align-items:center;transition-timing-function:ease-out;will-change:width,height,transform,border;transition-property:border-color,transform}.react-dat-gui{width:350px;z-index:500;pointer-events:all}.react-dat-gui *{color:#fff}
/*# sourceMappingURL=main.36137c67.chunk.css.map */