/* ReflectiveCard metal treatment scoped exclusively to the service gallery. */
#services .service-panel{--metal-x:0deg;--metal-y:0deg;--metal-light:0;--metal-px:50%;--metal-py:40%;--metal-angle:120deg;transform:rotateY(var(--rotate,0deg)) rotateX(var(--metal-x)) rotateY(var(--metal-y));box-shadow:0 12px 30px -18px #000c,inset 0 1px 0 #ffffff24;transition:flex-grow 1.05s cubic-bezier(.25,.1,.25,1),transform .18s ease-out,border-color .6s}
#services .service-panel.is-active{transform:perspective(900px) rotateX(var(--metal-x)) rotateY(var(--metal-y));box-shadow:0 24px 44px -22px #000e,0 6px 18px -8px #0009}
#services .service-metal-fallback{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:calc(.13 + var(--metal-light) * .23);background:radial-gradient(ellipse at var(--metal-px) var(--metal-py),#ffedda75 0%,#fff3 12%,transparent 42%),linear-gradient(var(--metal-angle),transparent 23%,#cfd3dc10 34%,#fff5 42%,#fff9 44%,#cbd5e130 47%,transparent 58%),repeating-linear-gradient(0deg,#ffffff08 0px,#ffffff08 .5px,transparent .5px,transparent 2px);transition:opacity .45s}
#services .service-metal-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:calc(.16 + var(--metal-light) * .23)}
#services .service-panel[data-metal-renderer="webgl"] .service-metal-fallback{opacity:.035}
#services .service-panel::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff25,inset 0 1px 0 #ffffff48,inset 0 -1px 0 #000b;background:linear-gradient(135deg,#fff1,transparent 32%,transparent 75%,#fcbf8710);border:1px solid transparent}
#services .service-rail{z-index:3}
@media(max-width:700px){#services .service-panel{transition:height 1.05s cubic-bezier(.25,.1,.25,1),border-color .6s;transform:none!important}#services .service-panel.is-active{transform:none!important}#services .service-metal-fallback{opacity:.16}}
@media(prefers-reduced-motion:reduce){#services .service-panel{transform:none!important;transition:none!important}#services .service-metal-fallback{opacity:.12;transition:none}#services .service-metal-canvas{display:none}}
