.services-bento{--sb-max-width: 72.5rem;--sb-gap: 1.5rem;--sb-bento-height: 30rem;--sb-service-col-width: 17rem;--sb-service-radius: 1.125rem;--sb-feature-radius: 1.25rem;--sb-service-bg: #f7f7f7;--sb-ease: cubic-bezier(.16, 1, .3, 1);container-type:inline-size}.services-bento__inner{width:min(100%,var(--sb-max-width));margin-inline:auto;display:flex;flex-direction:column;gap:2.5rem}.services-bento__divider{width:100%;height:1px;background-color:var(--color-border, #eeeeee);margin-block-end:3.5rem}.services-bento__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%}.services-bento__heading{margin:0;font-family:var(--font-heading--family, inherit);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--color-foreground, #15151e);text-wrap:balance}.services-bento__heading em,.services-bento__heading strong{font-family:var(--font-heading--family, inherit);font-style:italic;font-weight:900;color:var(--color-primary, #de1a00)}.services-bento__layout{display:flex;gap:var(--sb-gap);align-items:stretch;min-height:var(--sb-bento-height);width:100%}.services-bento__service-stack{flex:0 0 var(--sb-service-col-width);display:flex;flex-direction:column;gap:var(--sb-gap);min-width:0}.services-bento__service-card{position:relative;flex:1 1 0%;display:flex;flex-direction:column;justify-content:flex-end;min-height:14.25rem;border-radius:var(--sb-service-radius);background-color:var(--card-bg, var(--sb-service-bg));color:var(--color-foreground, #15151e);text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #15151e0b;transition:background-color .52s var(--sb-ease),box-shadow .52s var(--sb-ease)}@media(hover:hover)and (pointer:fine){.services-bento__service-card:hover{box-shadow:inset 0 0 0 1px #15151e1c}.services-bento__service-card:hover .services-bento__service-img{transform:scale(1.045)}.services-bento__service-card:hover .services-bento__service-body{transform:translate3d(0,-2px,0)}}.services-bento__service-card:focus-visible,.services-bento__feature-card:focus-visible{outline:3px solid var(--color-primary, #de1a00);outline-offset:3px}.services-bento__service-visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;overflow:hidden;pointer-events:none;border-radius:inherit}.services-bento__service-visual--blend-darken{mix-blend-mode:darken}.services-bento__service-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center 75%;display:block;transform:scale(1);will-change:transform;transition:transform .65s var(--sb-ease)}.services-bento__service-body{position:relative;z-index:2;flex-shrink:0;padding:.75rem 1rem 1rem;width:100%;text-align:center;transform:translateZ(0);transition:transform .52s var(--sb-ease)}.services-bento__service-title{margin:0;font-family:var(--font-heading--family, inherit);font-size:1rem;font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--color-foreground, #15151e)}.services-bento__features{flex:1 1 0%;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--sb-gap)}.services-bento__feature-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:var(--sb-bento-height);border-radius:var(--sb-feature-radius);background-color:#15151e;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff14;transition:box-shadow .52s var(--sb-ease)}@media(hover:hover)and (pointer:fine){.services-bento__feature-card:hover{box-shadow:inset 0 0 0 1px #ffffff38}.services-bento__feature-card:hover .services-bento__feature-img{transform:scale(1.045)}.services-bento__feature-card:hover .services-bento__feature-content{transform:translate3d(0,-2px,0)}}.services-bento__feature-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.services-bento__feature-picture,.services-bento__feature-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1);will-change:transform;transition:transform .68s var(--sb-ease)}.services-bento__feature-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;padding:3.5rem 1.375rem 1.5rem;background:linear-gradient(to bottom,#0000,rgb(0 0 0 / var(--feature-overlay-opacity, .75)));transform:translateZ(0);transition:transform .52s var(--sb-ease)}.services-bento__feature-title{margin:0;font-family:var(--font-heading--family, inherit);font-size:1.25rem;font-weight:600;line-height:1.25;color:#fff;width:100%}.services-bento__feature-desc{margin:0;font-family:var(--font-body--family, inherit);font-size:.875rem;font-weight:400;line-height:1.45;color:#ffffffc2;width:100%}@container (max-width: 989px){.services-bento__layout{flex-direction:column;min-height:0}.services-bento__service-stack{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.services-bento__service-card{min-height:11.9375rem}}@container (max-width: 749px){.services-bento{--sb-gap: .75rem}.services-bento__inner{gap:1.5rem}.services-bento__divider{margin-block-end:1.5rem}.services-bento__heading{font-size:1.75rem}.services-bento__service-stack{gap:var(--sb-gap)}.services-bento__features{grid-template-columns:minmax(0,1fr);gap:var(--sb-gap)}.services-bento__feature-card{min-height:30.6875rem}}@supports not (container-type: inline-size){@media screen and (max-width:989px){.services-bento__layout{flex-direction:column}.services-bento__service-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.services-bento__service-card{min-height:11.9375rem}}@media screen and (max-width:749px){.services-bento__features{grid-template-columns:minmax(0,1fr)}.services-bento__feature-card{min-height:30.6875rem}}}@media(prefers-reduced-motion:reduce){.services-bento__service-card,.services-bento__service-card:before,.services-bento__service-img,.services-bento__service-body,.services-bento__feature-card,.services-bento__feature-img,.services-bento__feature-content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-services-bento.css.map */