@layer components{.hero{padding-block:var(--space-section) calc(var(--space-section) * 1.25)}.hero__grid{grid-row:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero__heading-wrap{margin-block:1.5rem 3.5rem;display:inline-block}.hero__heading{color:var(--color-ink)}.hero__body{max-width:32rem}@keyframes hero-icon-px-1{to{translate:0 -10rem}}@keyframes hero-icon-px-2{to{translate:0 -7rem}}@keyframes hero-icon-px-3{to{translate:0 -6rem}}@keyframes hero-icon-px-4{to{translate:0 -14rem}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){.hero__icon--1{animation:linear both hero-icon-px-1;animation-timeline:scroll(root);animation-range:0 100vh}.hero__icon--2{animation:linear both hero-icon-px-2;animation-timeline:scroll(root);animation-range:0 100vh}.hero__icon--3{animation:linear both hero-icon-px-3;animation-timeline:scroll(root);animation-range:0 100vh}.hero__icon--4{animation:linear both hero-icon-px-4;animation-timeline:scroll(root);animation-range:0 100vh}}}.hero__icons{perspective:900px;min-height:28rem;transform-style:preserve-3d;align-self:stretch;position:relative}.hero__icon{width:11rem;height:11rem;position:absolute}.hero__icon--1{filter:blur(5px);top:0;right:0}.hero__icon--2{filter:blur(3px);top:40%;left:0}.hero__icon--3{filter:blur(1.5px);bottom:0;left:12%}.hero__icon--4{z-index:1;top:20%;left:32%}@media (width<=64rem){.hero__grid{grid-template-columns:1fr}.hero__icons{min-height:18rem}.hero__icon{width:7rem;height:7rem}}.portfolio__intro{padding-block:0 3.5rem}.portfolio__body{max-width:32rem}.portfolio>.container>.more-link{margin-block-start:7rem}.portfolio-item{position:relative}@keyframes portfolio-colorize{0%{filter:grayscale()blur(6px);opacity:.5}to{filter:grayscale(0)blur();opacity:1}}@keyframes portfolio-grain-fade{0%{opacity:.9}to{opacity:0}}.portfolio-item__media:after{content:"";z-index:2;pointer-events:none;background-image:var(--texture-grain);mix-blend-mode:overlay;opacity:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.portfolio-item__media{animation:linear both portfolio-colorize;animation-timeline:view();animation-range:entry cover 35%}.portfolio-item__media:after{animation:linear both portfolio-grain-fade;animation-timeline:view();animation-range:entry cover 35%}}}.portfolio-item__link:after{z-index:2}.portfolio-grid{grid-template-columns:1fr 1fr;gap:7rem 3rem;display:grid}.portfolio-item--featured{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid;position:relative}.portfolio-item--small .portfolio-item__media{margin-block-end:1.5rem}.portfolio-item__media{position:relative}.portfolio-item__main-image-wrap{overflow:hidden}.portfolio-item__main-image{object-fit:cover;width:100%;transition:transform .5s var(--ease-out-expo);display:block}@media (hover:hover) and (pointer:fine){.portfolio-item:hover .portfolio-item__main-image{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.portfolio-item__main-image{transition:none}}.portfolio-item--featured .portfolio-item__main-image{aspect-ratio:502/455}.portfolio-item--small .portfolio-item__main-image{aspect-ratio:519/347}.portfolio-item__secondary{z-index:1;gap:.75rem;display:flex;position:absolute}.portfolio-item__secondary-image{object-fit:cover;object-position:top;width:100%;height:100%;box-shadow:var(--shadow-card);display:block}@media (hover:hover) and (pointer:fine){.portfolio-item__secondary-image{opacity:0;transition:opacity .4s ease, transform .4s var(--ease-out-expo);transform:translateY(1rem)}.portfolio-item:hover .portfolio-item__secondary-image{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-item__secondary-image{transition:none}}.portfolio-item--featured .portfolio-item__secondary{height:60%;bottom:-2.4375rem;left:8%;right:-1.0625rem}.portfolio-item--featured .portfolio-item__secondary-image:first-child{flex:1.5}.portfolio-item--featured .portfolio-item__secondary-image:last-child{flex:1}.portfolio-item--small .portfolio-item__secondary{width:40%;height:64%;bottom:-.875rem;right:-.625rem}.portfolio-item__info{padding-block-start:.5rem}.portfolio-item__site{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);font-variation-settings:"opsz" 14, "wdth" 100;margin-block-end:.5rem}.portfolio-item__tags{flex-wrap:wrap;gap:.3125rem;margin-block-end:1.25rem;display:flex}.portfolio-item .pill{background-color:var(--color-pencil);color:var(--color-canvas)}@media (width<=64rem){.portfolio-grid{row-gap:var(--space-section);grid-template-columns:1fr}.portfolio-item--featured .portfolio-item__media{margin-block-end:1.5rem}.portfolio-item--featured .portfolio-item__secondary-image:last-child{display:none}.portfolio-item--featured .portfolio-item__secondary,.portfolio-item--small .portfolio-item__secondary{width:40%;height:64%;bottom:-.625rem;left:auto;right:-.5rem}.portfolio>.container>.more-link{margin-block-start:var(--space-section)}}@media (width>=64.0625rem){.portfolio-item--featured .portfolio-item__heading{font-size:var(--font-size-h1);font-weight:var(--font-weight-regular);line-height:var(--line-height-heading-tight);letter-spacing:var(--letter-spacing-tight)}}.portfolio-item .tag{transition:background-color .2s,color .2s,border-color .2s}.portfolio-item .tag:hover{background-color:var(--color-ink);border-color:var(--color-ink);color:var(--color-canvas)}.portfolio-item__link:after{content:"";position:absolute;inset:0}.services__grid{flex-direction:column;gap:4rem;display:flex}.services__top{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.services__intro-body{color:var(--color-ink)}.services__list{grid-template-columns:1fr 1fr;gap:3rem 4rem;display:grid}.service-teaser{position:relative}.service-teaser__icon{width:8rem;height:8rem;margin-block-end:1.5rem}@keyframes service-icon-in{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){:where(html.js) .service-teaser__icon{opacity:0}:where(html.js) .service-teaser.is-revealed .service-teaser__icon{animation:service-icon-in .8s var(--ease-out-expo) both}:where(html.js) .services__list li:nth-child(2) .service-teaser.is-revealed .service-teaser__icon,:where(html.js) .services__list li:nth-child(4) .service-teaser.is-revealed .service-teaser__icon{animation-delay:.1s}}.service-teaser__icon svg{transition:transform .3s}.service-teaser:hover .service-teaser__icon svg{transform:scale(1.05)}.service-teaser__heading,.service-teaser__body{margin-block-end:1.125rem}.service-teaser .more-link:after{content:"";z-index:1;position:absolute;inset:0}@media (width<=64rem){.services__top{grid-template-columns:1fr;gap:3rem}.services__top>.testimonial{margin-block-start:2rem}.services__list{grid-template-columns:1fr}}.testimonial{--_teaser-marker-gap:1.875rem;padding-inline-start:var(--_teaser-marker-gap);position:relative}.testimonial:before{content:"";top:0;left:calc(-1 * var(--_teaser-marker-gap));background-color:var(--color-tertiary);width:.25rem;height:100%;position:absolute}.testimonial__quote{font-size:var(--font-size-md);color:var(--color-ink);margin:0;font-style:italic}.testimonial__author{align-items:center;gap:.875rem;margin-block-start:1.125rem;display:flex}.testimonial__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:3rem;height:3rem}.testimonial__author-info{flex-direction:column;display:flex}.testimonial__author-name{font-weight:var(--font-weight-semibold);color:var(--color-ink)}.testimonial__author-role{font-size:var(--font-size-small);color:var(--color-pencil)}.statement-block__text,.case-study-prose p.statement{max-width:50rem;font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-tight);font-variation-settings:"opsz" 14, "wdth" 100}.client-logos{border-bottom:1px solid var(--color-pencil-02);padding-block:var(--space-section) calc(var(--space-section) + var(--section-label-block-size));overflow:hidden}.marquee{grid-column:full-start/full-end;overflow:hidden}@media (width>=48rem){.marquee{max-width:var(--container-max-width);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--container-padding), black calc(100% - var(--container-padding)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--container-padding), black calc(100% - var(--container-padding)), transparent 100%);margin-inline:auto}}.marquee__track{align-items:center;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee__set{align-items:center;gap:5rem;margin-inline-end:5rem;display:flex}.marquee__logo{--logo-base-height:clamp(3rem, 7vw, 5rem);height:var(--logo-base-height);height:calc(var(--logo-base-height) / sqrt(var(--logo-ratio,1)));opacity:.8;width:auto;color:var(--color-ink);flex-shrink:0}@media (width<=48rem){.marquee__logo{--logo-base-height:clamp(3.75rem, 7vw, 5rem);margin-block:calc(var(--logo-base-height) * .5)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.blog-preview__list{border-top:1px solid var(--color-pencil-02)}.post-teaser{border-bottom:1px solid var(--color-pencil-02);border-inline:1px solid var(--color-pencil-02);grid-template-columns:18.75rem 1fr auto;align-items:center;gap:2.1875rem;padding:1.625rem 1.75rem;transition:background-color .15s;display:grid;position:relative}.post-teaser:hover{background-color:rgb(from var(--color-ink) r g b / .025)}.post-teaser__thumbnail{aspect-ratio:300/162;background-color:var(--color-primary);flex-shrink:0;overflow:hidden}.post-teaser__thumbnail img{object-fit:cover;width:100%;height:100%}.post-teaser__title{font-size:var(--font-size-h2);line-height:var(--line-height-heading-snug);color:var(--color-ink)}.post-teaser .more-link{z-index:1;flex-shrink:0;align-self:start;position:relative}@media (width<=64rem){.post-teaser{grid-template-rows:auto auto;grid-template-columns:10rem 1fr}.post-teaser__thumbnail{grid-row:1/3}.post-teaser .more-link{grid-column:2}}@media (width<=48rem){.post-teaser{grid-template-rows:auto;grid-template-columns:1fr}.post-teaser__thumbnail{grid-row:auto}.post-teaser .more-link{grid-column:auto}}.post-teaser__link:after{content:"";position:absolute;inset:0}}