:root{--scrl-spacing-horizontal:clamp(20px,calc(20px + 2.5vw),60px);--scrl-spacing-vertical:clamp(15px,calc(15px + 0.9375vw),30px)}.spacing-container{padding-left:var( --scrl-spacing-horizontal );padding-right:var( --scrl-spacing-horizontal )}.spacing-container-v{padding-bottom:var( --scrl-spacing-vertical );padding-top:var( --scrl-spacing-vertical )}.width-s{max-width:400px;width:100%}.width-m{max-width:560px;width:100%}.width-l{max-width:760px;width:100%}.height-s{min-height:calc(400px + 10dvh)}.height-m{min-height:calc(600px + 10dvh)}.height-l{min-height:calc(800px + 10dvh)}.h-align-r{margin-left:auto}.h-align-c,.h-align-l{margin-right:auto}.h-align-c{margin-left:auto}.text-l{font-size:clamp(20px,calc(20px + 2.5vw),60px)}.text-m{font-size:clamp(20px,calc(20px + 1.25vw),40px)}[class*=v-align]{display:flex;flex-direction:column;gap:clamp(20px,calc(20px + 1.25vw),40px)}.v-align-c{justify-content:center}.scrl-heading-container{padding-bottom:calc(5vh + 10vw);padding-left:var( --scrl-spacing-horizontal );padding-right:var( --scrl-spacing-horizontal );padding-top:calc(5vh + 10vw)}.scrl-heading{align-items:center;display:flex;flex-direction:column;gap:.25em;justify-content:center;margin:0 auto;max-width:1200px;text-align:center}.scrl-heading-pretitle{display:block;font-size:clamp(15px,calc(15px + .9375vw),30px);font-weight:500;opacity:.8}.bg-gradient-1 h2,.bg-gradient-2 h2,.bg-gradient-3 h2{color:var( --wp--preset--color--white )}.text-box{background-color:var( --wp--preset--color--white );border-radius:var( --radius-default );padding:calc(var( --scrl-spacing-horizontal )/3*1.5) calc(var( --scrl-spacing-horizontal )/3*2)}.text-box :first-child{margin-top:0}.text-box :last-child{margin-bottom:0}.bg-aluminium{background-color:var( --wp--preset--color--aluminium )}.bg-horizon{background-color:var( --wp--preset--color--horizon )}.bg-dark-horizon{background-color:var( --wp--preset--color--dark-horizon )}.bg-gradient-1{background:radial-gradient(110% 240% at 0 130%,#13a3f4e6 0,#169eff80 55%,#1088de00 130%),#015}.bg-gradient-2{background:radial-gradient(110% 220% at 0 140%,#13a3f4 0,#169eff80 40%,#1088de00 100%),radial-gradient(290% 800% at 220% -440%,#d12 30%,#015 100%)}.bg-gradient-3{background:linear-gradient(to right bottom,#5d1082,#4d137b,#3d1473,#2d146a,#1d1361,#191a66,#14206b,#0d266f,#163683,#1f4797,#2758ab,#2e6ac0)}.scroll-indicator{display:flex;flex-direction:column;gap:6px;position:fixed;right:calc(var( --scrl-spacing-horizontal )/2);top:50%;transform:translate3d(50%,-50%,0);z-index:999}.indicator-dot{background:var( --wp--preset--color--aluminium );border:2px solid var( --wp--preset--color--aluminium );border-radius:9999px;box-shadow:0 0 0 1px var( --wp--preset--color--aluminium );height:8px;overflow:hidden;position:relative;transition:all .32s ease-in-out;width:8px}.indicator-dot.active{background:var( --wp--preset--color--white );border-color:var( --wp--preset--color--white );height:48px}.indicator-dot .progress-fill{background:var( --wp--preset--color--blue );border-radius:inherit;height:0;left:0;position:absolute;right:0;top:0;transition:height .12s linear}section.scene-section{overflow:clip;position:relative;z-index:1}figure.scene{position:sticky;top:0}.scene.city-scene{aspect-ratio:36/30;margin:auto;max-width:100%;position:sticky;width:1800px;z-index:-1}.city-center-building,.city-left,.city-right,.city-shop-cat-leaf{height:100%;left:50%;pointer-events:none;position:absolute;top:0;transform-origin:center center;transition:transform .1s ease;will-change:transform}.city-left,.city-right{z-index:3}.city-center-building{z-index:1}.city-shop-cat-leaf{z-index:2}.cat-makes-chaos .leaf{animation:leafFall 2s linear forwards;animation-delay:2s;will-change:transform}.cat-makes-chaos .cat-paw{animation:catPawTap 1s ease-in-out forwards;animation-delay:1s;transform-origin:bottom center;will-change:transform}@keyframes leafFall{0%{transform:translate(0)}25%{transform:translate(-3px,20px)}50%{transform:translate(3px,40px)}75%{transform:translate(-1px,60px)}to{transform:translate(1px,80px)}}@keyframes catPawTap{0%{transform:scale(1) translateY(0)}60%{transform:scale(1) translateY(-10px) translateX(.5px)}65%{transform:scale(1.0005) translateY(-11px) translateX(-.5px)}to{transform:scale(1) translateY(0)}}.scene-section-paperstack{--paper-line-blur:5px;background-color:var( --wp--preset--color--dark-horizon );position:relative}.paperstack-scene{height:50vh;position:relative}.paperstack-scene path,.paperstack-scene rect,.paperstack-scene text{filter:blur(var( --paper-line-blur ))}.paperstack-scene img,.paperstack-scene svg{aspect-ratio:480/640;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 4px #ddd;height:auto;left:50%;position:absolute;top:50%;transition:transform .1s ease;width:50%;will-change:transform,opacity,scale}.paperstack-scene .important{z-index:19}.stack-container{display:flex;flex-direction:column;gap:var( --scrl-spacing-horizontal );height:100%;padding:var( --scrl-spacing-horizontal );position:relative}.stack-item{align-items:center;aspect-ratio:1/1;border-radius:6px;display:flex;justify-content:center;margin:0 auto;max-width:80%;position:sticky;top:25vh;transform-origin:top center;transition:transform .1s ease;width:clamp(300px,calc(300px + 20.83333vw),800px);will-change:transform;z-index:1}.mythos-3-container{--animation-progress:0;--animation-duration:1s;aspect-ratio:16/9;background:#c5e9fc;border-radius:var( --radius-default );margin:0 auto;max-width:1600px;overflow:hidden;padding:0;perspective:1000px;position:relative}.mythos-3-container img{pointer-events:none;position:absolute}.mythos-3-container .mythos-3-foreground{bottom:0;left:0;right:0;top:0;transform:translate3d(calc(var( --mx-percentage )*15px),calc(var( --animation-progress )*10%*var( --my-percentage )),0) scale(calc(1 + var( --animation-progress )*.1));transition:transform 3s ease;z-index:4}.mythos-3-container .mythos-3-paper-planes{bottom:0;left:50%;transform:translate3d(calc(-50% + var( --mx-percentage )*100px),calc(10% - (var( --animation-progress )*100px)*var( --my-percentage )),0) rotateX(calc(var( --animation-progress )*60deg)) rotateY(calc(var( --mx-percentage )*15deg)) rotate(calc(var( --my-percentage )*var( --animation-progress )*10deg));transition:transform var( --animation-duration ) ease;width:50%;z-index:5}.mythos-3-container .mythos-3-wall{bottom:0;right:0;transform:translate3d(calc(var( --mx-percentage )*25px),calc(var( --animation-progress )*50%),0) scale(calc(1.05 + var( --animation-progress )*.2));transition:transform 4s ease;z-index:4}.mythos-3-container .mythos-3-city{bottom:0;left:50%;transform:translate3d(calc(-50% + var( --mx-percentage )*20px),calc(var( --animation-progress )*-25%),0) scale(calc(1 + var( --animation-progress )*.2));transition:transform 5s ease;width:60%;z-index:3}.mythos-3-container .mythos-3-background{bottom:0;left:50%;top:0;transform:translate3d(calc(-50% + var( --mx-percentage )*10px),calc(var( --animation-progress )*5%),0);transition:transform 8s ease;z-index:0}.scene-section-mythos-3 .sticky-item{bottom:0;position:sticky;top:0}.restart-mythos-button{align-items:center;background-color:var( --wp--preset--color--white );bottom:1em;color:var( --wp--preset--color--int-blue );display:flex;justify-content:center;padding:.5em;position:absolute;right:1em;z-index:999}.mythos-5-container .restart-mythos-button svg,.restart-mythos-button svg{height:clamp(20px,calc(20px + .625vw),30px);position:static;width:clamp(20px,calc(20px + .625vw),30px)}.restart-mythos-button:hover{background-color:var( --wp--preset--color--white );color:var( --wp--preset--color--int-blue-active )}.restart-mythos-button span{clip:rect(0 0 0 0);left:-9999px;pointer-events:none;position:absolute}.mythos-5-container{aspect-ratio:16/9;background:#f8fcff;border-radius:var( --radius-default );margin:0 auto;max-width:1600px;overflow:hidden;padding:0;position:relative}.mythos-5-container img,.mythos-5-container svg{pointer-events:none;position:absolute}.mythos-5-container .mythos-5-bottom{bottom:-10%;left:50%;transform:translate3d(-50%,0,0);width:100%;z-index:2}.mythos-5-container .mythos-5-person{bottom:15%;left:40%;transform:translate3d(-50%,0,0);width:17%;z-index:4}.mythos-5-container .mythos-5-robot{bottom:62%;left:20%;transform:translate3d(-200%,0,0);transition:transform 3s ease;width:15%;z-index:1}.mythos-5-container.active .mythos-5-robot{transform:translate3d(-50%,0,0)}.mythos-5-container .mythos-5-lightbulb{color:var( --wp--preset--color--interaction-green );left:50%;top:0;transform:translate3d(-50%,0,0);transition:color 1s ease 4s;width:3%;z-index:3}.mythos-5-container.active .mythos-5-lightbulb{color:var( --wp--preset--color--interaction-red )}.mythos-5-container .mythos-5-warning{bottom:65%;right:30%;transform:translate3d(-50%,0,0);width:8%;z-index:4}.mythos-5-container.active .mythos-5-warning{animation-duration:4s;animation-fill-mode:forwards;animation-name:warning;opacity:0}@keyframes warning{0%{opacity:0}89%{opacity:0}90%{opacity:1}95%{opacity:0}to{opacity:1}}.mythos-5-container .mythos-5-bolts{bottom:58%;right:20%;transform:translate3d(100%,0,0);transition:transform 3s linear .5s;width:50%;z-index:3}.mythos-5-container.active .mythos-5-bolts{transform:translateZ(0)}@media screen and (min-width:800px){.split-h{display:flex}.split-h>*{flex-basis:50%;flex-grow:0;flex-shrink:0}.desktop-order-1{order:1}.desktop-order-2{order:2}.paperstack-scene{height:100vh}}@media screen and (max-width:799px){.split-media{aspect-ratio:1/1;height:100dvh;margin:auto;max-width:100%;position:sticky;top:0;z-index:1}.split-media>.scene{margin:auto}.split-content{position:relative;z-index:2}figure.scene{top:72px}.scene-section-container{height:400vh;position:relative}.stack-container{align-items:center;display:flex;flex-direction:column;height:var( --scene-height * .75 );inset:0;justify-content:center;overflow:hidden}.stack-item{position:absolute;top:10dvh;transition:opacity 1s ease}.stack-item:first-child{opacity:calc(var( --scroll-steps-mobile ) + 1);z-index:1}.stack-item:nth-child(2){opacity:calc(var( --scroll-steps-mobile ));z-index:2}.stack-item:nth-child(3){opacity:calc(var( --scroll-steps-mobile ) - 1);z-index:3}.stack-item:nth-child(4){opacity:calc(var( --scroll-steps-mobile ) - 2);z-index:4}.scene-section-phishing .split-content{bottom:0;position:sticky}.scene-section-phishing .split-content .spacing-container{bottom:0;display:flex;flex-direction:column;height:400vh;position:sticky}.scene-section-phishing .split-content-item{align-items:flex-end;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;position:relative;transform:translateY(0);transition:opacity .1s ease}.scene-section-phishing .parallax-item{bottom:10vh;position:sticky;transform:translateY(0)!important}.scene-section-phishing .split-content-item:first-child{opacity:calc(var( --scroll-steps-mobile ) + 1)}.scene-section-phishing .split-content-item:nth-child(2){opacity:calc(var( --scroll-steps-mobile ))}.scene-section-phishing .split-content-item:nth-child(3){opacity:calc(var( --scroll-steps-mobile ) - 1)}.scene-section-phishing .split-content-item:nth-child(4){opacity:1}.scene-section-phishing .split-content-item:nth-child(4) .parallax-item{margin-top:10vh}}