@keyframes rotate{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--ease-exit: cubic-bezier(.6, 0, .1, 1);--ease-enter: cubic-bezier(.9, 0, .6, 1);--ease-focus-movement: cubic-bezier(.6, 0, .9, 1)}.cyber-banner{margin-block:var(--block-margin)}@media only screen and (min-width: 1024px){.cyber-banner{grid-column:page-start/bleed-end}}@media only screen and (min-width: 768px){.cyber-banner{display:grid;grid-template-columns:[content-start] repeat(3,1fr) [content-end image-start] repeat(5,1fr) [image-end]}}@media only screen and (min-width: 1288px){.cyber-banner{display:grid;grid-template-columns:[content-start] repeat(4,1fr) [content-end image-start] repeat(8,1fr) [image-end]}}.cyber-banner.cyber-banner--carousel{margin-top:0}.cyber-banner__navigation button.disabled{opacity:.5;cursor:not-allowed}.cyber-banner__content{grid-column:content;padding:3rem;background-color:var(--theme-neutral-light);order:1}@media only screen and (min-width: 768px){.cyber-banner__content{padding:3rem 3rem 3rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}@media only screen and (min-width: 768px) and (min-width: 768px){.cyber-banner--carousel .cyber-banner__content{padding-top:2rem;justify-content:flex-start}}@media only screen and (min-width: 768px) and (min-width: 1288px){.cyber-banner--carousel .cyber-banner__content{padding-top:3rem}}@media only screen and (min-width: 1024px){.cyber-banner__content{padding-left:0}}.cyber-banner__navigation{display:flex;gap:1rem;margin-bottom:1.5rem}@media only screen and (min-width: 1024px){.cyber-banner__navigation{margin-bottom:2rem}}@media only screen and (min-width: 1288px){.cyber-banner__navigation{margin-top:2rem}}.cyber-banner__navigation i{font-size:1.5rem;color:var(--theme-primary)}.cyber-banner__running-title{font-size:var(--font-size--xsmall);line-height:1.2;text-transform:uppercase;font-weight:var(--font-weight--medium);color:var(--theme-secondary);margin-top:0;margin-bottom:1rem}.cyber-banner--carousel .cyber-banner__running-title{font-size:var(--font-size--small)}.cyber-banner__title{font-size:var(--font-size--xlarge);line-height:var(--line-height--xlarge);font-family:var(--font-decorative);-webkit-font-kerning:auto;font-kerning:auto;text-transform:uppercase;margin-bottom:1.5rem}.cyber-banner .button{--button-background: var(--theme-accent);--button-color: var(--theme-primary);margin-top:2rem}@media only screen and (min-width: 768px){.cyber-banner .button{--button-background: var(--theme-primary);--button-color: var(--theme-neutral-light)}}.cyber-banner [data-text-slider]{margin:0!important;width:100%}.cyber-banner [data-image-slider] .swiper-slide.swiper-slide-leaving{opacity:1!important;z-index:10!important}.cyber-banner [data-image-slider] .swiper-slide.swiper-slide-active{opacity:1!important;z-index:11!important}.cyber-banner__image-container{grid-column:image;position:relative;overflow:hidden}@media only screen and (min-width: 768px){.cyber-banner__image-container{order:2}}.cyber-banner__image{--_cyber-bg: var(--theme-tertiary);--_life-1-bg: var(--theme-neutral-light);--_life-2-bg: var(--theme-accent-dark);display:grid;aspect-ratio:4/5;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:". .  life-2 ." ". . . ." ". . . ." "cyber . . ." "image life-1 . ."}@media only screen and (min-width: 768px){.cyber-banner__image{aspect-ratio:3/3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);order:2;grid-template-areas:". . ." "cyber . ." "image life-1 ."}}@media only screen and (min-width: 1024px){.cyber-banner__image{aspect-ratio:5/3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);order:2;grid-template-areas:". . . life-2 ." "cyber . . . ." "image life-1 . . ."}}.cyber-banner__image--alt-1,.cyber-banner__image--bottom-left{--_cyber-bg: var(--theme-tertiary);--_life-1-bg: var(--theme-neutral-light);--_life-2-bg: var(--theme-accent-dark);grid-template-areas:". .  life-2 ." ". . . ." ". . . ." "cyber . . ." "image life-1 . ."}@media only screen and (min-width: 768px){.cyber-banner__image--alt-1,.cyber-banner__image--bottom-left{grid-template-areas:". . ." "cyber . ." "image life-1 ."}}@media only screen and (min-width: 1024px){.cyber-banner__image--alt-1,.cyber-banner__image--bottom-left{grid-template-areas:". . . life-2 ." "cyber . . . ." "image life-1 . . ."}}.cyber-banner__image--alt-2,.cyber-banner__image--top-right{--_cyber-bg: var(--theme-tertiary);--_life-1-bg: var(--theme-neutral-light);--_life-2-bg: var(--theme-accent);grid-template-areas:". .  life-1 image" ". . . life-2" ". . . ." ". . . ." "cyber . . ."}@media only screen and (min-width: 768px){.cyber-banner__image--alt-2,.cyber-banner__image--top-right{grid-template-areas:". life-1 image" ". . life-2" ". . ."}}@media only screen and (min-width: 1024px){.cyber-banner__image--alt-2,.cyber-banner__image--top-right{grid-template-areas:". . . life-1 image" ". . . . life-2" "cyber . . . ."}}.cyber-banner__image--alt-3,.cyber-banner__image--bottom-right{--_cyber-bg: var(--theme-tertiary);--_life-1-bg: var(--theme-neutral-light);--_life-2-bg: #ff745e;grid-template-areas:". life-2 . ." ". . . ." ". . . ." ". . . life-1" ". . cyber image"}@media only screen and (min-width: 768px){.cyber-banner__image--alt-3,.cyber-banner__image--bottom-right{grid-template-areas:". . ." ". . life-1" ". cyber image"}}@media only screen and (min-width: 1024px){.cyber-banner__image--alt-3,.cyber-banner__image--bottom-right{grid-template-areas:". . . . ." "life-2 . . . life-1" ". . . cyber image"}}.cyber-banner__image--alt-4,.cyber-banner__image--top-left{--_cyber-bg: var(--theme-tertiary);--_life-1-bg: var(--theme-neutral-light);--_life-2-bg: #ff745e;grid-template-areas:"image cyber . ." "life-1 . . ." ". . . ." ". . . ." ". . . life-2"}@media only screen and (min-width: 768px){.cyber-banner__image--alt-4,.cyber-banner__image--top-left{grid-template-areas:"image cyber ." "life-1 . ." ". . ."}}@media only screen and (min-width: 1024px){.cyber-banner__image--alt-4,.cyber-banner__image--top-left{grid-template-areas:"image cyber . . ." "life-1 . . . life-2" ". . . . ."}}.cyber-banner__image img{width:100%;height:100%;object-fit:cover}.cyber-banner__image-main{grid-column:1/-1;grid-row:1/-1;height:100%;width:100%;transition:transform 1.16s var(--ease-exit);transform:scale(1)}.swiper-slide-active .cyber-banner__image-main{transition:transform 10s var(--ease-exit);transform:scale(1.05)}.cyber-banner__image-main img{transform:scale(1);transform-origin:var(--offsetImageX) var(--offsetImageY);transition:transform 3s var(--ease-exit)}.swiper-slide .cyber-banner__image-main img{opacity:0;transform:scale(1);transform-origin:center center;transition:3s all var(--ease-exit)}.swiper-slide-active .cyber-banner__image-main img{transition:opacity 1.16s var(--ease-enter),transform 3.6s var(--ease-exit);transform:scale(1.4);opacity:1!important;transform-origin:var(--offsetImageX) var(--offsetImageY)}.cyber-banner__square{z-index:12;transition:0s ease-in-out 1.2s;transition:-webkit-clip-path 1s;transition:clip-path 1s;transition:clip-path 1s,-webkit-clip-path 1s;-webkit-clip-path:inset(100% 100% 100% 100%);clip-path:inset(100% 100% 100% 100%)}.cyber-banner--static .cyber-banner__square{animation:clip-in 1.16s var(--ease-enter) forwards}.swiper-slide-leaving .cyber-banner__square{animation:clip-out 1.16s var(--ease-enter)}.swiper-slide-active .cyber-banner__square{animation:clip-in 1.16s var(--ease-enter) forwards}.cyber-banner__square img{aspect-ratio:1}.cyber-banner__square--image{grid-area:image}.cyber-banner__square--cyber{grid-area:cyber;background-color:var(--_cyber-bg)}.cyber-banner__square--life-1{grid-area:life-1;background:var(--_life-1-bg)}.cyber-banner__square--life-2{grid-area:life-2;background:var(--_life-2-bg)}.cyber-banner--static{margin-block:0}.cyber-banner--static .cyber-banner__content{padding-left:2rem}@keyframes clip-in{0%{-webkit-clip-path:inset(100% 0 0 100%);clip-path:inset(100% 0 0 100%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes clip-out{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 100% 100% 0);clip-path:inset(0 100% 100% 0)}}.cyber-banner__focus-icon{left:50%;top:50%;z-index:20;position:absolute;transform:translate(-50%,-50%);transition:top .8s var(--ease-focus-movement) .2s,left .8s var(--ease-focus-movement) .2s;aspect-ratio:1/1;width:25%;display:none}.cyber-banner--carousel .cyber-banner__focus-icon{display:block}@media only screen and (min-width: 768px){.cyber-banner__focus-icon{width:33.33%}}@media only screen and (min-width: 1024px){.cyber-banner__focus-icon{width:20%}}.cyber-banner__focus-icon svg{width:100%;height:100%;animation:.68s var(--ease-exit) focus-icon-fade forwards,.68s var(--ease-exit) scale-out,.68 var(--ease-exit) stroke}.cyber-banner__focus-icon path{--_posX: 0;--_posY: 0}.cyber-banner__focus-icon--active path{animation:1s var(--ease-enter) 0s scale-in,1s var(--ease-exit) 1s scale-out,1s var(--ease-exit) .9s stroke}.cyber-banner__focus-icon--active #top-left{--_posX: 92px;--_posY: 92px}.cyber-banner__focus-icon--active #bottom-left{--_posX: 92px;--_posY: -92px}.cyber-banner__focus-icon--active #bottom-right{--_posX: -92px;--_posY: -92px}.cyber-banner__focus-icon--active #top-right{--_posX: -92px;--_posY: 92px}@keyframes focus-icon-fade{0%{background-color:#fff}to{background-color:transparent}}@keyframes scale-in{0%{transform:translate(0)}to{transform:translate(var(--_posX),var(--_posY))}}@keyframes scale-out{0%{transform:translate(var(--_posX),var(--_posY))}to{transform:translate(0)}}@keyframes stroke{0%{stroke-width:4px}50%{stroke-width:50px}to{stroke-width:3px}}