:root{--sc-primary: #0A2540;--sc-accent: #182c38;--sc-accent-hover: #12222c;--sc-success: #00875A;--sc-surface: #FFFFFF;--sc-surface-alt: #F7F9FC;--sc-border: #E2E8F0;--sc-text-1: #1A202C;--sc-text-2: #4A5568;--sc-text-3: #718096;--sc-badge-bg: #FFF3CD;--sc-badge-color: #856404;--sc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--sc-shadow-hover: 0 8px 24px rgba(10, 37, 64, .14), 0 4px 8px rgba(10, 37, 64, .06);--sc-radius: 10px;--sc-img-ratio: 56.25%;--sc-ease: .22s cubic-bezier(.4, 0, .2, 1);--sc-font: "Inter", sans-serif}.service-cards-section{padding:48px 0;font-family:var(--sc-font)}.service-cards-section *{font-family:inherit}.service-cards__header{text-align:center;margin:0 auto 36px;max-width:640px;padding-inline:16px}.service-cards__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--sc-primary);margin:0 0 10px;letter-spacing:-.02em;line-height:1.2}.service-cards__subtitle{font-size:.9375rem;color:var(--sc-text-2);margin:0;line-height:1.6}.service-cards__grid{display:grid;gap:20px;padding-inline:16px;max-width:1280px;margin-inline:auto}.service-cards__grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.service-cards__grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.service-cards__grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.service-cards__grid[data-columns="4"]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.service-cards-section{padding:32px 0}.service-cards__grid{display:flex!important;flex-direction:column!important;gap:18px!important;padding-inline:16px}.service-cards__grid>.service-card{width:100%;margin:0!important}.service-cards__grid>.service-card+.service-card{margin-top:0!important}.service-card{border-radius:12px;overflow:hidden}.service-card__media{aspect-ratio:16 / 9}.service-card__body{padding:16px;gap:10px}.service-card__footer{padding-top:14px}.service-card__cta{min-height:48px;padding:10px 16px}.service-card__contact{min-height:44px}}.service-card{position:relative;display:flex;flex-direction:column;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow-sm);overflow:hidden;transition:transform var(--sc-ease),box-shadow var(--sc-ease),border-color var(--sc-ease);will-change:transform}.service-card:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow-hover);border-color:#182c3840}.service-card--featured{border-color:var(--sc-accent);border-width:2px}.service-card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#182c38,#2f4e60);z-index:2}.service-card__badge{position:absolute;top:10px;right:10px;z-index:3;padding:3px 9px;border-radius:20px;font-size:.6563rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--sc-badge-bg);color:var(--sc-badge-color);border:1px solid rgba(133,100,4,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-card__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:#eef2f5}.service-card__media:before{content:"";display:block;padding-top:var(--sc-img-ratio)}.service-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.service-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-card__image{transform:scale(1.045)}.service-card__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;background:linear-gradient(180deg,transparent 40%,rgba(10,37,64,.68) 100%);opacity:0;transition:opacity var(--sc-ease)}.service-card:hover .service-card__media-overlay{opacity:1}.service-card__overlay-label{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:5px 12px;border:1.5px solid rgba(255,255,255,.55);border-radius:6px;background:#0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(5px);transition:transform var(--sc-ease)}.service-card:hover .service-card__overlay-label{transform:translateY(0)}.service-card__body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;gap:8px}.service-card__icon-wrap{width:34px;height:34px;border-radius:8px;background:var(--sc-surface-alt);border:1px solid var(--sc-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-card__icon{font-size:20px!important;line-height:1}.service-card__content{flex:1;display:flex;flex-direction:column;gap:5px}.service-card__category{font-size:.625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:red}.service-card__title{font-size:.9375rem;font-weight:700;color:var(--sc-text-1);margin:0;line-height:1.35;letter-spacing:-.01em}.service-card__title-link{color:inherit;text-decoration:none;transition:color var(--sc-ease)}.service-card__title-link:hover{color:var(--sc-accent)}.service-card__description{font-size:.8125rem;color:var(--sc-text-2);margin:0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.service-card__meta{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.service-card__meta-item{display:flex;align-items:flex-start;gap:6px;font-size:.72rem;color:var(--sc-text-3);font-weight:500;line-height:1.4}.service-card__meta-item svg{color:var(--sc-success);flex-shrink:0;margin-top:2px}.service-card__footer{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--sc-border);margin-top:auto}.service-card__cta{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:var(--sc-accent);color:#fff!important;font-size:.8125rem;font-weight:600;text-decoration:none;border-radius:7px;border:none;cursor:pointer;white-space:nowrap;transition:background var(--sc-ease),transform var(--sc-ease),box-shadow var(--sc-ease)}.service-card__cta:hover{background:var(--sc-accent-hover);transform:translate(2px);box-shadow:0 3px 10px #182c3859}.service-card__cta-icon{transition:transform var(--sc-ease)}.service-card__cta:hover .service-card__cta-icon{transform:translate(3px)}.service-card__contact{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--sc-text-2);text-decoration:none;white-space:nowrap;transition:color var(--sc-ease)}.service-card__contact:hover{color:var(--sc-primary)}.service-card__title-link:focus-visible,.service-card__cta:focus-visible,.service-card__contact:focus-visible{outline:2.5px solid var(--sc-accent);outline-offset:3px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-service-cards.css.map */