:root{--clr-bg:#000;--clr-ft:#fff;--clr-highlight:#4cabff;--clr-signet:#08f;--glow-clr:0 135 255;--clr-glow-small:rgb(var(--glow-clr)/0.5);--clr-glow-big:rgb(var(--glow-clr)/0.8);--blur-glow-small:50px;--blur-glow-big:200px;--size-blur-small:200px;--size-blur-big:450px;--ft-size-heading:5rem;--ft-size-subheading:2.5rem;--ft-size-content:1.125rem;--ft-size-button:0.875rem;--size-padding-y:4.6875rem;--size-padding-x:1.5rem;--size-button-padding-y:0.55rem;--size-button-padding-x:1.25rem;--canvas-size:350px;--canvas-margin-left:0}@media(max-width:1919px){:root{--ft-size-heading:3.75rem;--ft-size-subheading:1.875rem}}@media(max-width:991px){:root{--ft-size-heading:3rem;--ft-size-subheading:1.5rem;--ft-size-content:1rem;--canvas-size:290px}}@media(max-width:767px){:root{--ft-size-heading:2.5rem;--ft-size-subheading:1.5rem;--ft-size-content:1rem}}[data-element=grafik-bottom],[data-element=grafik-side-image],[data-element=grafik-top],[data-element=lottie],[data-element=signet-image]{will-change:transform,opacity}.sph{background-color:var(--clr-bg);color:var(--clr-ft);min-height:600px;overflow:clip;padding-block:var(--size-padding-y);padding-inline:var(--size-padding-x)}.sph .sph-wrapper{display:grid;grid-template-columns:40% 20% 40%;grid-template-rows:auto;margin-inline:auto;max-width:1440px;width:100%}@media(max-width:1919px){.sph .sph-wrapper{grid-template-columns:1fr 1fr}}@media(max-width:767px){.sph .sph-wrapper{grid-template-columns:1fr}}.sph .sph-content-wrapper-outer{grid-area:1/1/1/3}@media(max-width:767px){.sph .sph-content-wrapper,.sph .sph-content-wrapper-outer{display:contents}}.sph .sph-grafik-wrapper{grid-area:1/3/2/4}@media(max-width:1919px){.sph .sph-grafik-wrapper{grid-area:1/2/2/3}}@media(max-width:767px){.sph .sph-grafik-wrapper{grid-area:auto;margin-inline:auto}}.sph .sph-heading{font-size:var(--ft-size-heading);font-variation-settings:"wght" 900;font-weight:700;line-height:1.375;margin-bottom:0;will-change:transform,opacity}@media(max-width:767px){.sph .sph-heading{line-height:1;margin-bottom:1rem}}.sph .sph-subheading{color:var(--clr-highlight);font-size:var(--ft-size-subheading);font-variation-settings:"wght" 275;font-weight:300;line-height:1.35;margin-bottom:2.4rem;max-width:21em;will-change:transform,opacity}@media(max-width:1919px){.sph .sph-subheading{margin-bottom:1.5625rem;max-width:20em}}@media(max-width:1199px){.sph .sph-subheading{max-width:17.25em}}@media(max-width:767px){.sph .sph-subheading{line-height:1.65}}.sph .sph-content{font-size:var(--ft-size-content);font-variation-settings:"wght" 400;font-weight:400;line-height:1.35;margin-bottom:3.125rem;max-width:600px;will-change:transform,opacity}@media(max-width:1919px){.sph .sph-content{max-width:500px}}@media(max-width:1199px){.sph .sph-content{max-width:26.875rem}}@media(max-width:991px){.sph .sph-content{margin-bottom:2.3rem;max-width:23em}}.sph .sph-button-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1.56rem;justify-content:flex-start;z-index:1}@media(max-width:991px){.sph .sph-button-wrapper{max-width:25rem}}@media(max-width:767px){.sph .sph-button-wrapper{gap:1rem;max-width:100%}}.sph .sph-button-wrapper .sph-button{background-color:transparent;border:1px solid var(--clr-ft);border-radius:100px;color:var(--clr-ft);font-size:var(--ft-size-button);font-variation-settings:"wght" 400;font-weight:400;min-height:39px;padding:var(--size-button-padding-y) var(--size-button-padding-x);text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease;will-change:transform,opacity}.sph .sph-button-wrapper .sph-button.highlight{background-color:var(--clr-ft);color:var(--clr-bg)}.sph .sph-button-wrapper .sph-button:hover{background-color:var(--clr-btn-bg,var(--clr-signet));border-color:var(--clr-btn-bg,var(--clr-signet));color:var(--clr-ft)}.sph .sph-grafik-wrapper{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;isolation:isolate;justify-content:start;position:relative}.sph .sph-grafik-wrapper>div{grid-area:1/1/2/2}@media(max-width:767px){.sph .sph-grafik-wrapper{grid-row:2}}.sph .sph-grafik-wrapper .sph-grafik-wrapper-inner{justify-self:start;margin-left:-10px;margin-top:40px;position:relative}@media(max-width:1919px){.sph .sph-grafik-wrapper .sph-grafik-wrapper-inner{margin-left:8px;margin-top:51px}}@media(max-width:1199px){.sph .sph-grafik-wrapper .sph-grafik-wrapper-inner{justify-self:center;margin-left:20%}}@media(max-width:991px){.sph .sph-grafik-wrapper .sph-grafik-wrapper-inner{align-self:end;bottom:-32px;justify-self:start;margin-left:40px}}@media(max-width:767px){.sph .sph-grafik-wrapper .sph-grafik-wrapper-inner{bottom:0;left:0;margin-bottom:62px;margin-left:0}}.sph .sph-lottie-canvas{display:grid;grid-template-columns:var(--canvas-size);grid-template-rows:var(--canvas-size);height:var(--canvas-size);margin-left:var(--canvas-margin-left);width:var(--canvas-size)}.sph .sph-lottie-canvas>*{grid-area:1/1/1/1}@media(max-width:1199px){.sph .sph-lottie-canvas{margin-left:0}}@media(max-width:767px){.sph .sph-lottie-canvas{aspect-ratio:1;height:auto;max-height:var(--canvas-size);max-width:var(--canvas-size);width:100%}}.sph .sph-lottie-preview{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.sph .sph-grafik-bottom,.sph .sph-grafik-top{align-items:center;display:flex;font-size:.75rem;position:absolute;white-space:nowrap}.sph .sph-grafik-bottom .arrow-circle,.sph .sph-grafik-bottom .arrow-path,.sph .sph-grafik-top .arrow-circle,.sph .sph-grafik-top .arrow-path{stroke:var(--clr-ft)}.sph .sph-grafik-bottom .arrow-circle,.sph .sph-grafik-bottom .arrow-head,.sph .sph-grafik-top .arrow-circle,.sph .sph-grafik-top .arrow-head{fill:var(--clr-ft)}.sph .sph-grafik-bottom .arrow-path,.sph .sph-grafik-top .arrow-path{stroke-linecap:round;stroke-linejoin:round;stroke-width:.5}.sph .sph-grafik-bottom .arrow-svg,.sph .sph-grafik-top .arrow-svg{height:35px;width:50px}.sph .sph-grafik-bottom img,.sph .sph-grafik-top img{height:64px;-o-object-fit:contain;object-fit:contain;width:131px}@media(max-width:1199px){.sph .sph-grafik-bottom img,.sph .sph-grafik-top img{height:34px;width:88px}}.sph .sph-grafik-text{margin-bottom:0}@media(max-width:767px){.sph .sph-grafik-text{grid-column:1/3}}.sph .sph-grafik-top{right:-65px;top:-57px}.sph .sph-grafik-top .arrow-wrapper,.sph .sph-grafik-top svg{margin-left:25px;margin-right:17px;margin-top:16px}@media(max-width:1919px){.sph .sph-grafik-top{justify-content:center;margin-left:-2%}}@media(max-width:1199px){.sph .sph-grafik-top{right:0;top:-36px}}.sph .sph-grafik-bottom{bottom:-45px;left:-60px}.sph .sph-grafik-bottom img{bottom:-10px;position:relative}.sph .sph-grafik-bottom svg{margin-left:17px;margin-right:25px;margin-top:-16px}@media(max-width:1199px){.sph .sph-grafik-bottom{bottom:-25px;left:-20px}}.sph .sph-grafik-side{position:absolute;right:-140px;top:50%;transform:translateY(-50%)}@media(max-width:1919px){.sph .sph-grafik-side{right:-100px}}@media(max-width:1199px){.sph .sph-grafik-side{display:none}}.sph .sph-scale-bottom,.sph .sph-scale-right{align-items:center;display:flex;font-size:.875rem;justify-content:center;position:absolute}.sph .sph-scale-right{bottom:0;height:100%;right:-44px;top:-5px}.sph .sph-scale-right .sph-scale-svg{height:100%;width:10px}.sph .sph-scale-right .sph-scale-number{writing-mode:vertical-lr}.sph .sph-scale-bottom{bottom:-35px;flex-flow:column;left:0;right:0}.sph .sph-scale-bottom .sph-scale-svg{height:10px;width:98%}.sph .sph-glow-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.sph .sph-glow-big,.sph .sph-glow-small{border-radius:100%;grid-area:1/1/2/2}.sph .sph-glow-small{background-color:var(--clr-glow-small);filter:blur(var(--blur-glow-small));height:var(--size-blur-small);width:var(--size-blur-small)}.sph .sph-glow-big{background-color:var(--clr-glow-big);filter:blur(var(--blur-glow-big));height:var(--size-blur-big);width:var(--size-blur-big)}.sph .sph-signet-image{grid-area:1/1/1/1}.frame-type-keyvisual_animation .frame-container{max-width:100%;padding-inline:0}.frame-type-keyvisual_animation .sph .sph-heading{color:#fff}.frame-type-keyvisual_animation .sph .sph-subheading{color:var(--seg-category-color,#2c5b9c)}.frame-type-keyvisual_animation .sph .sph-button-wrapper .sph-button:hover{--clr-signet:var(--seg-category-color,#2c5b9c)}.frame-type-keyvisual_animation .sph-content,.frame-type-keyvisual_animation .sph-heading,.frame-type-keyvisual_animation .sph-subheading{z-index:1}