@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.contactform{padding:var(--pSection) 0;.contactdata{display:flex;flex-direction:column;gap:var(--gapSm);em{font-style:normal;font-weight:600;color:var(--magenta)}}}.form{display:flex;flex-direction:column;gap:var(--gapSm);.field{position:relative;transition:all .1s ease-out}input,select,textarea{padding:var(--space1-2) var(--space);border:1px solid var(--navy-20);background:#fff;height:calc(1.5em + var(--space1-2) * 2 + 2px);border-radius:.25rem;color:var(--navy)}textarea{height:calc(1.5em * 4 + var(--space1-2) * 2 + 2px)}label{position:absolute;z-index:1;padding:0 5px;top:var(--space1-2);line-height:1.5rem;left:calc(var(--space) - 5px);pointer-events:none;transition:all .2s ease-out;font-size:var(--fontSm);color:var(--muted);border-radius:.25rem;box-shadow:0 0 2px #fff}input,select,textarea{&.filled,&:focus{&+label{line-height:1.5;top:-.75em;left:.5rem;font-size:var(--fontXs);background:#fff;color:var(--muted)}}}.select{z-index:10;label+.icon{position:absolute;right:var(--space1-2);top:1px;color:var(--navy-50);&:before{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;line-height:50px}}.options{position:absolute;top:calc(var(--space1-2) * 2 + var(--fontBase) * 1.5 + 7px);left:0;z-index:1;background:var(--navy-5);padding:var(--space1-4);overflow-y:scroll;max-height:25vh;scrollbar-width:none;max-width:100%;box-sizing:border-box;border:1px solid var(--navy-20);border-radius:.25rem;box-shadow:1px 2px 4px rgba(0,0,0,.1);transition:all .2s ease-out;opacity:0;pointer-events:none;color:var(--navy-80);&.open{opacity:1;pointer-events:all}li{padding:var(--space1-2);transition:background .2s ease-out;cursor:pointer;&:hover{background:#fff}&:nth-child(n+2){border-top:1px solid var(--navy-20)}}}}.checkbox{display:flex;gap:var(--space1-2);align-items:flex-start;input{width:22px;height:22px;padding:0;appearance:none;flex:0 0 22px;&:checked{background:var(--teal);border-color:var(--teal);&:before{content:"check";color:#fff;font-weight:900;font-family:Material Symbols Outlined;font-size:22px;width:22px;font-variation-settings:"FILL" 0,"wght" 900,"GRAD" 0,"opsz" 20;display:block;line-height:1}}}label{position:static;font-size:var(--fontSm);color:inherit;padding:0;background:none;pointer-events:all;line-height:1.5}input.filled,input:focus{&+label{line-height:1.5;top:auto;left:auto;font-size:var(--fontSm);background:#fff;color:inherit}}}.submit{width:max-content;max-width:100%;button{border-radius:.25rem;border-width:1px;box-shadow:0 0 0 1px var(--navy-20);&:after{border-radius:.25rem}&:hover{box-shadow:0 0 0 1px var(--teal)}}}.plain-text{font-size:var(--fontSm);padding-top:var(--gapSm);border-top:1px solid var(--navy-20)}.required{label{&:after{content:"*";color:var(--error);padding-left:var(--space1-4);font-size:1.25em;line-height:.5}}}.empty.required,.invalid{&~.submit{cursor:not-allowed;button{opacity:.5;pointer-events:none;background:var(--navy-20);&:before{color:var(--navy-50)}}}}.invalid{padding-bottom:24px;input,textarea{border-color:var(--error);box-shadow:0 0 4px var(--error)}}.error{color:var(--error);font-weight:400;font-size:var(--fontSm);position:absolute;bottom:0;left:0;line-height:1.125;&:before{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;rotate:180deg;font-size:20px}}.response{.loading{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:var(--navy-10);transition:opacity .2s ease-out;opacity:0;pointer-events:none;&.show-loading{opacity:1;pointer-events:all}.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--navy-20);animation:rotate 1.6s linear infinite;&.i2{animation-duration:2s;color:var(--navy-50)}&:before{font-variation-settings:"FILL" 0,"wght" 900,"GRAD" 0,"opsz" 24}}}.message{position:relative;z-index:10;min-height:32px;translate:-1px -52px;padding:var(--space1-2);padding-right:calc(24px + var(--space));border-radius:.25rem;background:#fff;border:1px solid var(--navy-20);.close{position:absolute;top:0;right:0;height:100%;width:80px;z-index:11;cursor:pointer;padding:var(--space1-2);box-sizing:border-box;align-items:flex-start;justify-content:flex-end;&:before{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1.5rem}}}.not-sent{color:var(--error);border-color:var(--error);box-shadow:0 0 2px var(--error);a{color:inherit}}.sent{color:var(--success);border-color:var(--success);box-shadow:0 0 2px var(--success)}}select{appearance:none;option{color:var(--navy);font:inherit}}}@keyframes strikeThrough{0%{width:0}to{width:calc(100% + 2vw)}}.el-story{&>div:nth-child(n+2),.cta{padding:var(--pSection) 0}.headline.icon{text-align:center;flex-direction:column;justify-content:center;gap:var(--space);&:before{font-size:var(--font2xl);color:var(--teal);font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}}.teaser-container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:var(--gapLg)}.teaser{padding:var(--pCard);background:var(--navy-opaque);border-radius:var(--radius);border:2px solid var(--navy);font-weight:200;color:var(--text);&:hover{border-color:var(--magenta);transform:scale(1.05);color:var(--text)}h3{font-size:var(--fontXl);color:var(--teal)}h3,h4{margin-bottom:var(--space)}h4{font-size:var(--fontMd);font-weight:900}.topline{font:900 var(--fontSm) /1.125 var(--fontSans);color:var(--magenta);text-transform:uppercase;letter-spacing:2px}}}.el-story .hero{width:100%;height:100vh;position:relative;.bg{position:absolute;width:100%;height:100%;overflow:hidden;img{position:absolute;top:0;left:0;width:120%;max-width:none;z-index:1;transition:all 3s cubic-bezier(0,0,.5,1)}&:before{background:var(--navy);opacity:.85;z-index:2;backdrop-filter:blur(5px)}&:after,&:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}&:after{z-index:3;backdrop-filter:blur(3px)}}.controls{position:absolute;bottom:var(--space);width:100%;left:0;display:flex;justify-content:center;gap:var(--space1-2);z-index:10;>div{width:11px;height:11px;border:2px solid #fff;background:#fff;border-radius:50%;cursor:pointer;transition:background .2s ease-in-out;&.active{background-color:var(--magenta)}}}.slides{position:relative;z-index:10;width:100%;height:100%;overflow:hidden;h2,h3{position:absolute;transition:all .6s cubic-bezier(.4,-.3,.35,1.25);width:max-content;max-width:calc(100% - calc(var(--gap) * 2))}h2{font-weight:900;font-size:5vw}h2,h3{text-align:center}h3{font-size:1.5vw;font-weight:200;text-transform:none}em{font-style:normal;font-weight:900;color:var(--magenta);position:relative;&:after{content:"";display:block;position:absolute;top:80%;left:-1vw;width:0;height:.666vw;transform:rotate(-10deg);transform-origin:left top;background:var(--magenta);animation:strikeThrough .4s ease-out forwards;animation-delay:1s}}strong{color:var(--teal)}#s00{h2{bottom:calc(50% - 60px)}h2,h3{left:0;transform:translateX(-100%);opacity:0}h3{top:calc(50% + 60px + var(--space));transition-delay:.4s}}#s01{h2{bottom:calc(50% - 60px)}h2,h3{left:0;transform:translateX(-100%)}h3{top:calc(50% + 60px + var(--space));transition-delay:.4s}}#s02{h2{bottom:calc(50% - 60px)}h2,h3{left:0;transform:translateX(-100%)}h3{top:calc(50% + 60px + var(--space));transition-delay:.4s}}}&[data-slider="0"]{#s00{h2,h3{left:50%;transform:translateX(-50%);opacity:1}}}&[data-slider="1"],&[data-slider="2"]{#s00{h2,h3{left:100%;transform:translateX(100%);opacity:0}}}&[data-slider="1"]{.bg img{left:-15%;top:-2%}#s01{h2,h3{left:50%;transform:translateX(-50%);opacity:1}}}&[data-slider="2"]{#s01{h2,h3{left:100%;transform:translateX(100%);opacity:0}}}&[data-slider="2"]{.bg img{left:-20%;top:-8%}#s02{h2,h3{left:50%;transform:translateX(-50%);opacity:1}}}}.el-story .strategy{position:relative;background:linear-gradient(to bottom,var(--navy),var(--teal) 500%);overflow:hidden;border-top:2px solid var(--navy-80);.shards{position:absolute;top:0;left:0;width:100%;height:100%;background:none;mix-blend-mode:luminosity;background:var(--navy-50)}.container{position:relative;z-index:1;pointer-events:none;&>*{pointer-events:all}}.headline.icon:before{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 40}.teaser{background:var(--navy)}}.el-story .services{background:no-repeat 50%/cover url(/_next/static/media/network-plain.adecf994.jpg);.headline.icon{flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--gap);height:100%;&:before{font-size:calc(var(--font2xl) * 1.5);line-height:calc(var(--font2xl) * 2);padding-right:var(--space1-2);border-right:1px solid var(--navy-80)}}.teaser-container{grid-template-columns:repeat(2,1fr)}.teaser{border-color:var(--navy-90);&:hover{border-color:var(--magenta)}}}.el-story{.references{.headline.icon:before{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 40}}.showcase-references{margin-top:var(--gap)}}.el-story .cta{.vertical{display:flex;flex-wrap:nowrap;gap:var(--gap);margin-top:var(--gap);h2{text-align:right;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);height:14ch}}.headline{&.icon{text-align:left;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;gap:var(--gap);&:before{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;color:var(--magenta);flex:0 0 calc(var(--font2xl) * 2);text-align:center;font-size:calc(var(--font2xl) * 1.5)}}h3{font-size:var(--fontLg);font-weight:300;strong{font:inherit;font-weight:600}}strong{color:var(--magenta)}}.tldr{margin:var(--space);&>ul>li:not(.nestedListItem){margin-top:var(--space1-2);display:flex;gap:var(--space1-2);justify-content:flex-start;align-items:flex-start;font-weight:600;color:var(--navy);transition:letter-spacing .2s ease-in-out;&:first-child{margin-top:0}&:before{display:block;font-family:Material Symbols Outlined;color:var(--magenta);font-size:24px;line-height:1.5rem;font-variation-settings:"FILL" 1,"wght" 900,"GRAD" 0,"opsz" 24;font-weight:inherit;font-style:normal;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";transition:color .2s ease-in-out}&:before,&[value="1"]:before{content:"done_all"}&[value="2"]:before{content:"cached"}&[value="3"]:before{content:"stat_3"}&:hover{letter-spacing:1px;&:before{color:var(--teal)}}}li.nestedListItem{margin-top:var(--space);margin-left:calc(var(--space1-2) + 24px);font-weight:300;li{padding-left:var(--space1-2);border-left:2px solid var(--navy-20);transition:border .2s ease-in-out,color .2s ease-in-out;&+li{margin-top:var(--space)}&:hover{border-color:var(--teal);color:var(--navy)}}}}.cta-button{margin-top:var(--gap);display:flex;justify-content:center}}@media (min-height:56.25vw){.el-story .hero .bg img{height:110vh;width:auto}}@media (min-width:1960px){.el-story{.reference-container{max-width:var(--containerW80)}.teaser-reference{width:160px;&.active{width:calc(100% - (160px + var(--space)) * 4)}}}}@media (max-width:1400px){.header{.headerbar{gap:var(--gapLg)}.logo-link{height:60px}}.el-story{.strategy{.shards{display:none}}}}