:root {
  --s360-bg-950: #ffffff;
  --s360-bg-900: #f6f9fb;
  --s360-bg-850: #eef4f7;
  --s360-bg-accent: rgba(42, 108, 136, 0.18);
  --s360-bg-accent-strong: rgba(42, 108, 136, 0.28);
  --s360-bg-accent-2: rgba(44, 165, 54, 0.16);
  --s360-bg-accent-3: rgba(42, 108, 136, 0.14);
  --s360-page-bg: radial-gradient(1100px 460px at -8% -8%, var(--s360-bg-accent-strong), transparent 70%),
    radial-gradient(980px 420px at 108% -6%, var(--s360-bg-accent-2), transparent 70%),
    radial-gradient(960px 460px at 50% 120%, var(--s360-bg-accent-3), transparent 72%),
    linear-gradient(145deg, #eef8f6, #eef5fb 34%, #f5faf5 68%, #edf6fb);
  --s360-ink: #000000;
  --s360-muted: rgba(42, 108, 136, 0.75);
  --s360-border: rgba(0, 0, 0, 0.12);
  --s360-border-strong: rgba(0, 0, 0, 0.18);
  --s360-border-subtle: rgba(0, 0, 0, 0.08);
  --s360-border-accent: rgba(42, 108, 136, 0.35);
  --s360-border-accent-strong: rgba(42, 108, 136, 0.55);
  --s360-surface-1: rgba(255, 255, 255, 0.9);
  --s360-surface-2: rgba(255, 255, 255, 0.82);
  --s360-surface-3: rgba(255, 255, 255, 0.96);
  --s360-dur-fast: 160ms;
  --s360-dur-standard: 280ms;
  --s360-dur-hero: 560ms;
  --s360-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --s360-ease-in: cubic-bezier(0.55, 0, 0.8, 0.15);
  --s360-ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);
  --s360-reveal-distance: 16px;
  --s360-brand: #2a6c88;
  --s360-brand-deep: #1f566b;
  --s360-accent: #2ca536;
  --s360-accent-2: #1f566b;
  --s360-highlight: #cfe3ec;
  --s360-success: #2ca536;
  --s360-warning: #2a6c88;
  --s360-danger: #000000;
  --s360-info: #2a6c88;
  --s360-glow-primary: rgba(42, 108, 136, 0.25);
  --s360-glow-secondary: rgba(42, 108, 136, 0.18);
  --s360-glow-accent: rgba(44, 165, 54, 0.22);
  --s360-glow-warn: rgba(42, 108, 136, 0.18);
  --s360-chip-bg: rgba(42, 108, 136, 0.12);
  --s360-chip-bg-strong: rgba(42, 108, 136, 0.2);
  --s360-chart-1: rgba(42, 108, 136, 0.75);
  --s360-chart-2: rgba(44, 165, 54, 0.65);
  --s360-chart-3: rgba(0, 0, 0, 0.45);
  --s360-chart-4: rgba(42, 108, 136, 0.35);
  --s360-space-1: 6px;
  --s360-space-2: 10px;
  --s360-space-3: 16px;
  --s360-space-4: 24px;
  --s360-space-5: 32px;
  --s360-space-6: 48px;
  --s360-text-xs: 0.78rem;
  --s360-text-sm: 0.9rem;
  --s360-text-base: 1rem;
  --s360-text-lg: 1.08rem;
  --s360-text-xl: 1.25rem;
  --s360-text-2xl: 1.5rem;
  --s360-h1: clamp(2.2rem, 3.8vw, 3.6rem);
  --s360-h2: clamp(1.7rem, 2.8vw, 2.6rem);
  --s360-h3: clamp(1.2rem, 2vw, 1.6rem);
  --s360-line-tight: 1.1;
  --s360-line-head: 1.2;
  --s360-line-body: 1.65;
  --s360-text-body: #334155;
}

/* ── Dark mode token overrides ───────────────────────────────────────── */
[data-s360-theme="dark"] {
  --s360-bg-950: #0d1828;
  --s360-bg-900: #111c2d;
  --s360-bg-850: #182336;
  --s360-bg-accent: rgba(42, 108, 136, 0.22);
  --s360-bg-accent-strong: rgba(42, 108, 136, 0.32);
  --s360-bg-accent-2: rgba(44, 165, 54, 0.14);
  --s360-bg-accent-3: rgba(42, 108, 136, 0.18);
  --s360-page-bg:
    radial-gradient(1100px 460px at -8% -8%, rgba(42, 108, 136, 0.20), transparent 70%),
    radial-gradient(980px 420px at 108% -6%, rgba(44, 165, 54, 0.10), transparent 70%),
    radial-gradient(960px 460px at 50% 120%, rgba(42, 108, 136, 0.14), transparent 72%),
    linear-gradient(145deg, #0d1828, #111c2d 34%, #0e1c2e 68%, #0d1c2c);
  --s360-ink: #dce8f2;
  --s360-muted: rgba(149, 196, 220, 0.75);
  --s360-border: rgba(255, 255, 255, 0.09);
  --s360-border-strong: rgba(255, 255, 255, 0.15);
  --s360-border-subtle: rgba(255, 255, 255, 0.05);
  --s360-border-accent: rgba(42, 108, 136, 0.45);
  --s360-border-accent-strong: rgba(42, 108, 136, 0.65);
  --s360-surface-1: rgba(18, 28, 44, 0.90);
  --s360-surface-2: rgba(13, 22, 36, 0.85);
  --s360-surface-3: rgba(22, 34, 52, 0.96);
  --s360-highlight: rgba(42, 108, 136, 0.30);
  --s360-danger: #ff6b6b;
  --s360-glow-primary: rgba(42, 108, 136, 0.30);
  --s360-glow-secondary: rgba(42, 108, 136, 0.20);
  --s360-glow-accent: rgba(44, 165, 54, 0.25);
  --s360-glow-warn: rgba(42, 108, 136, 0.22);
  --s360-chip-bg: rgba(42, 108, 136, 0.18);
  --s360-chip-bg-strong: rgba(42, 108, 136, 0.28);
  --s360-chart-1: rgba(99, 180, 220, 0.82);
  --s360-chart-2: rgba(72, 200, 90, 0.72);
  --s360-chart-3: rgba(220, 230, 242, 0.50);
  --s360-chart-4: rgba(99, 180, 220, 0.38);
  --s360-text-body: rgba(226, 232, 240, 0.85);
}

/* Analytics page dark background */
[data-s360-theme="dark"] .s360-analytics {
  --s360-surface: rgba(18, 28, 44, 0.88);
  --s360-surface-border: rgba(255, 255, 255, 0.08);
  --s360-shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.30);
  --s360-text-strong: #dce8f2;
  --s360-text-body: rgba(180, 210, 235, 0.90);
  --s360-text-muted: rgba(140, 175, 205, 0.78);
  background:
    radial-gradient(circle at 16% -12%, rgba(42, 108, 136, 0.14), transparent 46%),
    radial-gradient(circle at 88% -14%, rgba(42, 108, 136, 0.10), transparent 48%),
    linear-gradient(180deg, #0f1e30 0%, #0c1928 58%, #0a1624 100%);
}

/* Analytics panel cards */
[data-s360-theme="dark"] .s360-analytics-panel {
  background: rgba(14, 24, 40, 0.82) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25) !important;
}

[data-s360-theme="dark"] .s360-kpi-card {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

[data-s360-theme="dark"] .s360-kpi-card:first-child {
  background: linear-gradient(135deg, #1a3d5c 0%, #1f4f72 100%) !important;
}

/* KPI shell wrapper */
[data-s360-theme="dark"] .s360-kpi-shell {
  background: rgba(14, 24, 40, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Overview KPI shell is transparent — must stay transparent in dark mode so the
   gap between cards shows the page background, not a mismatched shell color. */
[data-s360-theme="dark"] .s360-overview-layout .s360-kpi-shell {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Revenue trend chart */
[data-s360-theme="dark"] .s360-line-chart {
  background:
    linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(11, 20, 34, 0.94)),
    repeating-linear-gradient(
      to right,
      rgba(255, 255, 255, 0.03) 0,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 88px
    ) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-s360-theme="dark"] .s360-line-chart polyline[data-line-polyline] {
  stroke: rgba(99, 180, 220, 0.92) !important;
  filter: drop-shadow(0 4px 10px rgba(99, 180, 220, 0.22)) !important;
}

[data-s360-theme="dark"] .s360-line-point {
  fill: rgba(99, 180, 220, 0.92) !important;
}

/* Panel chip filters */
[data-s360-theme="dark"] .panel-chip {
  background: rgba(14, 24, 40, 0.72);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(149, 196, 220, 0.78);
}

[data-s360-theme="dark"] .panel-icon-btn {
  background: rgba(14, 24, 40, 0.72);
  border-color: rgba(255, 255, 255, 0.10);
  color: rgba(149, 196, 220, 0.80);
}

[data-s360-theme="dark"] .panel-icon-btn:hover {
  background: rgba(42, 108, 136, 0.22);
  border-color: rgba(42, 108, 136, 0.45);
  color: rgba(180, 220, 242, 0.96);
}

[data-s360-theme="dark"] .panel-chip.is-active {
  background: rgba(42, 108, 136, 0.28);
  border-color: rgba(42, 108, 136, 0.45);
  color: rgba(180, 220, 242, 0.96);
}

/* Range chips */
[data-s360-theme="dark"] .range-chip {
  color: rgba(149, 196, 220, 0.80);
}

[data-s360-theme="dark"] .range-chip.is-active {
  background: rgba(42, 108, 136, 0.28);
  border-color: rgba(42, 108, 136, 0.50);
  color: rgba(180, 220, 242, 0.96);
}

[data-s360-theme="dark"] .s360-analytics-filters {
  background: rgba(14, 24, 40, 0.80);
  border-color: rgba(255, 255, 255, 0.10);
}

/* Panel heads */
[data-s360-theme="dark"] .s360-panel-head h2 {
  color: #dce8f2;
}

[data-s360-theme="dark"] .s360-panel-head p,
[data-s360-theme="dark"] [data-revenue-range-label] {
  color: rgba(149, 196, 220, 0.65);
}

/* Panel status pill */
[data-s360-theme="dark"] .s360-panel-pill {
  background: rgba(42, 108, 136, 0.20);
  color: rgba(149, 196, 220, 0.75);
  border-color: rgba(42, 108, 136, 0.30);
}

/* Line chart labels */
[data-s360-theme="dark"] .s360-line-labels {
  color: rgba(140, 175, 205, 0.65);
}

/* Products table */
[data-s360-theme="dark"] .s360-products-table__head {
  color: rgba(140, 175, 205, 0.60);
}

[data-s360-theme="dark"] .s360-products-table__cell--name {
  color: #dce8f2;
}

[data-s360-theme="dark"] .s360-products-table__cell--revenue.is-up {
  color: rgba(72, 200, 90, 0.90);
}

[data-s360-theme="dark"] .s360-products-table__cell--revenue.is-down {
  color: rgba(248, 113, 113, 0.90);
}

/* KPI cards — non-first cards have hardcoded white gradient, needs explicit dark override */
[data-s360-theme="dark"] .s360-kpi-card:not(:first-child) {
  background: linear-gradient(180deg, rgba(18, 30, 48, 0.92), rgba(14, 24, 40, 0.88)) !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
}

[data-s360-theme="dark"] .s360-kpi-card strong {
  color: #dce8f2 !important;
}

[data-s360-theme="dark"] .s360-kpi-card small {
  color: rgba(140, 175, 205, 0.78) !important;
}

[data-s360-theme="dark"] .s360-kpi-card .s360-kpi-card__head {
  color: rgba(140, 175, 205, 0.75);
}

[data-s360-theme="dark"] .s360-kpi-card:not(:first-child) .s360-kpi-card__head i {
  background: rgba(42, 108, 136, 0.28);
  color: rgba(99, 180, 220, 0.88);
}

/* KPI trend badges on non-first cards */
[data-s360-theme="dark"] .s360-kpi-card:not(:first-child) .s360-kpi-trend.is-up {
  color: rgba(72, 200, 90, 0.90);
}

[data-s360-theme="dark"] .s360-kpi-card:not(:first-child) .s360-kpi-trend.is-down {
  color: rgba(248, 113, 113, 0.90);
}

[data-s360-theme="dark"] .s360-kpi-card:not(:first-child) .s360-kpi-trend.is-new {
  color: rgba(140, 175, 205, 0.60);
}

/* Donut inner circle */
[data-s360-theme="dark"] .s360-customer-donut__center {
  background: rgba(13, 22, 36, 0.96) !important;
}

[data-s360-theme="dark"] .s360-customer-donut__track {
  stroke: rgba(255, 255, 255, 0.07);
}

/* See more button */
[data-s360-theme="dark"] .s360-customer-see-more {
  background: rgba(14, 24, 40, 0.72) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: rgba(149, 196, 220, 0.80);
}

[data-s360-theme="dark"] .s360-customer-see-more:hover {
  background: rgba(42, 108, 136, 0.20) !important;
  border-color: rgba(42, 108, 136, 0.40) !important;
  color: rgba(180, 220, 242, 0.96);
}

/* Top Customers list rows */
[data-s360-theme="dark"] .s360-customer-row {
  background: rgba(16, 26, 42, 0.80) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
}

[data-s360-theme="dark"] .s360-customer-row__name {
  color: #dce8f2;
}

[data-s360-theme="dark"] .s360-customer-row__value {
  color: rgba(180, 210, 235, 0.94);
}

/* Revenue Mix item stack chart */
[data-s360-theme="dark"] .s360-item-stack-chart {
  background:
    linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(11, 20, 34, 0.94)),
    repeating-linear-gradient(
      to right,
      rgba(255, 255, 255, 0.03) 0,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 44px
    ) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-s360-theme="dark"] .s360-item-stack-label {
  color: rgba(140, 175, 205, 0.65);
}

/* Products table cells and rows */
[data-s360-theme="dark"] .s360-products-table__cell {
  color: rgba(180, 210, 235, 0.85);
}

[data-s360-theme="dark"] .s360-products-table__cell--sold {
  color: rgba(140, 175, 205, 0.75);
}

[data-s360-theme="dark"] .s360-products-table__head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-s360-theme="dark"] .s360-products-table__row {
  border-bottom-color: rgba(255, 255, 255, 0.06);
}

[data-s360-theme="dark"] .s360-products-table__row:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Overview filter row separator */
[data-s360-theme="dark"] .s360-overview-filter-row {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* KPI grid gap — reduce harsh division between cards in dark mode */
[data-s360-theme="dark"] .s360-kpi-grid {
  gap: 6px;
}

/* Map zoom controls — dark mode */
[data-s360-theme="dark"] .s360-geo-map .mapboxgl-ctrl-group {
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

[data-s360-theme="dark"] .s360-geo-map .mapboxgl-ctrl-group button {
  background-color: rgba(18, 30, 48, 0.96) !important;
}

[data-s360-theme="dark"] .s360-geo-map .mapboxgl-ctrl-group button:hover {
  background-color: rgba(30, 46, 72, 1) !important;
}

[data-s360-theme="dark"] .s360-geo-map .mapboxgl-ctrl-icon {
  filter: brightness(0) invert(1) opacity(0.65) !important;
}

/* Panel dropdown — dark mode */
[data-s360-theme="dark"] .s360-panel-dropdown-menu {
  background: rgba(14, 24, 40, 0.98);
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-s360-theme="dark"] .s360-panel-dropdown-item {
  color: rgba(180, 210, 235, 0.90);
}

[data-s360-theme="dark"] .s360-panel-dropdown-item:hover {
  background: rgba(30, 46, 72, 0.80);
  color: rgba(220, 240, 255, 0.96);
}

[data-s360-theme="dark"] .s360-panel-dropdown-item i {
  color: rgba(140, 175, 205, 0.70);
}

/* Skeleton — dark mode shimmer */
[data-s360-theme="dark"] .s360-analytics-skeleton__chips,
[data-s360-theme="dark"] .s360-analytics-skeleton__kpis i,
[data-s360-theme="dark"] .s360-analytics-skeleton__main i,
[data-s360-theme="dark"] .s360-analytics-skeleton__activity,
[data-s360-theme="dark"] .s360-analytics-skeleton__bottom i,
[data-s360-theme="dark"] .s360-analytics-skeleton__wide,
[data-s360-theme="dark"] .s360-analytics-skeleton__table {
  border-color: rgba(255, 255, 255, 0.06);
  background: linear-gradient(100deg, rgba(22, 34, 52, 0.90), rgba(32, 46, 68, 0.96), rgba(22, 34, 52, 0.90));
  background-size: 200% 100%;
}

/* Smooth theme transition on toggle */
html[data-s360-theme-transition],
html[data-s360-theme-transition] * {
  transition:
    background-color 260ms ease,
    border-color 200ms ease,
    color 200ms ease,
    box-shadow 260ms ease !important;
}

body {
  margin: 0;
  background: var(--s360-page-bg, #ffffff);
  color: var(--s360-ink, #000000);
  font-family: "Poppins", "Segoe UI", sans-serif;
}

body .s360-app,
body .s360-public {
  background: var(--s360-page-bg);
  background-size: 165% 165%, 165% 165%, 170% 170%, 240% 240%;
  background-position: 0% 0%, 100% 0%, 50% 100%, 0 0;
  animation: s360-bg-shift 24s var(--s360-ease-in-out) infinite;
}

.page-copy,
#mainContent {
  max-width: none;
  margin: 0;
  padding: 0;
}

.xrm-editable-html,
.xrm-editable-html .xrm-attribute,
.xrm-editable-html.xrm-attribute {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.s360-app h1,
.s360-app h2,
.s360-app h3,
.s360-public h1,
.s360-public h2,
.s360-public h3,
.s360-landing h1,
.s360-landing h2,
.s360-landing h3 {
  color: var(--s360-ink, #000000);
  line-height: var(--s360-line-head);
  margin: 0 0 var(--s360-space-3);
}

.s360-app h1,
.s360-public h1,
.s360-landing h1 {
  font-size: var(--s360-h1);
  line-height: var(--s360-line-tight);
  text-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.s360-app h2,
.s360-app h3,
.s360-public h2,
.s360-public h3,
.s360-landing h2,
.s360-landing h3 {
  color: var(--s360-ink, #000000);
  text-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

.s360-app h2,
.s360-public h2,
.s360-landing h2 {
  font-size: var(--s360-h2);
}

.s360-app h3,
.s360-public h3,
.s360-landing h3 {
  font-size: var(--s360-h3);
}

.panel-link {
  color: var(--s360-ink, #000000);
  opacity: 0.7;
  transition: opacity var(--s360-dur-fast) var(--s360-ease-out);
}

.panel-link:hover {
  opacity: 1;
}

.s360-app p,
.s360-public p,
.s360-landing p {
  color: var(--s360-muted, rgba(42, 108, 136, 0.75));
  font-size: var(--s360-text-base);
  line-height: var(--s360-line-body);
  margin: 0 0 var(--s360-space-3);
}

/* Guardrails: keep labels/buttons readable on the light shared surfaces. */
.s360-app :is(label, .control-label, .form-label, .field-label, .xrm-label),
.s360-public :is(label, .control-label, .form-label, .field-label, .xrm-label) {
  color: rgba(7, 37, 51, 0.84) !important;
}

.s360-app :is(button, .btn, .button),
.s360-public :is(button, .btn, .button) {
  color: var(--s360-ink, #000000);
}

.s360-app :is(.btn, .button):not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-dark),
.s360-public :is(.btn, .button):not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-dark) {
  border-color: var(--s360-border, rgba(0, 0, 0, 0.12));
  background: var(--s360-surface-2, rgba(255, 255, 255, 0.82));
}

.s360-app :is(.btn-primary, .btn-success),
.s360-public :is(.btn-primary, .btn-success) {
  color: #ffffff !important;
}

@keyframes s360-sheen-sweep {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  40% {
    opacity: 0.55;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes s360-bg-shift {
  0% {
    background-position: 0% 0%, 100% 0%, 50% 100%, 0 0;
  }
  50% {
    background-position: 80% 22%, 20% 36%, 50% 72%, 100% 0;
  }
  100% {
    background-position: 0% 0%, 100% 0%, 50% 100%, 0 0;
  }
}

.muted {
  color: var(--s360-muted, rgba(42, 108, 136, 0.75));
}

.s360-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid var(--s360-border);
  background: var(--s360-surface-3);
  color: var(--s360-ink);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(12px);
  opacity: 0;
  transition: transform var(--s360-dur-standard) var(--s360-ease-out),
    opacity var(--s360-dur-standard) var(--s360-ease-out);
  z-index: 1000;
}

.s360-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.s360-toast.is-success {
  border-color: rgba(44, 165, 54, 0.55);
}

.s360-toast.is-error {
  border-color: rgba(0, 0, 0, 0.4);
}

.s360-kicker {
  color: var(--s360-muted, rgba(42, 108, 136, 0.75));
}

::placeholder {
  color: rgba(42, 108, 136, 0.55);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --s360-dur-fast: 1ms;
    --s360-dur-standard: 1ms;
    --s360-dur-hero: 1ms;
    --s360-reveal-distance: 0px;
  }

  body .s360-app,
  body .s360-public {
    animation: none;
  }
}

html.s360-motion-ready[data-s360-boot="1"] .s360-reveal,
html.s360-motion-ready[data-s360-boot="1"] [data-s360-reveal] {
  opacity: 0;
  transform: translate3d(0, var(--s360-reveal-distance), 0);
  transition-property: transform, opacity;
  transition-duration: 620ms;
  transition-timing-function: var(--s360-ease-out);
  transition-delay: var(--s360-reveal-delay, 60ms);
  will-change: transform, opacity;
}

html.s360-motion-ready[data-s360-boot="1"] .s360-reveal.is-visible,
html.s360-motion-ready[data-s360-boot="1"] [data-s360-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

html.s360-motion-ready[data-s360-boot="1"] [data-s360-reveal="fade"] {
  transform: translate3d(0, 0, 0);
}

html.s360-gsap .s360-landing [data-s360-reveal] {
  opacity: 1;
  transform: none;
  transition: none;
}


[data-s360-parallax] {
  --s360-parallax-y: 0px;
  transform: translate3d(0, var(--s360-parallax-y), 0);
  will-change: transform;
}