section.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:calc(var(--vh, 1vh) * 100 - 0px);height:100svh;position:relative;margin-bottom:calc(66 / var(--size) * var(--size-end))}section.main .bg{overflow:hidden}section.main .bg:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none;background:-webkit-gradient(linear,right top,left top,color-stop(47.06%,rgba(0,0,0,0)),color-stop(88.97%,rgba(0,0,0,0.24)));background:linear-gradient(270deg,rgba(0,0,0,0) 47.06%,rgba(0,0,0,0.24) 88.97%)}@media (max-width:767px){section.main .bg:after{background:-webkit-gradient(linear,right top,left top,color-stop(47.06%,rgba(0,0,0,0)),color-stop(88.97%,rgba(0,0,0,0.54)));background:linear-gradient(270deg,rgba(0,0,0,0) 47.06%,rgba(0,0,0,0.54) 88.97%)}}section.main .bg{}section.main .bg.graphic img{-o-object-fit:contain;object-fit:contain;width:auto;width:initial;max-width:auto;max-width:initial;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section.main .bg.graphic img:first-child{display:block}section.main .bg.graphic img:last-child{display:none}@media (max-width:767px){section.main .bg.graphic img:first-child{display:none}section.main .bg.graphic img:last-child{display:block;left:auto;left:initial;-webkit-transform:none;transform:none;right:0}}section.main .bg,section.main .parallax{position:absolute;top:0;left:0;width:100%;height:100%}section.main .bg img,section.main .parallax img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}section.main .slogan{position:absolute;bottom:calc(20 / var(--size) * var(--size-end));left:0;width:100%;text-align:center;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-animation:main_slogan 2s cubic-bezier(0.62,0.05,0.01,0.99) forwards;animation:main_slogan 2s cubic-bezier(0.62,0.05,0.01,0.99) forwards;z-index:2}section.main .slogan img,section.main .slogan svg{display:inline-block;width:calc(var(--width) / var(--size) * var(--size-end));height:auto;height:initial}section.main .slogan+.slogan{display:none}@media (max-width:767px){section.main .slogan{display:none;-webkit-animation:main_slogan_mobile 2s cubic-bezier(0.62,0.05,0.01,0.99) forwards;animation:main_slogan_mobile 2s cubic-bezier(0.62,0.05,0.01,0.99) forwards}section.main .slogan+.slogan{display:block;font-family:"L",Helvetica,Arial,sans-serif;font-weight:400;font-size:calc(64 / var(--size) * var(--size-end));line-height:80%;text-align:center;text-transform:uppercase;color:var(--sand);bottom:0}}.navi+.navi{opacity:0}.navi+.navi.on{opacity:1}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes main_slogan{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:1}}@keyframes main_slogan{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:1}}@-webkit-keyframes main_slogan_mobile{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:1}}@keyframes main_slogan_mobile{0%{-webkit-transform:translateY(-25%);transform:translateY(-25%);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:1}}