@font-face{font-family:"Monument Extended";src:url(/static/media/MonumentExtended-Ultrabold.9db16afe.otf) format("otf"),}@font-face{font-family:"Didot";src:url("/static/media/Didot LT Std Bold.63f0d232.otf") format("otf"),}body{margin:0;padding:0;box-sizing:border-box;font-family:"Helvetica Neue",sans-serif;background-color:#f9f9f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-ms-scroll-chaining:none;overscroll-behavior:none;--cursor-stroke:#fff;--cursor-fill:none;--cursor-stroke-width:1px}* a{text-decoration:none}* a,* a:focus{color:inherit}@media (any-pointer:fine){.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none;opacity:0}.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width)}}*{padding:0;margin:0;box-sizing:border-box}.text-center{text-align:center}.flex{display:-webkit-flex;display:flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.border{border:1px solid red}.container{width:90vw;margin:0 auto}.page{width:100%;height:100vh}.resp{width:100%;object-fit:coverx}.row{display:grid;grid-template-columns:repeat(12,1fr)}.grid-space{grid-column:span 3}.overflowHidden{overflow:hidden}.hidden{display:none}.hidingSpan{overflow:hidden;display:inline-block}.pageTransition{height:130vh;width:100vw;background:#b4acac}.Homepage{background-color:#f9f9f9;overflow-x:hidden}.Navbar{width:100vw;position:absolute;z-index:1}.Navbar>div{padding:25px 0;font-family:"Didot";-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:90%;margin:0 auto}.Navbar .Navbar-Logo{font-family:"Helvetica Neue";font-weight:700;font-size:1.7rem}.Navbar .NavLink{margin-right:20px;text-decoration:none;font-size:1.2rem}.Navbar .NavLink:before{content:"";height:.07rem;width:0;background-color:#414141;position:absolute;top:2.5rem;transition:.2s ease-in}.Navbar .NavLink:hover{color:#414141;font-family:"Helvetica Neue";font-weight:700}@media screen and (min-width:1920px){.Navbar .NavLink{font-size:2rem}}.HeroBanner{height:calc(97vh - 65px);width:100%;color:#414141;-webkit-align-items:flex-end;align-items:flex-end;margin-top:88px}.HeroBanner #title{color:#292d26;margin-left:50px;font-family:"Didot";font-size:5.3vw;overflow:hidden;z-index:1;line-height:10vw}.HeroBanner-story{font-size:1.5vw;-webkit-align-self:flex-end;align-self:flex-end;font-weight:400;color:#414141;font-family:Helvetica,sans-serif;padding-right:50px}.HeroBanner-story:before{font-size:2.25vw;font-weight:700;color:#fff;content:"A short story made by Etienne Glénat";position:absolute;-webkit-clip-path:polygon(0 0,14vw 0,14vw 100%,0 100%);clip-path:polygon(0 0,14vw 0,14vw 100%,0 100%);z-index:3}.HeroBanner .madeBy{left:-70px;bottom:100px;-webkit-transform:rotate(270deg)!important;transform:rotate(270deg)!important}.HeroBanner-midpage{width:100%;height:70vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.HeroBanner-img{width:58%;z-index:0;bottom:-10%;left:10%;object-fit:cover}@media screen and (max-width:411px){.HeroBanner .HeroBanner-midpage{-webkit-justify-content:flex-start;justify-content:flex-start}.HeroBanner h1{font-size:13vw;line-height:3rem}.HeroBanner h2{font-size:3vw;line-height:3rem}.HeroBanner .HeroBanner-story{margin-top:50px}.HeroBanner .HeroBanner-story:before{display:none}.HeroBanner .HeroBanner-img{bottom:72px;width:77%!important}.HeroBanner .madeBy{left:10px;bottom:30px;-webkit-transform:rotate(0deg)!important;transform:rotate(0deg)!important}}@media screen and (max-width:768px){.HeroBanner .HeroBanner-midpage{-webkit-justify-content:flex-start;justify-content:flex-start}.HeroBanner h1{font-size:14vw;line-height:7rem}.HeroBanner .HeroBanner-story{margin-top:50px;font-size:2vw}.HeroBanner .HeroBanner-story:before{font-size:3vw;-webkit-clip-path:polygon(0 0,46.9vw 0,46.9vw 100%,0 100%);clip-path:polygon(0 0,46.9vw 0,46.9vw 100%,0 100%)}.HeroBanner .HeroBanner-img{bottom:72px;width:77%!important}}@media screen and (min-width:1920px){.HeroBanner .HeroBanner-story:before{-webkit-clip-path:polygon(0 0,12.6vw 0,12.6vw 100%,0 100%);clip-path:polygon(0 0,12.6vw 0,12.6vw 100%,0 100%)}}.grid__item,.grid__item-img{position:relative}.grid__item-img{width:100%;height:100%;background-size:contain;background-position:10% 20%}.RealGrid .grid__item{overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;will-change:transform;margin:0}.RealGrid .grid__item-img{-webkit-flex:none;flex:none;width:calc(100% + 100px);height:0;will-change:transform;background-position:cover;background-size:80%}.RealGrid .pos-1{grid-area:25/1/47/7}.RealGrid .pos-2{grid-area:1/9/35/16}.RealGrid .pos-3{grid-area:10/17/50/24}.RealGrid .pos-4{grid-area:41/23/50/40}.RealGrid .pos-5{grid-area:4/25/30/32}.RealGrid .pos-6{grid-area:3/33/40/40}.RealGrid .pos-7{grid-area:28/41/50/46}.RealGrid .pos-8{grid-area:7/45/47/50}.Description{height:110vh;width:100vw;overflow:hidden;position:relative}.Description .grid{position:absolute;width:110%;height:110%;top:-5%;left:-5%;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%)}.Description section{grid-area:20/10/40/40;color:#292d26;z-index:1}.Description section h2{font-size:7vw;font-weight:700}.Description section p{font-size:1.5rem;width:60%;line-height:45px}.Homepage .Description .grid__item{background-size:0;width:0;justify-self:center}.Description .grid__item.pos-1{grid-area:10/28/45/50}.Description .grid__item.pos-2{grid-area:13/1/36/7}.Description .grid__item.pos-3{grid-area:37/16/46/26}@media screen and (max-width:768px){.Description section{grid-area:15/10/40/40}}@media screen and (max-width:411px){.Description section{grid-area:15/10/40/50}.Description section h2{font-size:10vw;margin-bottom:10px}.Description section p{font-size:5vw;width:80%}}.RealGrid{height:100vh;width:100vw;background-color:#d2c2ba;overflow:hidden;position:relative}.RealGrid .grid{position:absolute;width:110%;height:110%;top:-5%;left:-5%;display:grid;grid-template-columns:repeat(50,2%);grid-template-rows:repeat(50,2%)}.RealGrid h1{grid-area:30/15/47/50;z-index:2;font-size:11vw;color:#f9f9f9}.RealGrid .hidingSpan{overflow:hidden;display:inline-block}.RealGrid .wordTitle{display:inline-block;cursor:pointer}.BackgroundExit{background-color:#c1b4af;width:100vw;height:100vh}@media screen and (max-width:411px){.RealGrid h1{font-size:15vw}}.IntroductionHero{width:90%;height:calc(93vh - 84px);margin:0 auto;-webkit-align-items:flex-end;align-items:flex-end}.IntroductionHero-Main{grid-column:span 8;font-size:1.8rem;line-height:4rem;letter-spacing:.5rem;color:#313131;overflow:hidden}.IntroductionHero-Main span{display:inline-block;z-index:0}.IntroductionHero-Main .word{display:inline-block}.IntroductionHero-Secondary{grid-column:span 4;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between;color:#9aa0a1;text-align:end}.IntroductionHero-Secondary .Collection{padding-top:3rem}.IntroductionHero-Secondary h3{margin:20px 0;overflow:hidden}.IntroductionHero-Secondary h4,.IntroductionHero-Secondary h5{margin:20px 0}.IntroductionHero-Secondary .PageNumber{font-size:1.5rem;font-family:"Avenir"}.grid{grid-column:span 2;grid-auto-flow:column}.vision{grid-column:1;width:200%;height:50px;margin:10px 0}.vision .PhotoGrid-Legende{display:none}.PhotoGridComponent .Photo{width:50%;height:200px;object-fit:cover;background-size:cover;background-position:50%;transition:all .2s ease-in}.PhotoGridComponent.grid .Photo:hover{width:100%}.PhotoGridComponent.vision .Photo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.PhotoGridComponent .Photo:hover .PhotoGrid-Legende{width:0}.PhotoGrid-Legende{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;padding-left:1rem}.PhotoGrid-Legende h4{color:#313131;font-size:.7rem}.PhotoGrid-Legende p{color:#9aa0a1;font-size:.6rem;margin-top:.6rem}.PhotoKingSize{width:50vw;position:absolute;right:-70vw}.PhotoGrid{width:90%;height:100vh;margin:30px auto;transition:all .2s ease-in}.MainPhoto{width:80%;height:100vh;position:absolute;top:0;right:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:opacity .3s ease-in}.MainPhoto .Photo-Container{width:100%;height:100%;margin:auto;background-size:contain;background-repeat:no-repeat;background-position:50%}.Grid{overflow-x:hidden}.Visio{width:100vw;height:100vh;left:100vw;background-color:#a5b3c5;z-index:1}.Visio .NavGallery{width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#fff;font-weight:900;padding:0 20px}.Visio .NavGallery .backButton{-webkit-transform:rotate(0);transform:rotate(0)}.NavGallery .navButton:hover{color:#292d26;cursor:pointer}.Visio section{width:100%;height:100%;display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(20,5%)}.Visio .test{grid-area:3/9/19/20;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end}.Visio .main{width:80%;height:100%}.Visio .main .grid__item-img{background-size:cover}.Visio .Legende{width:20%;color:#fff;font-family:"Helvetica Neue"}.Visio .Legende h2{font-weight:300;font-size:1.5rem;margin-bottom:1rem}.Visio .Legende p{font-weight:300;font-size:1rem}.Visio .secondary{grid-area:13/2/19/5}.Visio .Legende span{display:inline-block}.Visio .clickable{z-index:10}@media screen and (max-width:768px){.Visio .test{grid-area:2/1/14/18;-webkit-flex-direction:column;flex-direction:column}.Visio .test .Legende{display:-webkit-flex;display:flex;width:70%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;-webkit-order:2;order:2;margin:5px 0}.Visio .secondary{grid-area:15/7/20/15}}.Gallery{width:100vw;margin:0;padding:0}.Gallery,.Gallery .gridContainer{height:100vh;position:relative;background-color:#c1b4af}.Gallery .gridContainer{width:700vw}.Gallery .grid{position:absolute;background-color:#c1b4af;width:100%;height:110%;top:-5%;left:-5%;display:grid;grid-template-columns:repeat(100,1%);grid-template-rows:repeat(50,2%);z-index:-1}.Gallery .navGallery{font-weight:900;font-style:italic;color:ivory;z-index:2}.Gallery .backButton{bottom:10%;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.Gallery .mode1{top:3%;left:51px}.Gallery .mode2{top:10%;left:51px}.Gallery .navGallery:hover{color:#292d26;cursor:pointer}.Gallery .grid__item{cursor:pointer}.Gallery .grid__item-img{will-change:transform}.Gallery .pos-1{grid-area:20/5/47/11}.Gallery .pos-2{grid-area:4/12/27/15}.Gallery .pos-3{grid-area:30/14/50/20}.Gallery .pos-4{grid-area:7/17/43/24;z-index:-1}.Gallery .pos-5{grid-area:11/25/50/35}.Gallery .pos-6{grid-area:1/36/24/41}.Gallery .pos-7{grid-area:26/37/50/40}.Gallery .pos-8{grid-area:7/42/34/50}.Gallery .pos-9{grid-area:36/41/50/48}.Gallery .pos-10{grid-area:32/51/50/57}.Gallery .pos-11{grid-area:4/53/35/60}.Gallery .pos-12{grid-area:26/59/48/65}.Gallery .pos-13{grid-area:1/61/24/71}.Gallery .pos-14{grid-area:25/66/47/72}.Gallery .pos-15{grid-area:1/73/50/76}.Gallery .pos-16{grid-area:30/77/49/85}.Gallery .pos-17{grid-area:8/84/38/90}.Gallery .pos-18{grid-area:5/78/27/83}.Gallery .pos-19{grid-area:7/91/50/94}.Gallery .pos-20{grid-area:1/95/24/100}.Gallery .pos-21{grid-area:25/96/48/101}.Gallery .pos-22{grid-area:36/41/50/48}.Gallery .pos-23,.Gallery .pos-24,.Gallery .pos-25,.Gallery .pos-26,.Gallery .pos-27{display:none}.About{width:100vw;height:100vh;background-color:#c1b4af;-webkit-align-items:flex-end;align-items:flex-end;overflow:hidden}.About .grid{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(20,5%);height:calc(100% - 84px);width:100%}.About .grid__item{grid-area:1/1/21/11;overflow:hidden}.About .grid__item-img{background-size:200%}.About .Description{grid-area:5/12/20/20;color:#fff}.About .Description .word{display:inline-block}.About .Description h1{font-weight:700;font-size:5.6vw}.About .Description h2{font-size:3vw;font-style:italic;margin:50px 0 40px}.About .Description p{width:40vw;line-height:2.5vw;font-size:1.8vw;font-weight:300}.About .Insta{color:#fff;font-size:1rem;font-weight:300;right:-25px;bottom:60px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@media screen and (max-width:768px){.About .grid__item{grid-area:1/2/14/21}.About .Description{grid-area:15/2/21/21}.About .Description h1{font-size:7vw;margin:0}.About .Description h2{margin:0}.About .Description p{width:80%;line-height:3vw}}@media screen and (max-width:411px){.About .Description h2{font-size:1.75rem}.About .Description p{font-size:1rem;line-height:1rem}}@media screen and (max-width:375px){.About .Description p{font-size:.9rem;line-height:.9rem}}
/*# sourceMappingURL=main.53ca2e61.chunk.css.map */