/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@keyframes glowing-orbs{0%{transform:translateY(-128px)}100%{transform:translateY(128px)}}.hero{position:relative}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#221c35;overflow:hidden}.hero__noise{position:absolute;top:0;right:0;bottom:0;left:0;background:url("/themes/custom/savas_2023/img/oneoff-pages/clutch-engineering-services/savas-noise.png");background-repeat:repeat}.hero__glows *{animation-name:glowing-orbs;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite;border-radius:100%;filter:blur(256px);position:absolute}.hero__glows .blue{animation-duration:10s;animation-delay:-1s;inset:-50% 0 50% 0;background-color:#006da4}.hero__glows .purple{animation-duration:8s;inset:auto auto -30vw -30vw;height:60vw;width:60vw;background-color:#6f52bd}.hero__glows .red{animation-duration:6s;animation-delay:-2s;inset:auto -20vw -30vw auto;height:60vw;width:60vw;background-color:#970b38}.hero__logo-desktop{position:absolute;top:0;right:0;bottom:auto;left:0;filter:contrast(5)}.hero__logo-mobile{position:absolute;top:57px;right:0;bottom:auto;left:0;display:none}.hero__content{max-width:1120px;margin-left:auto;margin-right:auto;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:start;-ms-flex-align:start;align-items:flex-start;column-gap:53px;padding-top:250px;padding-bottom:50px;position:relative;z-index:10}@media(max-width:1152px){.hero__content{margin-left:16px;margin-right:16px}}.hero__text{flex:1}.hero__text h1{color:#fff;font-size:clamp(50px,10vw,80px);font-weight:500;line-height:1.05em;margin-top:12px}.hero__text p{color:#fff;font-size:clamp(36px,6vw,48px);line-height:1.3em;margin-top:24px}.hero__form{min-height:636px;width:423px;background-color:#221c35;border:1px solid #f0f2f5;border-radius:26px;box-shadow:0px 4px 60px 15px rgba(255,255,255,.15);margin-bottom:-190px;text-align:center}@media screen and (max-width:920px){.hero__logo-desktop{display:none}.hero__logo-mobile{display:inline}.hero__content{flex-direction:column;padding-bottom:0;padding-top:120px;row-gap:64px}.hero__form{margin-top:0;margin-bottom:-32px;width:100%}}.services{opacity:0;position:relative;transition:opacity 500ms linear}.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/clutch-design-services/savas-noise.png") repeat,linear-gradient(180deg,transparent,rgba(0,0,0,0.5))}.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}.service{height:200vh}.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,3.5vw,40px);margin-top:32px}.service__copy p{color:#fff;margin-top:32px}.service__copy ul{color:#fff;margin:24px 0 0 12px}.service__copy ul>li{margin-top:16px;margin-bottom:0}.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--app-development .service__media-bg .figure-figma{top:0;left:0}.service--app-development .service__media-bg .figure-spiral{top:-15%;left:-7%}.service--app-development .service__media-bg .figure-eyedropper{top:7%;right:.6%}.service--app-development .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--app-development .service__media-fg .figure-luck-top{top:-42.4%;right:13.5%}.service--app-development .service__media-fg .figure-comments{left:0;bottom:-40%}.service--app-development .service__media-fg .figure-luck{right:-32%;bottom:-25%}.service--app-development .service__media-img{border-radius:8px;flex:1;overflow:hidden;transform-origin:center bottom}.service--app-development .service__media-img--1{rotate:-5deg;transform:translate(25%,20%)}.service--app-development .service__media-img--2{margin:0 -4.4%;position:relative;z-index:10}.service--app-development .service__media-img--3{rotate:5deg;transform:translate(-25%,10%)}.service--site-development .service__media-bg .figure-circle-middle{top:27.1%;left:0}.service--site-development .service__media-bg .figure-circle-bottom{left:0;bottom:-10.6%}.service--site-development .service__media-bg .figure-github{right:-3.4%;bottom:-18%}.service--site-development .service__media-bg .figure-ps{top:0;left:0}.service--site-development .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--site-development .service__media-fg .figure-folder{bottom:-12.4%;left:13.9%}.service--site-development .service__media-fg .figure-ddev{top:0;right:-31.4%}.service--site-development .service__media-img{border-radius:8px;flex-basis:80%;height:100%;overflow:hidden;margin-top:40%;rotate:3deg}.service--site-development .service__media-img img{object-fit:cover;object-position:top}.service--support .service__media-bg .figure-notes{bottom:-13.6%;left:-14.9%}.service--support .service__media-bg .figure-loop{top:-9.8%;left:0}.service--support .service__media-bg .figure-dash-left{top:-12.1%;left:2%}.service--support .service__media-bg .figure-dash-right{top:12.9%;right:0}.service--support .service__media-bg .figure-arrow{top:7.6%;left:0}.service--support .service__media-bg .figure-trifold{top:-3%;right:5.7%}.service--support .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--support .service__media-fg .figure-notes-left{left:13.5%;bottom:-27%}.service--support .service__media-fg .figure-notes-right{right:6.8%;bottom:-29%;rotate:4deg}.service--support .service__media-fg .figure-arrow{right:0;bottom:0}.service--support .service__media-img{border-radius:8px;flex-basis:67%;height:100%;margin-top:15.1%;overflow:hidden;rotate:1.75deg}.service--support .service__media-img img{object-fit:cover;object-position:top}.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{padding-bottom:100px}.service--app-development .service__content{flex-direction:column-reverse}.service--site-development .service__content{flex-direction:column}.service--support .service__content{flex-direction:column-reverse}.service{height:auto;padding-top:100px}.service__content{flex-direction:column;height:auto;row-gap:32px;position:relative}.service__copy{flex-basis:auto;transform:none !important}.service__copy h2{margin-top:24px}.service__copy p{margin-top:16px}}.featured-case-studies{position:relative;margin-top:0;margin-bottom:48px;padding-top:95px;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;top:32px;left:32px;max-width:250px;object-fit:contain;object-position:left;z-index:10}.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.small .feature-image .client-logo{max-height:65px}.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;z-index:5}.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:-375px auto auto 0;height:auto;filter:contrast(10);width:50px}.featured-case-studies .lines-vector{position:absolute;inset:-250px 0 70px auto;object-fit:cover;opacity:.1;filter:contrast(10);max-height:100%;width:80px}.featured-case-studies .teaser-wrapper-section--three .duke-banner{position:absolute;top:0;left:0;background-image:url("/themes/custom/savas_2023//img/oneoff-pages/clutch-engineering-services/duke-banner.svg");background-repeat:no-repeat;height:150px;width:150px;z-index:5}@media only screen and (max-width:820px){.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.large .feature-image .blazy img{aspect-ratio:1/1}.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)}}.expertise{background-color:#fff;padding-top:32px;padding-bottom:80px}.expertise__inner{max-width:1120px;margin-left:auto;margin-right:auto}@media(max-width:1152px){.expertise__inner{margin-left:16px;margin-right:16px}}.expertise__header h2{color:#1a1a1a;font-size:clamp(28px,2.5vw,40px);font-weight:500;line-height:.4em;margin-top:29px}.expertise__cards{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;justify-content:center;column-gap:32px;row-gap:64px;list-style:none;margin-top:64px;margin-bottom:0;padding-left:0}.expertise .card{flex-basis:352px}.expertise .card__media img{aspect-ratio:1/1;border-radius:16px;object-fit:cover}.expertise .card__copy h3{color:#1a1a1a;font-size:24px;font-weight:500;letter-spacing:-0.72px;line-height:1.2em;margin-top:24px}.expertise .card__copy p{color:#1a1a1a;font-size:16px;line-height:1.4em;margin-top:24px}@media only screen and (max-width:820px){.expertise__header h2{line-height:1.1em}.expertise .card{flex-basis:100%}.expertise .card__copy h3,.expertise .card__copy p{margin-top:16px}}.oneoff-page--clutch-engineering-services h1,.oneoff-page--clutch-engineering-services h2,.oneoff-page--clutch-engineering-services h3,.oneoff-page--clutch-engineering-services h4,.oneoff-page--clutch-engineering-services h5,.oneoff-page--clutch-engineering-services h6{font-variation-settings:"SOFT" 100,"WONK" 0}.field-name--field-body-paragraphs{padding-top:100px;padding-bottom:100px;position:relative}.field-name--field-body-paragraphs::before{position:absolute;top:20px;right:auto;bottom:0;left:0;content:"";background-image:url("/themes/custom/savas_2023/img/oneoff-pages/clutch-design-services/bg-hatching--logos.svg");background-position-x:left;background-repeat:no-repeat;background-size:100% auto;opacity:.1;width:120px}@media only screen and (max-width:820px){.field-name--field-body-paragraphs{padding-top:0;padding-bottom:0}.field-name--field-body-paragraphs::before{display:none}}.paragraph--type--logos{max-width:1120px;margin-left:auto;margin-right:auto;margin-top:64px;margin-bottom:96px}@media(max-width:1152px){.paragraph--type--logos{margin-left:16px;margin-right:16px}}.paragraph--type--logos .field-name--field-logos{grid-template-columns:repeat(5,1fr);column-gap:24px;row-gap:16px}.paragraph--type--logos .field-logos--logo{padding:12px 24px}@media only screen and (max-width:820px){.paragraph--type--logos{margin-top:64px;margin-bottom:96px}.paragraph--type--logos .field-name--field-logos{grid-template-columns:1fr 1fr}.paragraph--type--logos .field-logos--logo{padding:10px 6px}}