.vip-title-badge .section-title h2>span:not(:empty){display:inline-block;padding:3px 10px;background:var(--accent);color:var(--button-text)}.services .card{text-align:center;position:relative;isolation:isolate;overflow:hidden}.highlights .card{position:relative;isolation:isolate;overflow:hidden}.indicators.has-dark-background .section-title,.team.has-dark-background .section-title{color:#fff}.indicators-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:44px}.indicator-photo{max-width:360px;margin:auto;border-radius:50%;overflow:hidden;aspect-ratio:1;border:3px solid var(--accent)}.indicator-photo img{display:block;width:100%;height:100%;object-fit:cover}.indicators .card{text-align:center;position:relative;isolation:isolate;overflow:hidden}.indicators .card h3{font-size:18px}.indicators .card .dashicons{font-size:26px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#111;display:inline-grid;place-items:center}.indicators .card .number{font-size:36px}.team .card{border:0;background:transparent;padding:0;overflow:visible}.team-photo{overflow:hidden;border:1px solid #ffffff80;border-radius:4px}.team .card .team-photo img{display:block;width:100%;height:310px;object-fit:cover;margin:0}.team-caption{position:relative;width:90%;margin:-28px auto 0;background:#fff;color:#141414;padding:16px 10px;border-radius:4px;z-index:2;text-align:center;box-shadow:0 3px 12px #0002}.team .card .team-caption h3{margin:0;font-size:20px}.team .card .team-caption p{font-size:14px;margin:5px 0}.team .card .team-caption>a{font-size:13px;text-decoration:underline}.vip-motion .card,.vip-motion .team-caption,.vip-motion .team-photo img,.vip-motion .button,.vip-motion .nav .menu a{transition:transform var(--hover-speed) ease,background-color var(--hover-speed) ease,color var(--hover-speed) ease,box-shadow var(--hover-speed) ease}.vip-motion .services .card::before,.vip-motion .highlights .card::before,.vip-motion .indicators .card::before{content:"";position:absolute;inset:0;background:var(--hover-service-bg);z-index:-1;opacity:0;transition:opacity var(--hover-speed) ease,clip-path var(--hover-speed) ease;pointer-events:none}.vip-motion .highlights .card::before,.vip-motion .indicators .card::before{background:var(--hover-accent-bg)}.vip-direction.vip-motion .services .card::before,.vip-direction.vip-motion .highlights .card::before,.vip-direction.vip-motion .indicators .card::before{clip-path:circle(0 at var(--hover-x,50%) var(--hover-y,50%))}.vip-motion .services .card:focus-within{color:var(--hover-service-text);box-shadow:0 10px 26px #0003;transform:translateY(calc(-1*var(--hover-lift)))}.vip-motion .services .card:focus-within::before,.vip-motion .highlights .card:focus-within::before,.vip-motion .indicators .card:focus-within::before{opacity:1;clip-path:circle(var(--hover-radius,150%) at var(--hover-x,50%) var(--hover-y,50%))}.vip-motion .services .card:focus-within h3{color:var(--hover-service-title)}.vip-motion .services .card:focus-within .dashicons{color:var(--hover-service-text)}.vip-motion .highlights .card:focus-within,.vip-motion .indicators .card:focus-within{color:var(--hover-accent-text)}.vip-motion .highlights .card:focus-within .dashicons{color:var(--hover-accent-text)}.vip-motion .team .card:focus-within .team-caption{background:var(--hover-accent-bg);color:var(--hover-accent-text);transform:translateY(var(--hover-lift))}.vip-motion.vip-team-zoom .team .card:focus-within .team-photo img{transform:scale(1.045)}.vip-motion .nav .menu a:focus-visible{color:var(--accent)}.nav.nav-is-fixed{position:fixed;top:var(--nav-offset,0px);left:50%;transform:translateX(-50%);z-index:50;max-width:var(--width);border-radius:0;box-shadow:0 4px 16px #0003;background:var(--header-color)}.nav-placeholder{width:100%;pointer-events:none}
@media(hover:hover) and (pointer:fine){.vip-motion .services .card:hover{color:var(--hover-service-text);box-shadow:0 10px 26px #0003;transform:translateY(calc(-1*var(--hover-lift)))}.vip-motion .services .card:hover::before,.vip-motion .highlights .card:hover::before,.vip-motion .indicators .card:hover::before{opacity:1;clip-path:circle(var(--hover-radius,150%) at var(--hover-x,50%) var(--hover-y,50%))}.vip-motion .services .card:hover h3{color:var(--hover-service-title)}.vip-motion .services .card:hover .dashicons{color:var(--hover-service-text)}.vip-motion .highlights .card:hover,.vip-motion .indicators .card:hover{color:var(--hover-accent-text);transform:translateY(calc(-1*var(--hover-lift)))}.vip-motion .highlights .card:hover .dashicons{color:var(--hover-accent-text)}.vip-motion .indicators .card:hover .dashicons{background:#141414;color:var(--hover-accent-bg)}.vip-motion .team .card:hover .team-caption{background:var(--hover-accent-bg);color:var(--hover-accent-text);transform:translateY(var(--hover-lift))}.vip-motion.vip-team-zoom .team .card:hover .team-photo img{transform:scale(1.045)}.vip-motion .button:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0003;text-decoration:none}.vip-motion .nav .menu a:hover{color:var(--accent)}}
@media(max-width:900px){.indicators-layout{grid-template-columns:1fr;gap:28px}.indicator-photo{max-width:240px}.team .card .team-photo img{height:260px}.nav.nav-is-fixed{width:calc(100% - 28px)}}@media(max-width:580px){.team-caption{width:94%;padding:12px 8px}.team .card .team-caption h3{font-size:18px}.team .card .team-photo img{height:280px}.indicators .grid{grid-template-columns:repeat(var(--mobile-columns,2),minmax(0,1fr))}.indicators .card{padding:16px 10px}.indicators .card h3{font-size:15px}.indicators .card .number{font-size:30px}.nav.nav-is-fixed #primary-menu{max-height:calc(100vh - 150px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.vip-motion .card,.vip-motion .team-caption,.vip-motion .team-photo img,.vip-motion .button,.vip-motion .nav .menu a,.vip-motion .card::before{transition:none!important}.vip-motion .services .card:hover,.vip-motion .highlights .card:hover,.vip-motion .indicators .card:hover,.vip-motion .team .card:hover .team-caption,.vip-motion.vip-team-zoom .team .card:hover .team-photo img,.vip-motion .card:focus-within,.vip-motion .card:focus-within .team-caption,.vip-motion .card:focus-within .team-photo img{transform:none!important}}
/* Button colors, matching the second video reference. */
.vip-motion .button{border:1px solid transparent;transition:background-color var(--hover-speed) ease,color var(--hover-speed) ease,border-color var(--hover-speed) ease,transform var(--hover-speed) ease,box-shadow var(--hover-speed) ease}
.vip-motion :is(.slider-controls button,.menu-toggle,.portfolio-filters button,.nav-search .search-submit,.scroll-top){transition:background-color var(--hover-speed) ease,color var(--hover-speed) ease,border-color var(--hover-speed) ease}
.vip-motion .button:focus-visible,.vip-motion :is(.slider-controls button,.menu-toggle,.portfolio-filters button,.nav-search .search-submit,.scroll-top):focus-visible{background:var(--hover-button-bg);color:var(--hover-button-text);border-color:var(--hover-button-border)}
.vip-motion .services .card:focus-within .button{background:var(--hover-service-button-bg);color:var(--hover-service-button-text);border-color:var(--hover-button-border)}
.vip-motion .services .card .button:focus-visible{background:var(--accent);color:var(--button-text)}
.vip-motion .nav .menu a{display:block;padding:8px 10px;border-radius:4px}
.vip-motion .nav .menu a:focus-visible{background:var(--hover-menu-bg);color:var(--hover-menu-text);text-decoration:none}
@media(hover:hover) and (pointer:fine){
 .vip-motion .button:hover,.vip-motion :is(.slider-controls button,.menu-toggle,.portfolio-filters button,.nav-search .search-submit,.scroll-top):hover{background:var(--hover-button-bg);color:var(--hover-button-text);border-color:var(--hover-button-border)}
 .vip-motion .services .card:hover .button{background:var(--hover-service-button-bg);color:var(--hover-service-button-text);border-color:var(--hover-button-border)}
 .vip-motion .services .card .button:hover{background:var(--accent);color:var(--button-text)}
 .vip-motion .nav .menu a:hover{background:var(--hover-menu-bg);color:var(--hover-menu-text);text-decoration:none}
}
@media(prefers-reduced-motion:reduce){.vip-motion .button,.vip-motion :is(.slider-controls button,.menu-toggle,.portfolio-filters button,.nav-search .search-submit,.scroll-top){transition:none!important}.vip-motion .button:hover,.vip-motion .button:focus-visible{transform:none!important}}

/* 3.3: smooth color changes observed in the October 7 reference video. */
.vip-motion :is(.services,.highlights,.indicators) .card :is(h3,p,.dashicons,.number),
.vip-motion .team-caption :is(h3,p,a){transition:color var(--hover-speed) ease,background-color var(--hover-speed) ease;}
.vip-effect-fade.vip-motion :is(.services,.highlights,.indicators) .card::before{
 clip-path:none;transition:opacity var(--hover-speed) cubic-bezier(.22,.61,.36,1);
}
.vip-effect-sweep.vip-motion :is(.services,.highlights,.indicators) .card::before{
 clip-path:none;opacity:1;transform:scaleY(0);transform-origin:top;
 transition:transform var(--hover-speed) cubic-bezier(.22,.61,.36,1);
}
.vip-effect-sweep.vip-motion :is(.services,.highlights,.indicators) .card:focus-within::before{transform:scaleY(1);}
/* On a highlighted service the button stays orange until the button itself is targeted. */
.vip-motion .services .card:focus-within .button{
 background:var(--accent);color:var(--button-text);border-color:var(--accent);
}
.vip-motion .services .card .button:focus-visible{
 background:var(--hover-service-button-bg);color:var(--hover-service-button-text);border-color:var(--hover-button-border);
}
.vip-motion .button{position:relative;isolation:isolate;overflow:hidden;}
.vip-motion .button:active{transform:translateY(0);}
.vip-motion .team-caption{transition:background-color var(--hover-speed) ease,color var(--hover-speed) ease,transform var(--hover-speed) ease;}
@media(hover:hover) and (pointer:fine){
 .vip-effect-sweep.vip-motion :is(.services,.highlights,.indicators) .card:hover::before{transform:scaleY(1);}
 .vip-motion .services .card:hover .button{background:var(--accent);color:var(--button-text);border-color:var(--accent);}
 .vip-motion .services .card .button:hover{background:var(--hover-service-button-bg);color:var(--hover-service-button-text);border-color:var(--hover-button-border);}
}
@media(prefers-reduced-motion:reduce){
 .vip-motion :is(.services,.highlights,.indicators) .card :is(h3,p,.dashicons,.number),
 .vip-motion .team-caption :is(h3,p,a),.vip-motion .card::before{transition:none!important;}
}