:root{--ao2025-background:#05141f;--ao2025-foreground:#fff;--ao2025-foreground-second:#9ba2a9;--ao2025-title-xl:calc(150 / 944 * 100 * 1vh);--ao2025-title-lg:calc(100 / 944 * 100 * 1vh);--ao2025-title-md:calc(80 / 944 * 100 * 1vh);--ao2025-title-sm:calc(64 / 944 * 100 * 1vh);--ao2025-title-xs:calc(46 / 944 * 100 * 1vh);--ao2025-desc-md:calc(20 / 944 * 100 * 1vh);--ao2025-desc-sm:calc(16 / 944 * 100 * 1vh);@media screen and (max-width:767px){--ao2025-title-xl:calc(52 / 375 * 100 * 1vw);--ao2025-title-lg:calc(26 / 375 * 100 * 1vw);--ao2025-title-md:calc(26 / 375 * 100 * 1vw);--ao2025-title-sm:calc(26 / 375 * 100 * 1vw);--ao2025-title-xs:calc(23 / 375 * 100 * 1vw);--ao2025-desc-md:calc(14 / 375 * 100 * 1vw);--ao2025-desc-sm:calc(12 / 375 * 100 * 1vw)}
--ao2025-title-lh:1.15;--ao2025-desc-lh:1.4;--ao2025-space-y-xl:calc(300 / 944 * 100 * 1vh);--ao2025-space-y-lg:calc(140 / 944 * 100 * 1vh);--ao2025-space-y-md:calc(80 / 944 * 100 * 1vh);--ao2025-space-y-sm:calc(40 / 944 * 100 * 1vh);--ao2025-space-y-xs:calc(20 / 944 * 100 * 1vh);--ao2025-content-w:1440px;--ao2025-content-px:calc(40 / 1920 * 110 * 1vw);@media screen and (max-width:767px){--ao2025-space-y-xl:calc(100 / 375 * 100 * 1vw);--ao2025-space-y-lg:calc(40 / 375 * 100 * 1vw);--ao2025-space-y-md:calc(40 / 375 * 100 * 1vw);--ao2025-space-y-sm:calc(30 / 375 * 100 * 1vw);--ao2025-space-y-xs:calc(20 / 375 * 100 * 1vw);--ao2025-content-px:calc(18 / 375 * 100 * 1vw)}
--header-h:113px;--full-h:calc(100vh - var(--header-h));--full-h-with-header:calc(100vh - var(--header-h));@media screen and (max-width:767px){--header-h:60px;--full-h:100svh;--full-h-with-header:100vh}
}
body{background-color:var(--ao2025-background)}
#content.subContents{padding-top:0;padding-bottom:calc(160 / 944 * 100 * 1vh);color:var(--ao2025-foreground)}
[class*="ao2025-"]{a{color:inherit}
.title{display:flex;flex-direction:column;gap:.2em}
.title,.title span{line-height:var(--ao2025-title-lh);word-break:keep-all;text-wrap:balance}
p{line-height:var(--ao2025-desc-lh)}
}
.blind{width:0;height:0;position:absolute;top:0;left:-99999px;text-indent:-99999px}
@media screen and (min-width:768px){.mo-only{display:none !important}
}
@media screen and (max-width:767px){.pc-only{display:none !important}
}
[class*="ao2025-"]{.inner{width:calc(var(--ao2025-content-w)+var(--ao2025-content-px) * 2);max-width:100%;padding-left:var(--ao2025-content-px);padding-right:var(--ao2025-content-px);margin-left:auto;margin-right:auto}
.box-media{overflow:hidden;img,video{object-fit:cover;width:100%;height:100%}
}
}
.ao2025-spacer{height:var(--ao2025-space-y-xl)}
.ao2025-video,.ao2025-video+.ao2025-story1,.ao2025-story2,.ao2025-text-image{margin-top:var(--ao2025-space-y-xl)}
@media screen and (min-width:768px){.ao2025-story2 .wrap-story2-scenes{margin-bottom:600vh}
}
@media screen and (max-width:767px){.ao2025-story2 .wrap-story2-scenes{margin-top:150vh;margin-bottom:400vh}
.ao2025-story2 .story2-2{margin-top:80vh}
}
.ao2025-title{height:var(--full-h);display:flex;justify-content:center;align-items:center;.title{text-align:center;&.size-md{font-size:var(--ao2025-title-lg)}
&.size-lg{font-size:var(--ao2025-title-xl)}
}
}
h1+.ao2025-title{height:var(--full-h-with-header)}
.ao2025-keyvisual{overflow:hidden;position:relative;height:var(--full-h);.box-media{height:100%}
.box-overlay{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;@media screen and (max-width:767px){height:100vw}
}
.title{font-size:var(--ao2025-title-md);.item-motion{display:block}
}
}
.ao2025-video{.box-media{position:relative;height:var(--full-h)}
.box-text{display:flex;flex-direction:column;gap:var(--ao2025-space-y-sm);margin-bottom:var(--ao2025-space-y-lg);.title{font-size:var(--ao2025-title-md)}
.description{font-size:var(--ao2025-desc-md);color:var(--ao2025-foreground-second);word-break:keep-all}
}
.button-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url('../../../../content/dam/kwcms/gt/en/images/discover-kia/AO2025/btn_play.png') no-repeat 50% 50%;background-size:100%;width:80px;height:80px;color:transparent;text-indent:-999px;@media screen and (max-width:767px){width:40px;height:40px}
}
@media screen and (max-width:767px){display:flex;flex-direction:column;justify-content:center;&:has(.box-media:only-child){height:var(--full-h)}
.box-media{height:auto}
}
}
.ao2025-story1{display:flex;flex-direction:column;gap:var(--ao2025-space-y-md);padding-bottom:var(--ao2025-space-y-lg);@media screen and (min-width:768px){&.left{padding-right:calc(240 / 1920 * 110 * 1vw);align-items:flex-end;.box-text{padding-left:var(--ao2025-content-px)}
}
&.right{padding-left:calc(240 / 1920 * 110 * 1vw);.box-text{padding-right:var(--ao2025-content-px)}
}
}
.box-media{width:100%;height:var(--full-h);@media screen and (max-width:767px){height:auto}
}
.box-text{display:flex;flex-direction:column;gap:var(--ao2025-space-y-xs);width:845px;max-width:100%;.title{font-size:var(--ao2025-title-md)}
.description{font-size:var(--ao2025-desc-md);color:var(--ao2025-foreground-second);word-break:keep-all}
@media screen and (max-width:767px){padding:0 var(--ao2025-content-px)}
}
}
.ao2025-story2{.box-text .description{position:relative;font-family:"kiaB","Noto Sans Bold",sans-serif;font-size:var(--ao2025-title-sm)}
.box-media{position:relative;flex-shrink:0}
@media screen and (min-width:768px){.wrap-story2-scenes{position:relative;height:var(--full-h);.scene{width:100%;height:100%;position:absolute;left:0;top:0}
}
.box-media.slide-to-left img{object-position:left top}
}
@media screen and (max-width:767px){&,.wrap-story2-scenes{display:flex;flex-direction:column;gap:var(--ao2025-space-y-md)}
.box-media.slide-to-left img{object-position:18% top}
}
.scene{overflow:hidden;@media screen and (min-width:768px){height:var(--full-h);background-color:var(--ao2025-background)}
@media screen and (max-width:767px){flex-direction:column;gap:calc(10 / 944 * 100 * 1vh);&+.ao2025-story2{margin-top:var(--ao2025-space-y-md)}
}
&.story2-1{display:flex;justify-content:center;@media screen and (min-width:768px){flex-direction:column;gap:var(--ao2025-space-y-xs);padding-left:clamp(15%,calc(100vw - 1225px),100%);padding-top:2%;.box-media{height:80%}
}
@media screen and (max-width:767px){height:var(--full-h);padding-left:var(--ao2025-content-px)}
}
&.story2-2,&.story2-3{display:flex;.box-text{padding:0 var(--ao2025-content-px);@media screen and (min-width:768px){flex:1;display:flex;justify-content:center;align-items:center;text-align:center}
}
.box-media{@media screen and (min-width:768px){width:50%;height:100%;max-width:50%}
@media screen and (max-width:767px){padding:0 var(--ao2025-content-px)}
}
}
&.story2-4{@media screen and (max-width:767px){position:relative}
.box-media{@media screen and (min-width:768px){height:100%}
@media screen and (max-width:767px){height:var(--full-h)}
}
.box-text{width:100%;position:absolute;top:calc(160 / 944 * 100 * 1vh);text-align:center;z-index:10;.description{font-size:var(--ao2025-title-lg)}
}
}
}
@media screen and (max-width:767px){.wrap-motion-mobile{position:relative;height:var(--full-h);transform:translateY(-20%);.story2-3{overflow:visible;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.story2-4{position:absolute;top:0;left:0;opacity:0}
}
}
}
.ao2025-text-image{@media screen and (min-width:768px){display:flex;gap:calc(146 / 1920 * 110 * 1vw);width:calc(1680px + var(--ao2025-content-px));max-width:100%;&.right{flex-direction:row-reverse;margin-left:auto;padding-left:var(--ao2025-content-px)}
&.left{padding-right:var(--ao2025-content-px)}
.box-media{width:826px;max-width:50%;height:calc(464 / 944 * 100 * 1vh)}
}
.box-text{flex:1;display:flex;flex-direction:column;justify-content:center;@media screen and (max-width:767px){margin-top:var(--ao2025-space-y-md);padding:0 var(--ao2025-content-px)}
.title{font-size:var(--ao2025-title-xs)}
.description{margin-top:var(--ao2025-space-y-sm);font-size:var(--ao2025-desc-md);color:var(--ao2025-foreground-second);word-break:keep-all}
.buttons{display:flex;margin-top:var(--ao2025-space-y-xs);.link-more{display:flex;align-items:center;gap:.5em;font-size:var(--ao2025-desc-sm);&:after{display:block;width:.625em;height:.625em;transform:rotate(45deg);border:1px solid currentColor;border-left:0;border-bottom:0;content:"";@media screen and (max-width:767px){margin-top:-0.2em}
}
}
}
}
}
.youtube__video_modal_popup{&.reveal{display:block;width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:9999;.video_modal_popup-closer{position:absolute;top:20px;right:20px;width:50px;height:50px;cursor:pointer;&:before{content:"";display:inline-block;width:40px;height:40px;padding:0 5px;text-decoration:none;text-transform:none;color:#fff;background:url('../../../../content/dam/kwcms/gt/en/images/service/owners/common/btn-Close.png');background-repeat:no-repeat}
@media screen and (max-width:768px){right:10px;width:30px;height:30px;&:before{width:30px;height:30px;background-size:30px}
}
}
}
.video-wrapper{position:absolute;top:50%;left:50%;width:80%;max-width:960px;z-index:9999;transform:translate(-50%,-50%);@media screen and (max-width:600px){width:100%}
@media screen and (max-width:768px){width:80%}
iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
}
.video-wrapper .pop_inner{position:relative;height:0;padding-bottom:56.25%}
}