@charset "UTF-8";@import"https://use.typekit.net/ynn5fno.css";*:where(:not(html,iframe,canvas,img,svg,video,pre):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}::-moz-placeholder{color:unset}::placeholder{color:unset}:root{--color-accent-hue: 263;--color-accent-secondary-hue: 292;--color-neutral-hue: 244;--color-neutral-0: hsl(var(--color-neutral-hue),0%,100%);--color-neutral-50: hsl(var(--color-neutral-hue),22%,98%);--color-neutral-75: hsl(var(--color-neutral-hue),20%,95%);--color-neutral-100: hsl(var(--color-neutral-hue),15%,90%);--color-neutral-200: hsl(var(--color-neutral-hue),14%,80%);--color-neutral-300: hsl(var(--color-neutral-hue),14%,61%);--color-neutral-400: hsl(var(--color-neutral-hue),14%,52%);--color-neutral-500: hsl(var(--color-neutral-hue),17%,44%);--color-neutral-600: hsl(var(--color-neutral-hue),17%,39%);--color-neutral-700: hsl(var(--color-neutral-hue),18%,31%);--color-neutral-800: hsl(var(--color-neutral-hue),18%,24%);--color-neutral-900: hsl(var(--color-neutral-hue),18%,16%);--color-neutral-1000: hsl(var(--color-neutral-hue),0%,0%);--color-accent-0: hsl(var(--color-accent-hue),100%,100%);--color-accent-50: hsl(var(--color-accent-hue),100%,98%);--color-accent-75: hsl(var(--color-accent-hue),100%,95%);--color-accent-100: hsl(var(--color-accent-hue),100%,90%);--color-accent-200: hsl(var(--color-accent-hue),100%,80%);--color-accent-300: hsl(var(--color-accent-hue),100%,61%);--color-accent-400: hsl(var(--color-accent-hue),100%,52%);--color-accent-500: hsl(var(--color-accent-hue),100%,44%);--color-accent-600: hsl(var(--color-accent-hue),100%,39%);--color-accent-700: hsl(var(--color-accent-hue),100%,31%);--color-accent-800: hsl(var(--color-accent-hue),100%,24%);--color-accent-900: hsl(var(--color-accent-hue),100%,16%);--color-accent-1000: hsl(var(--color-accent-hue),100%,0%);--color-accent-secondary-0: hsl(var(--color-accent-secondary-hue),100%,100%);--color-accent-secondary-50: hsl(var(--color-accent-secondary-hue),100%,98%);--color-accent-secondary-75: hsl(var(--color-accent-secondary-hue),100%,95%);--color-accent-secondary-100: hsl(var(--color-accent-secondary-hue),100%,90%);--color-accent-secondary-200: hsl(var(--color-accent-secondary-hue),100%,80%);--color-accent-secondary-300: hsl(var(--color-accent-secondary-hue),100%,61%);--color-accent-secondary-400: hsl(var(--color-accent-secondary-hue),100%,52%);--color-accent-secondary-500: hsl(var(--color-accent-secondary-hue),100%,44%);--color-accent-secondary-600: hsl(var(--color-accent-secondary-hue),100%,39%);--color-accent-secondary-700: hsl(var(--color-accent-secondary-hue),100%,31%);--color-accent-secondary-800: hsl(var(--color-accent-secondary-hue),100%,24%);--color-accent-secondary-900: hsl(var(--color-accent-secondary-hue),100%,16%);--color-accent-secondary-1000: hsl(var(--color-accent-secondary-hue),100%,0%);--spacing-1: .0625rem;--spacing-2: .125rem;--spacing-4: .25rem;--spacing-8: .5rem;--spacing-12: .75rem;--spacing-16: 1rem;--spacing-20: 1.25rem;--spacing-24: 1.5rem;--spacing-28: 1.75rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-56: 3.5rem;--spacing-64: 4rem;--spacing-72: 4.5rem;--spacing-80: 5rem;--font-family-base: degular-variable, sans-serif;--font-family-display: degular-variable, sans-serif;--font-size-footer: .625rem;--font-size-extra-small: .875rem;--font-size-small: 1rem;--font-size-base: 1.125rem;--font-size-medium: 1.25rem;--font-size-subheading: 1.75rem;--font-size-subheading-small: 1.6rem;--font-size-title: 4.5rem;--font-size-title-mobile: 3rem;--font-weight-base: 400;--font-weight-title: 700;--font-weight-heading: 400;--font-weight-subheading: 650;--font-weight-strong: 600;--font-weight-button: 500;--font-weight-footer: 500;--font-weight: var(--font-weight-base);--font-optical-size-base: 9;--font-optical-size-subheading: 32;--font-optical-size-title: 72;--font-optical-size-title-mobile: 48;--font-optical-size: var(--font-optical-size-base);--font-variation-settings: "wght" var(--font-weight), "opsz" var(--font-optical-size);--line-height-small: 1rem;--line-height-base: 1.5rem;--line-height-medium: 1.8rem;--line-height-large: 2rem;--line-height-subheading: 2.25rem;--line-height-title: 4.4rem;--line-height-title-mobile: 4rem;--letter-spacing-title: .01em;--letter-spacing-heading: .03em;--letter-spacing-button: .05em;--letter-spacing-footer: .25em;--border-radius: var(--spacing-12);--border-radius-small: var(--spacing-8);--border-width: var(--spacing-1);--grid-max-width: 1600px;--grid-padding: var(--spacing-64);--grid-gap: 5vw;--heading-bottom: var(--spacing-40);--gallery-box-shadow: 0px 2.767256498336792px 2.2138051986694336px 0px #00000005, 0px 6.650102138519287px 5.32008171081543px 0px #00000007, 0px 12.521552085876465px 10.017241477966309px 0px #00000009, 0px 22.3363094329834px 17.869047164916992px 0px #0000000b, 0px 41.777610778808594px 33.422088623046875px 0px #0000000d, 0px 100px 80px 0px #00000012;--mq-large: 100em;--mq-medium: 62.5em;--mq-phone: 31.25em;--custom-ease-out: cubic-bezier(.165, .84, .44, 1)}@media screen and (max-width:31.25em){:root{--grid-gap: var(--spacing-32);--grid-padding: var(--spacing-40)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes fadeY{0%{opacity:0}to{opacity:1;transform:none}}@keyframes thumbnailUp{0%{transform:scale(1.05) translateY(10%)}}@keyframes thumbnailDown{0%{transform:scale(1.05) translateY(-10%)}}@keyframes thumbnailRight{0%{transform:scale(1.05) translate(-10%)}}@keyframes thumbnailLeft{0%{transform:scale(1.05) translate(10%)}}@keyframes thumbnailUpLarge{0%{transform:scale(1.05) translateY(20%)}}@keyframes thumbnailDownLarge{0%{transform:scale(1.05) translateY(-20%)}}@keyframes thumbnailRightLarge{0%{transform:scale(1.05) translate(-20%)}}@keyframes thumbnailLeftLarge{0%{transform:scale(1.05) translate(20%)}}html{background-color:#fff;font-family:var(--font-family-base);font-size:1rem;scroll-behavior:smooth}@media screen and (min-width:100em){html{font-size:1.125rem}}@media screen and (max-width:62.5em){html{font-size:1rem}}@media screen and (max-width:31.25em){html{font-size:.9rem}}*{font-variation-settings:"wght" var(--font-weight),"opsz" var(--font-optical-size)}body{color:var(--color-neutral-900);font-size:var(--font-size-base);line-height:var(--line-height-base)}strong{--font-weight: var(--font-weight-strong)}em{background-color:var(--color-accent-secondary-75);color:var(--color-accent-secondary-600)}p a{--font-weight: var(--font-weight-strong);color:var(--color-accent-400);display:inline-block;position:relative}p a:before{background-color:currentcolor;content:"";height:100%;left:0;opacity:.2;position:absolute;top:0;transition:all .1s ease-in-out;transform:scaleY(.05);transform-origin:left bottom;width:100%}p a:hover:before{opacity:.07;transform:scaleY(1)}.grid{-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:var(--grid-max-width);padding:var(--grid-padding)}@media screen and (max-width:62.5em){.grid{padding:var(--grid-padding) 7vw}}@media screen and (max-width:31.25em){.grid{-moz-column-gap:0;column-gap:0}}.grid--intro{align-items:center;min-height:calc(100vh - var(--grid-padding) * 5)}@media screen and (min-width:62.5em){.grid--intro{min-height:calc(100vh - var(--grid-padding) * 4)}}.grid--services{align-items:center;min-height:calc(100vh - var(--grid-padding) * 2);padding-top:0}.grid--projects{content-visibility:auto;contain-intrinsic-size:1px 5000px}.enter-animation.project__thumbnails--desktop>*:nth-child(1){animation:thumbnailUp 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-2>*:nth-child(1){animation:thumbnailUp 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-2>*:nth-child(2){animation:thumbnailDown 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-3>*:nth-child(1){animation:thumbnailRight 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-3>*:nth-child(2){animation:thumbnailLeft 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-mobile>*:nth-child(1){animation:thumbnailUp 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-mobile>*:nth-child(1),.enter-animation.project__thumbnails--desktop-mobile-2>*:nth-child(1){animation:thumbnailRight 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-mobile>*:nth-child(2),.enter-animation.project__thumbnails--desktop-mobile-2>*:nth-child(2){animation:thumbnailLeftLarge 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-mobile-3>*:nth-child(1){animation:thumbnailRight 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--desktop-mobile-3>*:nth-child(2){animation:thumbnailLeft 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--mobile-3>*:nth-child(1){animation:thumbnailLeftLarge 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--mobile-3>*:nth-child(2){animation:thumbnailUp 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--mobile-3>*:nth-child(3){animation:thumbnailRightLarge 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--mobile-4>*:nth-child(1){animation:thumbnailLeftLarge 3s var(--custom-ease-out) .1s 1 both}.enter-animation.project__thumbnails--mobile-4>*:nth-child(2){animation:thumbnailRightLarge 3s var(--custom-ease-out) .1s 1 both}.about{-moz-columns:3;columns:3;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);grid-column:1/span 12;hyphens:manual;line-height:var(--line-height-medium)}@media screen and (max-width:62.5em){.about{-moz-columns:2;columns:2}}@media screen and (max-width:31.25em){.about{-moz-columns:1;columns:1}}.about p+p{margin-top:var(--spacing-16)}.about__lead{--font-weight: var(--font-weight-strong)}.background{background-color:#fff;inset:0;position:fixed;z-index:-1}.background:before,.background:after{background-image:url(/noise.png);background-size:240px 240px;mix-blend-mode:overlay;content:"";inset:0;position:absolute}.background--top{animation:fadeIn .5s linear 0s 1 both;background-image:linear-gradient(to bottom,var(--color-accent-50),var(--color-neutral-0))}.background--bottom{background-image:linear-gradient(to bottom,var(--color-neutral-0),var(--color-accent-50))}.button{--font-weight: var(--font-weight-button);align-items:center;background-color:var(--color-accent-800);background-image:url(/noise.png);background-size:240px 240px;background-blend-mode:soft-light;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-button);line-height:var(--line-height-base);padding:var(--spacing-8) var(--spacing-16);position:relative;text-transform:uppercase;z-index:1}.button *{pointer-events:none}.button:after{background-image:radial-gradient(circle at var(--button-position-x, 50%) var(--button-position-y, 50%),rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);opacity:0;content:"";inset:0;mix-blend-mode:color-dodge;pointer-events:none;position:absolute}.button:hover:after{opacity:1}.button__arrow{display:block;height:var(--font-size-small);margin-left:calc(var(--spacing-20) / 2);width:var(--font-size-small)}.button__arrow *{stroke:currentcolor}.clients{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-48);grid-column:3/span 8;justify-content:center}@media screen and (max-width:31.25em){.clients{gap:var(--spacing-28);grid-column:1/span 12;margin-bottom:var(--grid-gap)}}.client a{display:block}.client svg{display:block;height:auto;max-height:var(--spacing-32);max-width:8rem;width:auto}.client svg *{fill:var(--color-neutral-700);transition:fill .1s linear}@media screen and (max-width:31.25em){.client svg{max-height:var(--spacing-24)}}.client a:hover svg *{fill:var(--color-accent-secondary-400)}.contact{background-color:var(--color-neutral-0);border-radius:var(--border-radius);color:var(--color-neutral-900);grid-column:1/span 12;padding:var(--grid-gap);position:relative}@media screen and (max-width:31.25em){.contact{min-height:24rem;padding:var(--grid-gap)}}.contact__title{--font-weight: var(--font-weight-subheading);--font-optical-size: var(--font-optical-size-subheading);color:var(--color-accent-secondary-400);font-family:var(--font-family-display);font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);margin-bottom:var(--spacing-8)}@media screen and (max-width:31.25em){.contact__title{font-size:var(--font-size-subheading-small)}}.contact__title-part{color:var(--color-accent-900)}.contact__subtitle{color:var(--color-neutral-600);font-size:var(--font-size-base);hyphens:manual;line-height:var(--line-height-medium)}@media screen and (max-width:31.25em){.contact__subtitle{padding-right:calc(var(--grid-gap) + 6rem)}}.contact__subtitle a{color:var(--color-accent-secondary-400)}.contact__subtitle p+p{margin-top:var(--spacing-8)}.footer{--font-weight: var(--font-weight-footer);align-items:center;color:var(--color-accent-secondary-300);display:flex;font-size:var(--font-size-footer);gap:var(--spacing-16);grid-column:1/span 12;justify-content:center;letter-spacing:var(--letter-spacing-footer);line-height:var(--line-height-small);text-align:center;text-transform:uppercase}.footer:before,.footer:after{content:"—";opacity:.5}.heading{--font-weight: var(--font-weight-heading);color:var(--color-neutral-400);font-size:var(--font-size-small);grid-column:1/span 12;letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-base);margin-bottom:var(--heading-bottom);text-transform:uppercase}.heading--center{text-align:center}.intro{grid-column:1/span 6}@media screen and (max-width:62.5em){.intro{grid-column:1/span 10}}@media screen and (max-width:31.25em){.intro{grid-column:1/span 12}}.intro__logo{animation:fadeY .3s ease-out .1s 1 both;aspect-ratio:618/196;display:block;height:var(--font-size-title);margin:var(--spacing-16) 0 var(--spacing-40);transform:translateY(-10%)}@media screen and (max-width:31.25em){.intro__logo{height:var(--font-size-title-mobile);margin:var(--spacing-8) 0 var(--spacing-32)}}.intro__title{--font-weight: var(--font-weight-title);--font-optical-size: var(--font-optical-size-title);animation:fadeY .3s ease-out .1s 1 both;color:var(--color-accent-900);font-family:var(--font-family-display);font-size:var(--font-size-title);letter-spacing:var(--letter-spacing-title);line-height:var(--line-height-title);margin-bottom:var(--spacing-24);transform:translateY(-10%);overflow:hidden}@media screen and (max-width:31.25em){.intro__title{--font-optical-size: var(--font-optical-size-title-mobile);font-size:var(--font-size-title-mobile);line-height:var(--line-height-title-mobile)}}.intro__subtitle{font-size:var(--font-size-medium);line-height:var(--line-height-large);margin-bottom:var(--spacing-40)}.intro__subtitle,.intro__cta{animation:fadeUp .5s ease-out .8s 1 both}.navigation{animation:fadeIn .5s linear .2s 1 both;background-color:#fff;border-radius:var(--border-radius);display:flex;gap:var(--spacing-24);margin-left:auto;padding:var(--spacing-8) var(--spacing-24);position:fixed;top:var(--grid-padding);right:var(--grid-padding)}@media screen and (max-width:62.5em){.navigation{right:7vw}}@media screen and (max-width:31.25em){.navigation{gap:var(--spacing-16);justify-content:center;left:7vw;padding:var(--spacing-8) var(--spacing-16);position:absolute;right:7vw;top:10vw}}.navigation__item{color:var(--color-neutral-400);flex:none;font-size:var(--font-size-extra-small);letter-spacing:var(--letter-spacing-button);line-height:var(--line-height-base);text-transform:uppercase}.navigation__item a{display:block}.navigation__item:hover,.navigation__item--active{color:var(--color-accent-secondary-400)}@media screen and (max-width:31.25em){.navigation{justify-self:center}}.projects{display:flex;flex-direction:column;gap:var(--grid-gap);grid-column:1/span 12}@media screen and (max-width:31.25em){.projects{row-gap:calc(var(--grid-gap) * 2)}}.project{align-items:center;-moz-column-gap:var(--grid-gap);column-gap:var(--grid-gap);display:grid;grid-template-columns:repeat(12,1fr)}@media screen and (max-width:31.25em){.project{-moz-column-gap:0;column-gap:0;row-gap:var(--grid-gap)}}.project__info{grid-column:1/span 4}@media screen and (max-width:62.5em){.project__info{grid-column:1/span 6}}@media screen and (max-width:31.25em){.project__info{grid-column:1/span 12}}.project__title{--font-weight: var(--font-weight-subheading);--font-optical-size: var(--font-optical-size-subheading);color:var(--color-accent-900);display:block;font-family:var(--font-family-display);font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);margin-bottom:var(--spacing-16)}.project__description{line-height:var(--line-height-medium)}.project__tools{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-top:var(--spacing-24)}.project__tool{align-items:center;background-color:var(--color-accent-secondary-50);border-radius:var(--border-radius);color:var(--color-accent-secondary-600);display:inline-flex;font-size:var(--font-size-extra-small);line-height:var(--line-height-small);padding:var(--spacing-4) var(--spacing-8);transition:all .1s linear}.project__tool:has(a):hover{background-color:var(--color-accent-secondary-600);color:#fff}.project__tool a{align-items:center;color:inherit;display:inline-flex;margin:calc(var(--spacing-4) * -1) calc(var(--spacing-8) * -1);padding:var(--spacing-4) var(--spacing-8)}.project__tool-icon{display:block;height:var(--spacing-12);margin-right:var(--spacing-8);width:var(--spacing-12)}.project__tool-icon svg{display:block;height:100%;width:100%}.project__tool-icon svg *{fill:currentcolor}.project__preview{aspect-ratio:4/3;background:url(/noise-2.png),radial-gradient(181.53% 144.67% at 50% 28.33%,#0000,#000000b3),radial-gradient(71.61% 56.33% at 50% 22%,#ffffff80,#fff0),var(--project-color);background-blend-mode:overlay,overlay,overlay,normal;background-size:240px 240px,100% 100%,100% 100%;border-radius:var(--border-radius);box-shadow:inset 0 var(--spacing-1) 0 #0000001a,inset 0 calc(var(--spacing-1) * -1) 0 #ffffff1a;display:flex;grid-column:5/span 8;overflow:hidden;position:relative}@media screen and (max-width:62.5em){.project__preview{grid-column:7/span 6}}@media screen and (max-width:31.25em){.project__preview{border-radius:0;margin:0 -7vw}}.project__preview:before{background-image:var(--project-background);background-position:center center;background-size:cover;mix-blend-mode:soft-light;content:"";inset:0;position:absolute}@media screen and (max-width:31.25em){.project__preview{grid-column:1/span 12}}.project__thumbnails{aspect-ratio:4/3;display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%}.project__thumbnail{display:flex;position:absolute;transform-origin:center center}.project__thumbnails--desktop .project__thumbnail:nth-child(1){height:80%;left:10%;top:10%;width:80%;z-index:1}.project__thumbnails--desktop-2 .project__thumbnail:nth-child(1){height:55%;left:10%;top:10%;width:55%;z-index:2}.project__thumbnails--desktop-2 .project__thumbnail:nth-child(2){height:55%;left:35%;top:35%;width:55%;z-index:1}.project__thumbnails--desktop-3 .project__thumbnail:nth-child(1){height:80%;left:-50%;top:10%;width:80%;z-index:1}.project__thumbnails--desktop-3 .project__thumbnail:nth-child(2){height:80%;left:35%;top:10%;width:80%;z-index:1}.project__thumbnails--desktop-mobile .project__thumbnail:nth-child(1){height:70%;left:10%;top:10%;width:70%;z-index:1}.project__thumbnails--desktop-mobile .project__thumbnail:nth-child(2){height:60%;left:65%;top:30%;width:25%;z-index:2}.project__thumbnails--desktop-mobile-2 .project__thumbnail:nth-child(1){filter:brightness(.95);height:55%;left:10%;top:22.5%;width:55%;z-index:1}.project__thumbnails--desktop-mobile-2 .project__thumbnail:nth-child(2){height:80%;left:55%;top:10%;width:35%;z-index:2}.project__thumbnails--mobile .project__thumbnail:nth-child(1){height:80%;left:32.5%;top:10%;width:35%;z-index:1}.project__thumbnails--mobile-2 .project__thumbnail:nth-child(1){height:80%;left:12.5%;top:10%;width:35%;z-index:1}.project__thumbnails--mobile-2 .project__thumbnail:nth-child(2){height:80%;left:50%;top:10%;width:35%;z-index:1}.project__thumbnails--mobile-3 .project__thumbnail:nth-child(1){filter:brightness(.95);height:60%;left:10%;top:20%;width:25%;z-index:1}.project__thumbnails--mobile-3 .project__thumbnail:nth-child(2){height:80%;left:32.5%;top:10%;width:35%;z-index:3}.project__thumbnails--mobile-3 .project__thumbnail:nth-child(3){filter:brightness(.95);height:60%;left:65%;top:20%;width:25%;z-index:2}.project__thumbnails--mobile-4 .project__thumbnail:nth-child(1){filter:brightness(.95);height:80%;left:17.5%;top:25%;width:35%;z-index:1}.project__thumbnails--mobile-4 .project__thumbnail:nth-child(2){height:91%;left:42.5%;top:15%;width:40%;z-index:2}.project__thumbnail img,.project__thumbnail video{border-radius:var(--border-radius-small);box-shadow:var(--gallery-box-shadow);height:auto;margin:auto;max-height:100%;max-width:100%;width:auto}.project__thumbnail picture{margin:auto;max-height:100%;max-width:100%}.services{animation:fadeUp .5s ease-out .8s 1 both;background-color:#fff;border-radius:var(--border-radius);display:grid;gap:var(--grid-gap);grid-column:1/span 12;grid-template-columns:repeat(2,1fr);padding:var(--grid-gap)}@media screen and (max-width:31.25em){.services{grid-template-columns:1fr}}.service{--service-image-size: var(--spacing-64);align-items:flex-start;display:grid;gap:var(--spacing-40);grid-template-columns:var(--service-image-size) repeat(3,1fr)}@media screen and (max-width:62.5em){.service{gap:0}}.service__image{background-color:#fff;grid-column:1/span 1;position:relative;z-index:1}.service__image:before{background-image:url(/noise.png);background-size:240px 240px;mix-blend-mode:soft-light;content:"";inset:0;position:absolute}.service__image svg{display:block;height:auto;width:100%}.service__image svg *[fill="#e5f1ff"]{fill:var(--color-accent-secondary-100)}.service__image svg *[stroke="#e5f1ff"]{stroke:var(--color-accent-secondary-100)}.service__image svg *[fill="#b3d6ff"]{fill:var(--color-accent-secondary-200)}.service__image svg *[stroke="#b3d6ff"]{stroke:var(--color-accent-secondary-200)}.service__image svg *[fill="#4d9fff"]{fill:var(--color-accent-secondary-300)}.service__image svg *[stroke="#4d9fff"]{stroke:var(--color-accent-secondary-300)}.service__image svg *[fill="#0076ff"]{fill:var(--color-accent-secondary-400)}.service__image svg *[stroke="#0076ff"]{stroke:var(--color-accent-secondary-400)}.service__text{grid-column:2/span 3}@media screen and (max-width:62.5em){.service__text{grid-column:1/span 4}}.service__title{--font-weight: var(--font-weight-subheading);--font-optical-size: var(--font-optical-size-subheading);color:var(--color-accent-900);font-family:var(--font-family-display);font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);margin:calc((var(--service-image-size) - var(--line-height-subheading)) / 2) 0 var(--spacing-16)}.service__description{line-height:var(--line-height-medium)}