.sc-intro{background-color:var(--color-secondary-dark);height:100dvh}.sc-intro .content{background-color:var(--color-secondary);z-index:1;justify-content:space-between;align-items:center;height:170px;padding:0 60px;display:flex;position:relative}.sc-intro .content .logo{pointer-events:visible;align-items:center;gap:45px;text-decoration:none;display:flex}.sc-intro .content .logo .logo-img{max-width:110px;transition:var(--transition);margin-top:-40px}.sc-intro .content .logo .logo-text .title{font-size:44px;font-weight:var(--fw-bold);color:var(--color-light);letter-spacing:0;white-space:nowrap;line-height:1.2em;display:block}.sc-intro .content .logo .logo-text .desc{font-size:26px;font-weight:var(--fw-medium);color:var(--color-light);letter-spacing:0;opacity:.76;white-space:nowrap;line-height:1.2em;display:block}.sc-intro .content .action{gap:15px;display:flex}.sc-intro .content .action .link{border:1px solid var(--color-light);height:50px;color:var(--color-light);font-size:var(--typo-xs);font-weight:var(--fw-bold);border-radius:25px;justify-content:center;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.sc-intro .content .action .link .icon,.sc-intro .content .action .link .icon svg{display:block}.sc-intro-swiper{z-index:0;position:relative}.sc-intro-swiper .swiper-pagination{margin:0;bottom:100px}.sc-intro-swiper .image .ratio{height:calc(100dvh - 170px)}.sc-intro-swiper .image .ratio .cover-img{object-position:center;z-index:1}.sc-intro-swiper .image .ratio .blur{z-index:0;filter:blur(6px)}.sc-intro-swiper .video .ratio{height:calc(100dvh - 170px)}.sc-intro-swiper .video .ratio video{object-position:center}html[data-asw-filter=dark-contrast] .sc-intro-swiper .image .ratio,html[data-asw-filter=dark-contrast] .sc-intro-swiper .video .ratio,html[data-asw-filter=dark-contrast] .sc-intro .content .logo .logo-img{filter:grayscale()}html[data-asw-filter=dark-contrast] .sc-intro{background-color:var(--color-gray)}html[data-asw-filter=dark-contrast] .sc-intro .content{background-color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .sc-intro-swiper .image .ratio,html[data-asw-filter=yellow-contrast] .sc-intro-swiper .video .ratio,html[data-asw-filter=yellow-contrast] .sc-intro .content .logo .logo-img{filter:grayscale()}html[data-asw-filter=yellow-contrast] .sc-intro{background-color:var(--color-gray)}html[data-asw-filter=yellow-contrast] .sc-intro .content{background-color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .sc-intro .content .logo .logo-text .title,html[data-asw-filter=yellow-contrast] .sc-intro .content .logo .logo-text .desc{color:var(--color-yellow)}@media (max-width:1600px){.sc-intro-swiper .video .ratio,.sc-intro-swiper .image .ratio{height:calc(100dvh - 150px)}.sc-intro .content{height:150px;padding:0 50px}.sc-intro .content .logo{gap:35px}.sc-intro .content .logo .logo-img{max-width:100px;margin-top:-30px}.sc-intro .content .logo .logo-text .title{font-size:40px}.sc-intro .content .logo .logo-text .desc{font-size:24px}}@media (max-width:1440px){.sc-intro-swiper .video .ratio,.sc-intro-swiper .image .ratio{height:calc(100dvh - 120px)}.sc-intro .content{height:120px;padding:0 40px}.sc-intro .content .logo{gap:25px}.sc-intro .content .logo .logo-img{max-width:80px;margin-top:0}.sc-intro .content .logo .logo-text .title{font-size:36px}.sc-intro .content .logo .logo-text .desc{font-size:22px}}@media (max-width:1199px){.sc-intro-swiper .video .ratio,.sc-intro-swiper .image .ratio{height:calc(100dvh - 112px)}.sc-intro-swiper .swiper-pagination{padding:0;bottom:70px}.sc-intro .content{height:auto;padding:10px 30px}.sc-intro .content .logo{gap:15px}.sc-intro .content .logo .logo-img{max-width:70px}.sc-intro .content .logo .logo-text .title{font-size:32px}.sc-intro .content .logo .logo-text .desc{font-size:20px}}@media (max-width:991px){.sc-intro-swiper .swiper-pagination{bottom:20px}.sc-intro-swiper .video,.sc-intro-swiper .image{height:auto}.sc-intro-swiper .video .ratio,.sc-intro-swiper .image .ratio{height:auto;padding-bottom:50%}.sc-intro .content{padding:15px 20px}.sc-intro .content .logo{gap:10px}.sc-intro .content .logo .logo-img{max-width:60px}.sc-intro .content .logo .logo-text .title{font-size:26px}.sc-intro .content .logo .logo-text .desc{font-size:18px}.sc-intro .content .action{flex-direction:column;gap:10px}}@media (max-width:767px){.sc-intro-swiper .swiper-pagination{bottom:15px}.sc-intro .content{padding:15px;display:block}.sc-intro .content .logo{justify-content:center;margin-bottom:15px}.sc-intro .content .logo .logo-img{max-width:50px}.sc-intro .content .logo .logo-text .title{font-size:22px}.sc-intro .content .logo .logo-text .desc{font-size:14px}}
