body{--color-text: #efedeb;--color-bg: #0e0e0e;--color-link: #1920f3;--color-link-hover: #555;--color-info: #fff;--color-main-text: #1d1c1c;--color-scroll-text: #efedeb;--font-scroll-text: "hp_R", Helvetica, Arial, sans-serif;--fontsize-scroll-text: 8vw}a{text-decoration:none;outline:none;cursor:pointer}a:hover,a:focus{outline:none}button:focus{outline:none}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}main{position:relative}.ioapi .codrops-header:before{display:none}.content{position:relative;display:block;background-color:#14171a!important}.content__section{position:relative;text-align:right;padding:0 6vmax}.content__section:first-child{margin:0 0 30vh}.content__section:last-child{margin:30vh 0 0}.content__section:first-child,.content__section:last-child{height:calc(100vh - 9.875em);text-align:left}.content__link{display:flex;height:100%;position:relative;max-width:100%;align-items:center;justify-content:end}.content__link--nobottom{margin-bottom:10vh}.content__img{position:relative;display:block;max-width:90%;margin:0 0 0 auto}.content__main,.content__text{color:var(--color-scroll-text);font-size:var(--fontsize-scroll-text);font-family:var(--font-scroll-text);margin:0;line-height:1;text-transform:lowercase;font-weight:400}.content__main,.content__contact{position:absolute;bottom:calc(var(--fontsize-scroll-text) * 1.5 + 6vmax)}.content__main span{display:block}.content__text{position:absolute;bottom:6vmax;left:0;padding-left:6vmax;z-index:1000;line-height:.8}.js .ioapi .content__text{position:fixed;opacity:0;white-space:pre}.content__text span{display:inline-block}.content__contact{font-size:calc(var(--fontsize-scroll-text) / 2);font-family:var(--font-scroll-text)}.content__contact a:last-child{display:block}.content__main{color:#b0c4de}.js .content__text:before{content:"";position:absolute;left:0;height:69%;bottom:0;width:calc(6vmax - 1.5rem);background:var(--color-link)}#home{background-image:url(/image/thumbnail/site.webp);background-size:contain;background-position:right;background-repeat:no-repeat}.sideNav{position:fixed;top:50%;right:1.5rem;transform:translateY(-50%);display:flex;flex-direction:column}.nav-dot{width:15px;height:15px;background-color:gray;border-radius:50%;margin:10px 0;cursor:pointer;padding:0;transition:background-color .3s}.nav-dot.active,.nav-dot:hover{background-color:var(--color-base)}.content__link figure{position:relative;overflow:hidden;cursor:pointer;align-content:center}.content__link figure img{position:relative;display:block;max-width:100%;opacity:.8}.content__link figure figcaption{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content__link figure figcaption:before,.content__link figure figcaption:after{pointer-events:none}.content__link figure figcaption>a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.content__link figure h2{word-spacing:-.15em;font-weight:300}.content__link figure h2 span{font-weight:800}.content__link figure h2,.content__link figure p{margin:0}.content__link figure p{letter-spacing:1px}figure.effect-apollo img{opacity:.95;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}figure.effect-apollo figcaption:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff80;content:"";-webkit-transition:-webkit-transform .6s;transition:transform .6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}figure.effect-apollo p{position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:350px;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity .35s;transition:opacity .35s}figure.effect-apollo h2{text-align:left}figure.effect-apollo:hover img{opacity:.6;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}figure.effect-apollo:hover figcaption:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}figure.effect-apollo:hover p{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}