:root{--col-width:calc(100vw / 24);--row-height:calc(100vw / 24 * (128 / 72))}body{background:var(--Blanke-White-Living);color:var(--text-color)}.fadeOut{animation:.6s cubic-bezier(.22,1,.36,1) forwards fadeOut}@keyframes fadeOut{50%{translate:0 10vh}to{opacity:0;translate:0 10vh}}.fadeIn{animation:.6s cubic-bezier(.22,1,.36,1) forwards fadeOut}@keyframes fadeIn{50%{opacity:0;translate:0 10vh}to{translate:0 10vh}}.grid__card canvas{opacity:1;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.grid__card.is-absent canvas{pointer-events:none;transform:translateY(20px)scale(.95);opacity:0!important}.grid__card.is-absent .card__look-closer,.grid__card.is-absent .card__learn-more{pointer-events:none}.grid__card.is-absent .card__look-closer p,.grid__card.is-absent .card__learn-more{color:#0000;text-decoration:none;position:relative}.intro{z-index:100;background:var(--Blanke-White-Living);grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(24,1fr);gap:1px;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.intro .intro__button{color:var(--Rodje-Red-100-Living)}.intro .intro__forcing{z-index:1;background:var(--Blanke-White-Living);flex-direction:column;justify-content:center;align-items:center;gap:5vh;width:100vw;height:100vh;display:flex;position:absolute}.intro .intro__forcing img{max-width:25vw}.intro .canvas-intro-container{z-index:0;width:100vw;height:100vh;position:absolute}.intro .canvas-intro-container #canvasIntro{object-fit:cover;object-position:center;width:100%;height:100%}main{min-height:100vh;clip-path:rect(0 100% 100% 0);position:relative}.content-grid-gutter--container{z-index:60;background:var(--Noer-Dark-20-Living);justify-content:space-between;width:100vw;display:flex}.gutter--right{width:var(--col-width);box-sizing:border-box;background:var(--Blanke-White-Living);flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;height:100vh;padding:2vh 0 6vh;display:flex;position:sticky;top:0}.gutter__time-container{z-index:2;flex-direction:column;align-items:center;gap:1.5vh;display:flex}.gutter__clock{width:calc(var(--col-width) * .55);height:calc(var(--col-width) * .55);border:1px solid var(--Rodje-Red-100-Living);background:conic-gradient(var(--Rodje-Red-100-Living) 0deg 60deg, transparent 60deg 360deg);border-radius:50%}.gutter__time{text-align:center;max-width:4ch;color:var(--text-color)}.gutter__text-container{writing-mode:vertical-rl;text-orientation:mixed;color:var(--text-color);z-index:2;align-items:center;gap:5vh;display:flex}.gutter__text-container span:nth-child(3){color:var(--Rodje-Red-100-Living)}.gutter__scroll-container{z-index:2;flex-direction:column;align-items:center;gap:1.5vh;width:100%;display:flex;position:relative}.gutter__dots-container{flex-direction:column;align-items:center;gap:1vh;margin:1vh 0;display:flex}.gutter__dot{background-color:var(--text-color);pointer-events:all;border-radius:50%;width:2px;height:2px;transition:height .4s cubic-bezier(.22,1,.36,1);position:relative}.gutter__dot:after{content:"";position:absolute;inset:-10px}.gutter__dot.active{background-color:var(--text-color);border-radius:0;height:4vh}.gutter__scroll-arrow{width:calc(var(--col-width) * .35);height:calc(var(--col-width) * .35);color:var(--text-color);pointer-events:all;justify-content:center;align-items:center;transition:opacity .3s;display:flex}.gutter__scroll-arrow svg{width:100%;height:100%}.gutter__scroll-arrow.disable{opacity:.2;pointer-events:none}.is-animating{transition:all 1s cubic-bezier(.22,1,.36,1)}.transition-canvas{z-index:90;pointer-events:none;opacity:0;position:fixed}.transition-canvas canvas{pointer-events:all;width:100%;height:100%}.content-grid{grid-template-columns:repeat(23,1fr);grid-auto-rows:var(--row-height);width:calc(100vw - var(--col-width) - 1px);background:var(--Noer-Dark-20-Living);gap:1px;min-width:0;min-height:100vh;margin-left:0;display:grid;position:relative}.grid__section{grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/-1;display:grid}.grid__section .grid__fill{background:var(--Blanke-White-Living)}.grid__section .grid__title{background:var(--Blanke-White-Living);color:var(--Rodje-Red-100-Living);display:flex}.grid__section .grid__title h2{align-self:last baseline;transform:translateY(.17em)}.grid__section .grid__level-infos{background:var(--Blanke-White-Living);color:var(--Rodje-Red-100-Living);justify-content:space-around;align-items:center;display:flex}.grid__section .grid__level-description{background:var(--Blanke-White-Living);color:var(--Rodje-Red-100-Living);justify-content:center;align-items:center;padding:10%;display:flex}.grid__card{grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid}.grid__card .card__image{background:var(--Blanke-White-Living);justify-content:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.grid__card .card__image .card__parallax-mask{z-index:0;position:absolute;inset:0;overflow:hidden}.grid__card .card__image .card__parallax-mask img.parallax-img{object-fit:cover;will-change:transform;width:110%;height:110%;position:absolute;top:-5%;left:-5%}.grid__card .card__image canvas{z-index:10;pointer-events:all;position:absolute}.grid__card .card__infos{background:var(--Noer-Dark-10-Living);flex-direction:column;justify-content:space-between;padding:5%;display:flex}.grid__card .card__infos .card__section{justify-content:space-between;align-items:baseline;display:flex}.grid__card .card__infos .card__section h5{color:var(--Rodje-Red-100-Living)}.grid__card .card__infos .card__learn-more{color:var(--Rodje-Red-100-Living);text-decoration:underline}.grid__card .card__look-closer{background:var(--Noer-Dark-10-Living);color:var(--Rodje-Red-100-Living);justify-content:center;align-items:center;display:flex}.grid__section:first-of-type{grid-row:1/10}.grid__section:first-of-type .grid__fill:first-child{grid-area:3/1/4/16}.grid__section:first-of-type .grid__fill:nth-child(2){grid-area:4/1/-1/2}.grid__section:first-of-type .grid__fill:nth-child(3){grid-area:4/11/6/16}.grid__section:first-of-type .grid__fill:nth-child(4){grid-area:4/16/auto/-1}.grid__section:first-of-type .grid__fill:nth-child(5){grid-area:5/16/auto/-1}.grid__section:first-of-type .grid__fill:nth-child(6){grid-area:-1/2/-5/11}.grid__section:first-of-type .grid__title{grid-area:1/1/3/-1}.grid__section:first-of-type .grid__title h2{translate:calc(var(--col-width)) 0}.grid__section:first-of-type .grid__level-infos{grid-area:3/16/4/-1}.grid__section:first-of-type .grid__level-description{grid-area:4/2/6/11}.grid__section:first-of-type .grid__card--1{grid-area:6/11/-1/-1}.grid__section:first-of-type .grid__card--1 .card__image{background-color:var(--Blanke-White-Living);grid-area:1/1/-1/6}.grid__section:first-of-type .grid__card--1 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);width:calc(13 * var(--col-width) + 12px);height:calc(8 * var(--row-height) + 7px);pointer-events:none;left:0}.grid__section:first-of-type .grid__card--1 .card__infos{grid-area:1/6/-1/-1}.grid__section:nth-of-type(2){grid-row:10/20}.grid__section:nth-of-type(2) .grid__fill:first-child{grid-area:1/16/3/-1}.grid__section:nth-of-type(2) .grid__fill:nth-child(2){grid-area:3/1/4/15}.grid__section:nth-of-type(2) .grid__fill:nth-child(3){grid-area:4/10/6/15}.grid__section:nth-of-type(2) .grid__fill:nth-child(4){grid-area:6/10/10/15}.grid__section:nth-of-type(2) .grid__fill:nth-child(5){grid-area:6/15/7/-1}.grid__section:nth-of-type(2) .grid__fill:nth-child(6){grid-area:-1/2/-2/10}.grid__section:nth-of-type(2) .grid__fill:nth-child(7){grid-area:-1/10/-2/15}.grid__section:nth-of-type(2) .grid__fill:nth-child(8){grid-area:4/1/-1/2}.grid__section:nth-of-type(2) .grid__title{grid-area:1/1/3/16}.grid__section:nth-of-type(2) .grid__title h2{translate:calc(var(--col-width)) 0}.grid__section:nth-of-type(2) .grid__level-infos{grid-area:3/-1/4/-10}.grid__section:nth-of-type(2) .grid__level-description{grid-area:4/-1/6/-10}.grid__section:nth-of-type(2) .grid__card--1{grid-area:4/2/10/10}.grid__section:nth-of-type(2) .grid__card--1 .card__image{grid-area:1/1/5/-1}.grid__section:nth-of-type(2) .grid__card--1 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);width:100%;height:calc(6 * var(--row-height) + 5px);left:0}.grid__section:nth-of-type(2) .grid__card--1 .card__infos{grid-area:5/1/-1/5}.grid__section:nth-of-type(2) .grid__card--1 .card__look-closer{grid-area:5/5/-1/-1}.grid__section:nth-of-type(2) .grid__card--2{grid-area:7/15/11/-1}.grid__section:nth-of-type(2) .grid__card--2 .card__image{grid-area:1/5/-1/-1}.grid__section:nth-of-type(2) .grid__card--2 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);width:100%;height:calc(6 * var(--row-height) + 5px);left:0}.grid__section:nth-of-type(2) .grid__card--2 .card__infos{grid-area:1/1/3/5}.grid__section:nth-of-type(2) .grid__card--2 .card__look-closer{grid-area:3/1/-1/5}.grid__section:nth-of-type(3){grid-row:20/30}.grid__section:nth-of-type(3) .grid__fill:first-child{grid-area:1/1/3/2}.grid__section:nth-of-type(3) .grid__fill:nth-child(2){grid-area:1/2/3/10}.grid__section:nth-of-type(3) .grid__fill:nth-child(3){grid-area:3/10/4/-1}.grid__section:nth-of-type(3) .grid__fill:nth-child(4){grid-area:4/10/7/14}.grid__section:nth-of-type(3) .grid__fill:nth-child(5){grid-area:6/14/7/-1}.grid__section:nth-of-type(3) .grid__fill:nth-child(6){grid-area:7/10/8/14}.grid__section:nth-of-type(3) .grid__fill:nth-child(7){grid-area:8/1/10/2}.grid__section:nth-of-type(3) .grid__fill:nth-child(8){grid-area:4/1/8/2}.grid__section:nth-of-type(3) .grid__fill:nth-child(9){grid-area:8/1/10/2}.grid__section:nth-of-type(3) .grid__fill:nth-child(10){grid-area:10/1/11/2}.grid__section:nth-of-type(3) .grid__fill:nth-child(11){grid-area:8/2/10/6}.grid__section:nth-of-type(3) .grid__fill:nth-child(12){grid-area:8/6/10/14}.grid__section:nth-of-type(3) .grid__fill:nth-child(13){grid-area:10/2/11/14}.grid__section:nth-of-type(3) .grid__title{grid-area:1/10/3/-1}.grid__section:nth-of-type(3) .grid__title h2{translate:calc(var(--col-width) * 2) 0}.grid__section:nth-of-type(3) .grid__level-infos{grid-area:3/1/4/10}.grid__section:nth-of-type(3) .grid__level-description{grid-area:4/-11/6/-1}.grid__section:nth-of-type(3) .grid__card--1{grid-area:4/2/8/10}.grid__section:nth-of-type(3) .grid__card--1 .card__image{grid-area:1/1/-1/5}.grid__section:nth-of-type(3) .grid__card--1 .card__image canvas{top:calc(-1 * var(--row-height) - 1px);left:calc(-1 * var(--col-width) - 1px);width:calc(5 * var(--col-width) + 4px);height:calc(5 * var(--row-height) + 4px)}.grid__section:nth-of-type(3) .grid__card--1 .card__infos{grid-area:1/5/3/-1}.grid__section:nth-of-type(3) .grid__card--1 .card__look-closer{grid-area:3/5/-1/-1}.grid__section:nth-of-type(3) .grid__card--2{grid-area:7/14/11/-1}.grid__section:nth-of-type(3) .grid__card--2 .card__image{grid-area:1/1/-1/7}.grid__section:nth-of-type(3) .grid__card--2 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);left:calc(-1 * var(--col-width) - 1px);width:calc(7 * var(--col-width) + 6px);height:calc(6 * var(--row-height) + 5px)}.grid__section:nth-of-type(3) .grid__card--2 .card__infos{grid-area:1/7/3/-1}.grid__section:nth-of-type(3) .grid__card--2 .card__look-closer{grid-area:3/7/-1/-1}.grid__section:nth-of-type(4){grid-row:30/41}.grid__section:nth-of-type(4) .grid__fill:first-child{grid-area:1/1/3/2}.grid__section:nth-of-type(4) .grid__fill:nth-child(2){grid-area:3/1/4/2}.grid__section:nth-of-type(4) .grid__fill:nth-child(3){grid-area:4/1/-1/2}.grid__section:nth-of-type(4) .grid__fill:nth-child(4){grid-area:4/11/6/14}.grid__section:nth-of-type(4) .grid__fill:nth-child(5){grid-area:6/11/8/14}.grid__section:nth-of-type(4) .grid__fill:nth-child(6){grid-area:6/14/8/-3}.grid__section:nth-of-type(4) .grid__fill:nth-child(7){grid-area:6/-3/8/-1}.grid__section:nth-of-type(4) .grid__fill:nth-child(8){grid-area:8/-3/-1/-1}.grid__section:nth-of-type(4) .grid__fill:nth-child(9){grid-area:1/-5/3/-1}.grid__section:nth-of-type(4) .grid__fill:nth-child(10){grid-area:8/2/-1/7}.grid__section:nth-of-type(4) .grid__fill:nth-child(11){grid-area:8/7/-1/11}.grid__section:nth-of-type(4) .grid__title{grid-area:1/1/3/-5}.grid__section:nth-of-type(4) .grid__title h2{translate:var(--col-width) 0}.grid__section:nth-of-type(4) .grid__level-infos{grid-area:3/1/4/-1}.grid__section:nth-of-type(4) .grid__level-description{grid-area:4/-11/6/-1}.grid__section:nth-of-type(4) .grid__card--1{grid-area:4/2/8/11}.grid__section:nth-of-type(4) .grid__card--1 .card__image{grid-area:1/1/-1/6}.grid__section:nth-of-type(4) .grid__card--1 .card__image canvas{top:calc(-1 * var(--row-height) - 1px);width:100%;height:calc(5 * var(--row-height) + 4px);left:0}.grid__section:nth-of-type(4) .grid__card--1 .card__infos{grid-area:1/6/3/-1}.grid__section:nth-of-type(4) .grid__card--1 .card__look-closer{grid-area:3/6/-1/-1}.grid__section:nth-of-type(4) .grid__card--2{grid-area:-5/11/-1/-3}.grid__section:nth-of-type(4) .grid__card--2 .card__image{grid-area:1/1/-1/8}.grid__section:nth-of-type(4) .grid__card--2 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);left:calc(-1 * var(--col-width) - 1px);width:calc(8 * var(--col-width) + 7px);height:calc(6 * var(--row-height) + 5px)}.grid__section:nth-of-type(4) .grid__card--2 .card__infos{grid-area:1/8/3/-1}.grid__section:nth-of-type(4) .grid__card--2 .card__look-closer{grid-area:3/8/-1/-1}.grid__section:nth-of-type(5){grid-row:41/65}.grid__section:nth-of-type(5) .grid__fill:first-child{grid-area:1/1/3/2}.grid__section:nth-of-type(5) .grid__fill:nth-child(2){grid-area:1/2/3/7}.grid__section:nth-of-type(5) .grid__fill:nth-child(3){grid-area:4/1/6/2}.grid__section:nth-of-type(5) .grid__fill:nth-child(4){grid-area:4/2/6/15}.grid__section:nth-of-type(5) .grid__fill:nth-child(5){grid-area:14/11/15/-1}.grid__section:nth-of-type(5) .grid__fill:nth-child(6){grid-area:19/1/20/2}.grid__section:nth-of-type(5) .grid__fill:nth-child(7){grid-area:19/2/20/11}.grid__section:nth-of-type(5) .grid__fill:nth-child(8){grid-area:19/11/20/-1}.grid__section:nth-of-type(5) .grid__fill:nth-child(9){grid-area:20/-6/24/-1}.grid__section:nth-of-type(5) .grid__fill:nth-child(10){grid-area:24/1/25/-1}.grid__section:nth-of-type(5) .grid__title{grid-area:1/7/3/-1}.grid__section:nth-of-type(5) .grid__title h2{translate:calc(var(--col-width) * 4) 0}.grid__section:nth-of-type(5) .grid__level-infos{grid-area:3/1/4/-1}.grid__section:nth-of-type(5) .grid__level-description{grid-area:4/-10/6/-1}.grid__section:nth-of-type(5) .grid__card--1{grid-area:6/1/19/11}.grid__section:nth-of-type(5) .grid__card--1 .card__image{background-color:var(--Blanke-White-Living);grid-area:5/1/-1/-1}.grid__section:nth-of-type(5) .grid__card--1 .card__image canvas{width:100%;height:100%;top:0;left:0}.grid__section:nth-of-type(5) .grid__card--1 .card__infos{grid-area:1/1/5/-1}.grid__section:nth-of-type(5) .grid__card--2{grid-area:6/11/14/-1}.grid__section:nth-of-type(5) .grid__card--2 .card__image{background-color:var(--Blanke-White-Living);grid-area:1/1/5/-1}.grid__section:nth-of-type(5) .grid__card--2 .card__image canvas{top:calc(-3 * var(--row-height) - 3px);left:calc(-2 * var(--col-width) - 2px);width:calc(12 * var(--col-width) + 11px);height:calc(7 * var(--row-height) + 6px)}.grid__section:nth-of-type(5) .grid__card--2 .card__infos{grid-area:5/1/-1/-1}.grid__section:nth-of-type(5) .grid__card--3{grid-area:15/11/19/-1}.grid__section:nth-of-type(5) .grid__card--3 .card__image{grid-area:1/-6/-1/-1}.grid__section:nth-of-type(5) .grid__card--3 .card__image canvas{top:calc(-2 * var(--row-height) - 2px);left:calc(-1 * var(--col-width) - 1px);width:calc(6 * var(--col-width) + 5px);height:calc(6 * var(--row-height) + 5px)}.grid__section:nth-of-type(5) .grid__card--3 .card__infos{grid-area:1/1/-1/-6}.grid__section:nth-of-type(5) .grid__card--4{grid-area:20/1/24/-6}.grid__section:nth-of-type(5) .grid__card--4 .card__image{grid-area:1/11/-1/-1}.grid__section:nth-of-type(5) .grid__card--4 .card__image canvas{width:100%;height:100%;top:0;left:0}.grid__section:nth-of-type(5) .grid__card--4 .card__infos{grid-area:1/1/-1/11}.footer-image{width:100vw;height:auto}@media (width<=768px){*{cursor:initial}.intro{display:none!important}.content-grid-gutter--container{background-color:var(--Blanke-White-Living)}.content-grid{flex-direction:column;grid-template-columns:1fr;grid-auto-rows:min-content;gap:1px;width:90%;margin:auto;display:flex}.gutter--right{display:none}.grid__section{flex-direction:column;gap:1px;display:flex}.grid__section .grid__title{padding:4.5rem 1rem 2rem}.grid__section .grid__title h2{translate:0!important}.grid__section .grid__level-infos{justify-content:space-between;padding:1.5rem 1rem}.grid__section .grid__level-infos h3{font-family:var(--font-general);font-size:clamp(14px, calc(100vw / (var(--vw-ref) / 16)), 24px);line-height:1.5}.grid__section .grid__level-description{padding:3rem 1rem}.grid__card{flex-direction:column;display:flex}.grid__card .card__image{height:100vw;padding-top:2rem}.grid__card .card__image canvas{width:auto!important;height:120%!important;top:auto!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important}.grid__card .card__infos{background:var(--Blanke-White-Living);justify-content:left;padding:1.5rem 1rem 1rem}.grid__card .card__infos h5{width:50%}.grid__card .card__infos p{display:none}.grid__card .card__look-closer{background:var(--Blanke-White-Living);justify-content:left;padding:1rem 1rem 1.5rem}.grid__card .card__look-closer p{color:var(--Rodje-Red-100-Living);letter-spacing:5%;font-weight:800;text-decoration:underline}.grid__card .card__learn-more{color:var(--Rodje-Red-100-Living);letter-spacing:5%;padding:2rem 0 2.5rem;font-weight:800;text-decoration:underline}.grid__fill{display:none}.grid__section:first-of-type .grid__card--1 .card__image canvas{left:-5vw!important;transform:none!important}}