/* GENERATED by tools/transplant.php — never edit; change the design or the compiler, then recompile */
/*
 * x-elite-worldwide-services-home.css — generated by tools/transplant.php (D120/EDT-1).
 * This page's design-CSS rules that are NOT common to every compiled page
 * (see x-elite-worldwide-services.css for the common partition). Enqueued only on
 * this page by inc/x-partition-css.generated.php (EDT-33/D146 — the
 * functions-skeleton.php paste step is retired).
 */
/* Home-only: globe canvas sizing tweak on small screens */
@media (max-width: 640px){ .vis-globe-inner{ width: min(300px, 78vw); } }
/* Reduced motion — duplicates elite.css's shared block, scoped to what
THIS page's own markup uses. The linked elite.css copy is the real
production rule; this inline copy exists only so the capture step
(inline <style> only) carries a11y.reduced-motion into the compiled
CSS partition — keep both in sync if elite.css's block changes. */
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
[data-rv] { opacity: 1; transform: none; transition: none; }
.sl-in { transform: none; animation: none; }
.hero-sub, .hero-ctas { opacity: 1; transform: none; animation: none; }
.ews-kb image-slot { animation: none; }
#marquee.in-view .mq-track { animation: none; }
.ews-rotator span { transition: none; }
.hero-content, .ws-scrub-rise { animation: none; }
.svc-card image-slot, .svc-card:hover image-slot { transition: none; transform: none; }
.ews-btn, .why-cell, .ind-chip { transition: none; }
.ews-nav, .ews-navscrim, .ews-dropdown, .mb-bars i, .nav-chev { transition: none; }
.rev-card { transition: none; }
}
/* ---------- Reviews / testimonials (ELITE-REVIEWS-SECTION, Home-only) ----------
No equivalent exists in elite.css yet (new section, added 2026-08-18) — kept
entirely in this page's own <style> block per the same "Home-only" pattern as
the globe tweak above. Cards ride the shared --sec-card/--sec-border/--sec-accent
tone vars from elite.css's section-tone system so the section drops cleanly into
the sec-white/sec-mist/sec-dark rhythm; .ews-avatar is the existing site-wide
initials-avatar class from elite.css, just given a smaller modifier here. */
.rev-flag {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sec-chip);
border: 1px solid var(--sec-border);
border-radius: 999px;
padding: 8px 16px;
font-family: 'Archivo', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--sec-accent);
margin-bottom: 18px;
}
.rev-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(22px, 3vw, 30px); }
.rev-card {
background: var(--sec-card);
border: 1px solid var(--sec-border);
border-radius: 18px;
padding: clamp(24px, 2.6vw, 32px);
display: flex;
flex-direction: column;
gap: 16px;
transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s ease;
}
.rev-card:hover { transform: translateY(-5px); box-shadow: 0 26px 50px -22px rgba(11, 30, 58, 0.35); }
.rev-stars { display: flex; gap: 3px; color: var(--sec-accent); }
.rev-quote { font-size: 15px; line-height: 1.7; color: var(--sec-fg); font-style: italic; }
.rev-person { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.ews-avatar--sm { width: 46px; height: 46px; font-size: 14px; box-shadow: none; }
.rev-name { font-weight: 700; font-size: 14.5px; color: var(--sec-head); }
.rev-role { font-size: 12.5px; color: var(--sec-muted); margin-top: 2px; }