.ups-directory{--ups-ink:var(--ink,#1c2030);--ups-text:var(--text,#565d70);--ups-muted:var(--muted,#777c8b);--ups-line:var(--line,#e7e9f1);--ups-action:var(--action,#c44b41);font-family:var(--font-body,'DM Sans',sans-serif);color:var(--ups-text);background:var(--bg,#fbfbfe)}
.ups-directory *{box-sizing:border-box}.ups-directory .wrap{width:calc(100% - 48px);max-width:1200px;margin:0 auto}.ups-directory h1,.ups-directory h2,.ups-directory h3{font-family:var(--font-display,Sora,sans-serif);color:var(--ups-ink);letter-spacing:-.045em}.ups-directory a{color:inherit}.ups-directory button{font:inherit}
.ups-intro{padding:30px 0 50px;background:linear-gradient(145deg,#fff 15%,var(--accent-soft,#fbf1f5) 150%);border-bottom:1px solid var(--ups-line)}
.ups-breadcrumb{display:flex;gap:11px;font-size:11px;color:var(--ups-muted);margin-bottom:42px}.ups-breadcrumb a{text-decoration:none}.ups-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--accent,#8a4f66);margin:0 0 15px}
.ups-intro h1{font-size:clamp(36px,4vw,54px);font-weight:750;line-height:1.18;margin:0 0 22px}.ups-intro h1 span{background:var(--grad-brand,linear-gradient(100deg,#8a4f66,#4f5a75));background-clip:text;-webkit-background-clip:text;color:transparent}.ups-lead{font-size:15px;line-height:1.9;max-width:680px;margin:0}.ups-intro-foot{display:flex;gap:26px;font-size:10px;color:var(--ups-muted);margin-top:26px}.ups-intro-foot span:before{content:'✓';margin-right:7px;color:var(--accent,#8a4f66)}
.ups-catalog{padding:58px 0 52px}.ups-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ups-catalog-head h2{font-size:28px;line-height:1.4;margin:0 0 9px}.ups-catalog-head p{font-size:13px;line-height:1.7;margin:0}.ups-count{font-size:11px;color:var(--ups-muted);white-space:nowrap}.ups-filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 30px}.ups-filters button{border:1px solid var(--ups-line);border-radius:999px;padding:10px 16px;font-size:11px;line-height:1.5;color:var(--ups-text);background:#fff;cursor:pointer}.ups-filters button[aria-pressed=true]{background:var(--grad-brand,linear-gradient(100deg,#8a4f66,#4f5a75));border-color:transparent;color:#fff}.ups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ups-card{display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--ups-line);border-radius:var(--r-card,20px);overflow:hidden;box-shadow:0 10px 30px -22px #31304440;transition:transform .2s,box-shadow .2s}.ups-card[hidden]{display:none}.ups-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px -23px #31304455}
.ups-visual{display:block;padding:13px 13px 0;background:linear-gradient(160deg,#f6f2f8,#f6f7fb);text-decoration:none}.ups-visual img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #e9e5ef;background:#fff}
.ups-card-body{padding:25px 24px 23px;display:flex;flex-direction:column;flex:1}.ups-card-body .ups-eyebrow{font-size:8px;line-height:1.5;letter-spacing:.08em;margin-bottom:10px}.ups-card h3{font-size:21px;line-height:1.4;margin:0 0 12px;font-weight:700}.ups-card-body>p:not(.ups-eyebrow){font-size:12px;line-height:1.9;margin:0 0 24px;color:var(--ups-text)}.ups-card-link{margin-top:auto;padding-top:18px;border-top:1px solid var(--ups-line);display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;font-weight:600;color:var(--accent,#8a4f66)!important}.ups-card-link span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft,#fbf1f5);font-size:15px}.ups-disclosure{font-size:10px;color:var(--ups-muted);line-height:1.8;margin:24px 0 0}
.ups-guide{padding:48px 0 62px}.ups-guide-inner{border:1px solid var(--ups-line);background:#fff;border-radius:var(--r-card,20px);padding:38px!important;display:flex;justify-content:space-between;align-items:center;gap:40px}.ups-guide h2{font-size:27px;line-height:1.4;margin:0 0 14px}.ups-guide p:last-child{font-size:12px;line-height:1.8;margin:0}.ups-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--grad-warm,linear-gradient(100deg,#c44b41,#8a4f66));border-radius:999px;padding:16px 23px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 10px 25px -15px #8a4f66}
.ups-directory :focus-visible{outline:2px solid var(--accent,#8a4f66);outline-offset:4px}
@media(max-width:1000px){.ups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ups-guide-inner{gap:25px}.ups-guide h2{font-size:24px}.ups-button{white-space:normal}}
@media(max-width:620px){.ups-directory .wrap{width:calc(100% - 36px)}.ups-intro{padding:22px 0 34px}.ups-breadcrumb{margin-bottom:30px;font-size:10px}.ups-intro h1{font-size:36px}.ups-lead{font-size:13px}.ups-intro-foot{flex-direction:column;gap:10px}.ups-catalog{padding:36px 0}.ups-catalog-head{align-items:flex-start}.ups-catalog-head h2{font-size:23px}.ups-catalog-head p{font-size:11px}.ups-count{font-size:9px;padding-top:9px}.ups-filters{gap:7px}.ups-filters button{font-size:10px;padding:8px 12px}.ups-grid{grid-template-columns:1fr;gap:22px}.ups-visual img{aspect-ratio:1.7}.ups-card h3{font-size:22px}.ups-card-body{padding:25px}.ups-guide{padding:0 0 36px}.ups-guide-inner{padding:27px!important;flex-direction:column;align-items:flex-start;gap:25px}.ups-guide h2{font-size:24px}.ups-button{font-size:11px;width:100%}}
@media(prefers-reduced-motion:reduce){.ups-card{transition:none}}

/* Approved dark Services hero: native menu gradient and VIP decorative layers. */
.ups-directory-dark .ups-intro{background:var(--nav-bg,var(--grad-brand,linear-gradient(100deg,#8a4f66,#4f5a75)));border-bottom-color:rgba(255,255,255,.12)}
.ups-directory-dark .ups-intro h1{color:#fff}.ups-directory-dark .ups-intro h1 span{background:linear-gradient(100deg,#f0c4d7,#c1cbe8);background-clip:text;-webkit-background-clip:text;color:transparent}
.ups-directory-dark .ups-intro .ups-eyebrow{color:#f3dce9}.ups-directory-dark .ups-intro .ups-breadcrumb{color:#e1d8e5}.ups-directory-dark .ups-intro .ups-breadcrumb a:hover{color:#fff}.ups-directory-dark .ups-intro .ups-lead{color:#f7f2f8}.ups-directory-dark .ups-intro-foot{color:#eee6f0}.ups-directory-dark .ups-intro-foot span:before{color:#fff}
/* v21 - same decorative effect as the native VIP hero, scoped to the dark preview */
.ups-directory-dark .ups-intro{position:relative;isolation:isolate;overflow:hidden}
.ups-directory-dark .ups-hero-fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ups-directory-dark .ups-hero-fx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(70% 90% at 78% 30%,#000 0%,transparent 72%);mask-image:radial-gradient(70% 90% at 78% 30%,#000 0%,transparent 72%);opacity:.6}
.ups-directory-dark .ups-hero-glow{position:absolute;border-radius:50%;filter:blur(30px);will-change:transform}
.ups-directory-dark .ups-hero-glow-a{width:560px;height:560px;right:-160px;top:-240px;background:radial-gradient(circle,rgba(242,114,106,.42),transparent 64%);animation:ups-hero-drift-a 22s ease-in-out infinite alternate}
.ups-directory-dark .ups-hero-glow-b{width:640px;height:640px;left:-240px;bottom:-360px;background:radial-gradient(circle,rgba(170,186,228,.34),transparent 64%);animation:ups-hero-drift-b 28s ease-in-out infinite alternate}
@keyframes ups-hero-drift-a{to{transform:translate3d(-70px,46px,0) scale(1.08)}}
@keyframes ups-hero-drift-b{to{transform:translate3d(80px,-36px,0) scale(1.06)}}
.ups-directory-dark .ups-hero-mark{position:absolute;right:-16vw;top:56%;width:clamp(820px,64vw,1320px);height:auto;transform:translateY(-50%) rotate(-8deg);color:#fff;opacity:.07}
.ups-directory-dark .ups-hero-mark path{fill:currentColor}
@media(prefers-reduced-motion:reduce){.ups-directory-dark .ups-hero-glow{animation:none;will-change:auto}}

/* Smaller windows: keep the watermark on the right, clear of the main copy. */
@media(max-width:760px){.ups-directory-dark .ups-hero-mark{width:clamp(430px,100vw,620px);right:-48%;top:58%}}

@media(max-width:380px){.ups-directory-dark .ups-hero-mark{width:380px;right:-62%}}

/* Requested salmon badge, scoped only to the Services hero label. */
.ups-directory-dark .ups-intro .ups-service-badge{display:inline-flex;align-items:center;width:auto;padding:7px 13px;border-radius:999px;background:#f4aa94;color:#49303b;border:1px solid rgba(255,255,255,.22);box-shadow:0 5px 13px -9px rgba(40,20,30,.5);font-weight:700;letter-spacing:.09em;line-height:1.5}

/* Services directory now shows the full list without category filters. */
.ups-directory .ups-catalog-head{margin-bottom:28px}
