/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.hero{background-color:#221c35;overflow:hidden;position:relative}.hero .glow{animation:glowing-orbs 4s infinite alternate;border-radius:100%;filter:blur(256px);position:absolute;pointer-events:none}.hero .glow--blue{inset:-350px auto auto auto;transform:translateX(-50%);width:100%;height:866px;background:#006da4}.hero .glow--purple{top:80%;left:-433px;width:866px;height:866px;background:#6f52bd}.hero .glow--red{animation-duration:5s;top:90%;right:-300px;width:866px;height:866px;background:#970b38}.hero .hatching-bg{position:absolute;inset:247px 0 94px auto;filter:contrast(10);mix-blend-mode:multiply;object-fit:cover;opacity:.1;width:auto}.hero .savas-logo-bg{position:absolute;inset:0 0 auto 0;z-index:15}.hero .savas-logo-bg--mobile{display:none}.hero .noise{background:url("/themes/custom/savas_2023/img/oneoff-pages/homepage/savas-noise.png");background-repeat:repeat;position:absolute;inset:0;z-index:10}.hero .hero__content{max-width:1120px;margin-left:auto;margin-right:auto;padding:218px 0;position:relative;z-index:20}@media(max-width:1152px){.hero .hero__content{margin-left:16px;margin-right:16px}}.hero .hero__content h1,.hero .hero__content p{color:#fff}.hero .hero__content h1{font-size:clamp(40px,4vw,64px);font-weight:500;line-height:1.05em}.hero .hero__content p{font-size:clamp(20px,2vw,32px);line-height:1.5em;margin-top:16px}.hero .homepage-button{margin-top:64px}@media only screen and (max-width:820px){.hero .hero__content{padding-top:173px;padding-bottom:238px}.hero .savas-logo-bg{top:100px}.hero .savas-logo-bg--desktop{display:none}.hero .savas-logo-bg--mobile{display:block}}.featured-case-studies{position:relative;margin-top:-70px;margin-bottom:48px;z-index:20}.featured-case-studies__grid{max-width:1120px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:32px;row-gap:48px;margin-bottom:39px}@media(max-width:1152px){.featured-case-studies__grid{margin-left:16px;margin-right:16px}}.featured-case-studies article:first-child{margin-bottom:27px}.featured-case-studies article:nth-child(2){align-self:self-end}.featured-case-studies article .feature-image .client-logo{position:absolute;z-index:2;top:32px;left:32px;max-width:250px}.featured-case-studies article.large{grid-column:span 2}.featured-case-studies article.large .feature-image .blazy img{aspect-ratio:14/9;object-fit:cover}.featured-case-studies article.small{grid-column:span 1}.featured-case-studies article.small .feature-image .blazy img{aspect-ratio:1/1;object-fit:cover}.featured-case-studies article .feature-image{margin-bottom:24px;border-radius:16px;background-color:#ddd;max-width:100%;height:100%;overflow:hidden;display:block;position:relative}.featured-case-studies article .feature-image .image-hover{width:100%;height:100%;position:absolute;top:0;opacity:0;border-radius:11px;transition:all .3s ease}.featured-case-studies article .feature-image .image-hover.one{background:#006e69}.featured-case-studies article .feature-image .image-hover.two{background:#006da4}.featured-case-studies article .feature-image .image-hover.three{background:#ca0f3d}.featured-case-studies article .feature-image .image-hover.four{background:#006e69}.featured-case-studies article .feature-image .image-hover .read-container{display:flex;align-items:center;gap:18px;position:absolute;bottom:32px;left:32px;transform:translate(0,30%);transition:opacity .3s ease,transform .3s ease;opacity:0}.featured-case-studies article .feature-image .image-hover .read-container p{color:#1a1a1a;font-family:"Inter",sans-serif;font-size:72px;font-weight:200;line-height:1em}.featured-case-studies article .feature-image:hover .image-hover{opacity:1}.featured-case-studies article .feature-image:hover .read-container{transform:translate(0,0);opacity:.3}.featured-case-studies article .industries{font-weight:700;font-size:14px;letter-spacing:1.4px;line-height:1em;margin-bottom:12px;text-transform:uppercase}.featured-case-studies article .industries-one{color:#006e69}.featured-case-studies article .industries-two{color:#006da4}.featured-case-studies article .industries-three{color:#ca0f3d}.featured-case-studies article .industries-four{color:#006e69}.featured-case-studies article .teaser-wrapper-section h3{color:#1a1a1a;font-size:clamp(18px,1.5vw,24px);font-weight:500;letter-spacing:-0.72px;line-height:1.2em;margin-bottom:8px;transition:color 250ms ease}.featured-case-studies article .teaser-wrapper-section--one :hover h3,.featured-case-studies article .teaser-wrapper-section--four :hover h3{color:#006e69;text-decoration:none}.featured-case-studies article .teaser-wrapper-section--two:hover h3{color:#006da4;text-decoration:none}.featured-case-studies article .teaser-wrapper-section--three:hover h3{color:#ca0f3d;text-decoration:none}.featured-case-studies article .client{color:#454a68;font-size:16px;font-weight:500;letter-spacing:-0.48px;line-height:1.2em}.featured-case-studies .see-more-work{padding-top:36px;padding-bottom:36px;position:relative}.featured-case-studies .see-more-work__bg{position:absolute;inset:0 50% 0 auto;width:auto;object-fit:cover}.featured-case-studies .see-more-work__link{background:#fddfea;border-radius:8px;display:block;margin:0 auto;padding:13px 4px 21px 4px;position:relative;width:fit-content;text-align:center;transition:transform 200ms ease;z-index:10}.featured-case-studies .see-more-work__link:hover{transform:translateX(-20px)}.featured-case-studies .see-more-work__link:hover .see-more-work__text{margin-right:-20px;padding-left:20px;transform:translateX(25px)}.featured-case-studies .see-more-work__text{color:#ca0f3d;display:block;font-size:clamp(18px,1.5vw,24px);font-weight:800;line-height:1.35em;position:relative;transform:translateX(20px);transition:all 200ms ease}.featured-case-studies .see-more-work__text::after{content:"";position:absolute;inset:auto 0 -8px 0;border-top:2px solid #ca0f3d}@media only screen and (max-width:820px){.featured-case-studies .see-more-work__bg{display:none}}.featured-case-studies .circles-row{position:absolute;inset:-200px auto auto 0;height:auto;filter:contrast(10);opacity:.1;width:65px}.featured-case-studies .lines-vector{position:absolute;inset:120px 0 70px auto;object-fit:cover;opacity:.1;width:65px}@media only screen and (max-width:820px){.featured-case-studies{margin-top:-116px}.featured-case-studies__grid{grid-template-columns:1fr}.featured-case-studies article .feature-image{margin-bottom:14px}.featured-case-studies article .feature-image .client-logo{max-width:150px}.featured-case-studies article .industries{margin-bottom:8px}.featured-case-studies article .teaser-wrapper-section h3{margin-bottom:4px}.featured-case-studies article.large{grid-column:span 1;margin-bottom:0}.featured-case-studies article.small .feature-image .blazy img{aspect-ratio:14/9}.featured-case-studies .see-more-work__bg{display:none}.featured-case-studies .see-more-work__link{padding:12px 2px 20px 2px}.featured-case-studies .see-more-work__text{transform:translateX(12px)}}.services{opacity:0;position:relative;transition:opacity 500ms linear;z-index:10}.services.-purple .services__bg-color{background-color:#523f8b}.services.-purple .service .service__media{background-color:#39305a;border:2px solid #896dd0;box-shadow:0px 20px 64px 0px #523f8b}.services.-purple .service .service__media svg{fill:#39305a;stroke:#896dd0}.services.-purple .service .service__media-img{border:2px solid #896dd0;box-shadow:0px 20px 64px 0px #523f8b}.services.-purple .service .service__number arrow,.services.-purple .service .service__number line{border-color:#896dd0}.services.-purple .service .service__number span{color:#896dd0}.services.-green .services__bg-color{background-color:#005350}.services.-green .service .service__media{background-color:#003e3d;border:2px solid #008a82;box-shadow:0px 20px 64px 0px #005350}.services.-green .service .service__media svg{fill:#003e3d;stroke:#008a82}.services.-green .service .service__media-img{border:2px solid #008a82;box-shadow:6px 20px 64px 0px #008a82}.services.-green .service .service__number arrow,.services.-green .service .service__number line{border-color:#008a82}.services.-green .service .service__number span{color:#008a82}.services.-redder .services__bg-color{background-color:#970b38}.services.-redder .service .service__media{background-color:#6d0830;border:2px solid #f02c4e;box-shadow:0px 20px 64px 0px #970b38}.services.-redder .service .service__media svg{fill:#6d0830;stroke:#f02c4e}.services.-redder .service .service__media-img{border:2px solid #f02c4e;box-shadow:0px 20px 64px 0px #970b38}.services.-redder .service .service__number arrow,.services.-redder .service .service__number line{border-color:#f02c4e}.services.-redder .service .service__number span{color:#f02c4e}.services__bg{position:absolute;top:0;right:0;bottom:0;left:0}.services__bg-color{position:sticky;top:0;right:0;bottom:auto;left:0;height:100vh}.services__bg-color::before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:url("/themes/custom/savas_2023/img/oneoff-pages/homepage/savas-noise.png") repeat,linear-gradient(180deg,transparent,rgba(0,0,0,0.5))}.services__bg-vectors{position:absolute;top:0;right:0;bottom:0;left:0}.services__bg-vectors img{position:absolute;filter:contrast(10);object-fit:cover;opacity:.2}.services__bg-vectors .figure-hatching-top{height:auto;width:128px;top:-200px;left:0;object-position:right}.services__bg-vectors .figure-hatching-bottom{height:410px;width:810px;right:0;bottom:120px;object-position:left}.services__bg-vectors .figure-ellipse-top{height:488px;width:488px;top:30%;left:20%}.services__bg-vectors .figure-ellipse-middle{height:635px;width:490px;right:0;bottom:30%;object-position:left}.services__bg-vectors .figure-ellipse-bottom{height:504px;width:490px;bottom:-38px;left:0;object-position:right}.services__bg-vectors .figure-circle-stack-right{height:1133px;width:82px;top:212px;right:0;object-position:left}.services__bg-vectors .figure-circle-stack-left{height:1133px;width:96px;top:166px;right:93px}.services__bg-vectors .figure-circle-row{width:916px;right:0;bottom:-38px}.service{height:180vh}.service__content{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto;column-gap:32px;justify-content:center;height:100vh;position:sticky;top:0}@media(max-width:1152px){.service__content{margin-left:16px;margin-right:16px}}.service__media{border-radius:16px;aspect-ratio:37/33;width:100%;max-width:740px;overflow:hidden;position:relative}.service__media>div{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px}.service__media svg{position:absolute}.service__copy{flex-basis:350px;transform:translateY(60%)}.service__copy h2{color:#fff;font-size:clamp(32px,4vw,48px);margin-top:40px}.service__copy p{color:#fff;font-size:1.5rem;line-height:1.45em;margin-top:18px}.service__number{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;column-gap:8px}.service__number arrow{border-bottom:2px solid;border-right:2px solid;height:8px;width:8px;rotate:-45deg}.service__number line{border-top:2px solid;flex:1;margin-left:4px}.service__number span{font-family:"Inter",sans-serif;font-size:16px;font-variant-numeric:lining-nums tabular-nums}.service--strategy .service__media-bg .figure-notes{bottom:-13.6%;left:-14.9%}.service--strategy .service__media-bg .figure-loop{top:-9.8%;left:0}.service--strategy .service__media-bg .figure-dash-left{top:-12.1%;left:2%}.service--strategy .service__media-bg .figure-dash-right{top:12.9%;right:0}.service--strategy .service__media-bg .figure-arrow{top:7.6%;left:0}.service--strategy .service__media-bg .figure-trifold{top:-3%;right:5.7%}.service--strategy .service__media-mg{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;justify-content:center}.service--strategy .service__media-fg .figure-notes-left{left:13.5%;bottom:-27%}.service--strategy .service__media-fg .figure-notes-right{right:6.8%;bottom:-29%;rotate:4deg}.service--strategy .service__media-fg .figure-arrow{right:0;bottom:0}.service--strategy .service__media-img{border-radius:8px;flex-basis:67%;height:100%;margin-top:15.1%;overflow:hidden;rotate:1.75deg}.service--strategy .service__media-img img{object-fit:cover;object-position:top}.service--design .service__media-bg .figure-figma{top:0;left:0}.service--design .service__media-bg .figure-spiral{top:-15%;left:-7%}.service--design .service__media-bg .figure-eyedropper{top:7%;right:.6%}.service--design .service__media-mg{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100%;transform:translateY(16px)}.service--design .service__media-fg .figure-luck-top{top:-42.4%;right:13.5%}.service--design .service__media-fg .figure-comments{left:0;bottom:-40%}.service--design .service__media-fg .figure-luck{right:-32%;bottom:-25%}.service--design .service__media-img{border-radius:8px;flex:1;overflow:hidden;transform-origin:center bottom}.service--design .service__media-img--1{rotate:-5deg;transform:translate(25%,20%)}.service--design .service__media-img--2{margin:0 -4.4%;position:relative;z-index:10}.service--design .service__media-img--3{rotate:5deg;transform:translate(-25%,10%)}.service--engineering .service__media-bg .figure-circle-middle{top:27.1%;left:0}.service--engineering .service__media-bg .figure-circle-bottom{left:0;bottom:-10.6%}.service--engineering .service__media-bg .figure-github{right:-3.4%;bottom:-18%}.service--engineering .service__media-bg .figure-ps{top:0;left:0}.service--engineering .service__media-mg{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center}.service--engineering .service__media-fg .figure-folder{bottom:-12.4%;left:13.9%}.service--engineering .service__media-fg .figure-ddev{top:0;right:-31.4%}.service--engineering .service__media-img{border-radius:8px;flex-basis:85%;overflow:hidden;rotate:3deg}.service--engineering .service__media-img img{object-fit:cover}.services__bg-color{transition:background-color 500ms ease}.service .service__media{transition:background-color 500ms ease,border 500ms ease,box-shadow 500ms ease}.service .service__media svg{transition:fill 500ms ease,stroke 500ms ease}.service .service__media-img{transition:border 500ms ease,box-shadow 500ms ease}.service .service__number arrow,.service .service__number line{transition:border 500ms ease}.service .service__number span{transition:color 500ms ease}@media screen and (max-width:920px){.services__bg-vectors .figure-hatching-top{top:300px;height:1500px;width:35px}.services__bg-vectors .figure-hatching-bottom{width:120px}.services__bg-vectors .figure-ellipse-top{display:none}.services__bg-vectors .figure-ellipse-middle{bottom:25%;width:245px}.services__bg-vectors .figure-ellipse-bottom{bottom:-50px;left:-300px}.services__bg-vectors .figure-circle-stack-right{width:32px;top:62px}.services__bg-vectors .figure-circle-stack-left{top:16px;right:43px}.services__bg-vectors .figure-circle-row{bottom:-50px;height:96px;width:200px;object-position:left}.service--strategy .service__content{flex-direction:column}.service--design .service__content{flex-direction:column-reverse}.service--engineering .service__content{flex-direction:column}.service{height:auto;padding-top:100px;padding-bottom:100px}.service__content{flex-direction:column;height:auto;row-gap:64px;position:relative}.service__copy{flex-basis:auto;transform:none !important}.service__copy h2{margin-top:24px}.service__copy p{margin-top:16px}}@keyframes glowing-orbs{0%{transform:translateY(-128px)}100%{transform:translateY(128px)}}h1,h2,h3,h4,h5,h6{font-variation-settings:"SOFT" 100,"WONK" 0}.homepage-button a{display:block;padding:18px 24px;background:rgba(0,0,0,0);border-radius:8px;border:1px solid #fff;box-shadow:0px 2px 85px -7px #fff;color:#fff;font-size:24px;font-weight:bold;line-height:1.5em;transition:all .15s linear;width:fit-content;z-index:2;position:relative;overflow:hidden}.homepage-button a::before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;content:"";display:block;background-color:#ecf3ff;background-image:linear-gradient(92deg,#feedf5 0%,#d8fdf9 100%);opacity:0;transition:all 250ms ease}.homepage-button a span{position:relative}.homepage-button a:hover,.homepage-button a:focus-visible{color:#221c35;box-shadow:0px 2px 55px -7px #fff}.homepage-button a:hover::before,.homepage-button a:focus-visible::before{opacity:1}@media only screen and (max-width:820px){.homepage-button a{padding:8px 14px}}.oneoff-page--homepage .paragraph--type--logos{max-width:1120px;margin-left:auto;margin-right:auto}@media(max-width:1152px){.oneoff-page--homepage .paragraph--type--logos{margin-left:16px;margin-right:16px}}.oneoff-page--homepage .paragraph--type--logos .field-name--field-logos{grid-template-columns:repeat(5,1fr);column-gap:24px;row-gap:16px}.oneoff-page--homepage .paragraph--type--logos .field-logos--logo{padding:12px 24px}@media only screen and (max-width:820px){.oneoff-page--homepage .paragraph--type--logos{margin-top:64px;margin-bottom:96px}.oneoff-page--homepage .paragraph--type--logos .field-name--field-logos{grid-template-columns:1fr 1fr 1fr}.oneoff-page--homepage .paragraph--type--logos .field-logos--logo{padding:10px 6px}}.oneoff-page--homepage .paragraph--type--related-posts{background:#fff;margin:0;max-width:unset;padding-top:128px;padding-bottom:128px;position:relative}.oneoff-page--homepage .paragraph--type--related-posts::before{content:"";position:absolute;inset:40% auto auto 0;background-image:url("/themes/custom/savas_2023/img/oneoff-pages/homepage/circles-left.svg");background-position-x:right;background-size:auto 100%;filter:contrast(10);height:936px;width:65px}.oneoff-page--homepage .paragraph--type--related-posts::after{content:"";position:absolute;inset:60px auto auto 0;background-image:url("/themes/custom/savas_2023/img/oneoff-pages/homepage/lines-vector-blogs.svg");background-repeat:no-repeat;background-position-x:right;opacity:.1;width:300px;height:195px}.oneoff-page--homepage .paragraph--type--related-posts .field-name--field-heading{max-width:1120px;margin-left:auto;margin-right:auto;font-size:32px;line-height:1.05em;margin-bottom:64px;position:relative}@media(max-width:1152px){.oneoff-page--homepage .paragraph--type--related-posts .field-name--field-heading{margin-left:16px;margin-right:16px}}.oneoff-page--homepage .paragraph--type--related-posts .field-name--field-related-posts{max-width:1120px;margin-left:auto;margin-right:auto;gap:32px}@media(max-width:1152px){.oneoff-page--homepage .paragraph--type--related-posts .field-name--field-related-posts{margin-left:16px;margin-right:16px}}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post .feature-image{border-radius:16px;margin-bottom:24px;overflow:hidden}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post h3{font-family:"Inter",sans-serif;font-size:20px;line-height:1.25em}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post ul.topics-list{display:none}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post .field-name--field-author{font-family:"Inter",sans-serif;margin-top:8px}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post .field-name--field-author a{text-decoration:none}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post .field-name--field-author a:hover{text-decoration:underline}.oneoff-page--homepage .paragraph--type--related-posts .node.type--blog-post .field-name--field-author time{display:none}@media only screen and (max-width:820px){.oneoff-page--homepage .paragraph--type--related-posts::before{top:25%}.oneoff-page--homepage .paragraph--type--related-posts::after{width:10vw}}
