@charset "UTF-8";.page{background:radial-gradient(50% 50% at 100% 30%,#1d1d1d,#000)}.page__container{padding:0}.page__item:nth-child(9) .item__text{order:-1}.item__first{width:100%;height:100dvh;height:100svh;position:relative}.item__photo{width:100%;flex:1 0 45%;padding:1.5625rem}.item__photo img{position:sticky;top:3.75rem;width:100%}.item__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;height:calc(100svh - 7.5rem)}.item__logo img{width:100%;height:100%;object-fit:contain;filter:brightness(.8) contrast(1.2) opacity(.15)}.item__tagline{background-image:url(../assets/img/main/tagline-1.svg);width:55%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;transform:translate(20%)}.item__text{line-height:150%;padding:0.9375rem;text-indent:5%}.item__text h3{color:#fff;font-weight:700;margin-bottom:1.5625rem;line-height:150%}.item__text p{color:#b1b1b1;margin-bottom:0.9375rem;line-height:150%}.item__arrow{margin:2.5rem auto 0.625rem;width:2.375rem;height:6.25rem;position:absolute;bottom:0;right:calc(50% - 1.1875rem)}.item__arrow span{display:block;width:1.875rem;height:1.875rem;border-bottom:0.3125rem solid #ffffff;border-right:0.3125rem solid #ffffff;transform:rotate(45deg);margin:-1rem 0;animation:arrow 2s infinite}.item__arrow span:nth-child(2){animation-delay:-.2s}.item__arrow span:nth-child(3){animation-delay:-.4s}@keyframes arrow{0%{opacity:0;transform:translateY(-1.25rem) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateY(1.25rem) rotate(45deg)}}@keyframes logo1{0%{opacity:1}to{opacity:0}}@keyframes logo2{to{left:-100%}}.photo__main{position:absolute;bottom:0;right:0;width:100%;height:calc(100vh - 7.5rem);padding:0;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0% 80%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%);z-index:2}.photo__main img{transition:all .5s ease;width:100%;height:100%;object-fit:contain;object-position:bottom right;transform:translate(3%)}.text__about{position:absolute;bottom:0;width:100%;line-height:136%;font-size:1.5rem;padding:1.5625rem;z-index:2;text-indent:0}.text__about h2{color:#b1b1b1}.text__about button{background-color:#1f1f1fd3;padding:0.625rem 1.25rem;margin-top:0.625rem;display:inline-block;-webkit-transform:translate(0%,0%);transform:translate(0);overflow:hidden;color:#fff;letter-spacing:0.15625rem;text-align:center;text-transform:uppercase;text-decoration:none;-webkit-box-shadow:0 1.25rem 3.125rem rgba(0,0,0,.5);box-shadow:0 1.25rem 3.125rem #00000080}.text__about button span{position:absolute}.text__about button span:nth-child(1){top:0;left:0;width:100%;height:0.125rem;background:-webkit-gradient(linear,right top,left top,from(rgba(39,39,39,0)),to(#e0e0e0));background:linear-gradient(to left,#2c2c2c00,#e4e4e4);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}@-webkit-keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}.text__about button span:nth-child(2){top:0;right:0;height:100%;width:0.125rem;background:-webkit-gradient(linear,left bottom,left top,from(rgba(46,46,46,0)),to(#dddddd));background:linear-gradient(to top,#2b2b2b00,#dbdbdb);-webkit-animation:2s animateRight linear -1s infinite;animation:2s animateRight linear -1s infinite}@-webkit-keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.text__about button span:nth-child(3){bottom:0;left:0;width:100%;height:0.125rem;background:-webkit-gradient(linear,left top,right top,from(rgba(32,32,32,0)),to(#dbdbdb));background:linear-gradient(to right,#2b2b2b00,#e0e0e0);-webkit-animation:2s animateBottom linear infinite;animation:2s animateBottom linear infinite}@-webkit-keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.text__about button span:nth-child(4){top:0;left:0;height:100%;width:0.125rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(41,41,41,0)),to(#e0e0e0));background:linear-gradient(to bottom,#2220,#d4d4d4);-webkit-animation:2s animateLeft linear -1s infinite;animation:2s animateLeft linear -1s infinite}@-webkit-keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@media (max-width: 62.5rem){.item__photo{flex:1 0 60%;padding:0.9375rem}.photo__main{padding:0}}@media (max-width: 46.875rem){.photo__main{height:100vh}.text__about{text-align:center;background:linear-gradient(to bottom,#0000,#00000080,#000);padding:0.3125rem 0.3125rem 0.9375rem}}@media (max-width: 20em){.item__text h3{font-size:1.5rem}.item__text p{font-size:1.125rem}}@media (min-width: 20rem) and (max-aspect-ratio: 1.25){.photo__main img{transform:translate(12%,10%);scale:1}}@media (min-width: 20rem) and (max-aspect-ratio: .75){.item__tagline{transform:translate(6%,-30%);width:90%}.photo__main img{transform:translateY(15%);scale:1.1}}@media (min-width: 20rem) and (max-aspect-ratio: .7){.item__tagline{transform:translate(6%,-28%)}}@media (min-width: 20rem) and (max-aspect-ratio: .67){.item__tagline{transform:translate(6%,-29%)}.photo__main img{transform:translateY(9%)}}@media (min-width: 20rem) and (max-aspect-ratio: .63){.item__tagline{transform:translate(6%,-30%)}}@media (min-width: 20rem) and (max-aspect-ratio: .61){.item__tagline{transform:translate(6%,-31%)}.photo__main img{transform:translate(0)}}@media (min-width: 20rem) and (max-aspect-ratio: .57){.photo__main img{transform:translateY(-2%)}}@media (min-width: 20rem) and (max-aspect-ratio: .5){.item__tagline{transform:translate(6%,-34%)}.photo__main img{transform:translateY(-10%);scale:1.3}}@media (min-width: 20rem) and (max-aspect-ratio: .47){.photo__main img{transform:translateY(-14%)}}@media (min-width: 20rem) and (max-aspect-ratio: .45){.photo__main img{transform:translateY(-15%);scale:1.3}}@media (min-width: 20rem) and (max-aspect-ratio: .4){.photo__main img{transform:translateY(-12%);scale:1.3}}@media (min-width: 20em) and (max-width: 90em){.item__text h3{font-size:clamp(1.5rem,1.2142857142875rem + 1.4285714286vw,2.5rem)}.item__text p{font-size:clamp(1.125rem,1.01785714285625rem + .5357142857vw,1.5rem)}}@media (min-width: 20em) and (max-width: 46.875em){.photo__main{padding-top:clamp(1.25rem,-3.4011627907rem + 23.2558139535vw,7.5rem)}.text__about{font-size:clamp(1.25rem,1.063953488375rem + .9302325581vw,1.5rem)}.text__about h1{font-size:clamp(1.375rem,1.188953488375rem + .9302325581vw,1.625rem)}}@media (min-width: 48rem){.page__item{display:flex}}@media (min-width: 48em) and (max-width: 120em){.item__logo{padding:clamp(0.0625rem,-1.97916666666875rem + 4.2534722222vw,3.125rem)}}@media (min-width: 90em){.item__text h3{font-size:2.5rem}.item__text p{font-size:1.5rem}}