:root { --ink: #141414; --navy: #081433; --navy-2: #0d1d45; --muted: #696560; --paper: #fffaf7; --paper-2: #f2ece3; --white: #ffffff; --orange: #ff7a1a; --orange-dark: #e65f00; --sports: #ef3f3d; --gold: #caa46a; --line: rgba(20, 20, 20, .12); --shadow: 0 24px 58px rgba(10, 16, 35, .18); --soft-shadow: 0 14px 34px rgba(8, 20, 51, .12); --max: 1180px; --radius: 8px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.topbar-inner, .brand-inner, .nav-inner, .section-inner { width: min(var(--max), calc(100% - 40px)); margin: 0px auto; }
.top-cta, .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 0px 18px; border-radius: 999px; border: 1px solid transparent; font-size: 12px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; position: relative; overflow: hidden; isolation: isolate; transition: transform 0.22s, background 0.22s, border-color 0.22s, box-shadow 0.22s, color 0.22s; }
.top-cta::before, .btn::before { content: ""; position: absolute; inset: 1px; border-radius: inherit; background: linear-gradient(120deg, rgba(255, 255, 255, 0.24), transparent 42%, rgba(255, 255, 255, 0.1)); opacity: 0.65; z-index: -1; }
.btn:hover, .top-cta:hover { transform: translateY(-3px); box-shadow: rgba(8, 20, 51, 0.18) 0px 18px 38px; }
.btn-dark { background: linear-gradient(135deg, var(--navy), #13265a); color: white; border-color: rgba(255, 255, 255, 0.08); }
@keyframes vLiveDrift { 
  0%, 100% { transform: translate3d(-10px, 0px, 0px) scale(1); }
  50% { transform: translate3d(18px, -12px, 0px) scale(1.06); }
}
@keyframes signatureFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(-1deg); opacity: 0.34; }
  45% { transform: translate3d(-12px, 18px, 0px) rotate(1.8deg); opacity: 0.52; }
}
section { padding: 92px 0px; }
.section-kicker { color: var(--orange-dark); font-size: 12px; font-weight: 950; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 10px; }
h2 { margin: 0px; font-size: clamp(34px, 5vw, 64px); line-height: 0.98; letter-spacing: 0px; text-transform: uppercase; color: var(--navy); font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700; }
h3 { margin: 0px; font-size: 22px; line-height: 1.15; text-transform: uppercase; color: var(--navy); }
.lead { color: var(--muted); font-size: 18px; max-width: 760px; }
.mini-brand, .metric, .service-card, .mag-card, .testimonial, .news-card, .event-row { border: 1px solid var(--line); background: white; border-radius: var(--radius); }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 38px; }
.news { background: var(--paper); }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.news-card { overflow: hidden; }
.news-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.35s; }
.news-card:hover img { transform: scale(1.04); }
.news-body { padding: 24px; }
.news-body p { color: var(--muted); }
.news-card .btn { margin-top: 14px; }
.reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.7s, transform 0.7s; }
@media (prefers-reduced-motion: reduce){*, ::before, ::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }.reveal { opacity: 1; transform: none; }}
@media (max-width: 980px){.stats-row, .work-grid, .news-grid, .footer-grid, .device-copy, .brand-world, .event-feature, .latest-grid { grid-template-columns: 1fr; }.section-head { display: block; }}
@media (max-width: 680px){section { padding: 68px 0px; }.topbar-inner, .brand-inner, .nav-inner, .section-inner, .hero-inner { width: min(100% - 28px, var(--max)); }}
.btn { box-shadow: rgba(8, 20, 51, 0.1) 0px 12px 26px; }
@media (max-width: 680px){html { overflow-x: hidden !important; }.section-inner, .hero-inner, .topbar-inner, .brand-inner, .nav-inner { width: min(calc(100% - 28px),var(--max)) !important; max-width: calc(100% - 28px) !important; }.hero-inner, .manifest-grid, .premium-layout, .section-head, .footer-grid { grid-template-columns: 1fr !important; }.hero-copy, .lead, .kicker, .proof-rail span, .metric, .panel, .text-panel, .manifest-card, .service-card, .format-card, .premium-card, .consult-step { max-width: 100% !important; min-width: 0px !important; overflow-wrap: anywhere !important; }h2, .premium-title { max-width: 100% !important; overflow-wrap: anywhere !important; }}
h1, h2, h3, .premium-title, .premium-card h3, .consult-step strong, .format-card h3, .service-card h3, .facts strong { hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; text-wrap: balance !important; }
p, li, span, .lead, .premium-deck, .premium-card p, .consult-step span, .format-card p, .service-card p { hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; }
@keyframes trustPulse { 
  0%, 100% { transform: translateY(0px); box-shadow: rgba(8, 20, 51, 0.1) 0px 14px 30px; }
  50% { transform: translateY(-3px); box-shadow: rgba(8, 20, 51, 0.17) 0px 22px 40px; }
}
h1, h2, h3, .premium-title, .metric-number, .proof-rail strong { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; text-wrap: balance !important; }
p, li, .lead, .metric-label, .premium-card, .consult-step, .service-card, .brand-world-copy, .testimonial, .news-body, .footer-grid { overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; }
.premium-card, .consult-step, .metric, .proof-rail span, .hero-proof span, .service-card, .brand-world, .testimonial, .work-item, .news-card, .client-proof span { min-width: 0px !important; overflow: hidden !important; }
html { scroll-padding-top: 78px !important; }
* { hyphens: none !important; word-break: normal !important; }
.reveal { will-change: transform, opacity; }
.section-inner { max-width: var(--max) !important; }
.premium-title, h1, h2, h3 { overflow-wrap: normal !important; word-break: normal !important; }
.service-card, .format-card, .trust-card, .work-item, .news-card, .latest-card, .metric, .premium-card, .consult-step { min-width: 0px !important; overflow: hidden !important; border-radius: 8px !important; }
.service-card h3, .format-card h3, .trust-card h3, .work-item h3, .news-card h3, .latest-card h3, .premium-card h3, .consult-step strong { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; text-wrap: balance !important; }
.service-card p, .format-card p, .trust-card p, .work-item p, .news-card p, .latest-card p, .premium-card p, .consult-step span { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
@keyframes videoPulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.055); }
}
@keyframes nmgPlayPulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.055); }
}
@keyframes nmgPlayRing { 
  0% { opacity: 0.62; transform: scale(0.92); }
  70%, 100% { opacity: 0; transform: scale(1.28); }
}
*, ::before, ::after { box-sizing: border-box; }
img, video { max-width: 100%; }
h1, h2, h3, h4, .headline, .premium-title { hyphens: none !important; overflow-wrap: normal !important; word-break: normal !important; }
* { hyphens: none !important; word-break: normal !important; }
* { hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; }
img { max-width: 100%; }
body * { hyphens: none !important; }
.reveal, .reveal.is-visible { opacity: 1 !important; transform: none !important; }