.page-template-page-innovation,.page-template-page-innovation-php,.qly-inno{--qly-blue:#004563;--qly-sky:#F5FBFC;--qly-shadow:0 10px 25px rgba(0,0,0,.06);--qly-ff-outfit:'Outfit','Fira Sans',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--qly-ff-fira:'Fira Sans','Outfit',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--qly-inno-bleed-left-extra:100px}
.page-template-page-innovation main#primary,.page-template-page-innovation-php main#primary,main.qly-inno{margin-top:5px}
.page-template-page-innovation #content-wrap,.page-template-page-innovation-php #content-wrap{max-width:100%;padding:0}

.qly-inno-hero{background:#fff}
.qly-inno-hero__bleed{width:100vw;max-height:none;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:1fr 2fr;min-height:260px;align-items:stretch}
.qly-inno-hero__left{background:var(--qly-blue);display:flex;align-items:center;padding-left:clamp(20px,calc((100vw - 1280px)/2 + 20px),160px);padding-right:36px;padding-top:64px;padding-bottom:64px;align-self:stretch;min-width:0;min-height:0}
.qly-inno-hero__content{max-width:520px;display:flex;flex-direction:column;gap:14px}
.qly-inno-hero__title{margin:0;color:#fff;font-family:var(--qly-ff-outfit);font-weight:600;font-size:40px;line-height:1.1em}
.qly-inno-hero__text{margin:0;color:#fff;font-family:var(--qly-ff-fira);font-weight:400;font-size:16px;line-height:1.6;max-width:520px}
.qly-inno-hero__text p{margin:0}
.qly-inno-hero .qly-btn{align-self:flex-start;margin-top:6px}
.qly-inno-hero__right{position:relative;overflow:hidden;min-width:0;min-height:0;align-self:stretch}
.qly-inno-hero__img{width:100%;height:100%;object-fit:cover;display:block}
.qly-inno-hero__placeholder{width:100%;height:100%;background:#d9d9d9}
@media (max-width:1024px){
.qly-inno-hero__bleed{grid-template-columns:1fr 1.35fr}
.qly-inno-hero__left{padding-right:22px;padding-top:54px;padding-bottom:54px;padding-left:clamp(20px,calc((100vw - 960px)/2 + 20px),120px)}
.qly-inno-hero__title{font-size:38px}
}
@media (max-width:768px){
.qly-inno-hero__bleed{grid-template-columns:1fr;max-height:none}
.qly-inno-hero__left{padding:34px 16px}
.qly-inno-hero__right{height:240px}
.qly-inno-hero__title{font-size:32px}
}

.qly-inno-wysiwyg{color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:16px;line-height:1.4}
.qly-inno-wysiwyg p{margin:0 0 14px}
.qly-inno-wysiwyg p:last-child{margin-bottom:0}
.qly-inno-wysiwyg ul,.qly-inno-wysiwyg ol{margin:0 0 14px 18px}
.qly-inno-wysiwyg a{color:var(--qly-blue);text-decoration:underline}

.qly-inno-section__header{text-align:center;margin-top:40px;margin-bottom:0;position:relative;z-index:2}
.qly-inno-section__title{display:flex;align-items:flex-start;justify-content:center;gap:14px}
.qly-inno-section__title--left{justify-content:flex-start}
.qly-inno-section__h2{text-align:left;margin:0;color:var(--qly-blue);font-family:var(--qly-ff-outfit);font-weight:400;font-size:40px;line-height:1.1}
.qly-inno-section__title-deco{display:flex;align-items:center;justify-content:center;height:44px;min-width:44px;flex:0 0 auto}
.qly-inno-section__title-deco img{max-height:100%;max-width:100%;width:auto;height:auto;display:block}
@media (max-width:768px){
.qly-inno-section__h2{font-size:30px}
}

.qly-inno-s2{background:#fff;padding:80px 0 0;position:relative}
.qly-inno-s2 .qly-container{position:relative;z-index:2}
.qly-inno-s2__quote{position:relative;padding:18px 20px;margin-bottom:0}
.qly-inno-s2__quote-text{position:relative;z-index:2;color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:23px;line-height:1.4em}
.qly-inno-s2__quote-img{position:absolute;z-index:1;pointer-events:none}
.qly-inno-s2__quote-img img{display:block;max-height:42px;width:auto}
.qly-inno-s2__quote-img--start{top:-6px;left:0}
.qly-inno-s2__quote-img--end{bottom:-9px;right:0}
.qly-inno-s2::before{content:"";position:absolute;pointer-events:none;z-index:1;left:0;top:30px;transform:translateX(-45%);width:clamp(260px,30vw,460px);aspect-ratio:1/1;background-image:var(--qly-inno-deco-before);background-repeat:no-repeat;background-size:contain;background-position:left center}
.qly-inno-s2:not([style*="--qly-inno-deco-before"])::before{content:none}
@media (max-width:768px){
.qly-inno-s2{padding:45px 0 10px}
.qly-inno-s2__quote{padding:14px 16px;margin-bottom:0}
.qly-inno-s2__quote-text{font-size:18px}
}
@media (max-width:1000px){
.qly-inno-s2::before{content:none}
}

.qly-inno-s3{background:#fff;padding:40px 0 50px}
.qly-inno-s3__bleed{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:40px;overflow:hidden}
.qly-inno-s3__bleed::before{content:"";position:absolute;top:0;bottom:0;right:0;left:calc(50% - 480px - var(--qly-inno-bleed-left-extra));background:var(--qly-sky);z-index:0}
.qly-inno-s3__bleed-inner{position:relative;z-index:1;padding:50px 0}
.qly-inno-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:900px){
.qly-inno-cols{gap:34px}
}
@media (max-width:768px){
.qly-inno-s3{padding:30px 0 55px}
.qly-inno-s3__bleed-inner{padding:24px 0}
.qly-inno-cols{grid-template-columns:1fr;gap:22px}
}

.qly-inno-s4{background:#fff;padding:10px 0 60px;overflow:visible;position:relative;z-index:1}
.qly-inno-s4__header{margin-top:0}
.qly-inno-s4__text{margin-top:50px}
@media (max-width:768px){
.qly-inno-s4{padding:10px 0 55px}
.qly-inno-s4__text{margin-top:22px}
}

.qly-inno-s5{position:relative;background:var(--qly-sky)!important;padding:70px 0;overflow:visible;z-index:2}
.qly-inno-s5 .qly-container{position:relative;z-index:2}
.qly-inno-s5__h3{margin:0 0 40px;text-align:center;color:var(--qly-blue);font-family:var(--qly-ff-outfit);font-weight:700;font-size:27px;line-height:1.1em}
.qly-inno-s5::after{content:"";position:absolute;pointer-events:none;z-index:1;right:0;top:50%;transform:translate(45%,-50%);width:clamp(320px,34vw,560px);aspect-ratio:1/1;background-image:var(--qly-inno-s5-deco);background-repeat:no-repeat;background-size:contain;background-position:right center}
.qly-inno-s5:not([style*="--qly-inno-s5-deco"])::after{content:none}
.qly-inno-s5__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;align-items:start}
.qly-inno-s5__item{text-align:center}
.qly-inno-s5__h4{margin:0 0 10px;color:#30B6BB;font-family:var(--qly-ff-fira);font-weight:700;font-size:33px;line-height:36px}
.qly-inno-s5__text{color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:16px;line-height:1.4em}
.qly-inno-s5__text p{margin:0}
@media (max-width:1024px){
.qly-inno-s5__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:768px){
.qly-inno-s5{padding:10px 0 70px}
.qly-inno-s5__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media (max-width:520px){
.qly-inno-s5__grid{grid-template-columns:1fr}
}
@media (max-width:1000px){
.qly-inno-s5::after{content:none}
}

.qly-inno-s6{background:#fff;padding:60px 0 80px;overflow:visible;position:relative;z-index:1}
.qly-inno-s6__header{margin-top:0;max-width:820px;margin-left:auto;margin-right:auto;margin-bottom:40px;text-align:center}
.qly-inno-s6__header .qly-inno-section__h2{text-align:left}
.qly-inno-s6__grid--grid{max-width:1000px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px}
.qly-inno-s6 .qly-inno-card{position:relative;display:block;height:320px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--qly-shadow);text-decoration:none;color:inherit;cursor:pointer}
.qly-inno-s6 .qly-inno-card__img{height:320px;background:#e0e0e0}
.qly-inno-s6 .qly-inno-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .25s ease,transform .35s ease;will-change:filter,transform}
.qly-inno-s6 .qly-inno-card__placeholder{width:100%;height:100%;background:#d9d9d9}
.qly-inno-s6 .qly-inno-card__overlay{position:absolute;left:0;right:0;bottom:0;height:86px;margin:0;background-color:var(--qly-blue);padding:22px 18px;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:background-color .25s ease}
.qly-inno-s6 .qly-inno-card__title{margin:0;color:#fff;font-family:var(--qly-ff-fira);font-weight:500;font-size:19px;line-height:24px;transition:color .25s ease}
.qly-inno-s6__grid--carousel{position:relative;display:block;max-width:960px;margin:0 auto 80px}
.qly-inno-s6__grid--carousel .qly-act-cards__viewport{overflow:hidden;width:100%}
.qly-inno-s6__grid--carousel .qly-act-cards__track{display:flex;gap:34px;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}
.qly-inno-s6__grid--carousel .qly-act-cards__slide{flex:0 0 calc((100% - (34px * 2))/3)}
.qly-inno-s6__grid--carousel .qly-act-cards__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;background:#004563;color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--prev{left:-64px}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--next{right:-64px}
.qly-inno-s6__grid--carousel .qly-act-cards__dots{display:flex;gap:10px;justify-content:center;margin:22px auto 0;width:fit-content}
.qly-inno-s6__grid--carousel .qly-act-cards__dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(0,69,99,.25);cursor:pointer}
.qly-inno-s6__grid--carousel .qly-act-cards__dot.is-active{background:#004563}
.qly-inno-s6 .qly-inno-card:hover .qly-inno-card__img img,.qly-inno-s6 .qly-inno-card:focus-visible .qly-inno-card__img img{filter:brightness(.7);transform:scale(1.03)}
.qly-inno-s6 .qly-inno-card:hover .qly-inno-card__overlay,.qly-inno-s6 .qly-inno-card:focus-visible .qly-inno-card__overlay{background-color:#fff}
.qly-inno-s6 .qly-inno-card:hover .qly-inno-card__title,.qly-inno-s6 .qly-inno-card:focus-visible .qly-inno-card__title{color:var(--qly-blue)}
.qly-inno-s6 .qly-inno-card:focus-visible{outline:2px solid #F29100;outline-offset:4px}
@media (max-width:992px){
.qly-inno-s6__grid--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.qly-inno-s6__grid--carousel .qly-act-cards__slide{flex:0 0 calc((100% - 34px)/2)}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--prev{left:-24px}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--next{right:-24px}
}
@media (max-width:768px){
.qly-inno-s6{padding:40px 0 30px}
.qly-inno-s6__grid--grid{grid-template-columns:1fr;gap:30px;max-width:420px}
.qly-inno-s6__grid--carousel .qly-act-cards__track{gap:22px}
.qly-inno-s6__grid--carousel .qly-act-cards__slide{flex:0 0 100%}
}
@media (max-width:520px){
.qly-inno-s6__grid--carousel .qly-act-cards__nav{top:auto;bottom:-52px;transform:none}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--prev{left:40%}
.qly-inno-s6__grid--carousel .qly-act-cards__nav--next{right:40%}
}
@media (prefers-reduced-motion:reduce){
.qly-inno-s6 .qly-inno-card__img img,.qly-inno-s6 .qly-inno-card__overlay,.qly-inno-s6 .qly-inno-card__title{transition:none!important}
}

.qly-inno-s7{width:100vw;margin-left:calc(50% - 50vw);background:var(--qly-sky);padding:70px 0}
.qly-inno-s7__header{margin-top:0;margin-bottom:40px;text-align:center}
.qly-inno-s7__grid--grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;align-items:start}
.qly-inno-s7__item{text-align:center}
.qly-inno-s7__icon img{display:block;max-height:50px;width:auto;margin:0 auto 10px}
.qly-inno-s7__text{color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:14px;line-height:1.3em}
.qly-inno-s7__text p{margin:0}
.qly-inno-s7__grid--carousel{position:relative;display:block;max-width:1200px;margin:0 auto;padding:0 56px}
.qly-inno-s7__grid--carousel .qly-exp-cards__viewport{overflow:hidden;width:100%}
.qly-inno-s7__grid--carousel .qly-exp-cards__track{display:flex;gap:26px;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}
.qly-inno-s7__grid--carousel .qly-exp-cards__slide{flex:0 0 calc((100% - (26px * 4))/5)}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;background:transparent;border:2px solid var(--qly-blue);color:var(--qly-blue);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:background-color .2s ease,color .2s ease}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav:hover{background:var(--qly-blue);color:#fff}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav--prev{left:12px}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav--next{right:12px}
.qly-inno-s7__grid--carousel .qly-exp-cards__dots{display:flex;gap:10px;justify-content:center;margin:22px auto 0;width:fit-content}
.qly-inno-s7__grid--carousel .qly-exp-cards__dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(0,69,99,.25);cursor:pointer}
.qly-inno-s7__grid--carousel .qly-exp-cards__dot.is-active{background:var(--qly-blue)}
@media (max-width:1024px){
.qly-inno-s7__grid--grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:768px){
.qly-inno-s7{padding:60px 0}
.qly-inno-s7__grid--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.qly-inno-s7__grid--carousel{padding:0 16px}
}
@media (max-width:520px){
.qly-inno-s7__grid--grid{grid-template-columns:1fr}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav{top:auto;bottom:-52px;transform:none}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav--prev{left:calc(50% - 54px)}
.qly-inno-s7__grid--carousel .qly-exp-cards__nav--next{right:calc(50% - 54px)}
}
@media (max-width:1200px){
.qly-inno-s7__grid--carousel .qly-exp-cards__slide{flex:0 0 calc((100% - (26px * 2))/3)}
}
@media (max-width:992px){
.qly-inno-s7__grid--carousel .qly-exp-cards__slide{flex:0 0 calc((100% - 26px)/2)}
}
@media (max-width:768px){
.qly-inno-s7__grid--carousel .qly-exp-cards__slide{flex:0 0 100%}
}

.qly-inno-s8{background:#fff;padding:70px 0 90px}
.qly-inno-s8__h4{margin:0 0 18px;text-align:center;color:var(--qly-blue);font-family:var(--qly-ff-outfit);font-weight:700;font-size:27px;line-height:1.1em}
.qly-inno-s8__text{max-width:920px;margin:0 auto;text-align:center}
.page-template-page-innovation .qly-inno-s2::before,.page-template-page-innovation-php .qly-inno-s2::before{transform:translateX(-45%) translateX(var(--qly-deco-x,0px))}
.page-template-page-innovation .qly-inno-s5::after,.page-template-page-innovation-php .qly-inno-s5::after{transform:translate(45%,-50%) translateX(var(--qly-deco-x,0px))}
.page-template-page-innovation .qly-deco-slide,.page-template-page-innovation-php .qly-deco-slide{--qly-deco-x:0px;--qly-deco-delay:320ms;--qly-deco-dur:900ms}
.page-template-page-innovation .qly-deco-slide::before,.page-template-page-innovation .qly-deco-slide::after,.page-template-page-innovation-php .qly-deco-slide::before,.page-template-page-innovation-php .qly-deco-slide::after{transition:none;will-change:transform}
.page-template-page-innovation .qly-deco-slide.qly-deco-ready::before,.page-template-page-innovation .qly-deco-slide.qly-deco-ready::after,.page-template-page-innovation-php .qly-deco-slide.qly-deco-ready::before,.page-template-page-innovation-php .qly-deco-slide.qly-deco-ready::after{transition:transform var(--qly-deco-dur) cubic-bezier(.22,1,.36,1) var(--qly-deco-delay)}
.page-template-page-innovation .qly-inno-s2.qly-deco-slide,.page-template-page-innovation-php .qly-inno-s2.qly-deco-slide{--qly-deco-x:-520px;--qly-deco-delay:360ms}
.page-template-page-innovation .qly-inno-s5.qly-deco-slide,.page-template-page-innovation-php .qly-inno-s5.qly-deco-slide{--qly-deco-x:620px;--qly-deco-delay:320ms}
.page-template-page-innovation .qly-inno-s2.qly-deco-slide.is-visible,.page-template-page-innovation .qly-inno-s5.qly-deco-slide.is-visible,.page-template-page-innovation-php .qly-inno-s2.qly-deco-slide.is-visible,.page-template-page-innovation-php .qly-inno-s5.qly-deco-slide.is-visible{--qly-deco-x:0px}
.page-template-page-innovation .qly-reveal,.page-template-page-innovation-php .qly-reveal{--qly-delay:0ms;--qly-dur:550ms;opacity:0;transform:translate3d(0,16px,0);transition:opacity var(--qly-dur) ease var(--qly-delay),transform var(--qly-dur) cubic-bezier(.22,1,.36,1) var(--qly-delay);will-change:opacity,transform}
.page-template-page-innovation .qly-reveal.qly-reveal--fade,.page-template-page-innovation-php .qly-reveal.qly-reveal--fade{transform:none}
.page-template-page-innovation .qly-reveal.is-visible,.page-template-page-innovation-php .qly-reveal.is-visible{opacity:1;transform:none}
