.agency-services-projects{--agency-services-copy-size: 1.4rem;--agency-services-copy-leading: 1.5;display:block;width:100%;color:var(--agency-services-text, #0f1115);background:transparent}.agency-services-projects__inner{width:100%;padding:0 var(--page-gutter, 2.4rem);container-name:agency-services-layout;container-type:inline-size}.agency-services-projects__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;width:100%;min-width:0}.agency-services-projects__item{position:relative;display:grid;min-width:0}.agency-services-projects__item:is(.is-glare-active,:focus-within){z-index:3}.agency-services-projects__card{--agency-glare-x: 50%;--agency-glare-y: 50%;--agency-glare-bg-x: 50%;--agency-glare-bg-y: 50%;--agency-glare-rotate-x: 0deg;--agency-glare-rotate-y: 0deg;--agency-glare-duration: .3s;--agency-glare-easing: ease;--agency-glare-radius: .8rem;position:relative;display:block;min-width:0;overflow:hidden;border:.1rem solid var(--agency-services-border, #d5d1c8);border-radius:.8rem;color:inherit;background-color:var(--agency-services-card, #ffffff);text-decoration:none;isolation:isolate;backface-visibility:hidden;transform:perspective(100rem) rotateY(var(--agency-glare-rotate-y)) rotateX(var(--agency-glare-rotate-x));transform-origin:center;transition:transform var(--agency-glare-duration) var(--agency-glare-easing);container-name:agency-services-card;container-type:inline-size}.agency-services-projects__item.is-glare-active .agency-services-projects__card{--agency-glare-duration: .2s;--agency-glare-easing: linear;will-change:transform}.agency-services-projects__item.is-glare-tracking .agency-services-projects__card{--agency-glare-duration: 0ms}.agency-services-projects__glare{--agency-glare-step: 5%;--agency-glare-foil-size: 100%;--agency-glare-foil-pattern: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3.419S21.614 7.436 22.792 12.153C23.97 16.87 3.418 23.031 3.418 23.031' stroke='white' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;overflow:hidden;clip-path:inset(0 round var(--agency-glare-radius));background:var(--agency-glare-foil-pattern) center / 100% no-repeat,repeating-linear-gradient(0deg,#ff7773 calc(var(--agency-glare-step) * 1),#ffed5f calc(var(--agency-glare-step) * 2),#a8ff5f calc(var(--agency-glare-step) * 3),#83fff7 calc(var(--agency-glare-step) * 4),#7894ff calc(var(--agency-glare-step) * 5),#d875ff calc(var(--agency-glare-step) * 6),#ff7773 calc(var(--agency-glare-step) * 7)) 0 var(--agency-glare-bg-y) / 200% 700% no-repeat,repeating-linear-gradient(128deg,#0e152e,#8fa3a3 3.8% 4.5%,#8fa3a3 5.2%,#0e152e 10% 12%) var(--agency-glare-bg-x) var(--agency-glare-bg-y) / 300% no-repeat,radial-gradient(farthest-corner circle at var(--agency-glare-x) var(--agency-glare-y),rgba(255,255,255,.1) 12%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.25) 120%) var(--agency-glare-bg-x) var(--agency-glare-bg-y) / 300% no-repeat;background-blend-mode:hue,hue,hue,overlay;mix-blend-mode:color-dodge;opacity:0;pointer-events:none;transform:translateZ(.2rem);backface-visibility:hidden;transition:opacity .3s ease}.agency-services-projects__glare:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;background-repeat:inherit;background-attachment:inherit;background-origin:inherit;background-clip:inherit;background-position:center,0 var(--agency-glare-bg-y),calc(var(--agency-glare-bg-x) * -1) calc(var(--agency-glare-bg-y) * -1),var(--agency-glare-bg-x) var(--agency-glare-bg-y);background-size:var(--agency-glare-foil-size),200% 400%,800%,200%;background-blend-mode:soft-light,hue,hard-light,soft-light;content:"";mix-blend-mode:exclusion;opacity:.42;pointer-events:none}.agency-services-projects__item.is-glare-active .agency-services-projects__glare{opacity:.2;transition-duration:.2s;transition-timing-function:linear}.agency-services-projects__intro{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:4.8rem 1.6rem 3.2rem}.agency-services-projects__intro-copy{width:100%}.agency-services-projects__heading,.agency-services-projects__supporting-copy,.agency-services-projects__metric-copy{margin:0;color:inherit;font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-style:normal}.agency-services-projects__heading{font-size:clamp(2.8rem,8cqi,4rem);font-weight:500;letter-spacing:-.025em;line-height:1.1;text-transform:uppercase}.agency-services-projects__supporting-copy{max-width:38rem;margin-top:1.6rem;font-size:var(--agency-services-copy-size);font-weight:400;line-height:var(--agency-services-copy-leading)}.agency-services-projects__metric{display:flex;width:min(100%,28rem);min-height:20rem;flex-direction:column;justify-content:space-between;margin-top:3.2rem;padding:2.4rem;border:.1rem solid var(--agency-services-border, #d5d1c8);border-radius:.8rem;background:var(--agency-services-surface, #fafafa);background:color-mix(in srgb,var(--agency-services-surface, #fafafa) 35%,var(--agency-services-border, #d5d1c8))}.agency-services-projects__metric-value{display:block;color:var(--agency-services-text, #0f1115);font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-size:4.8rem;font-weight:600;letter-spacing:-.04em;line-height:1}.agency-services-projects__metric-copy{max-width:25rem;color:var(--agency-services-muted, #675845);font-size:1.2rem;font-weight:500;letter-spacing:.04em;line-height:1.4;text-transform:uppercase}.agency-services-projects__card[aria-disabled=true]{cursor:default}.agency-services-projects__card--service{display:grid;grid-template-rows:auto auto}.agency-services-projects__card-header{display:flex;min-height:22rem;flex-direction:column;align-items:center;padding:2.4rem;background:var(--agency-services-card, #ffffff);text-align:center;pointer-events:none}.agency-services-projects__card-title,.agency-services-projects__card-descriptor,.agency-services-projects__card-category,.agency-services-projects__card-action{display:block;font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-style:normal}.agency-services-projects__card-title{margin:1.2rem 0 0;color:var(--agency-services-text, #0f1115);font-size:clamp(2.8rem,7.5cqi,4rem);font-weight:600;letter-spacing:-.025em;line-height:1.08}.agency-services-projects__card-descriptor{width:100%;max-width:none;margin:1.2rem 0 0;text-wrap:wrap;color:var(--agency-services-text, #0f1115);font-size:var(--agency-services-copy-size);font-weight:400;letter-spacing:normal;line-height:var(--agency-services-copy-leading);text-transform:none}.agency-services-projects__card-category{margin:0;color:inherit;font-family:Switzer,Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;line-height:16px;text-align:center;text-transform:uppercase}.agency-services-projects__tags{display:flex;width:100%;flex-wrap:wrap;justify-content:center;gap:.8rem 1.4rem;margin:1.6rem 0 2rem;padding:0;list-style:none}.agency-services-projects__tag{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:0;color:inherit;font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-size:var(--agency-services-copy-size);font-style:normal;font-weight:500;letter-spacing:normal;line-height:1.4;text-align:left;text-transform:none}.agency-services-projects__tag:before{content:"";flex:0 0 .6rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--agency-services-accent, #ff4700)}.agency-services-projects__card-action{margin-top:auto;opacity:1;pointer-events:none;transition:opacity .18s ease}.agency-services-projects__media{display:flex;aspect-ratio:4 / 3;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--agency-services-card, #ffffff)}.agency-services-projects__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1);transform-origin:50% 100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.agency-services-projects__placeholder{color:var(--agency-services-border, #d5d1c8)}.agency-services-projects__card--booking{display:flex;width:100%;min-height:calc(22rem + 75cqi);flex-direction:column;align-items:center;justify-content:center;gap:3.2rem;padding:3.2rem 1.6rem;color:var(--agency-services-text, #0f1115);background:var(--agency-services-card, #ffffff);font:inherit;text-align:center}.agency-services-projects__booking-copy,.agency-services-projects__booking-action{position:relative}.agency-services-projects__booking-copy{display:flex;width:min(100%,48rem);flex-direction:column;align-items:center}.agency-services-projects__booking-eyebrow,.agency-services-projects__booking-title,.agency-services-projects__booking-body,.agency-services-projects__booking-action{font-family:var(--font-body-family, "Switzer", Arial, sans-serif);font-style:normal}.agency-services-projects__booking-eyebrow{color:var(--agency-services-accent, #ff4700);font-size:1.1rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.agency-services-projects__booking-title{margin:1.2rem 0 0;color:var(--agency-services-text, #0f1115);font-size:clamp(2.8rem,7.5cqi,4rem);font-weight:600;letter-spacing:-.025em;line-height:1.12}.agency-services-projects__booking-title:first-child{margin-top:0}.agency-services-projects__booking-body{max-width:26rem;margin-top:1.6rem;color:var(--agency-services-text, #0f1115);font-size:var(--agency-services-copy-size);font-weight:400;line-height:var(--agency-services-copy-leading)}.agency-services-projects__card-action,.agency-services-projects__booking-action{--blend-cta-z-index: 7;position:relative;width:fit-content;min-width:0;max-width:100%}.agency-services-projects__card--service[href]:is(:hover,:focus-visible) .agency-services-projects__card-action{--blend-cta-shimmer-left: -100%}.agency-services-projects__card:focus-visible{z-index:3;outline:.2rem solid var(--agency-services-accent, #ff4700);outline-offset:.3rem}.template-type-index #MainContent:has(>.section--agency-services-projects){background-color:#fafafa;transition:background-color .72s cubic-bezier(.45,0,.55,1)}.template-type-index #MainContent[data-agency-services-focus=true]{background-color:var(--blend-page-background, #d5d1c8)}.template-type-index #MainContent[data-agency-services-focus=true]>.shopify-section>.agency-contact-hero,.template-type-index #MainContent:has(>.section--agency-services-projects)>.shopify-section>.agency-sales-rep,.template-type-index #MainContent:has(>.section--agency-services-projects)>.shopify-section>.agency-client-logos,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-approach,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-approach>.agency-approach,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects>.agency-services-projects,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects~.section,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects~.section>.gradient,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects~.section>.isolate,.template-type-index #MainContent:has(>.section--agency-services-projects)>.section--agency-services-projects~.section>.isolate>.rich-text.gradient{background-color:transparent!important;background-image:none!important}@media(hover:hover)and (pointer:fine){.agency-services-projects__card--service .agency-services-projects__card-action{opacity:0}.agency-services-projects__card--service[href]:is(:hover,:focus-visible) .agency-services-projects__card-action{opacity:1}.agency-services-projects__card--service[href]:hover .agency-services-projects__image,.agency-services-projects__card--service[href]:focus-visible .agency-services-projects__image{transform:scale(1.025)}}@container agency-services-layout (min-width: 720px){.agency-services-projects__grid{--agency-services-copy-size: 1.5rem;--agency-services-copy-leading: 1.4;grid-template-columns:repeat(2,minmax(0,1fr))}.agency-services-projects__intro{grid-column:1 / -1;padding-bottom:3.2rem}.agency-services-projects__card-header{min-height:23rem;padding:2.8rem}.agency-services-projects__card--booking{min-height:0;padding-inline:3.2rem}}@container agency-services-layout (min-width: 1080px){.agency-services-projects__grid{--agency-services-copy-size: 1.6rem;--agency-services-copy-leading: 1.6;grid-template-columns:repeat(3,minmax(0,1fr))}.agency-services-projects__intro{grid-column:auto;padding:2.4rem 1.6rem 5.6rem}.agency-services-projects__heading{font-size:4rem;line-height:1.2}.agency-services-projects__supporting-copy{margin-top:1rem}.agency-services-projects__metric{min-height:31.7rem;margin-top:5.6rem}.agency-services-projects__metric-value{font-size:7.2rem;line-height:1.1}.agency-services-projects__metric-copy{font-size:1.2rem}}@media screen and (max-width:749px){.agency-services-projects__card--booking{min-height:0;gap:2.4rem;padding:3.2rem 1.6rem 1.6rem;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:none}.agency-services-projects__card--booking .agency-services-projects__glare{display:none}.agency-services-projects__inner{padding:0 var(--page-gutter, 1.6rem) 1.6rem}.agency-services-projects__intro{padding:4.8rem 0 3.2rem}.agency-services-projects__card-category{font-size:8px;line-height:10px}}@media(prefers-reduced-motion:reduce){.template-type-index #MainContent:has(>.section--agency-services-projects),.agency-services-projects__image,.agency-services-projects__card-action{transition:none!important}}@media(forced-colors:active){.template-type-index #MainContent:has(>.section--agency-services-projects){transition:none}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active){.agency-services-projects__item .agency-services-projects__card{transform:none;transition:none}.agency-services-projects__glare{display:none}}
/*# sourceMappingURL=/cdn/shop/t/487/assets/section-agency-services-projects.css.map */