:root {
  color-scheme: light dark;
  background-color: var(
    --background,
    var(--color-background-primary, light-dark(rgb(255 255 255), rgb(24 24 24)))
  ) !important;

  /* Agent-facing contract; keep in sync with SKILL.md. */
  --background: var(
    --color-background-primary,
    light-dark(rgb(255 255 255), rgb(24 24 24))
  );
  --foreground: var(
    --color-text-primary,
    light-dark(rgb(26 28 31), rgb(255 255 255))
  );
  --card: color-mix(in oklab, var(--foreground) 5%, var(--background));
  --card-foreground: var(
    --color-text-primary,
    light-dark(rgb(26 28 31), rgb(255 255 255))
  );
  --popover: var(
    --color-background-secondary,
    light-dark(rgb(255 255 255), rgb(45 45 45))
  );
  --popover-foreground: var(
    --color-text-primary,
    light-dark(rgb(26 28 31), rgb(255 255 255))
  );
  --primary: var(
    --color-text-info,
    light-dark(rgb(51 156 255), rgb(131 195 255))
  );
  --primary-foreground: var(
    --color-text-inverse,
    light-dark(rgb(255 255 255), rgb(13 13 13))
  );
  --secondary: var(
    --color-background-secondary,
    light-dark(rgb(255 255 255 / 96%), rgb(54 54 54 / 96%))
  );
  --secondary-foreground: var(
    --color-text-primary,
    light-dark(rgb(26 28 31), rgb(255 255 255))
  );
  --muted: color-mix(in srgb, var(--foreground) 10%, transparent);
  --muted-foreground: var(
    --color-text-secondary,
    light-dark(rgb(26 28 31 / 49.4%), rgb(255 255 255 / 49.8%))
  );
  --accent: var(
    --color-background-info,
    light-dark(rgb(229 242 255), rgb(13 39 63))
  );
  --accent-foreground: var(
    --color-text-info,
    light-dark(rgb(51 156 255), rgb(131 195 255))
  );
  --destructive: var(
    --color-text-warning,
    light-dark(rgb(226 85 7), rgb(255 133 73))
  );
  --border: var(
    --color-border-secondary,
    light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%))
  );
  --input: var(
    --color-border-primary,
    light-dark(
      rgb(26 28 31 / 11.8%),
      color-mix(in oklab, rgb(0 0 0) 10%, transparent)
    )
  );
  --ring: var(
    --color-ring-primary,
    light-dark(rgb(51 156 255), rgb(131 195 255 / 76%))
  );
  --font-size-base: var(--font-text-md-size, 16px);
  --blue: light-dark(rgb(51 156 255), rgb(51 156 255));
  --orange: light-dark(rgb(226 85 7), rgb(251 106 34));
  --green: light-dark(rgb(0 162 64), rgb(64 201 119));
  --red: light-dark(rgb(224 46 42), rgb(255 103 100));
  --purple: light-dark(rgb(146 79 247), rgb(173 123 249));
  --yellow: light-dark(rgb(255 195 0), rgb(255 210 64));
  --viz-series-1: var(--primary);
  --viz-series-2: light-dark(rgb(243 136 59), rgb(245 154 86));
  --viz-series-3: light-dark(rgb(93 201 119), rgb(116 213 139));
  --viz-series-4: light-dark(rgb(235 119 177), rgb(240 143 192));
  --viz-series-5: light-dark(rgb(155 121 236), rgb(170 145 239));
  --viz-series-6: light-dark(rgb(58 185 177), rgb(90 203 194));

  /* Internal implementation variables; not part of the agent contract. */
  --font-sans:
    -apple-system-body, ui-sans-serif, -apple-system, system-ui, "Segoe UI",
    Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-mono:
    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
    monospace;
  --font-size-normal: max(11px, var(--font-size-base));
  --font-size-tooltip: calc(var(--font-size-base) - 1px);
  --font-size-small: max(11px, calc(var(--font-size-base) - 2px));
  --font-size-h1: calc(var(--font-size-normal) * 1.7142857143);
  --font-size-h2: calc(var(--font-size-normal) * 1.4285714286);
  --font-size-h3: calc(var(--font-size-normal) * 1.2857142857);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --icon-size: 16px;
  --line-height-normal: calc(var(--font-size-normal) * 1.5);
  --line-height-tooltip: calc(var(--font-size-tooltip) * 1.4285714286);
  --line-height-small: calc(var(--font-size-small) + 4px);
  --corner-shape: round;
  --radius: var(--border-radius-lg, 8px);
  --radius-sm: calc(var(--radius) * 0.5);
  --radius-md: calc(var(--radius) * 0.75);
  --radius-lg: var(--radius);
  --radius-2xl: calc(var(--radius) * 2);
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px -1px rgb(0 0 0 / 8%);
  --checkmark-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath d='M12.8961 3.64101C13.1297 3.41418 13.4984 3.37523 13.7779 3.56581C14.0571 3.75635 14.1554 4.11331 14.0299 4.41347L13.9615 4.53847L7.71151 13.7045C7.59411 13.8767 7.4063 13.9877 7.19881 14.0072C6.99136 14.0267 6.78564 13.9533 6.63826 13.806L2.88826 10.056L2.79842 9.9457C2.6192 9.67407 2.64927 9.30496 2.88826 9.06581C3.12738 8.82669 3.49647 8.79676 3.76815 8.97597L3.8785 9.06581L7.03084 12.2182L12.8053 3.74941L12.8961 3.64101Z'/%3E%3C/svg%3E");

  /* Legacy aliases; not part of the current agent contract. */
  --viz-bg: transparent;
  --viz-panel: var(--card);
  --viz-border: var(--border);
  --viz-text: var(--foreground);
  --viz-muted: var(--muted-foreground);
  --viz-accent: var(--primary);
  --viz-accent-text: var(--primary-foreground);
  --viz-accent-bg: var(--accent);
  --viz-font-size: var(--font-size-base);
  --viz-warning: var(--destructive);
}

:root[data-theme="light"] {
  color-scheme: light;
}

:root[data-theme="dark"] {
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html > body {
  /* Preserve MCP aliases for older inline renderers without creating :root cycles. */
  --color-background-primary: var(
    --background,
    light-dark(rgb(255 255 255), rgb(24 24 24))
  );
  --color-text-primary: var(
    --foreground,
    light-dark(rgb(26 28 31), rgb(255 255 255))
  );
  --color-border-secondary: var(
    --border,
    light-dark(rgb(26 28 31 / 8%), rgb(255 255 255 / 8.2%))
  );

  margin: 0;
  padding: var(--visualize-paint-gutter, 0px);
  color: var(--foreground);
  background: transparent !important;
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  font-size: var(--font-size-base);
  line-height: calc(var(--font-size-base) * 1.625);
  font-weight: var(--font-weight-normal);
}

:root:not([data-app-block-surface], [data-visualize-standalone]) > body {
  padding: 12px;
}

.cursor-interaction {
  cursor: var(--cursor-interaction, pointer);
}

a {
  color: color-mix(in srgb, var(--viz-accent) 80%, var(--viz-text) 20%);
  cursor: var(--cursor-interaction, pointer);
  text-decoration: none;
  text-underline-offset: 2px;
  font-weight: inherit;
}

a:is(:hover, :focus-visible) {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-thickness: 0.5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-block: 0;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
li,
.table {
  font-family: var(--font-sans);
}

h1 {
  font-size: calc(var(--font-size-base) * 1.5);
  line-height: 1.3333333333;
}

h2 {
  font-size: calc(var(--font-size-base) * 1.25);
  line-height: 1.4;
}
h3 {
  font-size: calc(var(--font-size-base) * 1.125);
  line-height: 1.5555555556;
}
h4 {
  font-size: var(--font-size-base);
  line-height: 1.5;
}
h5,
h6 {
  font-size: var(--font-size-base);
  line-height: calc(var(--font-size-base) * 1.625);
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
  font-weight: 600;
}

code:not(pre code) {
  display: inline;
  padding: 1px 6px;
  border-radius: var(--radius-sm);
  corner-shape: var(--corner-shape);
  background: var(--muted);
  font-family: var(--font-mono);
  font-size: 0.92em;
  overflow-wrap: anywhere;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  word-break: break-word;
}
pre,
pre code {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 20px;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}

.table {
  width: 100%;
  color: var(--foreground);
  font: inherit;
  text-align: start;
  border-collapse: separate;
  border-spacing: 0;
  font-size: calc(var(--font-size-base) * 0.875);
  line-height: calc(var(--font-size-base) * 1.625);
  font-family: var(--font-sans);
}

.table :is(th, td) {
  padding-block: 10px;
  padding-inline: 0 24px;
  overflow-wrap: anywhere;
  border-bottom: 1px solid var(--border);
  text-align: start;
  vertical-align: top;
  border-bottom-color: color-mix(in srgb, var(--foreground) 5%, transparent);
}
.table :is(th, td):not(:last-child) {
  padding-inline-end: calc(var(--font-size-base) * 1.5);
}

.table-responsive > .table :is(th, td) {
  overflow-wrap: break-word;
}

.table :is(th, td):last-child {
  padding-inline-end: 0;
}

.table :is(caption, thead th) {
  font-weight: 600;
}

.table thead :is(th, td) {
  border-bottom-color: var(--border-strong, var(--input));
  padding-block: calc(var(--font-size-base) / 2);
  line-height: var(--font-size-base);
}

.table tbody tr:last-child :is(th, td) {
  border-bottom: 0;
}
.table tbody :is(th, td) {
  padding-block: calc(var(--font-size-base) * 0.625);
}

.table.table-sm :is(th, td) {
  padding-block: 8px;
}

.table.table-sm :is(th, td):not(:last-child) {
  padding-inline-end: 16px;
}

.table :is(.text-end, [align="right"]) {
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.table :is(.text-center, [align="center"]) {
  text-align: center;
}

.table .text-nowrap {
  white-space: nowrap;
}

#widget {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 0;
  background: transparent !important;
}

.card {
  min-width: 0;
  padding: 12px;
  overflow: hidden;
  overflow-wrap: break-word;
  border-radius: var(--radius-2xl);
  corner-shape: var(--corner-shape);
  color: var(--card-foreground);
  background: var(--card);
}

.widget {
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-lg);
  corner-shape: var(--corner-shape);
  box-shadow: 0 0 0 0.5px var(--border-strong, var(--border));
  color: var(--foreground);
  background: var(--background);
}

#widget > :not(.card, .widget, .progress) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tooltip {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  width: max-content;
  max-width: min(
    20rem,
    var(--tooltip-available-width, calc(100vw - 10px)),
    calc(100vw - 10px)
  );
  max-height: min(
    var(--tooltip-available-height, calc(100vh - 10px)),
    calc(100vh - 10px)
  );
  border: 1px solid var(--border);
  corner-shape: var(--corner-shape);
  overflow-wrap: break-word;
  white-space: normal;
  pointer-events: none;
  user-select: none;
  font-family: var(--font-sans);
  padding: 5px 12px;
  border-color: color-mix(
    in oklab,
    light-dark(var(--primary-foreground), var(--foreground)) 5%,
    transparent
  );
  border-radius: var(--radius-2xl);
  color: light-dark(var(--primary-foreground), var(--foreground));
  background: light-dark(var(--foreground), var(--popover));
  box-shadow: 0 8px 18px rgb(15 23 42 / 20%);
  letter-spacing: -0.15px;
  font-size: calc(var(--font-size-base) * 14 / 16);
  font-size: round(nearest, calc(var(--font-size-base) * 14 / 16), 1px);
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}

/* The shared runtime owns data-tooltip; suppress AppBlock's pseudo-tooltip. */
main [data-tooltip]::after {
  content: none;
}

.viz-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(max(180px, 24%), 1fr));
  gap: 10px;
}

.viz-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.viz-stat-value {
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
}

.viz-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

hr {
  width: 100%;
  height: 1px;
  margin-block: 6px;
  border: 0;
  background: var(--border);
}

.nav {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
}

.progress {
  display: flex;
  height: 8px;
  margin-block: calc((var(--line-height-normal, 1.5em) - 8px) / 2);
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--muted);
}

.progress-bar:only-child {
  border-radius: var(--radius-full);
}

.progress-bar {
  height: 100%;
  flex-shrink: 0;
  border: 0;
  background: var(--viz-series-1);
}

.viz-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: var(--radius-sm);
  color: color-mix(in srgb, var(--foreground) 40%, var(--muted-foreground));
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  font-family: var(--font-sans);
  font-size: calc(var(--font-size-base) * 14 / 16);
  font-size: round(nearest, calc(var(--font-size-base) * 14 / 16), 1px);
  font-weight: var(--font-weight-normal);
  line-height: 1;
}

small,
.text-small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

.text-muted {
  color: var(--muted-foreground);
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.viz-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.viz-controls > .form-label {
  display: grid;
  min-width: min(100%, 260px);
  flex: 1 1 280px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 2px 12px;
  margin-bottom: 0;
}

.viz-controls > .form-label > :is(.form-control, .form-range, .form-select) {
  grid-column: 1 / -1;
}

.btn,
.nav-link,
.form-check-input,
.form-control,
.form-range,
.form-select {
  font: inherit;
}

/* Match inline alignment without overriding a containing flex or grid layout. */
.btn,
.nav-link,
.form-control,
.form-select,
.form-range,
.form-check {
  vertical-align: middle;
}

.btn,
.nav-link {
  appearance: button;
  display: inline-flex;
  inline-size: fit-content;
  max-inline-size: 100%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0 8px;
  -webkit-app-region: no-drag;
  border: 1px solid var(--input);
  corner-shape: var(--corner-shape);
  cursor: var(--cursor-interaction, pointer);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
  -webkit-font-smoothing: inherit;
  font-family: var(--font-sans);
  height: fit-content;
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  padding-inline: var(--control-spacing, 12px);
  border-color: transparent;
  border-radius: var(--radius-full);
  color: var(--foreground);
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  font-size: calc(var(--font-size-base) * 14 / 16);
  font-size: round(nearest, calc(var(--font-size-base) * 14 / 16), 1px);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.btn {
  border-color: var(--border);
  color: var(--secondary-foreground);
  background: var(--secondary);
}

.btn:is(.btn-block, .viz-tile) {
  inline-size: 100%;
}

.btn.viz-tile {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

a.btn {
  cursor: var(--cursor-interaction, pointer);
  text-decoration: none;
}

.btn:not(:disabled):hover {
  background: light-dark(
    color-mix(in srgb, var(--foreground) 5.5%, transparent),
    color-mix(in srgb, var(--foreground) 8%, transparent)
  );
}

.nav-link:not(:disabled):not([aria-disabled="true"]):hover {
  background: color-mix(in srgb, var(--foreground) 10%, transparent);
}

.btn-primary {
  border-color: var(--border);
  color: var(--primary-foreground);
  background: var(--foreground);
  background-clip: border-box;
}

.btn-primary .text-muted {
  color: color-mix(in srgb, var(--primary-foreground) 50%, transparent);
}

.btn-primary:not(:disabled):hover {
  background: color-mix(in srgb, var(--foreground) 80%, transparent);
  background-clip: border-box;
}

.btn-ghost {
  border-color: transparent;
  color: var(--muted-foreground);
  background: transparent;
}

.btn-ghost:not(:disabled):hover {
  color: var(--muted-foreground);
  background: light-dark(
    color-mix(in srgb, var(--foreground) 5.5%, transparent),
    color-mix(in srgb, var(--foreground) 8%, transparent)
  );
}

.nav-pills .nav-link {
  min-width: 0;
  border-color: transparent;
  color: var(--muted-foreground);
  background: transparent;
}

.nav-justified .nav-link {
  flex: 1 1 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.nav-pills .nav-link.active {
  color: var(--foreground);
  background: var(--muted);
}

/* Shared preview chrome; product styles stay inside each variant. */
.viz-dotted-background {
  background-image: radial-gradient(
    circle,
    color-mix(in srgb, var(--foreground) 14%, transparent) 0.8px,
    transparent 0.8px
  );
  background-position: center;
  background-size: 16px 16px;
}

.viz-carousel {
  position: relative;
  min-width: 0;
}

.viz-carousel:has(> .viz-carousel-controls) {
  min-height: calc(60px + var(--viz-carousel-picker-height, 0px));
  padding-bottom: 60px;
}

.viz-carousel > [data-variant][hidden] {
  display: none !important;
}

.viz-carousel > [data-variant] {
  isolation: isolate;
}

.viz-carousel-controls {
  --viz-carousel-hover: light-dark(
    color-mix(in srgb, var(--foreground) 5.4%, transparent),
    color-mix(in srgb, var(--foreground) 7.8%, transparent)
  );
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: 50%;
  display: flex;
  width: max-content;
  /* Leave room for the host's design-controls launcher at the trailing edge. */
  max-width: calc(100% - 96px);
  align-items: center;
  gap: 0;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 16px;
  color: var(--foreground);
  background: var(--background);
  font-family: var(--font-sans);
  /* Match the settings dropdown chrome independently of the content font size. */
  font-size: 13px;
  font-weight: var(--font-weight-normal);
  line-height: 18px;
  transform: translateX(-50%);
  user-select: none;
}

/* Keep authored mockup button styles out of the shared carousel chrome. */
.viz-carousel-controls button,
.viz-carousel-picker > summary {
  display: flex !important;
  height: auto !important;
  min-height: 30px;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;
  padding: 0 6px !important;
  -webkit-app-region: no-drag;
  border: 0 !important;
  border-radius: 14px !important;
  color: inherit !important;
  background: transparent !important;
  font: inherit !important;
  -webkit-tap-highlight-color: transparent;
}

.viz-carousel-controls > button,
.viz-carousel-picker > summary {
  position: relative;
  isolation: isolate;
}

.viz-carousel-controls > button {
  --icon-size: 16px;
  width: 30px !important;
  padding: 0 !important;
}

.viz-carousel-picker > summary {
  padding-inline: 12px !important;
}

.viz-carousel-controls .viz-carousel-caret {
  width: 14px;
  height: 14px;
  flex: none;
  margin: 0;
  color: inherit;
  transform: rotate(180deg);
}

.viz-carousel-controls > button > svg,
.viz-carousel-controls .viz-carousel-caret,
.viz-carousel-count {
  opacity: 0.5;
}

.viz-carousel-controls > button::before,
.viz-carousel-picker > summary::before {
  position: absolute;
  z-index: -1;
  inset: 3px;
  border-radius: 12px;
  content: "";
  pointer-events: none;
}

.viz-carousel-controls > button:hover::before,
.viz-carousel-picker > summary:hover::before {
  background: var(--viz-carousel-hover);
}

.viz-carousel-controls > button,
.viz-carousel-controls [data-lucide],
.viz-carousel-controls .lucide {
  flex-shrink: 0;
}

.viz-carousel-picker {
  min-width: 0;
}

.viz-carousel-picker > summary {
  min-width: 0;
  list-style: none;
}

.viz-carousel-picker > summary::-webkit-details-marker {
  display: none;
}

.viz-carousel-count {
  flex-shrink: 0;
  white-space: nowrap;
}

.viz-carousel-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.viz-carousel-options {
  position: absolute;
  right: 0;
  bottom: calc(100% + 4px);
  left: 0;
  display: flex;
  max-height: 240px;
  flex-direction: column;
  gap: 2px;
  overflow: auto;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--background);
  box-shadow: 0 4px 12px light-dark(rgb(0 0 0 / 6%), rgb(0 0 0 / 25%));
}

.viz-carousel-options > button {
  border-radius: max(0px, calc(var(--radius-lg) - 5px)) !important;
  width: 100% !important;
  min-height: 28px;
  justify-content: flex-start !important;
  padding: 4px 8px !important;
  font-size: var(--font-size-small) !important;
  text-align: start;
  white-space: normal;
  overflow-wrap: anywhere;
}

.viz-carousel-options > [aria-current="true"],
.viz-carousel-options > button:hover {
  background: var(--viz-carousel-hover) !important;
}

.btn:disabled,
.nav-link:disabled,
.nav-link[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.4;
}

[data-lucide] {
  stroke-width: 1.6;
}

.form-label {
  display: block;
  margin-bottom: 6px;
  color: var(--foreground);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0 8px;
  outline: none;
  border: 1px solid var(--input);
  corner-shape: var(--corner-shape);
  color: var(--foreground);
  font-family: var(--font-sans);
  height: calc(12px + 2 * var(--control-spacing, 12px));
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  padding-inline: calc(4px + var(--control-spacing, 12px) / 2);
  border-color: var(--input);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--popover) 96%, transparent);
  font-size: calc(var(--font-size-base) * 14 / 16);
  font-size: round(nearest, calc(var(--font-size-base) * 14 / 16), 1px);
  font-weight: var(--font-weight-normal);
  line-height: 1.4285714286;
}
.form-control:is(
  [type="file"],
  [type="date"],
  [type="datetime-local"],
  [type="month"],
  [type="week"],
  [type="color"]
) {
  height: calc(12px + 2 * var(--control-spacing, 12px));
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  line-height: 18px;
}
.form-control:is(
  [type="date"],
  [type="datetime-local"],
  [type="month"],
  [type="week"]
) {
  padding-inline: var(--control-spacing, 12px);
}

.form-control::placeholder {
  color: var(--muted-foreground);
}

.form-control[type="file"] {
  overflow: hidden;
  cursor: var(--cursor-interaction, pointer);
  padding: 0;
}

.form-control[type="file"]::file-selector-button {
  padding: 0 8px;
  border: 0;
  border-right: 1px solid var(--input);
  color: var(--secondary-foreground);
  background: var(--secondary);
  cursor: inherit;
  font: inherit;
  min-height: calc(10px + 2 * var(--control-spacing, 12px));
  padding-inline: var(--control-spacing, 12px);
  margin-inline-end: var(--control-spacing, 12px);
}

.form-control[type="file"]:not(:disabled):hover::file-selector-button {
  background: color-mix(in srgb, var(--foreground) 6%, var(--secondary));
}

.form-control-color[type="color"] {
  width: 40px;
  height: calc(12px + 2 * var(--control-spacing, 12px));
  padding: 3px;
  cursor: var(--cursor-interaction, pointer);
}

.form-control-color[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

.form-control-color[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: calc(var(--radius-lg) - 4px);
  corner-shape: var(--corner-shape);
}

textarea.form-control {
  height: auto;
  resize: vertical;
  min-height: 96px;
  padding: 8px 10px;
}

.form-control:focus-visible {
  border-color: var(--ring);
  box-shadow: none;
}
.form-control:disabled {
  color: var(--muted-foreground);
  background: color-mix(in srgb, var(--foreground) 5%, transparent);
  opacity: 1;
}
.form-control[aria-invalid="true"] {
  border-color: var(--red);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 20%, transparent);
}

.form-control:disabled,
.form-select:disabled {
  cursor: not-allowed;
}

.form-select {
  appearance: none;
  display: block;
  width: 100%;
  height: fit-content;
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  margin: 0;
  /* The secondary icon role is 14px at compact density and 16px at web density. */
  --icon-size: calc(10px + var(--control-spacing, 12px) / 2);
  /* Settings dropdowns retain a 12px inset and a 4px text-to-chevron gap. */
  padding: 0 calc(16px + var(--icon-size)) 0 12px;
  outline: none;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  corner-shape: var(--corner-shape);
  color: var(--foreground);
  background-color: var(--secondary);
  background-image:
    linear-gradient(
      45deg,
      transparent calc(50% - 0.6px),
      var(--muted-foreground) calc(50% - 0.6px) calc(50% + 0.6px),
      transparent calc(50% + 0.6px)
    ),
    linear-gradient(
      135deg,
      transparent calc(50% - 0.6px),
      var(--muted-foreground) calc(50% - 0.6px) calc(50% + 0.6px),
      transparent calc(50% + 0.6px)
    );
  background-position:
    calc(100% - 12px - var(--icon-size) / 2) 50%,
    calc(100% - 12px - var(--icon-size) * 0.18) 50%;
  background-repeat: no-repeat;
  background-size: calc(var(--icon-size) * 0.32) calc(var(--icon-size) * 0.32);
  cursor: var(--cursor-interaction, default);
  font-size: calc(var(--font-size-base) * 14 / 16);
  font-size: round(nearest, calc(var(--font-size-base) * 14 / 16), 1px);
  font-weight: var(--font-weight-normal);
  line-height: 18px;
}

.form-select :is(option, optgroup) {
  color: var(--popover-foreground);
  background-color: var(--popover);
}

.form-select :is(option, optgroup):disabled {
  color: var(--muted-foreground);
}

.form-select:not(:disabled):hover {
  background-color: light-dark(
    color-mix(in srgb, var(--foreground) 5.5%, transparent),
    color-mix(in srgb, var(--foreground) 8%, transparent)
  );
}

.form-select:focus-visible {
  box-shadow: 0 0 0 2px var(--ring);
}
.form-select:disabled {
  opacity: 0.4;
}

.form-check {
  display: flex;
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  align-items: center;
  gap: 6px;
}

.form-check-input {
  appearance: none;
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  margin: 0;
  border: 1px solid var(--input);
  color: var(--primary-foreground);
  background-color: transparent;
  cursor: var(--cursor-interaction, default);
  transition:
    background-color 150ms,
    border-color 150ms,
    box-shadow 150ms;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
  corner-shape: round;
  box-shadow: var(--shadow-sm);
  position: relative;
  width: calc(10px + var(--control-spacing, 12px) / 2);
  height: calc(10px + var(--control-spacing, 12px) / 2);
  border-color: var(--border-strong, var(--input));
  border-radius: calc(var(--radius-sm) / 2);
  background-color: transparent;
  color: var(--foreground);
}

.form-check:not(.form-switch)
  .form-check-input:not(:disabled):not(:checked):hover {
  background-color: var(--card);
}

.form-check:not(.form-switch)
  .form-check-input[type="checkbox"]:is(:checked, :indeterminate) {
  border-color: var(--border-strong, var(--input));
  background-color: color-mix(in srgb, var(--popover) 96%, transparent);
}

.form-check:not(.form-switch)
  .form-check-input[type="checkbox"]:checked::before {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--primary-foreground);
  content: "";
  mask: var(--checkmark-image) center / 12px 12px no-repeat;
  background-color: var(--foreground);
}
.form-check:not(.form-switch)
  .form-check-input[type="checkbox"]:indeterminate::before {
  position: absolute;
  inset: 0;
  display: block;
  width: 65%;
  height: 6.65%;
  margin: auto;
  border-radius: var(--radius-full);
  background: var(--foreground);
  mask: none;
  content: "";
}

.form-check-input[type="radio"] {
  border-radius: var(--radius-full);
  width: 16px;
  height: 16px;
  border: 0;
  box-shadow: inset 0 0 0 1px var(--input);
}

.form-check-input[type="radio"]:checked {
  border: 0;
  background: radial-gradient(
    circle,
    var(--primary-foreground) 0 3px,
    var(--foreground) 3px
  );
  box-shadow: none;
}

.form-check:not(.form-switch) .form-check-input:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:focus-visible {
  border-color: var(--ring);
  outline: none;
  box-shadow: 0 0 0 2px var(--ring);
}

.form-check:not(.form-switch) .form-check-input:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.form-check:not(.form-switch) .form-check-input:disabled + .form-check-label {
  cursor: not-allowed;
}
.form-check:not(.form-switch) .form-check-input[type="radio"]:disabled,
.form-check:not(.form-switch)
  .form-check-input[type="radio"]:disabled
  + .form-check-label {
  opacity: 0.5;
}

.form-switch .form-check-input:disabled,
.form-switch .form-check-input:disabled + .form-check-label {
  cursor: not-allowed;
  opacity: 0.6;
}

.form-check-label {
  color: var(--foreground);
  cursor: var(--cursor-interaction, default);
}

.form-switch .form-check-input {
  position: relative;
  width: 32px;
  height: 20px;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--muted);
  box-shadow: none;
  transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);
}

.form-switch .form-check-input::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid light-dark(var(--primary-foreground), var(--foreground));
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-sm);
  content: "";
  transform: translate(2px, -50%);
  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
  border-color: #fff;
  background: #fff;
}

.form-switch .form-check-input:checked {
  background: var(--blue);
}

.form-switch .form-check-input:checked::before {
  transform: translate(14px, -50%);
}

.form-switch .form-check-input:focus-visible {
  box-shadow: 0 0 0 2px var(--ring);
  outline: none;
}

.form-range {
  appearance: none;
  display: block;
  width: 100%;
  flex: 1;
  margin: 0;
  padding: 0;
  border: 0;
  accent-color: var(--primary);
  height: calc(12px + 2 * var(--control-spacing, 12px));
  min-height: calc(12px + 2 * var(--control-spacing, 12px));
  outline: none;
  border-radius: var(--radius-full);
  color: var(--foreground);
  background: transparent;
}

.form-range::-webkit-slider-runnable-track {
  background: var(--form-range-track, var(--border));
  height: 2px;
  border-radius: var(--radius-full);
}

.form-range::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  margin-top: -9px;
  border-color: transparent;
  background: currentColor;
  box-shadow: var(--shadow-sm);
}

/* Outline the native track and thumb, preserving the larger input hit area. */
.form-range:focus-visible::-webkit-slider-runnable-track {
  outline: 2px auto Highlight;
  outline-color: -webkit-focus-ring-color;
}

.form-range::-moz-range-track {
  background: var(--form-range-track, var(--border));
  height: 2px;
  border-radius: var(--radius-full);
}

.form-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-full);
  border-color: transparent;
  background: currentColor;
  box-shadow: var(--shadow-sm);
}

.form-range:focus-visible::-moz-range-thumb {
  outline: 2px solid Highlight;
  outline-offset: 2px;
}

.form-range:disabled {
  opacity: 1;
  cursor: default;
}

.btn:not(.btn-primary, .viz-tile):is(
  [aria-pressed="true"],
  [aria-selected="true"],
  .is-selected
) {
  border-color: transparent;
  color: var(--primary-foreground);
  background: var(--blue);
}

.btn.viz-tile:is([aria-pressed="true"], [aria-selected="true"], .is-selected) {
  border-color: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
}

.btn:focus-visible,
.nav-link:focus-visible {
  outline-offset: 2px;
  outline: none;
  box-shadow: 0 0 0 2px var(--ring);
}

.viz-carousel-controls :is(button, summary):focus-visible {
  outline: 2px solid var(--ring) !important;
  outline-offset: 2px !important;
}

/* Web recipes are the default, including on renderers without inline style queries. */
@supports (border-radius: if(style(--corner-shape: round): 1px; else: 2px)) {
  /* Match the host's proportional text-sm scale at every text preference. */
  .tooltip,
  .viz-badge,
  .btn,
  .nav-link,
  .form-control,
  .form-select {
    font-size: if(
      style(--corner-shape: round): round(
          nearest,
          calc(var(--font-size-base) * 14 / 16),
          1px
        );
        else: round(nearest, calc(var(--font-size-base) * 13 / 14), 1px)
    );
  }

  .btn,
  .nav-link,
  .form-select {
    border-radius: if(
      style(--corner-shape: round): var(--radius-full); else: var(--radius-lg)
    );
  }

  .form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    border-radius: if(
      style(--corner-shape: round): calc(var(--radius-sm) / 2);
        else: calc(var(--radius-lg) * 0.4)
    );
  }

  .tooltip {
    font-weight: if(
      style(--corner-shape: round): 600; else: var(--font-weight-normal)
    );
  }
}

@media (pointer: coarse) {
  .viz-carousel:has(> .viz-carousel-controls) {
    min-height: calc(76px + var(--viz-carousel-picker-height, 0px));
    padding-bottom: 76px;
  }

  .btn,
  .nav-link,
  .viz-carousel-controls button,
  .viz-carousel-picker > summary,
  .form-control,
  .form-select {
    min-width: 44px;
    min-height: 44px;
  }

  /* Keep small-screen WebKit from zooming when a text field receives focus. */
  .form-control,
  .form-select {
    font-size: max(16px, calc(var(--font-size-base) * 14 / 16));
    font-size: max(
      16px,
      round(nearest, calc(var(--font-size-base) * 14 / 16), 1px)
    );
  }
  .form-control:is(
    [type="file"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="week"],
    [type="time"],
    [type="color"]
  ) {
    height: 44px;
    min-height: 44px;
    font-size: max(16px, calc(var(--font-size-base) * 14 / 16));
    font-size: max(
      16px,
      round(nearest, calc(var(--font-size-base) * 14 / 16), 1px)
    );
  }

  .form-control[type="file"]::file-selector-button {
    min-width: 44px;
    min-height: 44px;
  }

  .form-control-color[type="color"] {
    width: 44px;
    height: 44px;
  }

  .form-control:is(
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="time"],
    [type="week"]
  ) {
    min-width: 0;
    max-width: 100%;
    padding-block: 8px;
  }

  .form-check {
    min-height: 44px;
    padding-inline: 15px;
  }

  .form-check-input {
    position: relative;
  }

  .form-check-input::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    content: "";
    transform: translate(-50%, -50%);
  }

  .form-check-label {
    display: inline-flex;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
  }

  .form-range {
    height: 44px;
    touch-action: pan-y;
  }
}

svg {
  display: block;
  max-width: 100%;
  height: auto;
}

#widget > svg {
  width: 100%;
}

/* Model-authored chart rules can otherwise stretch icons after these styles load. */
svg.lucide {
  display: block;
  width: var(--icon-size) !important;
  height: var(--icon-size) !important;
  flex: none;
  margin: 0 !important;
  stroke-width: 1.6;
}

.text-warning,
.text-destructive {
  color: var(--destructive);
}

html>body{padding:0}
html,body{margin:0;padding:0;background:#f8faf3;color-scheme:light}#vimpex-concept{max-width:1440px;margin:auto}
#vimpex-concept .campaign-banner{margin:24px 4%;border-radius:24px;overflow:hidden;background:#e4edb8;display:grid;grid-template-columns:1.1fr 1fr;min-height:240px;color:#243c2b;box-shadow:0 10px 30px #2d42200d}
#vimpex-concept .campaign-banner>div{padding:30px 38px;align-self:center}#vimpex-concept .campaign-banner h2{font-size:clamp(25px,3vw,38px);margin:14px 0 8px}#vimpex-concept .campaign-banner p{margin:0 0 18px}#vimpex-concept .campaign-banner>img{height:270px;width:100%;object-fit:cover}#vimpex-concept .campaign-banner.bottom{background:#ffec9b}
#vimpex-concept .saved-items,#vimpex-concept [data-campaign-form]{margin:24px 0}#vimpex-concept .campaign-row{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;padding:20px;border-top:1px solid #dce3d6}#vimpex-concept .campaign-row img,#vimpex-concept .campaign-row video{width:130px;height:100px;object-fit:cover;border-radius:10px}#vimpex-concept .campaign-row p{font-size:13px;margin:8px 0}#vimpex-concept .campaign-current img,#vimpex-concept .campaign-current video{max-height:180px;max-width:100%;border-radius:12px}#vimpex-concept [role=alert]{color:#9b2920}#vimpex-concept .official-logo{height:170px;background:#fff;display:flex;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:22px;font-weight:700;color:#29422f}#vimpex-concept .official-logo img{width:100%;height:100%;object-fit:contain}#vimpex-concept .dark-logo{background:#2e4b3a}#vimpex-concept .record-row img{object-fit:contain;background:#edf0e9}#vimpex-concept .partner-body small{color:#52634e}
@media(max-width:700px){#vimpex-concept .campaign-banner{grid-template-columns:1fr}#vimpex-concept .campaign-banner>div{padding:24px}#vimpex-concept .campaign-banner>img{height:210px}#vimpex-concept .campaign-row{grid-template-columns:80px 1fr;padding:14px;gap:12px}#vimpex-concept .campaign-row> .row{grid-column:1/-1}#vimpex-concept .campaign-row img,#vimpex-concept .campaign-row video{width:80px;height:80px}}
#vimpex-concept .phone-frame .campaign-banner{grid-template-columns:1fr}#vimpex-concept .phone-frame .campaign-banner>img{height:200px}


/* Current, user-supplied logo: complete artwork, no legacy header cropping. */
#vimpex-concept header .logo{width:210px;height:190px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border:1px solid #e4e8dc;border-radius:14px;overflow:visible;flex:0 0 auto}
#vimpex-concept header .logo img{position:static;display:block;left:auto;top:auto;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none}
#vimpex-concept .admin-logo{padding:12px;background:#fff;border-radius:12px;margin:4px 0 18px;text-align:center}
#vimpex-concept .admin-logo img{display:block;width:100%;max-width:180px;height:auto;object-fit:contain;margin:0 auto 12px}
#vimpex-concept .footer-brand{display:block;width:180px;height:165px;padding:8px;object-fit:contain;background:#fff;border-radius:12px;margin-bottom:18px}
#vimpex-concept .phone-frame header .logo{width:176px;height:162px}
#vimpex-concept .phone-frame header .logo img{width:100%;height:100%;position:static;max-width:100%}
@media(max-width:700px){#vimpex-concept header .logo{width:176px;height:162px}#vimpex-concept header .logo img{width:100%;height:100%;position:static;max-width:100%}#vimpex-concept .admin-logo{display:block;width:150px}#vimpex-concept .footer-brand{width:176px;height:162px}}

#vimpex-concept .campaign-banner.product-ad{display:block;background:#f6fae8;min-height:0;padding:0}#vimpex-concept .product-ad-link{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:0;text-align:left;cursor:pointer;color:#123d28}#vimpex-concept .product-ad-link img{display:block;width:100%;height:auto;object-fit:contain}#vimpex-concept .product-ad-link:focus-visible{outline:4px solid #315d16;outline-offset:-4px}#vimpex-concept .product-ad-mobile{display:none}@media(max-width:700px){#vimpex-concept .product-ad-mobile{display:block;padding:14px 18px;font-size:16px;line-height:1.5}#vimpex-concept .product-ad-mobile strong{display:block;margin-top:8px}}#vimpex-concept .phone-frame .product-ad-mobile{display:block;padding:14px 18px;font-size:16px;line-height:1.5}#vimpex-concept .phone-frame .product-ad-mobile strong{display:block;margin-top:8px}
#vimpex-concept header{gap:28px}
#vimpex-concept header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;flex:1;min-width:0;width:auto;align-items:stretch}
#vimpex-concept header nav button{font-size:18px;font-weight:650;line-height:1.35;letter-spacing:0;min-height:56px;padding:12px 14px;white-space:normal;overflow-wrap:break-word;color:#24362c;border-radius:10px;text-align:center}
#vimpex-concept header nav button:last-child{font-size:18px;padding:12px 14px;border-radius:10px}
#vimpex-concept header nav button:hover{background:#edf4e3;color:#234611}
#vimpex-concept header nav button:focus-visible{outline:3px solid #315d16;outline-offset:2px}
#vimpex-concept header .menu-toggle{font-size:18px;font-weight:650;min-height:48px;padding:12px 16px}
@media(min-width:701px) and (max-width:1100px){#vimpex-concept header nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#vimpex-concept header{gap:16px}#vimpex-concept header nav{display:none;flex-basis:100%;width:100%}#vimpex-concept header nav.open{display:grid;grid-template-columns:1fr;gap:8px}#vimpex-concept header nav button{text-align:left;min-height:52px;padding:14px 16px}#vimpex-concept header .menu-toggle{display:block;margin-left:auto}}
#vimpex-concept .phone-frame header{gap:16px}
#vimpex-concept .phone-frame header nav{display:none;flex-basis:100%;width:100%}
#vimpex-concept .phone-frame header nav.open{display:grid;grid-template-columns:1fr;gap:8px}
#vimpex-concept .phone-frame header nav button{text-align:left;min-height:52px;padding:14px 16px}

/* Keep the complete hero visible despite the legacy styles injected at runtime. */
#vimpex-concept .hero-photo{min-width:0;min-height:0!important;height:auto!important;display:flex;align-items:center;background:#e6d9ee;overflow:hidden}
#vimpex-concept .hero-photo>img{display:block;position:static!important;inset:auto!important;width:100%!important;max-width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;margin:0}


#vimpex-concept{--vp-bg:light-dark(#f6f4ef,#181a19);--vp-paper:light-dark(#fff,#232624);--vp-ink:light-dark(#262d29,#f5f2e9);--vp-muted:light-dark(#697069,#b6bcb5);--vp-line:light-dark(#dedfd8,#414740);--vp-red:light-dark(#842d40,#ba6275);color:var(--vp-ink);background:var(--vp-bg);font:15px/1.6 Arial,sans-serif;border-radius:12px;overflow:hidden;position:relative;max-width:100%;}
#vimpex-concept *{box-sizing:border-box}#vimpex-concept button,#vimpex-concept input,#vimpex-concept textarea,#vimpex-concept select{font:inherit}#vimpex-concept button,#vimpex-concept a{cursor:pointer}#vimpex-concept button{border:1px solid var(--vp-line);background:var(--vp-paper);color:var(--vp-ink);border-radius:7px;padding:10px 16px;transition:background .15s}#vimpex-concept button:hover{background:var(--vp-bg)}#vimpex-concept button:disabled{opacity:.4;cursor:default}#vimpex-concept button.primary{background:var(--vp-red);color:#fff;border-color:var(--vp-red)}#vimpex-concept a{color:inherit;text-decoration:none}#vimpex-concept a:hover{text-decoration:underline}#vimpex-concept h1,#vimpex-concept h2,#vimpex-concept h3,#vimpex-concept p{margin:0 0 16px}#vimpex-concept h1{font-size:clamp(36px,5.6vw,66px);line-height:1.04;font-weight:500;letter-spacing:-2.5px}#vimpex-concept h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1px}#vimpex-concept h3{font-size:20px;line-height:1.3;font-weight:500}#vimpex-concept .muted{color:var(--vp-muted)}#vimpex-concept .eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:20px}#vimpex-concept .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#vimpex-concept .between{justify-content:space-between}#vimpex-concept .studio{padding:12px 110px 12px 24px;background:var(--vp-ink);color:var(--vp-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}#vimpex-concept .studio button{padding:6px 12px;font-size:12px}#vimpex-concept header{padding:24px 32px;display:flex;gap:24px;align-items:center;background:var(--vp-paper);border-bottom:1px solid var(--vp-line)}#vimpex-concept .logo{font-size:25px;line-height:1;font-weight:800;letter-spacing:-1.5px;white-space:nowrap;color:var(--vp-red);background:none;border:0;padding:0}#vimpex-concept .logo small{display:block;font-size:9px;letter-spacing:4px;margin-top:6px;color:var(--vp-muted)}#vimpex-concept nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:1;flex-wrap:wrap}#vimpex-concept nav button{border:0;padding:8px;font-size:12px;background:none}#vimpex-concept nav button.active{color:var(--vp-red);box-shadow:inset 0 -2px var(--vp-red)}#vimpex-concept .menu-toggle{display:none}#vimpex-concept .hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:470px}#vimpex-concept .hero-copy{padding:58px 24px 44px 42px;align-self:center}#vimpex-concept .hero-copy p{max-width:370px}#vimpex-concept .hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--vp-red)}#vimpex-concept .scene{background:radial-gradient(ellipse at 55% 35%,#b4694b,#71382b 50%,#39281f);position:relative;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;gap:15px;padding:70px 20px 80px}#vimpex-concept .scene:after{content:'';position:absolute;bottom:0;height:72px;background:linear-gradient(#b17c55,#795136);width:100%;box-shadow:0 -8px 45px #311a17aa}#vimpex-concept .bottle{width:78px;height:245px;background:linear-gradient(90deg,#101c15,#354b36 42%,#101e15 85%);border-radius:28px 28px 13px 13px;position:relative;box-shadow:14px 15px 20px #21191055;transform:rotate(-7deg);flex-shrink:0}#vimpex-concept .bottle:before{content:'';position:absolute;top:-65px;left:25px;width:28px;height:75px;background:linear-gradient(90deg,#111a13,#495543,#101a13);border-radius:4px 4px 0 0;border-top:24px solid #722e38}#vimpex-concept .bottle span{position:absolute;top:94px;left:6px;right:6px;background:#eee7d5;color:#492f2b;text-align:center;padding:19px 1px;font:14px/1.4 Georgia,serif;letter-spacing:1px}#vimpex-concept .bottle:nth-child(2){height:280px;width:88px;transform:rotate(5deg);background:linear-gradient(90deg,#332019,#865325,#3c261b)}#vimpex-concept .bottle:nth-child(2):before{left:30px;background:#654c26;border-top-color:#b79758}#vimpex-concept .bottle:nth-child(3){height:210px;width:68px;transform:rotate(10deg);background:linear-gradient(90deg,#8f6b39,#e5c880,#8f6b39)}#vimpex-concept .bottle:nth-child(3):before{left:20px;background:#b69c6c;border-top-color:#ded8ba}#vimpex-concept .scene-label{position:absolute;top:26px;left:28px;color:#f3dfcf;font-size:11px;letter-spacing:2px}#vimpex-concept .scene-note{position:absolute;bottom:22px;left:28px;right:28px;z-index:1;display:flex;justify-content:space-between;color:#fff;font-size:12px}#vimpex-concept .strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--vp-paper);border-bottom:1px solid var(--vp-line)}#vimpex-concept .strip div{padding:23px 30px;border-right:1px solid var(--vp-line)}#vimpex-concept .strip small{display:block;color:var(--vp-muted)}#vimpex-concept .section{padding:40px}#vimpex-concept .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#vimpex-concept .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}#vimpex-concept .panel{padding:25px;background:var(--vp-paper);border:1px solid var(--vp-line);border-radius:10px;min-width:0}#vimpex-concept .feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}#vimpex-concept .cover{background:#7d293c;color:#fff1df;padding:32px;min-height:250px;position:relative;overflow:hidden;border-radius:6px}#vimpex-concept .cover h2{font-family:Georgia,serif;font-size:42px;font-style:italic}#vimpex-concept .cover:after{content:'V';position:absolute;font:280px/1 Georgia,serif;right:-10px;bottom:-60px;opacity:.12}#vimpex-concept .tag{display:inline-block;padding:4px 9px;background:var(--vp-bg);border:1px solid var(--vp-line);border-radius:50px;font-size:11px}#vimpex-concept .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}#vimpex-concept .tabs button.selected{background:var(--vp-ink);color:var(--vp-bg)}#vimpex-concept .page-title{padding:42px 40px 22px;border-bottom:1px solid var(--vp-line)}#vimpex-concept .page-title h1{font-size:44px}#vimpex-concept .listrow{padding:17px 0;border-bottom:1px solid var(--vp-line);display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}#vimpex-concept footer{padding:28px 40px;background:var(--vp-ink);color:var(--vp-bg);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:12px}#vimpex-concept .admin-layout{display:grid;grid-template-columns:200px minmax(0,1fr)}#vimpex-concept aside{padding:25px 15px;background:var(--vp-paper);border-right:1px solid var(--vp-line)}#vimpex-concept aside button{display:block;width:100%;text-align:left;margin-bottom:6px;border:0;background:none}#vimpex-concept aside button.selected{background:var(--vp-bg);color:var(--vp-red)}#vimpex-concept .admin-main{padding:28px;min-width:0}#vimpex-concept input:not([type=checkbox]),#vimpex-concept select,#vimpex-concept textarea{width:100%;padding:10px;border:1px solid var(--vp-line);border-radius:6px;background:var(--vp-paper);color:var(--vp-ink);min-width:0}#vimpex-concept label{display:block;margin-bottom:13px;font-size:13px}#vimpex-concept label input,#vimpex-concept label select{margin-top:5px}#vimpex-concept input[type=checkbox]{accent-color:var(--vp-red);width:17px;height:17px;vertical-align:middle}#vimpex-concept textarea{min-height:200px;font-family:monospace}#vimpex-concept .editarea{background:var(--vp-paper);border:1px solid var(--vp-line);padding:20px;min-height:220px;border-radius:6px;overflow-wrap:anywhere}#vimpex-concept .editarea img,#vimpex-concept .editarea video{max-width:100%}#vimpex-concept .editorbar{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}#vimpex-concept .editorbar button{padding:6px 12px}#vimpex-concept table{width:100%;border-collapse:collapse;font-size:12px}#vimpex-concept th,#vimpex-concept td{text-align:left;padding:12px 6px;border-bottom:1px solid var(--vp-line)}#vimpex-concept .tablewrap{overflow:auto}#vimpex-concept .notice{padding:12px 16px;background:var(--vp-paper);border-left:3px solid var(--vp-red);margin-bottom:20px;font-size:12px}#vimpex-concept .media img,#vimpex-concept .media video{width:100%;height:140px;object-fit:cover;border-radius:5px}#vimpex-concept .modalback{position:absolute;inset:0;background:#171b17bb;z-index:10;padding:65px 20px;display:flex;justify-content:center;align-items:flex-start}#vimpex-concept .dialog{background:var(--vp-paper);border-radius:12px;padding:26px;width:100%;max-width:640px;box-shadow:0 25px 90px #0005}#vimpex-concept .dialog img{max-width:100%;max-height:400px;display:block;margin:auto}#vimpex-concept .viewer{margin:18px 0;background:var(--vp-bg);padding:22px;border-radius:8px;min-height:260px;text-align:center}#vimpex-concept .viewer canvas{max-width:100%;height:auto}#vimpex-concept .phone-frame{max-width:390px;margin:auto}#vimpex-concept .phone-frame header{flex-wrap:wrap;padding:18px}#vimpex-concept .phone-frame nav{display:none;width:100%}#vimpex-concept .phone-frame nav.open{display:flex;flex-direction:column;align-items:stretch}#vimpex-concept .phone-frame .menu-toggle{display:block;margin-left:auto}#vimpex-concept .phone-frame .hero,#vimpex-concept .phone-frame .grid,#vimpex-concept .phone-frame .feature,#vimpex-concept .phone-frame .strip{grid-template-columns:1fr}#vimpex-concept .phone-frame .hero-copy,#vimpex-concept .phone-frame .section,#vimpex-concept .phone-frame .page-title{padding:28px 22px}#vimpex-concept .phone-frame h1{font-size:42px}#vimpex-concept .phone-frame .scene{min-height:370px}#vimpex-concept .phone-frame .strip div{padding:15px 22px}#vimpex-concept [hidden]{display:none!important}
@media(max-width:700px){#vimpex-concept header{padding:20px;flex-wrap:wrap}#vimpex-concept nav{display:none;width:100%}#vimpex-concept nav.open{display:flex;flex-direction:column;align-items:stretch}#vimpex-concept .menu-toggle{display:block;margin-left:auto}#vimpex-concept .hero,#vimpex-concept .grid,#vimpex-concept .grid.two,#vimpex-concept .feature,#vimpex-concept .strip{grid-template-columns:1fr}#vimpex-concept .hero-copy,#vimpex-concept .section,#vimpex-concept .page-title{padding:28px 22px}#vimpex-concept .scene{min-height:370px}#vimpex-concept .strip div{padding:15px 22px}#vimpex-concept .admin-layout{grid-template-columns:1fr}#vimpex-concept aside{display:flex;flex-wrap:wrap;padding:10px}#vimpex-concept aside button{width:auto;font-size:12px}#vimpex-concept .admin-main{padding:20px}#vimpex-concept .studio{padding-left:16px}#vimpex-concept .modalback{padding:30px 12px}#vimpex-concept .page-title h1{font-size:36px}}
#vimpex-concept{color-scheme:light;--vp-bg:#f6faef;--vp-paper:#fff;--vp-ink:#24362c;--vp-muted:#617064;--vp-line:#dfe8da;--vp-red:#40791c;font-family:Arial,sans-serif}#vimpex-concept .studio{background:#edf5df;color:#35501e;border-bottom:1px solid #d5e5c5}#vimpex-concept header{padding:16px 28px;gap:14px}#vimpex-concept .logo{width:142px;height:110px;overflow:hidden;position:relative;border-radius:10px;background:#9abd3c;flex-shrink:0}#vimpex-concept .logo img{width:845px;max-width:none;height:110px;position:absolute;left:0;top:0}#vimpex-concept nav button{font-size:12px}#vimpex-concept nav button:last-child{background:#f3d967;color:#34491e;border-radius:30px;padding:10px 14px}#vimpex-concept button{border-radius:9px}#vimpex-concept button.primary{background:#4b821d;border-color:#4b821d}#vimpex-concept .hero{margin:22px;border-radius:22px;background:#eff7d9;overflow:hidden;grid-template-columns:1fr 1.05fr;min-height:440px}#vimpex-concept .hero-copy{padding:40px 30px}#vimpex-concept h1{font-weight:600;letter-spacing:-2.2px}#vimpex-concept .hero h1 em{font-family:inherit;font-style:normal;color:#5c8f20}#vimpex-concept .hero-photo{position:relative;min-height:440px}#vimpex-concept .hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#vimpex-concept .photo-caption{position:absolute;bottom:15px;left:15px;right:15px;padding:10px 14px;border-radius:9px;background:#fffdf2ed;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#3e5127}#vimpex-concept .strip{margin:0 22px;border:0;border-radius:12px;overflow:hidden}#vimpex-concept .strip div{background:#fff4c8;border:0;margin-right:5px}#vimpex-concept .strip div:nth-child(2){background:#e8f4db}#vimpex-concept .strip div:nth-child(3){background:#dff2ef}#vimpex-concept .eyebrow{color:#5a7b30}#vimpex-concept .cover{background:linear-gradient(125deg,#e9f6bf,#b4d967);color:#314919}#vimpex-concept .cover h2{font-family:inherit;font-style:normal;font-weight:600}#vimpex-concept .cover:after{color:#4f791a;opacity:.1}#vimpex-concept .section{padding:34px}#vimpex-concept footer{background:#ecf5df;color:#314727;border-top:1px solid #d5e5c5}#vimpex-concept .editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:start}#vimpex-concept .admin-layout{grid-template-columns:170px minmax(0,1fr);background:#f4f6f8}#vimpex-concept .admin-main{padding:24px;--vp-bg:#f4f6f8;--vp-line:#e0e5e9;--vp-ink:#243339;--vp-muted:#65757d}#vimpex-concept .admin-main h2{font-size:25px;letter-spacing:-.5px}#vimpex-concept aside{padding:20px 10px}#vimpex-concept aside button{font-size:12px;padding:12px 10px;border-radius:7px}#vimpex-concept aside button.selected{background:#e9f5dc;color:#386c15;font-weight:700}#vimpex-concept .admin-logo{font-weight:800;padding:12px;font-size:17px;color:#4b7e20;margin-bottom:15px}#vimpex-concept .admin-logo span{font-size:10px;display:block;letter-spacing:2px;color:#75836b}#vimpex-concept .notice{background:#eff6e7;border:1px solid #d9e7cc;border-radius:7px;color:#526444;padding:9px 12px}#vimpex-concept .pro-panel{background:#fff;border:1px solid #dfe5e9;border-radius:9px;min-width:0;overflow:hidden}#vimpex-concept .pro-panel .panelhead{padding:14px 16px;border-bottom:1px solid #e5e9ec;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700}#vimpex-concept .pro-panel .panelbody{padding:16px}#vimpex-concept .pro-panel h3{font-size:15px;letter-spacing:0}#vimpex-concept .editor-top{margin-bottom:16px}#vimpex-concept .editor-top label{margin-bottom:0;flex:1;min-width:150px}#vimpex-concept .editor-tabs{padding:0 12px;display:flex;gap:2px;border-bottom:1px solid #e0e5e9;background:#fafbfc;flex-wrap:wrap}#vimpex-concept .editor-tabs button{border:0;border-radius:0;background:transparent;padding:13px 10px;font-size:12px}#vimpex-concept .editor-tabs button.selected{color:#447a1c;box-shadow:inset 0 -3px #77a72d;font-weight:700}#vimpex-concept .pro-toolbar{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:9px;background:#fbfcfd;border-bottom:1px solid #e0e5e9}#vimpex-concept .pro-toolbar button{padding:5px 9px;font-size:12px;min-height:32px;background:#fff;border-color:transparent}#vimpex-concept .pro-toolbar button:hover{border-color:#ccd8df;background:#edf2f5}#vimpex-concept .pro-toolbar select{width:auto;font-size:12px;padding:5px;max-width:130px}#vimpex-concept .pro-toolbar input[type=color]{width:28px;height:30px;padding:2px}#vimpex-concept .pro-toolbar .divider{width:1px;height:22px;background:#dae2e6;margin:0 2px}#vimpex-concept .document-canvas{padding:25px;background:#eef1f3}#vimpex-concept .editarea{border:1px solid #e1e6e9;box-shadow:0 3px 12px #1c31320a;border-radius:1px;padding:26px;min-height:380px;line-height:1.7}#vimpex-concept .editarea:focus{outline:2px solid #91b76d;outline-offset:-1px}#vimpex-concept .editarea h2{font-size:27px}#vimpex-concept .editarea h3{font-size:20px}#vimpex-concept .editarea p{font-size:14px}#vimpex-concept .editarea table{border-collapse:collapse}#vimpex-concept .editarea td{border:1px solid #ccd6db;padding:8px}#vimpex-concept .editor-foot{padding:9px 13px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:10px;color:#718088;border-top:1px solid #e1e6e9}#vimpex-concept .inspector label{font-size:11px}#vimpex-concept .inspector input,#vimpex-concept .inspector textarea,#vimpex-concept .inspector select{font-size:12px}#vimpex-concept .inspector textarea{min-height:85px;font-family:inherit}#vimpex-concept .inspector .pro-panel{margin-bottom:12px}#vimpex-concept .status-pill{display:inline-flex;align-items:center;padding:4px 9px;background:#fff4cb;color:#806109;border-radius:25px;font-size:11px}#vimpex-concept .status-pill.live{background:#e8f4dd;color:#41751d}#vimpex-concept .publishbar{margin-top:15px;padding:14px;border:1px solid #dde5e9;border-radius:9px;background:#fff}#vimpex-concept .publishbar button{font-size:12px;padding:8px 12px}#vimpex-concept .code-shell{display:grid;grid-template-columns:35px minmax(0,1fr);background:#f8fafc;min-height:380px}#vimpex-concept .code-lines{padding:16px 8px;color:#98a5af;font:12px/1.7 monospace;text-align:right;background:#eff3f6;white-space:pre;overflow:hidden}#vimpex-concept .code-shell textarea{font:12px/1.7 monospace;border:0;border-radius:0;resize:vertical;min-height:380px;white-space:pre;tab-size:2;background:#f8fafc;color:#32618a;padding:16px 10px}#vimpex-concept .block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px}#vimpex-concept .block-grid button{background:#f8faf6;text-align:left;min-height:80px;font-size:12px;white-space:normal}#vimpex-concept .block-grid button strong{font-size:22px;display:block;color:#7da32c}#vimpex-concept .gallery-card{border:1px solid #dfe6dc;border-radius:12px;overflow:hidden;background:#fff}#vimpex-concept .gallery-card img{width:100%;height:160px;object-fit:cover;display:block}#vimpex-concept .gallery-card div{padding:17px}#vimpex-concept .gallery-card h3{font-size:18px}#vimpex-concept .source-credit{font-size:10px;color:#728064}#vimpex-concept .media-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#vimpex-concept .media-picker button{padding:5px;font-size:11px;text-align:left;overflow:hidden}#vimpex-concept .media-picker img{width:100%;height:90px;object-fit:cover;max-height:none}#vimpex-concept .revision{padding:12px;border-bottom:1px solid #e2e7e8;font-size:12px}#vimpex-concept .admin-main .panel{padding:20px;box-shadow:0 2px 5px #18352404}#vimpex-concept .admin-main .listrow{font-size:13px}#vimpex-concept .photo-banner{width:100%;height:190px;object-fit:cover;border-radius:12px;margin-bottom:24px}#vimpex-concept .phone-frame .hero{grid-template-columns:1fr;margin:12px}#vimpex-concept .phone-frame .hero-photo{min-height:320px}#vimpex-concept .phone-frame .strip{margin:12px}#vimpex-concept .phone-frame .grid{grid-template-columns:1fr}#vimpex-concept .phone-frame .logo{width:118px;height:92px}#vimpex-concept .phone-frame .logo img{height:92px;width:706px}
@media(max-width:880px){#vimpex-concept .editor-layout{grid-template-columns:1fr}#vimpex-concept .inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px}#vimpex-concept .admin-layout{grid-template-columns:155px minmax(0,1fr)}}@media(max-width:700px){#vimpex-concept .hero{grid-template-columns:1fr;margin:12px}#vimpex-concept .hero-photo{min-height:320px}#vimpex-concept .hero-copy{padding:30px 24px}#vimpex-concept .admin-layout{grid-template-columns:1fr}#vimpex-concept .admin-logo{display:none}#vimpex-concept .admin-main{padding:16px}#vimpex-concept .document-canvas{padding:12px}#vimpex-concept .editarea{padding:18px}#vimpex-concept .inspector{grid-template-columns:1fr}#vimpex-concept .logo{width:118px;height:92px}#vimpex-concept .logo img{height:92px;width:706px}#vimpex-concept .section{padding:24px}#vimpex-concept .block-grid{grid-template-columns:1fr 1fr}#vimpex-concept .media-picker{grid-template-columns:1fr 1fr}}

#vimpex-concept .CodeMirror{font:13px/1.7 monospace;background:#fbfcfe;color:#243339}#vimpex-concept .CodeMirror-gutters{background:#eef3f6;border-color:#e1e7eb}#vimpex-concept .CodeMirror-scroll{min-height:380px}#vimpex-concept .CodeMirror-line{color:#243339}
#vimpex-concept header{flex-wrap:wrap}#vimpex-concept header nav{gap:3px}#vimpex-concept .category-heading{max-width:580px}#vimpex-concept .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}#vimpex-concept .category-tile{padding:0;border:0;border-radius:13px;background:#fff;text-align:left;overflow:hidden;box-shadow:0 2px 7px #233d2009}#vimpex-concept .category-tile img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block;transition:transform .25s}#vimpex-concept .category-tile:hover img{transform:scale(1.025)}#vimpex-concept .category-tile span{display:block;padding:13px 14px;font-size:14px;font-weight:600;line-height:1.4}#vimpex-concept .category-tile small{display:block;padding:0 14px 15px;color:#718063;font-size:10px}#vimpex-concept .category-detail img{width:100%;max-height:330px;object-fit:cover;border-radius:10px;margin:12px 0 20px}#vimpex-concept .category-detail .subcategories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}#vimpex-concept .partner-grid,#vimpex-concept .news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#vimpex-concept .partner-card,#vimpex-concept .news-card{background:#fff;border:1px solid #e1e9d9;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}#vimpex-concept .partner-card>img,#vimpex-concept .news-card>img{width:100%;height:170px;object-fit:cover;display:block}#vimpex-concept .partner-card .partner-body,#vimpex-concept .news-card .news-body{padding:20px;display:flex;flex-direction:column;flex:1;align-items:flex-start}#vimpex-concept .partner-card h3,#vimpex-concept .news-card h3{font-size:21px;margin:12px 0}#vimpex-concept .partner-card p,#vimpex-concept .news-card p{font-size:13px;color:#63745f}#vimpex-concept .partner-card button,#vimpex-concept .news-card button{margin-top:auto}#vimpex-concept .partner-mark{height:70px;max-width:150px;object-fit:contain;margin-bottom:12px}#vimpex-concept .news-date{font-size:11px;color:#78866c;margin-bottom:10px}#vimpex-concept .news-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#f0f7dc;border-radius:17px;overflow:hidden;margin-bottom:26px}#vimpex-concept .news-feature>img{width:100%;height:100%;min-height:280px;object-fit:cover}#vimpex-concept .news-feature>div{padding:30px;align-self:center}#vimpex-concept .news-feature h2{font-size:30px;margin-top:16px}#vimpex-concept .article-hero{width:100%;max-height:330px;object-fit:cover;border-radius:14px;margin:20px 0}#vimpex-concept .article-body{max-width:720px;margin:auto;font-size:16px;line-height:1.8}#vimpex-concept .article-body img,#vimpex-concept .article-body video{max-width:100%}#vimpex-concept .article-body h2{margin:28px 0 16px}#vimpex-concept .partner-callout{background:#fff2bb;border-radius:14px;padding:25px;margin-top:28px}#vimpex-concept .collection-toolbar{margin:18px 0;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}#vimpex-concept .collection-toolbar input{max-width:300px}#vimpex-concept .record-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border-bottom:1px solid #e4e9e1;background:#fff}#vimpex-concept .record-row img{width:64px;height:55px;object-fit:cover;border-radius:6px}#vimpex-concept .record-row h3{font-size:16px;margin:0 0 5px}#vimpex-concept .record-row .row button{font-size:11px;padding:7px 10px}#vimpex-concept .record-row small{color:#687969}#vimpex-concept .record-form{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;align-items:start}#vimpex-concept .record-form .editarea{min-height:240px}#vimpex-concept .record-form textarea{min-height:90px;font-family:inherit}#vimpex-concept .record-form [data-record-code]{min-height:240px;font-family:monospace}#vimpex-concept .record-form .pro-toolbar{margin-top:10px}#vimpex-concept .record-cover{width:100%;height:125px;object-fit:cover;border-radius:7px;margin-bottom:12px}#vimpex-concept .collection-filter{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 26px}#vimpex-concept .collection-filter button{padding:8px 13px;font-size:12px;border-radius:25px}#vimpex-concept .collection-filter button.selected{background:#4b821d;color:#fff;border-color:#4b821d}#vimpex-concept .image-credit{font-size:10px;color:#748367;margin:15px 0 0}#vimpex-concept .home-news{background:#fff}#vimpex-concept .phone-frame .category-grid{grid-template-columns:1fr 1fr}#vimpex-concept .phone-frame .partner-grid,#vimpex-concept .phone-frame .news-grid,#vimpex-concept .phone-frame .news-feature{grid-template-columns:1fr}#vimpex-concept .phone-frame .category-tile span{font-size:13px}#vimpex-concept .phone-frame .record-form{grid-template-columns:1fr}
@media(max-width:900px){#vimpex-concept .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#vimpex-concept .record-form{grid-template-columns:1fr}#vimpex-concept .partner-grid,#vimpex-concept .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#vimpex-concept .category-grid{grid-template-columns:1fr 1fr;gap:10px}#vimpex-concept .category-tile span{font-size:13px;padding:10px}#vimpex-concept .category-tile small{padding:0 10px 10px}#vimpex-concept .partner-grid,#vimpex-concept .news-grid,#vimpex-concept .news-feature{grid-template-columns:1fr}#vimpex-concept .record-row{grid-template-columns:50px minmax(0,1fr)}#vimpex-concept .record-row>.row{grid-column:1/-1}#vimpex-concept .record-row img{width:50px;height:50px}#vimpex-concept .news-feature>img{min-height:200px;height:220px}#vimpex-concept .news-feature>div{padding:22px}}

/* Explicit product colors keep host heading and dark-theme styles from making text disappear. */
#vimpex-concept{color-scheme:light;--vp-bg:#f6faef;--vp-paper:#ffffff;--vp-ink:#24362c;--vp-muted:#4c5e4b;--vp-line:#ccd8c5;--vp-red:#356516;color:#24362c;background:#f6faef}
#vimpex-concept .admin-main{--vp-bg:#f4f6f8;--vp-paper:#ffffff;--vp-ink:#243339;--vp-muted:#4b5d67;--vp-line:#cbd6dc;--vp-red:#356516;color:#243339;background:#f4f6f8}
#vimpex-concept :where(p,span,strong,b,i,em,small,label,li,summary,td,th,blockquote){color:inherit}
#vimpex-concept h1,#vimpex-concept h2,#vimpex-concept h3,#vimpex-concept h4,#vimpex-concept h5,#vimpex-concept h6{color:#24362c;background:transparent;opacity:1}
#vimpex-concept .hero h1 em{color:#356516}
#vimpex-concept .muted{color:#4c5e4b!important;opacity:1}
#vimpex-concept .admin-main .muted{color:#4b5d67!important}
#vimpex-concept .eyebrow{color:#3c5f22;opacity:1;font-size:11px}
#vimpex-concept .studio{color:#29471e;background:#edf5df}
#vimpex-concept .studio span{color:#29471e}
#vimpex-concept header,#vimpex-concept .panel,#vimpex-concept .pro-panel,#vimpex-concept .dialog,#vimpex-concept .partner-card,#vimpex-concept .news-card,#vimpex-concept .gallery-card{color:#24362c;background:#fff}
#vimpex-concept button{color:#24362c;background:#fff;opacity:1}
#vimpex-concept button:hover{color:#24362c;background:#eaf2e3}
#vimpex-concept button.primary,#vimpex-concept button.primary:hover,#vimpex-concept .collection-filter button.selected,#vimpex-concept .collection-filter button.selected:hover{color:#fff;background:#356516;border-color:#356516}
#vimpex-concept button.primary :where(span,strong,small,i),#vimpex-concept .collection-filter button.selected :where(span,strong,small){color:#fff}
#vimpex-concept button:disabled{color:#58645a;background:#eef1ed;border-color:#cbd4c7;opacity:1}
#vimpex-concept .tabs button.selected,#vimpex-concept .tabs button.selected:hover{background:#24362c;color:#fff}
#vimpex-concept .editor-tabs button.selected,#vimpex-concept .editor-tabs button.selected:hover{background:#edf5e3;color:#315d16;box-shadow:inset 0 -3px #356516}
#vimpex-concept nav button{color:#24362c;background:#fff}
#vimpex-concept nav button.active{color:#315d16;background:#eff5e7;box-shadow:inset 0 -2px #356516}
#vimpex-concept nav button:last-child,#vimpex-concept nav button:last-child:hover{color:#2d401d;background:#f3d967}
#vimpex-concept aside button.selected,#vimpex-concept aside button.selected:hover{background:#e9f5dc;color:#315d16}
#vimpex-concept .admin-logo{color:#315d16}#vimpex-concept .admin-logo span{color:#4d6046;font-size:11px}
#vimpex-concept .strip div{color:#24362c}#vimpex-concept .strip small{color:#465940}
#vimpex-concept .cover{color:#2b4618;background:linear-gradient(125deg,#e9f6bf,#b4d967)}
#vimpex-concept .cover h2,#vimpex-concept .cover .eyebrow,#vimpex-concept .cover span{color:#2b4618}
#vimpex-concept .photo-caption{color:#29411e;background:#fffdf2}
#vimpex-concept .photo-caption span{color:#29411e}
#vimpex-concept .tag{color:#314f19;background:#edf5e1;border-color:#bdcdb2}
#vimpex-concept .status-pill{color:#614600;background:#fff1bc}
#vimpex-concept .status-pill.live{color:#315d16;background:#e8f4dd}
#vimpex-concept .notice{color:#354e29;background:#eff6e7;border-color:#bdcfad}
#vimpex-concept .category-tile,#vimpex-concept .category-tile:hover{color:#24362c;background:#fff}
#vimpex-concept .category-tile span{color:#24362c}
#vimpex-concept .category-tile small,#vimpex-concept .source-credit,#vimpex-concept .image-credit,#vimpex-concept .news-date{color:#4c5e43;font-size:11px;opacity:1}
#vimpex-concept .partner-card p,#vimpex-concept .news-card p{color:#4c5e4b}
#vimpex-concept .record-row small{color:#4b5d50}
#vimpex-concept .partner-callout{color:#293e20;background:#fff2bb}
#vimpex-concept .news-feature{color:#24362c;background:#f0f7dc}
#vimpex-concept .block-grid button{color:#24362c;background:#f8faf6}
#vimpex-concept .block-grid button strong{color:#356516}
#vimpex-concept .editor-foot,#vimpex-concept .code-lines{color:#4b5d67;font-size:11px}
#vimpex-concept .editor-foot span{color:#4b5d67}
#vimpex-concept .panelhead{color:#243339;background:#fff}
#vimpex-concept .editarea{color:#243339;background:#fff}
#vimpex-concept .pro-toolbar button{color:#243339;background:#fff}
#vimpex-concept .pro-toolbar button:hover{color:#243339;background:#e6edf1}
#vimpex-concept input:not([type=color]),#vimpex-concept select,#vimpex-concept textarea{color:#243339;background:#fff;border-color:#9ead9e;opacity:1;-webkit-text-fill-color:#243339}
#vimpex-concept input::placeholder,#vimpex-concept textarea::placeholder{color:#59675e;opacity:1;-webkit-text-fill-color:#59675e}
#vimpex-concept select option{color:#243339;background:#fff}
#vimpex-concept .code-shell textarea{color:#244d70;background:#f8fafc;-webkit-text-fill-color:#244d70}
#vimpex-concept .CodeMirror{color:#243339;background:#fbfcfe}
#vimpex-concept .CodeMirror-gutters{background:#eef3f6;color:#4b5d67}
#vimpex-concept .CodeMirror-linenumber{color:#4b5d67}
#vimpex-concept .cm-s-default .cm-comment{color:#53644d}
#vimpex-concept .cm-s-default .cm-tag{color:#285c22}
#vimpex-concept .cm-s-default .cm-attribute{color:#294e91}
#vimpex-concept .cm-s-default .cm-string{color:#8b2424}
#vimpex-concept .cm-s-default .cm-bracket{color:#44594c}
#vimpex-concept a{color:#315f17;text-decoration:underline;text-underline-offset:3px}
#vimpex-concept footer{color:#29431f;background:#ecf5df}
#vimpex-concept footer a{color:#315f17}
#vimpex-concept :is(button,a,input,select,textarea,[contenteditable]):focus-visible{outline:3px solid #315f17;outline-offset:3px}

#vimpex-concept .product-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:0;isolation:isolate;overflow:hidden;background:#f5f8ec;aspect-ratio:1.45;padding:12px 7px;border-radius:0}
#vimpex-concept .product-stage:before{content:'';position:absolute;width:72%;height:100%;border-radius:50%;background:#eaf2d4;right:-26%;top:-37%;z-index:-1}
#vimpex-concept .product-stage:after{content:'';position:absolute;width:65%;height:55%;border-radius:50%;background:#fff0b7;left:-22%;bottom:-30%;z-index:-1}
#vimpex-concept .product-stage img{display:block;width:35%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;margin:0 -1.5%;border-radius:0;mix-blend-mode:multiply;position:relative;transition:transform .2s}
#vimpex-concept .product-stage img:nth-child(2){width:42%;z-index:2;transform:translateY(-5px)}
#vimpex-concept .category-tile:hover .product-stage img{transform:translateY(-3px)}
#vimpex-concept .category-tile:hover .product-stage img:nth-child(2){transform:translateY(-8px)}
#vimpex-concept .category-detail .product-stage{margin:14px 0 20px;border-radius:14px;max-height:330px;aspect-ratio:1.8}
#vimpex-concept .product-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}
#vimpex-concept .product-sources a{display:block;background:#fff;border:1px solid #d6e3c5;border-radius:8px;padding:10px;font-size:12px;color:#284f17;line-height:1.5;overflow-wrap:anywhere}
#vimpex-concept .hero-photo .product-stage{height:100%;min-height:390px;aspect-ratio:auto;padding:40px 16px 65px;background:#f1f7df}
#vimpex-concept .hero-photo .product-stage img{height:auto;min-height:0;width:35%;object-fit:contain;border-radius:0}
#vimpex-concept .hero-photo .product-stage img:nth-child(2){width:42%;transform:translateY(-25px)}
#vimpex-concept .photo-caption{background:#fff9;backdrop-filter:blur(8px);color:#24362c}
#vimpex-concept .news-card>img,#vimpex-concept .partner-card>img,#vimpex-concept .article-hero,#vimpex-concept .record-cover{object-fit:contain;background:#f5f8ec}
#vimpex-concept .phone-frame .hero-photo .product-stage{min-height:280px}
@media(max-width:560px){#vimpex-concept .hero-photo .product-stage{min-height:280px}#vimpex-concept .product-sources{grid-template-columns:1fr}#vimpex-concept .category-detail .product-stage{aspect-ratio:1.3}}
@media(prefers-reduced-motion:reduce){#vimpex-concept .product-stage img{transition:none}}

/* Category-specific display sets: original product photos, varied light backdrops. */
#vimpex-concept .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#vimpex-concept .product-stage{--scene:#edf5df;--accent:#d3e8ac;--second:#fff0b3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px 0;align-items:center;justify-items:center;aspect-ratio:1.12;padding:14px 8px;background:radial-gradient(ellipse at 85% 12%,var(--accent),transparent 58%),linear-gradient(145deg,#fff 0%,var(--scene) 70%);isolation:isolate}
#vimpex-concept .product-stage:before{width:75%;height:75%;background:var(--second);right:-42%;top:-40%;border-radius:50%;opacity:.7;z-index:-1}
#vimpex-concept .product-stage:after{width:130%;height:21%;left:-15%;bottom:-7%;border-radius:50%;background:var(--accent);opacity:.45;z-index:-1}
#vimpex-concept .product-stage img,#vimpex-concept .product-stage img:nth-child(2),#vimpex-concept .hero-photo .product-stage img,#vimpex-concept .hero-photo .product-stage img:nth-child(2){width:100%;height:100%;max-width:100%;min-height:0;max-height:100%;aspect-ratio:1;object-fit:contain;margin:0;transform:none;mix-blend-mode:multiply;position:relative;z-index:1}
#vimpex-concept .category-tile:hover .product-stage img,#vimpex-concept .category-tile:hover .product-stage img:nth-child(2){transform:translateY(-2px)}
#vimpex-concept .product-stage[data-scene="softdrinks"]{--scene:#fff0cc;--accent:#ffe3a1;--second:#dcf0bd;background:radial-gradient(circle at 10% 10%,#ffe5a6 0 18%,transparent 18.5%),radial-gradient(circle at 100% 50%,#e5efc6 0 30%,transparent 30.5%),linear-gradient(150deg,#fffaf0,#fff0d1)}
#vimpex-concept .product-stage[data-scene="water"]{--scene:#e6f4fc;--accent:#c5e7f4;--second:#e1f5ed;background:repeating-radial-gradient(ellipse at 120% 120%,#e2f3f9 0 20px,#f2fbff 21px 43px)}
#vimpex-concept .product-stage[data-scene="beer"]{--scene:#fff2d5;--accent:#f6dfa1;--second:#dce9bc;background:radial-gradient(circle at 15% 18%,#fff9 0 7%,transparent 7.5%),radial-gradient(circle at 87% 65%,#fff9 0 10%,transparent 10.5%),linear-gradient(140deg,#fff8e8,#f4e4b9)}
#vimpex-concept .product-stage[data-scene="wine"]{--scene:#f9e9ec;--accent:#ecd4e4;--second:#f7e1bb;background:linear-gradient(125deg,#fff5f0 0 38%,#f6e6ec 38% 70%,#eee4f5 70%)}
#vimpex-concept .product-stage[data-scene="spirits"]{--scene:#f3eddf;--accent:#e6d8bf;--second:#f9e6b4;background:repeating-linear-gradient(90deg,#faf6ed 0 30px,#f3ecdd 30px 32px)}
#vimpex-concept .product-stage[data-scene="coffee"]{--scene:#f4e7da;--accent:#e6d1b9;--second:#fff0d4;background:radial-gradient(ellipse at 70% 0%,#fff7ed 0 40%,transparent 41%),linear-gradient(125deg,#ead9c6,#f9f0e5)}
#vimpex-concept .product-stage[data-scene="sweets"]{--scene:#f7e7f2;--accent:#ead1e8;--second:#ffe3c2;background:repeating-linear-gradient(135deg,#fbf1f7 0 30px,#f3e3f0 30px 60px)}
#vimpex-concept .product-stage[data-scene="snacks"]{--scene:#fff0d7;--accent:#ffddb7;--second:#fff1a9;background:linear-gradient(30deg,#ffebc5 0 28%,#fff6e7 28% 66%,#ffe3d4 66%)}
#vimpex-concept .product-stage[data-scene="pantry"]{--scene:#eef2db;--accent:#d8e6bb;--second:#ffefc6;background:repeating-linear-gradient(0deg,transparent 0 38px,#b0c38a18 38px 40px),repeating-linear-gradient(90deg,#f6f7e9 0 38px,#e3ebcc 38px 40px)}
#vimpex-concept .product-stage[data-scene="dairy"]{--scene:#e9f2ff;--accent:#d1e5f8;--second:#fff3c8;background:radial-gradient(ellipse at 10% 100%,#dceac9 0 32%,transparent 33%),linear-gradient(#e3f2ff,#fff)}
#vimpex-concept .product-stage[data-scene="baby"]{--scene:#fff0e4;--accent:#f6dccd;--second:#e9e1f3;background:radial-gradient(circle,#e9d7ec 2px,transparent 3px) 0 0/27px 27px,linear-gradient(135deg,#fff5e9,#f9ebf4)}
#vimpex-concept .product-stage[data-scene="care"]{--scene:#e8f4ef;--accent:#cee6df;--second:#e9e4f5;background:radial-gradient(ellipse at 100% 0%,#dfdff2,transparent 58%),linear-gradient(135deg,#f4fcf8,#def0e8)}
#vimpex-concept .product-stage[data-scene="household"]{--scene:#e7f5fa;--accent:#cce9eb;--second:#e1f1cb;background:radial-gradient(circle at 10% 15%,#fff 0 10%,transparent 10.5%),radial-gradient(circle at 85% 72%,#fff 0 18%,transparent 18.5%),linear-gradient(120deg,#e6f6fa,#edf6df)}
#vimpex-concept .product-stage[data-scene="pets"]{--scene:#fff2db;--accent:#f1debb;--second:#daeac9;background:radial-gradient(circle,#d6e5c4 3px,transparent 3.5px) 10px 10px/34px 34px,linear-gradient(120deg,#fff7e7,#f4ead8)}
#vimpex-concept .hero-photo .product-stage{min-height:400px;height:100%;aspect-ratio:1;padding:20px 24px 60px;gap:2px 4px}
#vimpex-concept .category-detail .product-stage{aspect-ratio:1.4;max-height:450px;padding:14px 25px}
#vimpex-concept .product-sources{grid-template-columns:repeat(3,minmax(0,1fr))}
#vimpex-concept .phone-frame .category-grid{grid-template-columns:1fr}
#vimpex-concept .phone-frame .hero-photo .product-stage{min-height:360px}
@media(max-width:800px){#vimpex-concept .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){#vimpex-concept .category-grid{grid-template-columns:1fr}#vimpex-concept .hero-photo .product-stage{min-height:340px;padding:14px 12px 55px}#vimpex-concept .category-detail .product-stage{aspect-ratio:1.1;padding:10px}#vimpex-concept .product-sources{grid-template-columns:1fr 1fr}}

#vimpex-concept .product-stage,#vimpex-concept .hero-photo .product-stage,#vimpex-concept .category-detail .product-stage{display:block;position:relative;padding:0;aspect-ratio:1.12;min-height:0;height:auto;max-height:none}
#vimpex-concept .product-stage img,#vimpex-concept .product-stage img:nth-child(2),#vimpex-concept .hero-photo .product-stage img,#vimpex-concept .hero-photo .product-stage img:nth-child(2){position:absolute;width:var(--w);height:auto;max-height:none;left:var(--x);top:var(--y);margin:0;aspect-ratio:1;transform:rotate(var(--tilt));transform-origin:50% 80%;z-index:var(--z);object-fit:contain}
#vimpex-concept .product-stage img:nth-child(1){--x:0%;--y:10%;--w:35%;--tilt:-9deg;--z:1}
#vimpex-concept .product-stage img:nth-child(2){--x:31%;--y:1%;--w:41%;--tilt:4deg;--z:2}
#vimpex-concept .product-stage img:nth-child(3){--x:65%;--y:19%;--w:31%;--tilt:10deg;--z:3}
#vimpex-concept .product-stage img:nth-child(4){--x:4%;--y:48%;--w:40%;--tilt:6deg;--z:4}
#vimpex-concept .product-stage img:nth-child(5){--x:39%;--y:43%;--w:37%;--tilt:-7deg;--z:5}
#vimpex-concept .product-stage img:nth-child(6){--x:69%;--y:61%;--w:27%;--tilt:9deg;--z:6}
#vimpex-concept .product-stage[data-count="5"] img:nth-child(4){--x:10%;--y:48%;--w:42%;--tilt:7deg}
#vimpex-concept .product-stage[data-count="5"] img:nth-child(5){--x:53%;--y:51%;--w:36%;--tilt:-9deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(1){--x:3%;--y:2%;--w:39%;--tilt:-5deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(2){--x:37%;--y:12%;--w:31%;--tilt:10deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(3){--x:67%;--y:3%;--w:29%;--tilt:-7deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(4){--x:0%;--y:52%;--w:33%;--tilt:9deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(5){--x:27%;--y:44%;--w:44%;--tilt:-6deg}
#vimpex-concept .product-stage[data-layout="1"] img:nth-child(6){--x:68%;--y:48%;--w:30%;--tilt:5deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(1){--x:1%;--y:19%;--w:32%;--tilt:-10deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(2){--x:29%;--y:4%;--w:35%;--tilt:8deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(3){--x:63%;--y:6%;--w:34%;--tilt:-6deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(4){--x:8%;--y:54%;--w:35%;--tilt:6deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(5){--x:40%;--y:42%;--w:40%;--tilt:-8deg}
#vimpex-concept .product-stage[data-layout="2"] img:nth-child(6){--x:72%;--y:64%;--w:25%;--tilt:10deg}
#vimpex-concept .category-tile:hover .product-stage img,#vimpex-concept .category-tile:hover .product-stage img:nth-child(2){transform:rotate(var(--tilt)) translateY(-2px)}
#vimpex-concept .hero-photo .product-stage{height:100%;min-height:400px;aspect-ratio:1}
#vimpex-concept .hero-photo .product-stage img{top:calc(var(--y)*.86);width:calc(var(--w)*.94)}
#vimpex-concept .category-detail .product-stage{max-width:560px;margin:14px auto 20px}
#vimpex-concept .phone-frame .hero-photo .product-stage{min-height:360px}
@media(max-width:460px){#vimpex-concept .hero-photo .product-stage{min-height:340px}}

#vimpex-concept .scene-frame{display:block;overflow:hidden;background:#e6edda;aspect-ratio:4/3;position:relative}
#vimpex-concept .category-tile .scene-frame img,#vimpex-concept .scene-frame img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;margin:0;border-radius:0;transform:none;mix-blend-mode:normal;position:static}
#vimpex-concept .category-tile:hover .scene-frame img{transform:scale(1.025)}
#vimpex-concept .hero-photo .scene-frame{height:100%;aspect-ratio:auto;min-height:390px}
#vimpex-concept .hero-photo .scene-frame img{height:100%;min-height:390px;object-fit:cover;object-position:center}
#vimpex-concept .category-detail .scene-frame{border-radius:12px;margin:16px 0;max-height:none}
#vimpex-concept .category-detail .scene-frame img{max-height:none;width:100%;height:auto;object-fit:contain;margin:0}
#vimpex-concept .photo-caption{background:#fffffff0}
#vimpex-concept .original-packshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
#vimpex-concept .original-packshots a{color:#284f17;text-align:center;font-size:12px;line-height:1.4;text-decoration:none;border:1px solid #d9e5ce;border-radius:9px;padding:10px;background:#fff}
#vimpex-concept .category-detail .original-packshots img{display:block;height:100px;max-height:100px;width:100%;object-fit:contain;margin:0 0 7px;border-radius:0}
#vimpex-concept .phone-frame .hero-photo .scene-frame,#vimpex-concept .phone-frame .hero-photo .scene-frame img{min-height:290px}
@media(max-width:560px){#vimpex-concept .hero-photo .scene-frame,#vimpex-concept .hero-photo .scene-frame img{min-height:290px}#vimpex-concept .original-packshots{grid-template-columns:repeat(2,minmax(0,1fr))}}
#vimpex-concept .scene-frame.baby-scene{background-size:cover;background-position:center;isolation:isolate}
#vimpex-concept .scene-frame.baby-scene img.baby-pack{position:absolute;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:none;margin:0;border-radius:0}
#vimpex-concept .baby-scene img.baby-pack-0{width:38%;left:13%;top:43%;z-index:4}
#vimpex-concept .baby-scene img.baby-pack-1{width:37%;left:48%;top:47%;z-index:5}
#vimpex-concept .baby-scene img.baby-pack-2{width:35%;left:1%;top:11%;z-index:1}
#vimpex-concept .baby-scene img.baby-pack-3{width:42%;left:27%;top:4%;z-index:2}
#vimpex-concept .baby-scene img.baby-pack-4{width:39%;left:59%;top:10%;z-index:3}