.services-magic{overflow:hidden;position:relative}.services-magic:before{background:radial-gradient(60% 50% at 8% 0,rgba(251,192,45,.1) 0,rgba(251,192,45,0) 60%),radial-gradient(55% 45% at 100% 6%,rgba(177,31,36,.08) 0,rgba(177,31,36,0) 60%),radial-gradient(50% 45% at 50% 100%,rgba(0,0,0,.05) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.services-magic>*{position:relative;z-index:1}.services-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem}.services-filter .filter-pill{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:hsla(0,0%,100%,.85);border:1px solid rgba(0,0,0,.12);border-radius:999px;color:#2b2b2b;cursor:pointer;font-size:var(--fs-caption);font-weight:600;letter-spacing:.04em;padding:.55em 1.2em;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.services-filter .filter-pill:hover{border-color:rgba(251,192,45,.6);transform:translateY(-2px)}.services-filter .filter-pill.is-active{background:linear-gradient(135deg,#fbc02d,#f9a825);border-color:transparent;color:#1a1a1a}.services-magic .service-card{background:#1a1a1a;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08);height:100%;isolation:isolate;overflow:hidden;position:relative;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .55s ease}.services-magic .service-card .service-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .55s ease;will-change:transform;z-index:0}.services-magic .service-card .service-overlay{background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.55) 55%,rgba(0,0,0,.85));inset:0;position:absolute;transition:background .55s ease,opacity .55s ease;z-index:1}.services-magic .service-card .service-shine{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.18) 50%,transparent);bottom:0;left:-75%;pointer-events:none;position:absolute;top:0;transform:skewX(-18deg);transition:left 1.1s cubic-bezier(.2,.7,.2,1);width:50%;z-index:2}.services-magic .service-card .service-content{color:#fff;display:flex;flex-direction:column;height:100%;min-height:360px;padding:2.5rem 1.75rem 2rem;position:relative;text-align:center;z-index:3}.services-magic .service-card .service-category{align-items:center;align-self:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(251,192,45,.18);border:1px solid rgba(251,192,45,.45);border-radius:999px;color:#fbc02d;display:inline-flex;font-size:var(--fs-eyebrow);font-weight:700;gap:.45em;letter-spacing:.12em;padding:.35em 1em;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:background .35s ease,color .35s ease,transform .35s ease}.services-magic .service-card .service-title{font-size:var(--fs-display);font-weight:900;line-height:1.1;margin:1rem 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.45);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.services-magic .service-card .service-description{font-size:var(--fs-lead);line-height:1.65em;margin:0 0 1.75rem;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.55),0 6px 18px rgba(0,0,0,.45)}.services-magic .service-card .service-cta{margin-top:auto}.services-magic .service-card .btn-service{align-items:center;background:linear-gradient(135deg,#fbc02d,#f9a825);border:none;border-radius:999px;color:#1a1a1a;display:inline-flex;font-weight:700;gap:.55em;letter-spacing:.04em;padding:.8em 1.6em;transition:transform .35s ease,background .35s ease}.services-magic .service-card .btn-service .btn-arrow{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.services-magic .service-card:hover{box-shadow:0 22px 50px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.18);transform:translateY(-6px)}.services-magic .service-card:hover .service-bg{filter:saturate(1.1);transform:scale(1.12)}.services-magic .service-card:hover .service-overlay{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.46) 55%,rgba(0,0,0,.78))}.services-magic .service-card:hover .service-shine{left:130%}.services-magic .service-card:hover .service-category{background:rgba(251,192,45,.35);color:#fff;transform:translateY(-2px)}.services-magic .service-card:hover .btn-service,.services-magic .service-card:hover .service-title{transform:translateY(-2px)}.services-magic .service-card:hover .btn-service .btn-arrow{transform:translateX(4px)}.services-magic .service-card:focus-within{outline:2px solid #fbc02d;outline-offset:4px}.services-magic .service-tile{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}.services-magic .service-tile.is-revealed{opacity:1;transform:translateY(0)}.services-magic .service-tile.is-hiding{opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .28s ease,transform .28s ease}.services-magic .service-tile.is-hidden{display:none!important}.services-magic .service-tile.is-showing{transition-delay:0ms!important}.services-magic .service-tile.is-shifting{pointer-events:none}@media (max-width:767px){.services-magic .service-card .service-title{font-size:var(--fs-display)}.services-magic .service-card .service-description{font-size:var(--fs-body)}.services-magic .service-card .service-content{min-height:320px}}@media (prefers-reduced-motion:reduce){.services-magic *,.services-magic :after,.services-magic :before{animation:none!important;transition:none!important}}