/** Shopify CDN: Minification failed

Line 363:10 Unexpected "@supports"

**/
/* ==========================================================================
   VDPS reference stylesheet

   GENERATED - do not edit by hand.
   Source: app/globals.css (client-approved design)
   Regenerate: python -m tools.theme.port_css

   Every declaration is copied verbatim from the approved design. Only selectors
   are rewritten, each prefixed with `.vdps-ref` so the reference styles cannot leak
   into Horizon's header, cart drawer, checkout, search, account pages or any
   template that has not been rebuilt.

   `html` and `body` selectors map onto the scope element itself, since that is
   the outermost node our sections control.
   ========================================================================== */

/* Google Fonts import removed: fonts are loaded with
   preconnect from layout/theme.liquid instead. */

:root {
  --ink: #101111;
  --brand-blue: #1565c0;
  --brand-blue-deep: #0d3fa6;
  --brand-blue-pale: #e8f0fe;
  --surface: #ffffff;
}
/* --------------------------------------------------------------------------
   Host-theme reset (added by the porter, not present in the source)

   The reference design relies on inheritance: globals.css sets a font on
   `body` and lets headings inherit it. Horizon instead sets font-family,
   font-size, line-height and color explicitly on h1-h6 and other elements.
   A direct rule always beats an inherited value, regardless of specificity,
   so Horizon's typography won and the ported design rendered in Oswald at the
   wrong sizes with the wrong colours.

   `revert` rolls each property back to the browser default, which is the
   baseline globals.css was authored against. Reference rules then apply on
   top. This block is emitted FIRST so equal-specificity reference rules win
   on source order.
   -------------------------------------------------------------------------- */
.vdps-ref h1,
.vdps-ref h2,
.vdps-ref h3,
.vdps-ref h4,
.vdps-ref h5,
.vdps-ref h6,
.vdps-ref p,
.vdps-ref ul,
.vdps-ref ol,
.vdps-ref li,
.vdps-ref dl,
.vdps-ref dt,
.vdps-ref dd,
.vdps-ref a,
.vdps-ref span,
.vdps-ref strong,
.vdps-ref em,
.vdps-ref b,
.vdps-ref i,
.vdps-ref small,
.vdps-ref sup,
.vdps-ref sub,
.vdps-ref blockquote,
.vdps-ref figure,
.vdps-ref figcaption,
.vdps-ref table,
.vdps-ref thead,
.vdps-ref tbody,
.vdps-ref tr,
.vdps-ref th,
.vdps-ref td,
.vdps-ref caption,
.vdps-ref section,
.vdps-ref article,
.vdps-ref aside,
.vdps-ref div,
.vdps-ref main,
.vdps-ref header,
.vdps-ref footer,
.vdps-ref nav,
.vdps-ref details,
.vdps-ref summary,
.vdps-ref button,
.vdps-ref input,
.vdps-ref select,
.vdps-ref textarea,
.vdps-ref label,
.vdps-ref video,
.vdps-ref img {
  font: revert;
  color: revert;
  letter-spacing: revert;
  text-transform: revert;
  text-align: revert;
}

/* The scope element inherits Horizon's body font-size (14px / 1.6). The
   reference was authored against the browser default, so every em-based size
   and unset line-height below it came out scaled wrong.

   `revert` is NOT usable here: for an inherited property it rolls back to the
   inherited value, which is Horizon's 14px - exactly what we are trying to
   escape. The browser defaults have to be stated explicitly. */
.vdps-ref {
  font-size: 16px;
}


/* ---- Tailwind preflight (ported, scoped) ---- */
/*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Remove default margins and padding
  3. Reset all borders.
*/
.vdps-ref *,
.vdps-ref ::after,
.vdps-ref ::before,
.vdps-ref ::backdrop,
.vdps-ref ::file-selector-button {
  box-sizing: border-box; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 2 */
  border: 0 solid; /* 3 */
}
/*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS.
*/
.vdps-ref,
.vdps-ref :host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  tab-size: 4; /* 3 */
  font-family: --theme(
    --default-font-family,
    ui-sans-serif,
    system-ui,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'
  ); /* 4 */
  font-feature-settings: --theme(--default-font-feature-settings, normal); /* 5 */
  font-variation-settings: --theme(--default-font-variation-settings, normal); /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Reset the default border style to a 1px solid border.
*/
.vdps-ref hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
  Add the correct text decoration in Chrome, Edge, and Safari.
*/
.vdps-ref abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/*
  Remove the default font size and weight for headings.
*/
.vdps-ref h1,
.vdps-ref h2,
.vdps-ref h3,
.vdps-ref h4,
.vdps-ref h5,
.vdps-ref h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
  Reset links to optimize for opt-in styling instead of opt-out.
*/
.vdps-ref a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
/*
  Add the correct font weight in Edge and Safari.
*/
.vdps-ref b,
.vdps-ref strong {
  font-weight: bolder;
}
/*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
*/
.vdps-ref code,
.vdps-ref kbd,
.vdps-ref samp,
.vdps-ref pre {
  font-family: --theme(
    --default-mono-font-family,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    'Liberation Mono',
    'Courier New',
    monospace
  ); /* 1 */
  font-feature-settings: --theme(--default-mono-font-feature-settings, normal); /* 2 */
  font-variation-settings: --theme(--default-mono-font-variation-settings, normal); /* 3 */
  font-size: 1em; /* 4 */
}
/*
  Add the correct font size in all browsers.
*/
.vdps-ref small {
  font-size: 80%;
}
/*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
.vdps-ref sub,
.vdps-ref sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.vdps-ref sub {
  bottom: -0.25em;
}
.vdps-ref sup {
  top: -0.5em;
}
/*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
*/
.vdps-ref table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
  Use the modern Firefox focus style for all focusable elements.
*/
.vdps-ref :-moz-focusring {
  outline: auto;
}
/*
  Add the correct vertical alignment in Chrome and Firefox.
*/
.vdps-ref progress {
  vertical-align: baseline;
}
/*
  Add the correct display in Chrome and Safari.
*/
.vdps-ref summary {
  display: list-item;
}
/*
  Make lists unstyled by default.
*/
.vdps-ref ol,
.vdps-ref ul,
.vdps-ref menu {
  list-style: none;
}
/*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
      This can trigger a poorly considered lint error in some tools but is included by design.
*/
.vdps-ref img,
.vdps-ref svg,
.vdps-ref video,
.vdps-ref canvas,
.vdps-ref audio,
.vdps-ref iframe,
.vdps-ref embed,
.vdps-ref object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
.vdps-ref img,
.vdps-ref video {
  max-width: 100%;
  height: auto;
}
/*
  1. Inherit font styles in all browsers.
  2. Remove border radius in all browsers.
  3. Remove background color in all browsers.
  4. Ensure consistent opacity for disabled states in all browsers.
*/
.vdps-ref button,
.vdps-ref input,
.vdps-ref select,
.vdps-ref optgroup,
.vdps-ref textarea,
.vdps-ref ::file-selector-button {
  font: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  border-radius: 0; /* 2 */
  background-color: transparent; /* 3 */
  opacity: 1; /* 4 */
}
/*
  Restore default font weight.
*/
.vdps-ref :where(select:is([multiple],
.vdps-ref [size])) optgroup {
  font-weight: bolder;
}
/*
  Restore indentation.
*/
.vdps-ref :where(select:is([multiple],
.vdps-ref [size])) optgroup option {
  padding-inline-start: 20px;
}
/*
  Restore space after button.
*/
.vdps-ref ::file-selector-button {
  margin-inline-end: 4px;
}
/*
  Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/
.vdps-ref ::placeholder {
  opacity: 1;
}
/*
  Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
  crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
*/
/* Not Safari */
/* Safari 17+ */
.vdps-ref @supports (not (-webkit-appearance: -apple-pay-button))   or
  (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: color-mix(in oklab, currentcolor 50%, transparent);
  }
}
/*
  Prevent resizing textareas horizontally by default.
*/
.vdps-ref textarea {
  resize: vertical;
}
/*
  Remove the inner padding in Chrome and Safari on macOS.
*/
.vdps-ref ::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
  1. Ensure date/time inputs have the same height when empty in iOS Safari.
  2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
*/
.vdps-ref ::-webkit-date-and-time-value {
  min-height: 1lh; /* 1 */
  text-align: inherit; /* 2 */
}
/*
  Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
*/
.vdps-ref ::-webkit-datetime-edit {
  display: inline-flex;
}
/*
  Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
*/
.vdps-ref ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.vdps-ref ::-webkit-datetime-edit,
.vdps-ref ::-webkit-datetime-edit-year-field,
.vdps-ref ::-webkit-datetime-edit-month-field,
.vdps-ref ::-webkit-datetime-edit-day-field,
.vdps-ref ::-webkit-datetime-edit-hour-field,
.vdps-ref ::-webkit-datetime-edit-minute-field,
.vdps-ref ::-webkit-datetime-edit-second-field,
.vdps-ref ::-webkit-datetime-edit-millisecond-field,
.vdps-ref ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
/*
  Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
*/
.vdps-ref ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
/*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
.vdps-ref :-moz-ui-invalid {
  box-shadow: none;
}
/*
  Correct the inability to style the border radius in iOS Safari.
*/
.vdps-ref button,
.vdps-ref input:where([type='button'],
.vdps-ref [type='reset'],
.vdps-ref [type='submit']),
.vdps-ref ::file-selector-button {
  appearance: button;
}
/*
  Correct the cursor style of increment and decrement buttons in Safari.
*/
.vdps-ref ::-webkit-inner-spin-button,
.vdps-ref ::-webkit-outer-spin-button {
  height: auto;
}
/*
  Make elements with the HTML hidden attribute stay hidden by default.
*/
.vdps-ref [hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
.vdps-ref * {
  box-sizing: border-box;
}
.vdps-ref {
  scroll-behavior: smooth;
}
.vdps-ref {
  margin: 0;
  background: var(--surface);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}
.vdps-ref a {
  color: inherit;
  text-decoration: none;
}
.vdps-ref .vr-announcement {
  height: 30px;
  background: var(--brand-blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.19em;
}
.vdps-ref .vr-site-header {
  height: 78px;
  padding: 0 4vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d9d7d0;
  background: #fff;
  position: relative;
  z-index: 4;
}
.vdps-ref .vr-wordmark {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 1.05;
}
.vdps-ref .vr-wordmark img {
  display: block;
  width: 196px;
  height: auto;
}
.vdps-ref .vr-mark {
  width: 34px;
  height: 34px;
  border: 2px solid currentColor;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: -0.08em;
}
.vdps-ref nav {
  display: flex;
  gap: 34px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
}
.vdps-ref nav a,
.vdps-ref .vr-footer-links a {
  transition: color 0.2s;
}
.vdps-ref nav a:hover,
.vdps-ref .vr-footer-links a:hover {
  color: #1565c0;
}
.vdps-ref .vr-header-action {
  font-size: 10px;
  letter-spacing: 0.15em;
  font-weight: 800;
  background: var(--brand-blue);
  color: #fff;
  padding: 14px 20px;
}
.vdps-ref .vr-hero {
  min-height: 720px;
  height: calc(100svh - 108px);
  color: #fff;
  position: relative;
  overflow: hidden;
  background: linear-gradient(120deg, var(--brand-blue-deep), #071c49);
}
.vdps-ref .vr-hero-media {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 76% 43%, #424642 0, transparent 22%),
    linear-gradient(100deg, rgba(0, 0, 0, 0.82) 20%, rgba(0, 0, 0, 0.18));
}
.vdps-ref .vr-hero-grid {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  background-image:
    linear-gradient(#fff 1px, transparent 1px),
    linear-gradient(90deg, #fff 1px, transparent 1px);
  background-size: 80px 80px;
}
.vdps-ref .vr-hero-media-note {
  position: absolute;
  right: 5vw;
  bottom: 6vh;
  text-align: right;
  border-right: 1px solid #ffffff66;
  padding-right: 16px;
}
.vdps-ref .vr-hero-media-note span {
  font-size: 9px;
  letter-spacing: 0.2em;
  color: #8ec5ff;
}
.vdps-ref .vr-hero-media-note p {
  font-size: 11px;
  line-height: 1.5;
  color: #ffffff99;
}
.vdps-ref .vr-hero-copy {
  position: relative;
  z-index: 2;
  padding: 15vh 7vw 8vh;
  max-width: 900px;
}
.vdps-ref .vr-eyebrow {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.24em;
  margin: 0 0 28px;
}
.vdps-ref .vr-eyebrow.vr-light {
  color: #fff;
}
.vdps-ref h1,
.vdps-ref h2,
.vdps-ref h3,
.vdps-ref p {
  margin-top: 0;
}
.vdps-ref h1 {
  font-size: clamp(52px, 6.3vw, 98px);
  line-height: 0.93;
  letter-spacing: -0.055em;
  font-weight: 500;
  margin-bottom: 32px;
}
.vdps-ref h1 em,
.vdps-ref h2 em {
  font-family: Georgia, serif;
  font-weight: 400;
}
.vdps-ref .vr-hero-summary {
  color: #d5d5d2;
  max-width: 530px;
  font-size: 16px;
  line-height: 1.6;
}
.vdps-ref .vr-actions {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-top: 36px;
}
.vdps-ref .vr-button {
  display: inline-flex;
  min-height: 50px;
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  border: 1px solid;
  transition: 0.2s;
}
.vdps-ref .vr-light-button {
  background: #fff;
  color: #111;
  border-color: #fff;
}
.vdps-ref .vr-light-button:hover {
  background: transparent;
  color: #fff;
}
.vdps-ref .vr-dark-button {
  background: #111;
  color: #fff;
  border-color: #111;
}
.vdps-ref .vr-dark-button:hover {
  background: transparent;
  color: #111;
}
.vdps-ref .vr-text-link {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
  padding-bottom: 6px;
  border-bottom: 1px solid;
}
.vdps-ref .vr-text-link span {
  margin-left: 8px;
}
.vdps-ref .vr-safety {
  position: absolute;
  bottom: 4vh;
  left: 7vw;
  font-size: 8px;
  letter-spacing: 0.17em;
  color: #ffffff66;
}
.vdps-ref .vr-section {
  padding: 120px 6vw;
}
.vdps-ref .vr-intro {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 10vw;
  align-items: end;
}
.vdps-ref h2 {
  font-size: clamp(48px, 6vw, 86px);
  line-height: 0.96;
  letter-spacing: -0.055em;
  font-weight: 500;
  margin-bottom: 0;
}
.vdps-ref .vr-intro-copy {
  max-width: 470px;
  padding-bottom: 8px;
}
.vdps-ref .vr-intro-copy p,
.vdps-ref .vr-feature-card p,
.vdps-ref .vr-engineering-head > p,
.vdps-ref .vr-portable-copy > p,
.vdps-ref .vr-dwell > p,
.vdps-ref .vr-conversion-side p {
  font-size: 15px;
  line-height: 1.75;
  color: #555753;
  margin-bottom: 34px;
}
.vdps-ref .vr-feature-split {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.vdps-ref .vr-feature-split.vr-reverse {
  grid-template-columns: 0.65fr 1.35fr;
}
.vdps-ref .vr-media-placeholder {
  min-height: 720px;
  background: #dddcd6;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: #777872;
  overflow: hidden;
}
.vdps-ref .vr-media-placeholder:after {
  content: "";
  position: absolute;
  width: 140%;
  border-top: 1px solid #aaa;
  transform: rotate(-30deg);
}
.vdps-ref .vr-media-placeholder span {
  font-size: 11px;
  letter-spacing: 0.18em;
  font-weight: 800;
  z-index: 1;
}
.vdps-ref .vr-media-placeholder small {
  font-size: 9px;
  letter-spacing: 0.13em;
  z-index: 1;
}
.vdps-ref .vr-media-dark {
  background: #262826;
  color: #b7b9b4;
}
.vdps-ref .vr-feature-card {
  min-height: 720px;
  padding: 52px 4vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vdps-ref .vr-dark-card {
  background: #ffffff;
  color: var(--ink);
  justify-content: center;
  gap: 82px;
}
.vdps-ref .vr-brand-presents {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.vdps-ref .vr-brand-presents span {
  color: var(--brand-blue);
  font: 600 10px/1 "Oswald", sans-serif;
  letter-spacing: .28em;
}
.vdps-ref .vr-parked-lockup-crop {
  display: block;
  width: min(100%, 290px);
  aspect-ratio: 2048 / 525;
  overflow: hidden;
}
.vdps-ref .vr-parked-lockup-logo {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(0);
}
.vdps-ref .vr-brand-feature-list {
  width: min(100%, 430px);
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.vdps-ref .vr-brand-feature-list li {
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid #d9dfe7;
  color: var(--ink);
  font: 400 clamp(16px, 1.7vw, 23px)/1.25 "Oswald", sans-serif;
  letter-spacing: .02em;
  text-align: center;
}
.vdps-ref .vr-brand-feature-list li:last-child {
  border-bottom: 0;
}
.vdps-ref .vr-pale-card {
  background: var(--brand-blue-pale);
}
.vdps-ref .vr-index {
  font-size: 10px !important;
  letter-spacing: 0.2em;
}
.vdps-ref .vr-feature-card h3 {
  font-size: clamp(42px, 4vw, 66px);
  line-height: 0.95;
  letter-spacing: -0.05em;
  font-weight: 500;
  margin-bottom: 28px;
}
.vdps-ref .vr-dark-card p {
  color: #555753;
}
.vdps-ref .vr-dark-card .vr-eyebrow {
  color: var(--brand-blue);
  text-align: center;
  font-weight: 400;
}
.vdps-ref .vr-engineering {
  background: #fff;
  display: grid;
  grid-template-columns: 0.65fr 1.35fr;
  gap: 8vw;
  align-items: center;
}
.vdps-ref .vr-engineering-head h2 {
  margin-bottom: 32px;
}
.vdps-ref .vr-engineering-head > p {
  max-width: 420px;
}
.vdps-ref .vr-spec-panel {
  min-height: 600px;
  position: relative;
  display: grid;
  place-items: center;
  padding: 70px;
}
.vdps-ref .vr-product-frame {
  width: 92%;
  aspect-ratio: 54/14;
  background: #191a19;
  box-shadow: 0 38px 60px #0002;
  color: #fff;
  display: grid;
  place-items: center;
  position: relative;
  border-top: 5px solid #313331;
}
.vdps-ref .vr-product-frame span {
  font-family: Georgia, serif;
  font-size: 22px;
  letter-spacing: 0.13em;
  opacity: 0.5;
}
.vdps-ref .vr-product-frame small {
  position: absolute;
  bottom: -38px;
  font-size: 8px;
  letter-spacing: 0.18em;
  color: #777;
}
.vdps-ref .vr-measure {
  position: absolute;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #777;
}
.vdps-ref .vr-measure.vr-width {
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
}
.vdps-ref .vr-measure.vr-crown-width {
  top: 6%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  color: #777;
  font-family: inherit;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.18em;
  opacity: 1;
  white-space: nowrap;
}
.vdps-ref .vr-measure.vr-height {
  left: 3%;
  top: 50%;
  transform: rotate(-90deg);
}
.vdps-ref .vr-portable {
  background: #ffffff;
  color: var(--ink);
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 8vw;
  align-items: center;
}
.vdps-ref .vr-portable .vr-media-placeholder {
  min-height: 660px;
}
.vdps-ref .vr-portable-detail-film {
  width: min(100%, 600px);
  margin: 0;
  justify-self: center;
  background: #ffffff;
}
.vdps-ref .vr-portable-detail-film .vr-autoplay-video {
  aspect-ratio: 4 / 3;
  background: #ffffff;
}
.vdps-ref .vr-portable-detail-film .vr-autoplay-video button {
  opacity: 0;
  transition: opacity 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.vdps-ref .vr-portable-detail-film .vr-autoplay-video:hover button,
.vdps-ref .vr-portable-detail-film .vr-autoplay-video button:focus-visible {
  opacity: 1;
}
.vdps-ref .vr-portable-copy h2 {
  margin-bottom: 32px;
}
.vdps-ref .vr-portable-copy .vr-eyebrow {
  font-weight: 400;
  text-align: center;
  color: var(--brand-blue);
}
.vdps-ref .vr-portable-copy > p {
  color: #555753;
  max-width: 470px;
}
.vdps-ref .vr-portable-copy ul {
  list-style: none;
  padding: 0;
  margin: 55px 0 0;
  border-top: 1px solid #d9dfe7;
}
.vdps-ref .vr-portable-copy li {
  padding: 20px 0;
  border-bottom: 1px solid #d9dfe7;
  color: #374151;
  font-size: 10px;
  letter-spacing: 0.15em;
}
.vdps-ref .vr-portable-copy li span {
  color: var(--brand-blue);
  margin-right: 30px;
}
.vdps-ref .vr-dwell {
  text-align: center;
  background: #0a0a0a;
  border-top: 1px solid #ffffff;
  color: #ffffff;
  padding-top: 74px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.vdps-ref .vr-dwell > .vr-dwell-label {
  color: #60a5fa;
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.vdps-ref .vr-dwell-heading {
  width: 100%;
  margin-bottom: 72px;
}
.vdps-ref .vr-dwell-heading h3 {
  color: #ffffff;
  font-family: "Russo One", sans-serif;
  font-size: clamp(26px, 4vw, 48px);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0;
}
.vdps-ref .vr-dwell-stats {
  margin: 0 0 52px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 72px;
  flex-wrap: wrap;
}
.vdps-ref .vr-dwell-stats>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vdps-ref .vr-dwell-stats strong {
  color: #1565c0;
  font-family: "Russo One", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.vdps-ref .vr-dwell-stats sup { font-size: 50%; vertical-align: super; }
.vdps-ref .vr-dwell-stats span {
  color: #6b7280;
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 6px;
}
.vdps-ref .vr-dwell > .vr-dwell-source {
  color: #9ca3af;
  font-family: "Barlow", sans-serif;
  font-size: 12px;
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto 28px;
}
.vdps-ref .vr-dwell > .vr-dwell-copy {
  max-width: 600px;
  margin: 0 auto 28px;
  color: #9ca3af;
  font-family: "Barlow", sans-serif;
  font-size: 15px;
  line-height: 1.8;
}
.vdps-ref .vr-dwell-button {
  display: inline-block;
  padding: 16px 44px;
  background: #1565c0;
  color: #ffffff;
  border: 1px solid #1565c0;
  border-radius: 3px;
  font-family: "Russo One", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .015em;
  text-transform: uppercase;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  transition: background .2s, transform .15s, box-shadow .2s;
}
.vdps-ref .vr-dwell-button:hover { background: var(--brand-blue-deep); transform: translateY(-2px); box-shadow: 0 8px 28px #1565c04d; }
.vdps-ref .vr-centered {
  justify-content: center;
}
.vdps-ref .vr-conversion {
  background: #ffffff;
  color: #0a0a0a;
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(250px, .65fr);
  align-items: center;
  gap: 48px;
}
.vdps-ref .vr-conversion .vr-eyebrow.vr-light { color: #1565c0; }
.vdps-ref .vr-conversion-side {
  min-width: 270px;
  padding-bottom: 8px;
}
.vdps-ref .vr-conversion-side p {
  color: #374151;
}
.vdps-ref .vr-preorder-package {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  margin-bottom: 22px;
  background: #f5f7fa;
}
.vdps-ref .vr-conversion .vr-light-button {
  background: #1565c0;
  border-color: #1565c0;
  color: #ffffff;
}
.vdps-ref .vr-conversion .vr-light-button:hover {
  background: #0d3fa6;
  border-color: #0d3fa6;
  color: #ffffff;
}
.vdps-ref footer {
  background: #101111;
  color: #fff;
  padding: 85px 6vw 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
}
.vdps-ref .vr-footer-brand {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.vdps-ref .vr-footer-brand p {
  color: #999b97;
  max-width: 360px;
  font-size: 13px;
  line-height: 1.7;
}
.vdps-ref .vr-footer-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.vdps-ref .vr-footer-links div {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.vdps-ref .vr-footer-links strong {
  font-size: 9px;
  letter-spacing: 0.19em;
  color: #777;
  margin-bottom: 8px;
}
.vdps-ref .vr-footer-links a {
  font-size: 11px;
}
.vdps-ref .vr-copyright {
  grid-column: 1/-1;
  border-top: 1px solid #ffffff22;
  padding-top: 25px;
  margin: 15px 0 0;
  font-size: 8px;
  letter-spacing: 0.16em;
  color: #777;
}
@media (max-width: 800px) {
.vdps-ref .vr-site-header nav {
    display: none;
  }
.vdps-ref .vr-header-action {
    font-size: 0;
  }
.vdps-ref .vr-header-action:after {
    content: "MENU";
    font-size: 10px;
  }
.vdps-ref .vr-hero {
    min-height: 680px;
    height: calc(100svh - 108px);
  }
.vdps-ref .vr-hero-copy {
    padding: 15vh 7vw 8vh;
  }
.vdps-ref .vr-hero-media-note {
    display: none;
  }
.vdps-ref .vr-section {
    padding: 82px 7vw;
  }
.vdps-ref .vr-intro,
.vdps-ref .vr-engineering,
.vdps-ref .vr-portable {
    grid-template-columns: 1fr;
    gap: 60px;
  }
.vdps-ref .vr-intro-copy {
    padding: 0;
  }
.vdps-ref .vr-feature-split,
.vdps-ref .vr-feature-split.vr-reverse {
    grid-template-columns: 1fr;
    padding: 0;
  }
.vdps-ref .vr-feature-split.vr-reverse .vr-feature-card {
    order: 2;
  }
.vdps-ref .vr-media-placeholder,
.vdps-ref .vr-feature-card {
    min-height: 520px;
  }
.vdps-ref .vr-engineering .vr-spec-panel {
    min-height: 380px;
    padding: 35px;
  }
.vdps-ref .vr-portable .vr-media-placeholder {
    min-height: 460px;
  }
.vdps-ref .vr-conversion { grid-template-columns: 1fr; }
.vdps-ref .vr-conversion-gallery { grid-template-columns: 1fr 1fr; }
.vdps-ref .vr-conversion-side {
    margin-top: 50px;
  }
.vdps-ref footer {
    grid-template-columns: 1fr;
    gap: 55px;
  }
.vdps-ref .vr-footer-links {
    gap: 15px;
  }
.vdps-ref .vr-actions {
    flex-wrap: wrap;
  }
.vdps-ref .vr-safety {
    bottom: 3vh;
  }
}
/* Editorial motion features */
.vdps-ref .vr-autoplay-video {
  position: relative;
  overflow: hidden;
  background: #03070c;
}
.vdps-ref .vr-autoplay-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.vdps-ref .vr-autoplay-video button {
  position: absolute;
  right: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(255,255,255,.38);
  background: rgba(3,7,12,.64);
  color: #fff;
  font: 700 9px/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .14em;
  backdrop-filter: blur(10px);
  cursor: pointer;
}
.vdps-ref .vr-autoplay-video button:hover {
  border-color: #fff;
  background: rgba(12,121,216,.78);
}
.vdps-ref .vr-autoplay-video button span { font-size: 10px; letter-spacing: 0; }
.vdps-ref .vr-vdps-motion-section { background: #f3f7fb; }
.vdps-ref .vr-vdps-motion-heading {
  display: grid;
  grid-template-columns: .45fr 1fr 1fr;
  gap: 4vw;
  align-items: end;
  margin-bottom: 48px;
}
.vdps-ref .vr-vdps-motion-heading h2 { margin: 0; }
.vdps-ref .vr-vdps-motion-heading > p:last-child {
  margin: 0;
  color: #555753;
  font-size: 14px;
  line-height: 1.7;
}
.vdps-ref .vr-vdps-motion-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(290px, .7fr);
  gap: clamp(32px, 5vw, 76px);
  align-items: center;
}
.vdps-ref .vr-vdps-engineering-film {
  width: 100%;
  max-width: 760px;
  margin: 0;
  background: #fff;
}
.vdps-ref .vr-vdps-engineering-film .vr-autoplay-video { aspect-ratio: 16/9; }
.vdps-ref .vr-vdps-engineering-film figcaption {
  min-height: 82px;
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 24px;
  align-items: center;
  padding: 22px 26px;
  border: 1px solid #d9dfe7;
  border-top: 0;
}
.vdps-ref .vr-vdps-engineering-film figcaption strong {
  color: var(--brand-blue);
  font-size: 10px;
  letter-spacing: .16em;
}
.vdps-ref .vr-vdps-engineering-film figcaption span { color: #555753; font-size: 12px; line-height: 1.5; }
.vdps-ref .vr-vdps-motion-specs { border-top: 1px solid #bfc9d5; }
.vdps-ref .vr-vdps-motion-specs article {
  padding: 28px 0 30px;
  border-bottom: 1px solid #bfc9d5;
}
.vdps-ref .vr-vdps-motion-specs h3 {
  margin: 0 0 10px;
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.vdps-ref .vr-vdps-motion-specs p {
  margin: 0;
  color: #555753;
  font-size: 14px;
  line-height: 1.65;
}
@media (max-width: 900px) {
.vdps-ref .vr-vdps-motion-heading { grid-template-columns: 1fr; gap: 18px; }
.vdps-ref .vr-vdps-motion-feature { grid-template-columns: 1fr; }
.vdps-ref .vr-vdps-engineering-film { max-width: none; }
.vdps-ref .vr-vdps-engineering-film figcaption { grid-template-columns: 125px 1fr; }
}
@media (max-width: 520px) {
.vdps-ref .vr-vdps-engineering-film figcaption { grid-template-columns: 1fr; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.vdps-ref .vr-autoplay-video video { animation: none; }
}
/* Demo page */
.vdps-ref .vr-demo-safety {
  min-height: 42px;
  padding: 12px 5vw;
  display: grid;
  place-items: center;
  background: #ffffff;
  color: var(--brand-blue);
  border-bottom: 1px solid #d9dfe7;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .2em;
  text-align: center;
}
.vdps-ref .vr-demo-intro {
  max-width: 1220px;
  margin: 0 auto;
  padding-top: 108px;
  padding-bottom: 96px;
}
.vdps-ref .vr-demo-intro h1 {
  color: var(--ink);
  margin-bottom: 30px;
}
.vdps-ref .vr-demo-intro > p:last-child {
  max-width: 700px;
  color: #555753;
  font-size: 17px;
  line-height: 1.75;
  margin: 0;
}
.vdps-ref .vr-demo-video-section {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 7vw;
  align-items: center;
  background: #ffffff;
  color: var(--ink);
}
.vdps-ref .vr-demo-video-section .vr-eyebrow.vr-light { color: var(--brand-blue); }
.vdps-ref .vr-demo-video-copy h2 { margin-bottom: 30px; }
.vdps-ref .vr-demo-video-copy > p:last-child {
  color: #555753;
  font-size: 15px;
  line-height: 1.7;
}
.vdps-ref .vr-demo-video-frame {
  background: transparent;
  padding: 0;
  box-shadow: none;
}
.vdps-ref .vr-demo-video-frame video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 72vh;
  background: #000;
}
.vdps-ref .vr-demo-media-stack {
  min-width: 0;
}
.vdps-ref .vr-demo-composite {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 24px;
  background: #ffffff;
}
.vdps-ref .vr-demo-steps {
  background: #ffffff;
}
.vdps-ref .vr-demo-steps-heading {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 6vw;
  align-items: start;
  margin-bottom: 72px;
}
.vdps-ref .vr-demo-steps-heading h2 { max-width: 820px; }
.vdps-ref .vr-demo-step-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #d9dfe7;
}
.vdps-ref .vr-demo-step-list li {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 3vw;
  align-items: center;
  padding: 34px 0;
  border-bottom: 1px solid #d9dfe7;
}
.vdps-ref .vr-demo-step-list span,
.vdps-ref .vr-removal-instruction > span {
  color: var(--brand-blue);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.vdps-ref .vr-demo-step-list p {
  margin: 0;
  color: #252728;
  font-size: clamp(16px, 1.35vw, 20px);
  font-weight: 400;
  line-height: 1.55;
}
.vdps-ref .vr-demo-removal {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 8vw;
  background: #ffffff;
  color: var(--ink);
}
.vdps-ref .vr-demo-removal .vr-eyebrow.vr-light { color: var(--brand-blue); }
.vdps-ref .vr-demo-removal h2 { max-width: 570px; }
.vdps-ref .vr-removal-instruction {
  align-self: center;
  border-top: 1px solid #d9dfe7;
  border-bottom: 1px solid #d9dfe7;
  padding: 34px 0;
}
.vdps-ref .vr-removal-instruction p {
  margin: 20px 0 28px;
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 400;
  line-height: 1.5;
}
.vdps-ref .vr-removal-instruction strong {
  color: var(--brand-blue);
  font-size: 10px;
  letter-spacing: .18em;
}
.vdps-ref .vr-demo-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  padding-top: 0;
  padding-bottom: 0;
  background: #d9dfe7;
}
.vdps-ref .vr-demo-benefits article {
  min-height: 300px;
  padding: 56px 4vw;
  background: #f5f7fa;
}
.vdps-ref .vr-demo-benefits h3 {
  color: var(--brand-blue);
  font-size: 21px;
  margin-bottom: 22px;
}
.vdps-ref .vr-demo-benefits p {
  color: #555753;
  font-size: 14px;
  line-height: 1.75;
}
.vdps-ref .vr-demo-cta {
  background: #ffffff;
  color: var(--ink);
  text-align: center;
}
.vdps-ref .vr-demo-cta .vr-eyebrow.vr-light { color: var(--brand-blue); }
.vdps-ref .vr-demo-cta h2 { margin-bottom: 42px; }
.vdps-ref .vr-demo-cta .vr-button {
  margin-bottom: 32px;
  background: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #ffffff;
}
.vdps-ref .vr-demo-cta .vr-button:hover {
  background: var(--brand-blue-deep);
  border-color: var(--brand-blue-deep);
  color: #ffffff;
}
.vdps-ref .vr-demo-cta small {
  display: block;
  color: #6b7280;
  font-size: 8px;
  letter-spacing: .18em;
}
@media (max-width: 800px) {
.vdps-ref .vr-demo-intro { padding-top: 78px; padding-bottom: 72px; }
.vdps-ref .vr-demo-video-section,
.vdps-ref .vr-demo-removal { grid-template-columns: 1fr; }
.vdps-ref .vr-demo-video-frame { padding: 0; }
.vdps-ref .vr-demo-steps-heading { grid-template-columns: 1fr; gap: 26px; }
.vdps-ref .vr-demo-step-list li { grid-template-columns: 48px 1fr; gap: 18px; }
.vdps-ref .vr-demo-benefits { grid-template-columns: 1fr; }
.vdps-ref .vr-demo-benefits article { min-height: 0; }
}
/* Storefront-matched global header */
.vdps-ref .vr-announcement {
  min-height: 34px;
  height: auto;
  padding: 8px 16px;
  line-height: 1.35;
  text-align: center;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.22em;
  font-weight: 700;
}
.vdps-ref .vr-site-header {
  height: 122px;
  padding: 0 max(6vw, 40px);
  justify-content: flex-end;
  gap: 38px;
  border-color: #e6e6e6;
}
.vdps-ref .vr-wordmark {
  position: absolute;
  left: 50%;
  margin: 0;
  padding: 8px 12px;
  transform: translateX(-50%);
}
.vdps-ref .vr-wordmark img {
  width: 188px;
  max-height: 86px;
  object-fit: contain;
}
.vdps-ref .vr-site-header nav {
  margin-right: auto;
  gap: 31px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
  font-weight: 800;
}
.vdps-ref .vr-site-header nav a { color: #374151; }
.vdps-ref .vr-site-header nav a:hover { color: #1565c0; }
.vdps-ref .vr-header-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 23px;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 0.16em;
}
.vdps-ref .vr-cart-button {
  border: 0;
  background: transparent;
  color: #0a0a0a;
  font: 800 10px/1 "Arial Narrow", Arial, sans-serif;
  letter-spacing: 0.12em;
  cursor: pointer;
}
.vdps-ref .vr-mobile-menu { display:none; }
/* Product macro photography */
.vdps-ref .vr-macro-section { background:#f5f7fa; }
.vdps-ref .vr-macro-intro { display:grid; grid-template-columns:.55fr 1fr .7fr; gap:5vw; align-items:end; margin-bottom:70px; }
.vdps-ref .vr-macro-intro .vr-eyebrow { align-self:start; }
.vdps-ref .vr-macro-intro h2 { font-size:clamp(48px,5vw,76px); }
.vdps-ref .vr-macro-intro>p:last-child { color:#6b7280; font-size:14px; line-height:1.75; margin:0; }
.vdps-ref .vr-macro-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.vdps-ref .vr-macro-grid article { background:#fff; display:grid; grid-template-rows:auto 1fr; }
.vdps-ref .vr-macro-grid img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.vdps-ref .vr-macro-grid h3 { font-size:17px; line-height:1.2; letter-spacing:-.02em; padding:22px; margin:0; align-self:start; }
.vdps-ref .vr-engineering-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 16px;
  background: #e2e6ea;
  border: 1px solid #e2e6ea;
  border-radius: 4px;
  overflow: hidden;
}
.vdps-ref .vr-engineering-highlights article {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 38px 30px;
  background: #fff;
  transition: background .2s;
}
.vdps-ref .vr-engineering-highlights article::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--brand-blue);
  transition: width .3s;
}
.vdps-ref .vr-engineering-highlights article:hover { background: #f5f7fa; }
.vdps-ref .vr-engineering-highlights article:hover::after { width: 100%; }
.vdps-ref .vr-engineering-highlights strong {
  display: block;
  margin-bottom: 12px;
  color: var(--brand-blue);
  font-family: "Oswald", sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .2em;
}
.vdps-ref .vr-engineering-highlights h3 {
  margin: 0 0 10px;
  color: #0a0a0a;
  font-family: "Russo One", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.vdps-ref .vr-engineering-highlights p {
  margin: 0;
  color: #6b7280;
  font-family: "Barlow", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}
/* Storefront-matched global footer */
.vdps-ref footer {
  display:block;
  background:#0a0a0a;
  color:#9ca3af;
  padding:60px 3vw 42px;
  font-family:Barlow, Arial, sans-serif;
}
.vdps-ref .vr-footer-main { display:grid; grid-template-columns:1.25fr 2fr; gap:9vw; align-items:start; }
.vdps-ref .vr-footer-brand { display:block; }
.vdps-ref .vr-footer-brand img { display:block; width:min(100%, 300px); height:auto; filter:none; }
.vdps-ref .vr-footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:5vw; }
.vdps-ref .vr-footer-links div { display:flex; flex-direction:column; gap:13px; }
.vdps-ref .vr-footer-links strong { color:#d1d5db; font-family:"Arial Narrow",Arial,sans-serif; font-size:10px; letter-spacing:.24em; margin-bottom:6px; }
.vdps-ref .vr-footer-links a { color:#9ca3af; font-size:12px; line-height:1.25; transition:color .2s; }
.vdps-ref .vr-footer-links a:hover { color:#1565c0; }
.vdps-ref .vr-footer-bottom { display:flex; justify-content:space-between; gap:30px; align-items:flex-end; border-top:1px solid #25272b; margin-top:32px; padding-top:18px; }
.vdps-ref .vr-footer-bottom p { color:#4b5563; font-size:9px; line-height:1.45; margin:0; max-width:720px; }
.vdps-ref .vr-footer-badges { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.vdps-ref .vr-footer-badges span { color:#1565c0; border:1px solid #102c51; background:#07111e; padding:7px 12px; font-family:"Arial Narrow",Arial,sans-serif; font-size:8px; font-weight:800; letter-spacing:.14em; white-space:nowrap; }
@media(max-width:1100px){
.vdps-ref .vr-wordmark {margin-left:0}
.vdps-ref .vr-site-header {justify-content:space-between}
.vdps-ref .vr-cart-button {display:none}
}
@media(max-width:900px){
.vdps-ref .vr-site-header {height:92px;padding:0 5vw}
.vdps-ref .vr-wordmark {margin:0;padding:6px 8px}
.vdps-ref .vr-wordmark img {width:156px;max-height:66px}
.vdps-ref .vr-header-action {display:none}
.vdps-ref .vr-site-header>nav {display:none}
.vdps-ref .vr-mobile-menu {display:block;margin-left:auto;position:relative;z-index:20}
.vdps-ref .vr-mobile-menu summary {width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;list-style:none}
.vdps-ref .vr-mobile-menu summary::-webkit-details-marker {display:none}
.vdps-ref .vr-mobile-menu summary span {display:block;width:23px;height:2px;background:#374151;transition:transform .2s,opacity .2s}
.vdps-ref .vr-mobile-menu[open] summary span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
.vdps-ref .vr-mobile-menu[open] summary span:nth-child(2) {opacity:0}
.vdps-ref .vr-mobile-menu[open] summary span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}
.vdps-ref .vr-mobile-menu nav {position:absolute;top:58px;right:-5vw;width:100vw;padding:22px 6vw 28px;display:flex;flex-direction:column;gap:0;background:#fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #d9dfe7;box-shadow:0 14px 30px rgba(0,0,0,.08)}
.vdps-ref .vr-mobile-menu nav a {padding:14px 0;border-bottom:1px solid #edf0f4;color:#374151;font:800 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.13em}
.vdps-ref .vr-mobile-menu nav a[aria-current="page"],
.vdps-ref .vr-mobile-menu nav a:hover {color:var(--brand-blue)}
.vdps-ref .vr-macro-intro {grid-template-columns:1fr;gap:22px}
.vdps-ref .vr-macro-grid {grid-template-columns:1fr 1fr}
.vdps-ref .vr-engineering-highlights {grid-template-columns:1fr}
.vdps-ref .vr-footer-main {grid-template-columns:1fr;gap:50px}
.vdps-ref .vr-footer-brand img {width:260px}
.vdps-ref .vr-footer-bottom {display:block}
.vdps-ref .vr-footer-badges {justify-content:flex-start;margin-top:18px}
}
@media(max-width:480px){
.vdps-ref .vr-announcement {font-size:8px;text-align:center;padding:0 12px}
.vdps-ref .vr-macro-grid {grid-template-columns:1fr}
.vdps-ref .vr-engineering-highlights article {min-height:0}
.vdps-ref .vr-footer-links {grid-template-columns:1fr 1fr}
.vdps-ref .vr-footer-links div:last-child {grid-column:1/-1}
}
/* VDPS product page */
.vdps-ref .vr-vdps-page {
  background: #fff;
  color: var(--ink);
}
.vdps-ref .vr-vdps-page .vr-site-header nav a[aria-current="page"] {
  color: var(--brand-blue);
}
.vdps-ref .vr-vdps-product-hero {
  padding: 0 6vw 110px;
  border-bottom: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-product-kicker {
  min-height: 52px;
  margin: 0 -6vw 96px;
  padding: 15px 6vw;
  display: grid;
  place-items: center;
  border-bottom: 1px solid #d9dfe7;
  color: var(--brand-blue);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .15em;
  text-align: center;
}
.vdps-ref .vr-vdps-product-hero-grid {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 9vw;
  align-items: end;
}
.vdps-ref .vr-vdps-product-hero h1 {
  max-width: 920px;
  margin-bottom: 0;
  font-size: clamp(50px, 6.4vw, 96px);
}
.vdps-ref .vr-vdps-order-card {
  padding: 34px 0 4px;
  border-top: 2px solid var(--ink);
}
.vdps-ref .vr-vdps-price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
.vdps-ref .vr-vdps-price-row span {
  color: var(--brand-blue);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}
.vdps-ref .vr-vdps-price-row strong {
  font-size: 31px;
  font-weight: 500;
  letter-spacing: -.03em;
}
.vdps-ref .vr-vdps-order-card > p {
  color: #555753;
  font-size: 14px;
  line-height: 1.65;
}
.vdps-ref .vr-vdps-primary-button {
  width: 100%;
  margin: 12px 0 18px;
  border-color: var(--brand-blue);
  background: var(--brand-blue);
  color: #fff;
  text-transform: none;
}
.vdps-ref .vr-vdps-primary-button:hover {
  border-color: var(--brand-blue-deep);
  background: var(--brand-blue-deep);
  color: #fff;
}
.vdps-ref .vr-vdps-order-card .vr-vdps-afterpay {
  margin-bottom: 11px;
  color: #252728;
  font-size: 12px;
}
.vdps-ref .vr-vdps-order-card .vr-vdps-charge-note {
  margin-bottom: 0;
  color: #6b7280;
  font-size: 11px;
}
.vdps-ref .vr-vdps-first-run-message {
  margin:24px 0 12px;
  padding:22px 0;
  border-top:1px solid #d9dfe7;
  border-bottom:1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-first-run-message h3 {
  margin:0 0 12px;
  color:var(--ink);
  font-size:21px;
  font-weight:500;
  line-height:1.2;
}
.vdps-ref .vr-vdps-first-run-message p {
  margin:0;
  color:#555753;
  font-size:12px;
  line-height:1.7;
}
.vdps-ref .vr-vdps-full-stack {
  padding: 0 4vw;
}
.vdps-ref .vr-vdps-full-stack figure {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 6vw 0;
  border-bottom: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-full-stack img {
  display: block;
  width: 100%;
  max-height: 87vh;
  object-fit: contain;
  background: #fff;
}
.vdps-ref .vr-vdps-full-stack figcaption {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
  color: #6b7280;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.vdps-ref .vr-vdps-full-stack figcaption span { color: var(--brand-blue); }
.vdps-ref .vr-vdps-full-stack figcaption p { margin: 0; }
.vdps-ref .vr-vdps-story {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 10vw;
  align-items: start;
}
.vdps-ref .vr-vdps-story h2 { max-width: 800px; }
.vdps-ref .vr-vdps-story > div:last-child { padding-top: 43px; }
.vdps-ref .vr-vdps-story > div:last-child p {
  color: #555753;
  font-size: 16px;
  line-height: 1.78;
}
.vdps-ref .vr-vdps-story > div:last-child p + p {
  margin-top: 1.78em;
}
.vdps-ref .vr-vdps-detail-section {
  overflow: hidden;
  padding-right: 0;
  background: #f4f6f9;
}
.vdps-ref .vr-vdps-detail-heading {
  display: grid;
  grid-template-columns: .45fr 1.05fr .5fr;
  gap: 5vw;
  align-items: end;
  padding-right: 6vw;
  margin-bottom: 70px;
}
.vdps-ref .vr-vdps-detail-heading > p:last-child {
  margin: 0;
  color: #555753;
  font-size: 14px;
  line-height: 1.7;
}
.vdps-ref .vr-vdps-carousel-viewport {
  overflow: hidden;
}
.vdps-ref .vr-vdps-carousel-track {
  display: flex;
  gap: 24px;
  touch-action: pan-y pinch-zoom;
}
.vdps-ref .vr-vdps-carousel-slide {
  flex: 0 0 min(82vw, 1120px);
  min-width: 0;
  margin: 0;
}
.vdps-ref .vr-vdps-carousel-image {
  height: min(70vh, 760px);
  background: #fff;
  overflow: hidden;
}
.vdps-ref .vr-vdps-carousel-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vdps-ref .vr-vdps-carousel-slide figcaption {
  display: grid;
  grid-template-columns: 60px minmax(0, 640px);
  gap: 22px;
  padding: 28px 4px 0;
}
.vdps-ref .vr-vdps-carousel-slide figcaption > span {
  padding-top: 5px;
  color: var(--brand-blue);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
}
.vdps-ref .vr-vdps-carousel-slide h3 {
  margin: 0 0 10px;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -.02em;
}
.vdps-ref .vr-vdps-carousel-slide p {
  margin: 0;
  color: #555753;
  font-size: 13px;
  line-height: 1.65;
}
.vdps-ref .vr-vdps-carousel-controls {
  display: grid;
  grid-template-columns: 100px 1fr auto;
  gap: 28px;
  align-items: center;
  padding: 46px 6vw 0 0;
}
.vdps-ref .vr-vdps-carousel-count {
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
}
.vdps-ref .vr-vdps-carousel-count span { color: #9ca3af; }
.vdps-ref .vr-vdps-carousel-dots {
  display: flex;
  gap: 9px;
}
.vdps-ref .vr-vdps-carousel-dots button {
  width: 42px;
  height: 2px;
  padding: 0;
  border: 0;
  background: #c9ced6;
  cursor: pointer;
}
.vdps-ref .vr-vdps-carousel-dots button.vr-is-active { background: var(--brand-blue); }
.vdps-ref .vr-vdps-carousel-arrows { display: flex; gap: 10px; }
.vdps-ref .vr-vdps-carousel-arrows button {
  width: 48px;
  height: 48px;
  border: 1px solid #cbd1d9;
  border-radius: 50%;
  background: #fff;
  color: var(--ink);
  font-size: 20px;
  cursor: pointer;
  transition: border-color .2s, color .2s, background .2s;
}
.vdps-ref .vr-vdps-carousel-arrows button:hover:not(:disabled) {
  border-color: var(--brand-blue);
  background: var(--brand-blue);
  color: #fff;
}
.vdps-ref .vr-vdps-carousel-arrows button:disabled { opacity: .35; cursor: default; }
.vdps-ref .vr-vdps-proof-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d9dfe7;
  border-bottom: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-proof-strip > div {
  min-height: 165px;
  padding: 42px 4vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 13px;
  border-right: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-proof-strip > div:last-child { border-right: 0; }
.vdps-ref .vr-vdps-proof-strip strong {
  color: var(--brand-blue);
  font-size: 11px;
  letter-spacing: .16em;
}
.vdps-ref .vr-vdps-proof-strip span { color: #555753; font-size: 13px; }
.vdps-ref .vr-vdps-safety {
  text-align: center;
  border-bottom: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-safety h2 { margin-bottom: 27px; }
.vdps-ref .vr-vdps-safety > p:last-child {
  max-width: 660px;
  margin: 0 auto;
  color: #555753;
  font-size: 15px;
  line-height: 1.7;
}
.vdps-ref .vr-vdps-specs {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 9vw;
  align-items: start;
}
.vdps-ref .vr-vdps-specs-heading { position: sticky; top: 40px; }
.vdps-ref .vr-vdps-spec-row {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 35px;
  padding: 25px 0;
  border-top: 1px solid #d9dfe7;
}
.vdps-ref .vr-vdps-spec-row:last-child { border-bottom: 1px solid #d9dfe7; }
.vdps-ref .vr-vdps-spec-row strong {
  color: var(--brand-blue);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.vdps-ref .vr-vdps-spec-row span {
  color: #333638;
  font-size: 13px;
  line-height: 1.55;
}
.vdps-ref .vr-vdps-spares {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9vw;
  align-items: end;
  background: #f4f6f9;
}
.vdps-ref .vr-vdps-spares > div:last-child p {
  color: #555753;
  font-size: 15px;
  line-height: 1.75;
}
.vdps-ref .vr-vdps-spares .vr-vdps-primary-button { max-width: 330px; }
@media (max-width: 900px) {
.vdps-ref .vr-vdps-product-hero-grid,
.vdps-ref .vr-vdps-story,
.vdps-ref .vr-vdps-specs,
.vdps-ref .vr-vdps-spares { grid-template-columns: 1fr; }
.vdps-ref .vr-vdps-product-hero-grid { gap: 58px; }
.vdps-ref .vr-vdps-detail-heading { grid-template-columns: 1fr; align-items: start; gap: 22px; }
.vdps-ref .vr-vdps-detail-heading > p:last-child { max-width: 540px; }
.vdps-ref .vr-vdps-story > div:last-child { padding-top: 0; }
.vdps-ref .vr-vdps-specs-heading { position: static; }
.vdps-ref .vr-vdps-proof-strip { grid-template-columns: 1fr; }
.vdps-ref .vr-vdps-proof-strip > div { min-height: 125px; border-right: 0; border-bottom: 1px solid #d9dfe7; }
.vdps-ref .vr-vdps-proof-strip > div:last-child { border-bottom: 0; }
}
@media (max-width: 650px) {
.vdps-ref .vr-vdps-product-hero { padding-bottom: 76px; }
.vdps-ref .vr-vdps-product-kicker { margin-bottom: 68px; }
.vdps-ref .vr-vdps-full-stack { padding: 0 5vw; }
.vdps-ref .vr-vdps-full-stack figure { padding: 56px 0; }
.vdps-ref .vr-vdps-detail-section { padding-right: 0; }
.vdps-ref .vr-vdps-detail-heading { padding-right: 5vw; margin-bottom: 42px; }
.vdps-ref .vr-vdps-carousel-track { gap: 14px; }
.vdps-ref .vr-vdps-carousel-slide { flex-basis: 88vw; }
.vdps-ref .vr-vdps-carousel-image { height: 58vh; min-height: 430px; }
.vdps-ref .vr-vdps-carousel-slide figcaption { grid-template-columns: 40px 1fr; gap: 12px; }
.vdps-ref .vr-vdps-carousel-controls { grid-template-columns: 1fr auto; padding-right: 5vw; }
.vdps-ref .vr-vdps-carousel-dots { grid-column: 1 / -1; grid-row: 2; }
.vdps-ref .vr-vdps-carousel-dots button { flex: 1; width: auto; }
.vdps-ref .vr-vdps-spec-row { grid-template-columns: 1fr; gap: 10px; }
}
/* Unified content pages */
.vdps-ref .vr-content-page { background:#fff; color:var(--ink); }
.vdps-ref .vr-content-page .vr-site-header nav a[aria-current="page"] { color:var(--brand-blue); }
.vdps-ref .vr-content-hero {
  min-height:560px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:10vw;
  align-items:end;
  border-bottom:1px solid #d9dfe7;
}
.vdps-ref .vr-content-hero h1 { margin:0; max-width:980px; }
.vdps-ref .vr-content-hero-side { padding-bottom:8px; }
.vdps-ref .vr-content-hero-side > p { color:#555753; font-size:17px; line-height:1.75; margin-bottom:30px; }
.vdps-ref .vr-content-hero-side .vr-vdps-primary-button { max-width:320px; }
.vdps-ref .vr-image-ready {
  min-height:500px;
  padding:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #d9dfe7;
  background:linear-gradient(135deg,#f7f8fa,#edf1f6);
  color:#7b8490;
  text-align:center;
}
.vdps-ref .vr-image-ready span { font-size:11px; font-weight:800; letter-spacing:.2em; }
.vdps-ref .vr-image-ready small { font-size:8px; letter-spacing:.16em; }
.vdps-ref .vr-content-cta { text-align:center; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-content-cta h2 { margin-bottom:38px; }
.vdps-ref .vr-content-cta small { display:block; margin-top:22px; color:#6b7280; font-size:10px; letter-spacing:.1em; }
.vdps-ref .vr-initiative-banner {
  min-height:44px;
  padding:13px 5vw;
  display:grid;
  place-items:center;
  background:var(--brand-blue);
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-align:center;
}
/* Store */
.vdps-ref .vr-store-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; padding-top:70px; }
.vdps-ref .vr-store-grid-accessories { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1080px; margin-inline:auto; }
.vdps-ref .vr-store-card { border:1px solid #d9dfe7; background:#fff; }
.vdps-ref .vr-store-image { display:block; aspect-ratio:1 / 1; padding:22px; overflow:hidden; background:#f6f7f9; }
.vdps-ref .vr-store-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.vdps-ref .vr-store-image-gallery {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  aspect-ratio:auto;
}
.vdps-ref .vr-store-image-gallery img {
  min-width:0;
  height:auto;
  aspect-ratio:4 / 3;
  background:#fff;
}
.vdps-ref .vr-store-card-copy { padding:34px; display:grid; grid-template-columns:1fr auto; gap:18px; align-items:start; }
.vdps-ref .vr-store-card-copy h2 { font-size:28px; line-height:1.05; letter-spacing:-.035em; }
.vdps-ref .vr-store-card-copy > strong { color:var(--brand-blue); font-size:18px; font-weight:600; }
.vdps-ref .vr-store-card-copy > p { grid-column:1/-1; color:#555753; font-size:13px; line-height:1.65; min-height:64px; }
.vdps-ref .vr-store-card-copy .vr-button { grid-column:1/-1; margin-bottom:0; }
/* Pre-order */
.vdps-ref .vr-preorder-page {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:7vw;
  align-items:start;
  padding-top:88px;
  padding-bottom:110px;
}
.vdps-ref .vr-preorder-gallery > img {
  display:block;
  width:100%;
  min-height:560px;
  object-fit:contain;
  background:#fff;
}
.vdps-ref .vr-preorder-thumbs {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:12px;
}
.vdps-ref .vr-preorder-thumbs img {
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:contain;
  background:#fff;
  border:1px solid #e3e7ec;
}
.vdps-ref .vr-preorder-summary {
  position:sticky;
  top:30px;
  padding:54px;
  border:1px solid #d9dfe7;
  background:#fff;
}
.vdps-ref .vr-preorder-summary h1 { margin:16px 0 28px; font-size:clamp(48px,5vw,78px); }
.vdps-ref .vr-preorder-price { margin:0 0 8px; color:var(--brand-blue); font-size:30px; font-weight:700; }
.vdps-ref .vr-preorder-afterpay,
.vdps-ref .vr-preorder-description,
.vdps-ref .vr-preorder-note { color:#555753; font-size:13px; line-height:1.7; }
.vdps-ref .vr-preorder-description { margin:30px 0; font-size:15px; }
.vdps-ref .vr-preorder-includes { padding:25px 0; border-top:1px solid #d9dfe7; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-preorder-includes > strong { font:800 10px/1 "Arial Narrow",Arial,sans-serif; letter-spacing:.16em; }
.vdps-ref .vr-preorder-includes ul { margin:18px 0 0; padding-left:18px; color:#45484b; font-size:13px; line-height:1.8; }
.vdps-ref .vr-preorder-first-run { margin:30px 0 0; padding:26px 0 0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-preorder-first-run h2 { margin:0 0 14px; font-size:24px; font-weight:500; line-height:1.2; }
.vdps-ref .vr-preorder-first-run p { margin:0; color:#555753; font-size:13px; line-height:1.7; }
.vdps-ref .vr-preorder-checkout { margin:30px 0 16px; }
.vdps-ref .vr-preorder-note { margin:0; }
.vdps-ref .vr-preorder-safety { margin:25px 0 0; color:#6b7280; font-size:9px; font-weight:800; letter-spacing:.14em; }
/* Cart */
.vdps-ref .vr-cart-page {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:9vw;
  align-items:start;
  padding-top:90px;
  padding-bottom:110px;
}
.vdps-ref .vr-cart-heading h1 { margin:18px 0 0; font-size:clamp(48px,5.8vw,86px); }
.vdps-ref .vr-cart-panel { padding:44px; border:1px solid #d9dfe7; background:#fff; }
.vdps-ref .vr-cart-product {
  display:grid;
  grid-template-columns:150px 1fr auto;
  gap:26px;
  align-items:center;
  padding-bottom:30px;
  border-bottom:1px solid #d9dfe7;
}
.vdps-ref .vr-cart-product img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; background:#fff; }
.vdps-ref .vr-cart-product h2 { margin:8px 0 12px; font-size:25px; line-height:1.1; }
.vdps-ref .vr-cart-product div > p:last-child { margin:0; color:#6b7280; font-size:12px; }
.vdps-ref .vr-cart-product > strong { color:var(--brand-blue); font-size:20px; }
.vdps-ref .vr-cart-preorder-notice { margin:30px 0; padding:30px; background:var(--brand-blue-pale); border-left:3px solid var(--brand-blue); }
.vdps-ref .vr-cart-preorder-notice h2 { margin:0 0 14px; color:var(--ink); font-size:25px; font-weight:500; line-height:1.2; }
.vdps-ref .vr-cart-preorder-notice p { margin:0; color:#45484b; font-size:13px; line-height:1.75; }
.vdps-ref .vr-cart-total { display:flex; justify-content:space-between; gap:24px; padding:20px 0; border-top:1px solid #d9dfe7; font-size:14px; }
.vdps-ref .vr-cart-total strong { font-size:20px; }
.vdps-ref .vr-cart-checkout { margin:18px 0 14px; }
.vdps-ref .vr-cart-fine-print { margin:0; color:#6b7280; font-size:10px; line-height:1.6; }
/* FAQ */
.vdps-ref .vr-faq-layout { padding-top:76px; }
.vdps-ref .vr-faq-group { display:grid; grid-template-columns:.42fr 1.58fr; gap:7vw; padding:60px 0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-faq-group details { border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-faq-group details:first-child { border-top:1px solid #d9dfe7; }
.vdps-ref .vr-faq-group summary { list-style:none; cursor:pointer; padding:26px 0; display:flex; justify-content:space-between; gap:24px; font-size:clamp(20px,2.3vw,34px); line-height:1.2; }
.vdps-ref .vr-faq-group summary::-webkit-details-marker { display:none; }
.vdps-ref .vr-faq-group summary span { color:var(--brand-blue); font-weight:300; }
.vdps-ref .vr-faq-group details[open] summary span { transform:rotate(45deg); }
.vdps-ref .vr-faq-group details > p { max-width:760px; padding:0 50px 28px 0; color:#555753; font-size:14px; line-height:1.75; }
/* Warranty, returns and shared process */
.vdps-ref .vr-coverage-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; padding-top:0; padding-bottom:0; background:#d9dfe7; }
.vdps-ref .vr-coverage-card { padding:75px 5vw; background:#f5f7fa; }
.vdps-ref .vr-coverage-card.vr-is-covered { background:#eef5ff; }
.vdps-ref .vr-coverage-card > p:not(.vr-eyebrow) { display:grid; grid-template-columns:30px 1fr; gap:14px; padding:20px 0; border-bottom:1px solid #d9dfe7; color:#45484b; font-size:13px; line-height:1.55; }
.vdps-ref .vr-coverage-card > p span { color:var(--brand-blue); font-size:20px; }
.vdps-ref .vr-numbered-process { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; align-items:start; }
.vdps-ref .vr-numbered-process ol { list-style:none; margin:0; padding:0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-numbered-process li { display:grid; grid-template-columns:70px 1fr; gap:24px; padding:32px 0; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-numbered-process li > span { color:var(--brand-blue); font-size:11px; font-weight:800; letter-spacing:.15em; padding-top:6px; }
.vdps-ref .vr-numbered-process h3 { margin:0 0 10px; font-size:25px; font-weight:500; }
.vdps-ref .vr-numbered-process li p { margin:0; color:#555753; font-size:13px; line-height:1.65; }
.vdps-ref .vr-safety-band { text-align:center; border-top:1px solid #d9dfe7; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-safety-band h2 { margin-bottom:25px; color:var(--brand-blue); }
.vdps-ref .vr-safety-band > p:last-child { max-width:680px; margin:0 auto; color:#555753; font-size:15px; line-height:1.7; }
.vdps-ref .vr-legal-note { display:grid; grid-template-columns:.5fr 1.5fr; gap:8vw; }
.vdps-ref .vr-legal-note h3 { font-size:28px; font-weight:500; }
.vdps-ref .vr-legal-note p { color:#555753; font-size:13px; line-height:1.8; }
/* About */
.vdps-ref .vr-about-brand-hero { display:grid; place-items:center; padding:36px 5vw 20px; background:#fff; }
.vdps-ref .vr-about-brand-hero img { display:block; width:min(100%,960px); height:auto; }
.vdps-ref .vr-about-statement { display:grid; grid-template-columns:1.1fr .9fr; gap:10vw; align-items:end; }
.vdps-ref .vr-about-statement > p { margin:0; color:#555753; font-size:16px; line-height:1.8; }
.vdps-ref .vr-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; padding-top:0; padding-bottom:0; background:#d9dfe7; }
.vdps-ref .vr-timeline article { min-height:290px; padding:45px 3vw; background:#f5f7fa; }
.vdps-ref .vr-timeline span,
.vdps-ref .vr-value-list span,
.vdps-ref .vr-career-values span { color:var(--brand-blue); font-size:10px; font-weight:800; letter-spacing:.15em; }
.vdps-ref .vr-timeline h3 { margin:42px 0 18px; font-size:22px; font-weight:500; text-transform:uppercase; }
.vdps-ref .vr-timeline p,
.vdps-ref .vr-value-list p,
.vdps-ref .vr-career-values p { color:#555753; font-size:13px; line-height:1.65; }
.vdps-ref .vr-values { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; }
.vdps-ref .vr-value-list article { padding:32px 0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-value-list article:last-child { border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-value-list h3 { margin:18px 0 12px; font-size:28px; font-weight:500; }
.vdps-ref .vr-founder { display:grid; grid-template-columns:.9fr 1.1fr; gap:8vw; align-items:center; background:#f4f6f9; }
.vdps-ref .vr-founder-portrait { margin:0; background:#fff; overflow:hidden; }
.vdps-ref .vr-founder-portrait img { display:block; width:100%; height:auto; object-fit:cover; }
.vdps-ref .vr-founder h2 { margin-bottom:34px; }
.vdps-ref .vr-founder > div:last-child > p:not(.vr-eyebrow) { color:#555753; font-size:15px; line-height:1.78; }
.vdps-ref .vr-founder-bio-final { padding-bottom:40px; }
.vdps-ref .vr-founder-value-anchor { display:inline-block; position:relative; }
.vdps-ref .vr-founder-linkedin { position:absolute; top:calc(100% + 8px); left:50%; display:grid; width:30px; height:30px; place-items:center; border:1px solid #171717; color:#171717; transform:translateX(-50%); transition:background .2s ease,color .2s ease; }
.vdps-ref .vr-founder-linkedin span { font-size:15px; font-weight:800; line-height:1; letter-spacing:-.08em; }
.vdps-ref .vr-founder-linkedin:hover,
.vdps-ref .vr-founder-linkedin:focus-visible { background:#171717; color:#fff; }
/* Partnerships and sponsor */
.vdps-ref .vr-partner-feature,
.vdps-ref .vr-community-story { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; }
.vdps-ref .vr-partner-program-image { margin:0; overflow:hidden; background:#eceff3; }
.vdps-ref .vr-partner-program-image img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:cover; }
.vdps-ref .vr-partner-feature h2,
.vdps-ref .vr-community-story h2 { margin-bottom:32px; }
.vdps-ref .vr-partner-feature > div:last-child > p:not(.vr-eyebrow),
.vdps-ref .vr-community-story > div:last-child > p:not(.vr-eyebrow) { color:#555753; font-size:15px; line-height:1.75; }
.vdps-ref .vr-partner-feature dl { display:grid; grid-template-columns:1fr 1fr; margin:35px 0 0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-partner-feature dl div { padding:20px 0; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-partner-feature dt { color:#6b7280; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.vdps-ref .vr-partner-feature dd { margin:7px 0 0; font-size:14px; }
.vdps-ref .vr-category-section,
.vdps-ref .vr-protected-section { display:grid; grid-template-columns:.55fr 1.45fr; gap:8vw; background:#f4f6f9; }
.vdps-ref .vr-category-grid,
.vdps-ref .vr-protected-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:#d9dfe7; }
.vdps-ref .vr-category-grid article,
.vdps-ref .vr-protected-grid article { min-height:260px; padding:36px; background:#fff; }
.vdps-ref .vr-category-grid span,
.vdps-ref .vr-protected-grid span { color:var(--brand-blue); font-size:10px; font-weight:800; letter-spacing:.16em; }
.vdps-ref .vr-category-grid small { display:block; margin:30px 0 10px; color:#6b7280; font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.vdps-ref .vr-category-grid h3,
.vdps-ref .vr-protected-grid h3 { font-size:23px; font-weight:500; }
.vdps-ref .vr-category-grid p,
.vdps-ref .vr-protected-grid p { color:#555753; font-size:13px; line-height:1.65; }
.vdps-ref .vr-sponsor-visual { display:grid; grid-template-columns:1.15fr .85fr; gap:7vw; align-items:center; padding-top:0; }
.vdps-ref .vr-sponsor-visual blockquote { margin:0; font-family:Georgia,serif; font-size:clamp(31px,4vw,58px); line-height:1.12; color:var(--brand-blue); }
.vdps-ref .vr-dwell-video { margin:0; background:#fff; }
.vdps-ref .vr-dwell-video video { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; border:0; background:#fff; }
.vdps-ref .vr-dwell-program-art { padding-top:0; padding-bottom:0; }
.vdps-ref .vr-dwell-logo-reveal { position:relative; margin:0; overflow:hidden; background:#fff; }
.vdps-ref .vr-dwell-logo-reveal img { display:block; width:100%; height:auto; }
.vdps-ref .vr-dwell-logo-final { opacity:0; }
.vdps-ref .vr-dwell-logo-layers { position:absolute; inset:0; display:block; }
.vdps-ref .vr-dwell-logo-layer { position:absolute; inset:0; opacity:0; will-change:transform,opacity,filter; }
.vdps-ref .vr-dwell-logo-shield { clip-path:polygon(7% 18%,43% 18%,43% 76%,7% 76%); transform:translateY(18px) scale(.97); filter:brightness(.85); }
.vdps-ref .vr-dwell-logo-title { clip-path:polygon(40% 20%,96% 20%,96% 50%,40% 50%); transform:translateX(24px); }
.vdps-ref .vr-dwell-logo-partner { clip-path:polygon(40% 47%,96% 47%,96% 73%,40% 73%); transform:translateY(14px); }
.vdps-ref .vr-dwell-logo-reveal.vr-is-revealed .vr-dwell-logo-shield { animation:dwell-shield-in 4.8s cubic-bezier(.2,.65,.2,1) both; }
.vdps-ref .vr-dwell-logo-reveal.vr-is-revealed .vr-dwell-logo-title { animation:dwell-title-in 4.8s cubic-bezier(.2,.65,.2,1) both; }
.vdps-ref .vr-dwell-logo-reveal.vr-is-revealed .vr-dwell-logo-partner { animation:dwell-partner-in 4.8s cubic-bezier(.2,.65,.2,1) both; }
.vdps-ref .vr-dwell-logo-reveal.vr-is-revealed .vr-dwell-logo-final { animation:dwell-final-in 4.8s ease both; }

@keyframes dwell-shield-in {
  0%,6% { opacity:0; transform:translateY(18px) scale(.97); filter:brightness(.8); }
  20%,78% { opacity:1; transform:none; filter:brightness(1); }
  88%,100% { opacity:0; transform:none; filter:brightness(1); }
}
@keyframes dwell-title-in {
  0%,24% { opacity:0; transform:translateX(24px); }
  42%,78% { opacity:1; transform:none; }
  88%,100% { opacity:0; transform:none; }
}
@keyframes dwell-partner-in {
  0%,43% { opacity:0; transform:translateY(14px); }
  60%,78% { opacity:1; transform:none; }
  88%,100% { opacity:0; transform:none; }
}
@keyframes dwell-final-in {
  0%,76% { opacity:0; }
  88%,100% { opacity:1; }
}.vdps-ref .vr-dwell-community-image { margin:0; }
.vdps-ref .vr-dwell-community-image img { display:block; width:100%; height:auto; }
.vdps-ref .vr-dwell-community-image figcaption { max-width:520px; margin:18px auto 0; color:#6b7280; font-size:11px; font-style:italic; line-height:1.55; text-align:center; }
.vdps-ref .vr-impact-grid,
.vdps-ref .vr-policy-stats { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d9dfe7; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-impact-grid > div,
.vdps-ref .vr-policy-stats > div { min-height:220px; padding:42px 3vw; display:flex; flex-direction:column; justify-content:center; gap:10px; border-right:1px solid #d9dfe7; }
.vdps-ref .vr-impact-grid > div:last-child,
.vdps-ref .vr-policy-stats > div:last-child { border-right:0; }
.vdps-ref .vr-impact-grid strong,
.vdps-ref .vr-policy-stats strong { color:var(--brand-blue); font-size:clamp(36px,5vw,70px); font-weight:500; letter-spacing:-.05em; }
.vdps-ref .vr-impact-grid span,
.vdps-ref .vr-policy-stats span { font-size:13px; font-weight:700; }
.vdps-ref .vr-impact-grid small { color:#6b7280; font-size:10px; }
.vdps-ref .vr-dwell-explainer,
.vdps-ref .vr-policy-intro,
.vdps-ref .vr-culture { display:grid; grid-template-columns:.75fr 1.25fr; gap:9vw; }
.vdps-ref .vr-dwell-explainer > div:last-child p,
.vdps-ref .vr-policy-intro > div:last-child p,
.vdps-ref .vr-culture > p { color:#555753; font-size:15px; line-height:1.78; }
.vdps-ref .vr-tier-section { background:#f4f6f9; }
.vdps-ref .vr-tier-heading { display:grid; grid-template-columns:.4fr 1fr .6fr; gap:5vw; align-items:end; margin-bottom:65px; }
.vdps-ref .vr-tier-heading > p:last-child { color:#555753; font-size:13px; line-height:1.7; }
.vdps-ref .vr-tier-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#d9dfe7; }
.vdps-ref .vr-tier-grid article { min-height:560px; padding:40px 30px; display:flex; flex-direction:column; background:#fff; }
.vdps-ref .vr-tier-grid small { color:var(--brand-blue); font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.vdps-ref .vr-tier-grid h3 { margin:24px 0 9px; font-size:34px; font-weight:500; }
.vdps-ref .vr-tier-grid > article > p { margin:0 0 28px; color:#6b7280; font-size:9px; line-height:1.5; letter-spacing:.12em; }
.vdps-ref .vr-tier-grid ul { margin-top:0; padding-left:18px; color:#555753; font-size:12px; line-height:1.65; }
.vdps-ref .vr-tier-grid li { margin-bottom:10px; }
.vdps-ref .vr-tier-grid a { margin-top:auto; padding-top:28px; border-top:1px solid #d9dfe7; color:var(--brand-blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
/* Forms and wholesale */
.vdps-ref .vr-form-section { display:grid; grid-template-columns:.65fr 1.35fr; gap:9vw; background:#f4f6f9; }
.vdps-ref .vr-form-section > div > p:last-child { max-width:420px; color:#555753; font-size:14px; line-height:1.7; }
.vdps-ref .vr-form-section-spaced-intro > div > h2 + p { margin-top:32px; }
.vdps-ref .vr-demo-form { display:grid; grid-template-columns:1fr 1fr; gap:25px 20px; }
.vdps-ref .vr-demo-form h3 { grid-column:1/-1; margin:32px 0 0; padding-bottom:16px; border-bottom:1px solid #cfd5dd; color:var(--brand-blue); font-size:11px; letter-spacing:.15em; }
.vdps-ref .vr-demo-form h3:first-child { margin-top:0; }
.vdps-ref .vr-form-field { display:flex; flex-direction:column; gap:9px; }
.vdps-ref .vr-form-field.vr-wide,
.vdps-ref .vr-form-check.vr-wide,
.vdps-ref .vr-demo-form .vr-button,
.vdps-ref .vr-form-notice { grid-column:1/-1; }
.vdps-ref .vr-form-field span { font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.vdps-ref .vr-form-field input,
.vdps-ref .vr-form-field textarea,
.vdps-ref .vr-form-field select { width:100%; padding:15px 2px; border:0; border-bottom:1px solid #aeb6c0; border-radius:0; background:transparent; color:var(--ink); font:inherit; outline:none; }
.vdps-ref .vr-form-field select { cursor:pointer; }
.vdps-ref .vr-form-field input:focus,
.vdps-ref .vr-form-field textarea:focus,
.vdps-ref .vr-form-field select:focus { border-color:var(--brand-blue); }
.vdps-ref .vr-form-check { display:flex; align-items:flex-start; gap:12px; color:#555753; font-size:12px; line-height:1.5; }
.vdps-ref .vr-demo-form .vr-button { max-width:340px; margin:20px 0 0; }
.vdps-ref .vr-form-notice { margin:0; color:#7b8490; font-size:9px; line-height:1.5; }
.vdps-ref .vr-contact-form { align-content:start; }
.vdps-ref .vr-contact-form-section > div > h2 + p { margin-top:34px; }
.vdps-ref .vr-contact-selector { padding-bottom:8px; }
.vdps-ref .vr-contact-fields { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:25px 20px; animation:contact-reveal .28s ease-out both; }
.vdps-ref .vr-contact-fields .vr-button,
.vdps-ref .vr-contact-fallback { grid-column:1/-1; }
.vdps-ref .vr-contact-fallback { margin:2px 0 0; color:#6b7280; font-size:11px; line-height:1.6; }
.vdps-ref .vr-contact-fallback a { color:var(--brand-blue); }

@keyframes contact-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }.vdps-ref .vr-wholesale-benefits { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-wholesale-benefits div { padding:36px 3vw; border-right:1px solid #d9dfe7; color:var(--brand-blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-align:center; text-transform:uppercase; }
.vdps-ref .vr-wholesale-overview { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; }
.vdps-ref .vr-wholesale-overview dl { margin:0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-wholesale-overview dl div { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:25px 0; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-wholesale-overview dt { color:#6b7280; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.vdps-ref .vr-wholesale-overview dd { margin:0; color:var(--brand-blue); font-size:15px; }
/* Careers and contact */
.vdps-ref .vr-career-values { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding-top:0; padding-bottom:0; background:#d9dfe7; }
.vdps-ref .vr-career-values article { min-height:280px; padding:45px 4vw; background:#f5f7fa; }
.vdps-ref .vr-career-values h3 { margin:38px 0 17px; font-size:25px; font-weight:500; }
.vdps-ref .vr-roles { display:grid; grid-template-columns:.5fr 1.5fr; gap:8vw; }
.vdps-ref .vr-role-card { margin-bottom:28px; padding:48px; border:1px solid #d9dfe7; }
.vdps-ref .vr-role-top { display:grid; grid-template-columns:50px 1fr; gap:10px 20px; }
.vdps-ref .vr-role-top > span { grid-row:1/4; color:var(--brand-blue); font-size:11px; font-weight:800; }
.vdps-ref .vr-role-top small { color:#6b7280; font-size:9px; letter-spacing:.15em; }
.vdps-ref .vr-role-top h3 { margin:0; font-size:clamp(29px,3.6vw,50px); font-weight:500; }
.vdps-ref .vr-role-top p { color:#555753; font-size:11px; }
.vdps-ref .vr-role-card > p { max-width:700px; margin:30px 0; color:#555753; line-height:1.7; }
.vdps-ref .vr-role-card details { border-top:1px solid #d9dfe7; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-role-card summary { padding:22px 0; display:flex; justify-content:space-between; list-style:none; cursor:pointer; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.vdps-ref .vr-role-details { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:15px 0 30px; }
.vdps-ref .vr-role-details h4 { font-size:14px; }
.vdps-ref .vr-role-details ul { padding-left:18px; color:#555753; font-size:12px; line-height:1.7; }
.vdps-ref .vr-role-card .vr-button { max-width:230px; margin:28px 0 0; }
.vdps-ref .vr-contact-directory { display:grid; grid-template-columns:.55fr 1.45fr; gap:8vw; }
.vdps-ref .vr-contact-directory article { padding:26px 0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-contact-directory article:last-child { border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-contact-directory small { display:block; color:var(--brand-blue); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.vdps-ref .vr-contact-directory a { display:block; margin:12px 0; font-size:clamp(19px,2.5vw,32px); }
.vdps-ref .vr-contact-directory p { margin:0; color:#6b7280; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.vdps-ref .vr-address-band { text-align:center; background:#f4f6f9; }
.vdps-ref .vr-address-band p:last-child { margin:0; color:#555753; font-size:14px; }
/* Shield Watch */
.vdps-ref .vr-reward-band { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; align-items:center; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-reward-band > strong { color:var(--brand-blue); font-size:clamp(58px,9vw,140px); letter-spacing:-.07em; }
.vdps-ref .vr-reward-band h2 { margin-bottom:22px; }
.vdps-ref .vr-reward-band p { color:#555753; font-size:14px; line-height:1.7; }
.vdps-ref .vr-protected-grid h3 { margin:38px 0 14px; }
.vdps-ref .vr-report-cta { text-align:center; background:#f4f6f9; }
.vdps-ref .vr-report-cta h2 { margin-bottom:34px; }
.vdps-ref .vr-report-cta .vr-button { max-width:310px; margin-bottom:25px; }
.vdps-ref .vr-report-cta > p:last-child { color:#555753; font-size:12px; }
.vdps-ref .vr-shield-disclaimer > h3 { font-size:30px; font-weight:500; }
.vdps-ref .vr-shield-disclaimer > p { max-width:900px; color:#555753; font-size:12px; line-height:1.75; }
.vdps-ref .vr-shield-disclaimer > div { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:50px; background:#d9dfe7; }
.vdps-ref .vr-shield-disclaimer article { padding:35px; background:#f5f7fa; }
.vdps-ref .vr-shield-disclaimer small { color:var(--brand-blue); font-weight:800; letter-spacing:.14em; }
.vdps-ref .vr-shield-disclaimer article p { color:#555753; font-size:12px; line-height:1.65; }
/* Returns */
.vdps-ref .vr-policy-stats > div { min-height:180px; }
.vdps-ref .vr-policy-stats strong { font-size:clamp(36px,4.5vw,62px); }
.vdps-ref .vr-refund-table { display:grid; grid-template-columns:.55fr 1.45fr; gap:8vw; }
.vdps-ref .vr-refund-row { display:grid; grid-template-columns:.8fr 1.4fr .8fr; gap:20px; padding:22px 0; border-bottom:1px solid #d9dfe7; color:#45484b; font-size:12px; line-height:1.55; }
.vdps-ref .vr-refund-row.vr-header { border-top:1px solid #d9dfe7; color:var(--brand-blue); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.vdps-ref .vr-support-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding-top:0; padding-bottom:0; background:#d9dfe7; }
.vdps-ref .vr-support-columns article { min-height:300px; padding:45px 4vw; background:#f5f7fa; }
.vdps-ref .vr-support-columns h3 { font-size:25px; font-weight:500; }
.vdps-ref .vr-support-columns p:last-child { color:#555753; font-size:13px; line-height:1.7; }
/* Legal pages */
.vdps-ref .vr-legal-hero { padding-bottom:82px; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-legal-hero h1 { margin:40px 0 48px; }
.vdps-ref .vr-legal-hero > div { display:flex; flex-wrap:wrap; gap:12px 28px; padding:20px 0; border-top:1px solid #d9dfe7; border-bottom:1px solid #d9dfe7; color:var(--brand-blue); font-size:9px; font-weight:800; letter-spacing:.12em; }
.vdps-ref .vr-legal-hero > p:last-child { max-width:900px; margin:36px 0 0; color:#555753; font-size:15px; line-height:1.75; }
.vdps-ref .vr-legal-layout { display:grid; grid-template-columns:.42fr 1.58fr; gap:9vw; align-items:start; }
.vdps-ref .vr-legal-layout aside { position:sticky; top:35px; }
.vdps-ref .vr-legal-layout aside ol { list-style:none; margin:0; padding:0; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-legal-layout aside li { border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-legal-layout aside a { display:grid; grid-template-columns:35px 1fr; gap:12px; padding:13px 0; color:#555753; font-size:10px; line-height:1.35; }
.vdps-ref .vr-legal-layout aside a span { color:var(--brand-blue); font-weight:800; }
.vdps-ref .vr-legal-section { scroll-margin-top:30px; padding:0 0 65px; margin-bottom:65px; border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-legal-section > span { color:var(--brand-blue); font-size:11px; font-weight:800; letter-spacing:.16em; }
.vdps-ref .vr-legal-section h2 { margin:18px 0 30px; font-size:clamp(32px,4vw,55px); }
.vdps-ref .vr-legal-section p,
.vdps-ref .vr-legal-section li { color:#45484b; font-size:13px; line-height:1.8; }
.vdps-ref .vr-legal-section li { margin-bottom:10px; }
.vdps-ref .vr-legal-contact { padding:50px; background:#f4f6f9; }
.vdps-ref .vr-legal-contact h3 { font-size:26px; font-weight:500; }
.vdps-ref .vr-legal-contact p:last-child { margin:0; color:#555753; font-size:12px; line-height:1.6; }
@media (max-width:1000px) {
.vdps-ref .vr-store-grid,
.vdps-ref .vr-tier-grid { grid-template-columns:1fr 1fr; }
.vdps-ref .vr-preorder-page { grid-template-columns:1fr; }
.vdps-ref .vr-preorder-summary { position:static; }
.vdps-ref .vr-timeline,
.vdps-ref .vr-impact-grid,
.vdps-ref .vr-policy-stats { grid-template-columns:1fr 1fr; }
.vdps-ref .vr-timeline article,
.vdps-ref .vr-impact-grid > div,
.vdps-ref .vr-policy-stats > div { border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-tier-heading { grid-template-columns:1fr; align-items:start; }
.vdps-ref .vr-shield-disclaimer > div { grid-template-columns:1fr; }
}
@media (max-width:800px) {
.vdps-ref .vr-content-hero,
.vdps-ref .vr-faq-group,
.vdps-ref .vr-numbered-process,
.vdps-ref .vr-legal-note,
.vdps-ref .vr-about-statement,
.vdps-ref .vr-values,
.vdps-ref .vr-founder,
.vdps-ref .vr-partner-feature,
.vdps-ref .vr-community-story,
.vdps-ref .vr-category-section,
.vdps-ref .vr-protected-section,
.vdps-ref .vr-sponsor-visual,
.vdps-ref .vr-dwell-explainer,
.vdps-ref .vr-policy-intro,
.vdps-ref .vr-culture,
.vdps-ref .vr-form-section,
.vdps-ref .vr-wholesale-overview,
.vdps-ref .vr-roles,
.vdps-ref .vr-contact-directory,
.vdps-ref .vr-reward-band,
.vdps-ref .vr-refund-table,
.vdps-ref .vr-legal-layout,
.vdps-ref .vr-cart-page { grid-template-columns:1fr; }
.vdps-ref .vr-content-hero { min-height:0; gap:50px; }
.vdps-ref .vr-content-hero-side { max-width:650px; }
.vdps-ref .vr-store-grid { grid-template-columns:1fr; }
.vdps-ref .vr-category-grid,
.vdps-ref .vr-protected-grid { grid-template-columns:1fr; }
.vdps-ref .vr-sponsor-visual { padding-top:80px; }
.vdps-ref .vr-legal-layout aside { position:static; }
.vdps-ref .vr-legal-layout aside ol { columns:2; column-gap:30px; }
.vdps-ref .vr-wholesale-benefits { grid-template-columns:1fr 1fr; }
.vdps-ref .vr-career-values,
.vdps-ref .vr-support-columns { grid-template-columns:1fr; }
.vdps-ref .vr-coverage-grid { grid-template-columns:1fr; }
}
@media (max-width:520px) {
.vdps-ref .vr-store-grid,
.vdps-ref .vr-timeline,
.vdps-ref .vr-tier-grid,
.vdps-ref .vr-impact-grid,
.vdps-ref .vr-policy-stats { grid-template-columns:1fr; }
.vdps-ref .vr-demo-form { grid-template-columns:1fr; }
.vdps-ref .vr-contact-fields { grid-template-columns:1fr; }
.vdps-ref .vr-form-field,
.vdps-ref .vr-form-field.vr-wide,
.vdps-ref .vr-form-check.vr-wide,
.vdps-ref .vr-demo-form .vr-button,
.vdps-ref .vr-form-notice { grid-column:1; }
.vdps-ref .vr-wholesale-benefits { grid-template-columns:1fr; }
.vdps-ref .vr-role-card { padding:30px 22px; }
.vdps-ref .vr-role-details { grid-template-columns:1fr; }
.vdps-ref .vr-refund-row { grid-template-columns:1fr; gap:8px; padding:26px 0; }
.vdps-ref .vr-refund-row.vr-header { display:none; }
.vdps-ref .vr-legal-layout aside ol { columns:1; }
.vdps-ref .vr-preorder-summary { padding:36px 24px; }
.vdps-ref .vr-preorder-gallery > img { min-height:360px; }
.vdps-ref .vr-preorder-thumbs { grid-template-columns:1fr; }
.vdps-ref .vr-store-image-gallery { grid-template-columns:1fr; }
.vdps-ref .vr-cart-panel { padding:28px 22px; }
.vdps-ref .vr-cart-product { grid-template-columns:92px 1fr; gap:18px; }
.vdps-ref .vr-cart-product > strong { grid-column:2; }
.vdps-ref .vr-cart-preorder-notice { padding:24px 20px; }
}
@media(max-width:700px){
.vdps-ref .vr-dwell {padding-top:64px}
.vdps-ref .vr-dwell-heading {margin-bottom:48px}
.vdps-ref .vr-dwell-stats {flex-direction:column;align-items:center;gap:32px}
.vdps-ref .vr-dwell-button {width:100%;padding:16px 18px}
}
@media (max-width: 480px) {
.vdps-ref h1 {
    font-size: 49px;
  }
.vdps-ref .vr-site-header {
    padding: 0 5vw;
  }
.vdps-ref .vr-wordmark span:last-child {
    display: none;
  }
.vdps-ref .vr-section {
    padding-left: 6vw;
    padding-right: 6vw;
  }
.vdps-ref .vr-feature-card {
    padding: 38px 7vw;
  }
.vdps-ref .vr-dwell .vr-actions {
    flex-direction: column;
  }
.vdps-ref .vr-conversion {
    padding-top: 90px;
    padding-bottom: 90px;
  }
.vdps-ref .vr-footer-links {
    grid-template-columns: 1fr 1fr;
  }
.vdps-ref .vr-footer-links div:last-child {
    grid-column: 1/-1;
  }
.vdps-ref .vr-intro {
    gap: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
.vdps-ref {
    scroll-behavior: auto;
  }
.vdps-ref * {
    transition: none !important;
  }
.vdps-ref .vr-dwell-logo-final { opacity:1; animation:none !important; }
.vdps-ref .vr-dwell-logo-layers { display:none; }
}
/* Integrated product photography */
.vdps-ref .vr-hero-media {
  background: var(--brand-blue-deep);
}
.vdps-ref .vr-hero-media:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #071c49 0%, rgba(13, 63, 166, 0.96) 35%, rgba(21, 101, 192, 0.35) 62%, rgba(21, 101, 192, 0.02) 100%);
  z-index: 1;
}
.vdps-ref .vr-hero-media > img {
  position: absolute;
  right: 0;
  top: 0;
  width: 64%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.vdps-ref .vr-hero-grid {
  z-index: 2;
}
.vdps-ref .vr-hero-media-note {
  z-index: 3;
}
.vdps-ref .vr-product-media {
  min-height: 720px;
  margin: 0;
  background: #fff;
  overflow: hidden;
  display: grid;
  place-items: center;
}
.vdps-ref .vr-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vdps-ref .vr-product-white img {
  object-fit: contain;
  padding: 5vw;
}
.vdps-ref .vr-feature-media-stack {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
.vdps-ref .vr-feature-media-stack .vr-product-media {
  min-height: 0;
  aspect-ratio: 1448 / 918;
  background: #ffffff;
  box-shadow: none;
}
.vdps-ref .vr-feature-media-stack .vr-product-media + .vr-product-media {
  border-top: 1px solid #e5e7eb;
}
.vdps-ref .vr-comparison-media {
  background: #111;
}
.vdps-ref .vr-comparison-media img {
  object-fit: contain;
}
.vdps-ref .vr-kit-media {
  min-height: 660px;
  background: transparent;
}
.vdps-ref .vr-kit-media img {
  object-fit: contain;
  padding: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
}
.vdps-ref .vr-product-frame {
  background: #fff;
  border-top: 0;
}
.vdps-ref .vr-product-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vdps-ref .vr-engineering .vr-spec-panel {
  background: #ffffff;
  box-shadow: none;
}
.vdps-ref .vr-engineering .vr-product-frame {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #ffffff;
  border: 0;
  box-shadow: none;
}
.vdps-ref .vr-conversion {
  position: relative;
  overflow: hidden;
}
.vdps-ref .vr-preorder-button {
  grid-column: 1 / -1;
  justify-self: center;
  min-width: 190px;
  font-family: "Oswald", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  line-height: 1;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}
.vdps-ref .vr-conversion-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.vdps-ref .vr-conversion-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: transparent;
  box-shadow: none;
  filter: none;
}
.vdps-ref .vr-preorder-package {
  background: transparent;
  box-shadow: none;
  filter: none;
}
.vdps-ref .vr-conversion-side p {
  color: #374151;
}
@media (max-width: 800px) {
.vdps-ref .vr-hero-media > img {
    width: 100%;
    opacity: 0.52;
  }
.vdps-ref .vr-hero-media:after {
    background: linear-gradient(90deg, #071c49 0%, rgba(13, 63, 166, 0.86) 72%, rgba(21, 101, 192, 0.42));
  }
.vdps-ref .vr-product-media {
    min-height: 520px;
  }
.vdps-ref .vr-portable .vr-product-media {
    min-height: 460px;
  }
.vdps-ref .vr-portable-detail-film {
    width: 100%;
  }
.vdps-ref .vr-portable-detail-film .vr-autoplay-video button {
    opacity: 1;
  }
}

/* ============================================================
   Dwell Participant Registration page (page.dwell-participant-registration)
   Added 9 Sep 2026 from Aman_Dwell_Participant_Page_Handoff. New page, so
   these classes were never in globals.css - ported directly from the
   approved reference's built stylesheet at /dwell/register. Same .vr- and
   .vdps-ref scoping convention as the rest of the site. DO NOT change.
   ============================================================ */
.vdps-ref .vr-dwell-access-strip { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid #d9dfe7; }
.vdps-ref .vr-dwell-access-strip > div { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; min-height:160px; padding:38px 4vw; text-align:center; border-right:1px solid #d9dfe7; }
.vdps-ref .vr-dwell-access-strip > div:last-child { border-right:0; }
.vdps-ref .vr-dwell-access-strip strong { color:var(--brand-blue); font-family:"Russo One", sans-serif; font-size:24px; letter-spacing:.03em; }
.vdps-ref .vr-dwell-access-strip span { color:#6b7280; font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }

.vdps-ref .vr-dwell-direct-model,
.vdps-ref .vr-dwell-registration-process,
.vdps-ref .vr-dwell-privacy-promise,
.vdps-ref .vr-dwell-registration-section { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; align-items:start; }

.vdps-ref .vr-dwell-direct-model > div:last-child p,
.vdps-ref .vr-dwell-privacy-promise > div p { color:#555753; font-size:15px; line-height:1.78; }
.vdps-ref .vr-dwell-direct-model > div:last-child p + p { margin-top:1.78em; }

.vdps-ref .vr-dwell-registration-process { background:#f4f6f9; }
.vdps-ref .vr-dwell-registration-process ol { list-style:none; margin:0; padding:0; border-top:1px solid #cbd3dd; }
.vdps-ref .vr-dwell-registration-process li { display:grid; grid-template-columns:64px 1fr; gap:20px; padding:28px 0; border-bottom:1px solid #cbd3dd; }
.vdps-ref .vr-dwell-registration-process li > span { color:var(--brand-blue); font-size:11px; font-weight:800; letter-spacing:.17em; padding-top:5px; }
.vdps-ref .vr-dwell-registration-process h3 { margin:0 0 9px; font-size:24px; font-weight:500; }
.vdps-ref .vr-dwell-registration-process li p { margin:0; color:#555753; font-size:13px; line-height:1.65; }

.vdps-ref .vr-dwell-privacy-promise { color:#fff; background:#0a0a0a; align-items:center; padding-top:80px; padding-bottom:80px; }
.vdps-ref .vr-dwell-privacy-promise img { display:block; width:100%; height:auto; }
.vdps-ref .vr-dwell-privacy-promise h2 { font-size:clamp(40px, 5vw, 70px); }
.vdps-ref .vr-dwell-privacy-promise > div p { color:#aeb6c0; line-height:1.9; }
.vdps-ref .vr-dwell-privacy-promise h2 + p { margin-top:30px; }

.vdps-ref .vr-dwell-registration-section { background:#fff; }
.vdps-ref .vr-dwell-registration-heading { position:sticky; top:36px; }
.vdps-ref .vr-dwell-registration-heading > p:last-child { color:#555753; max-width:410px; margin-top:30px; font-size:14px; line-height:1.7; }

.vdps-ref .vr-dwell-registration-form { min-width:0; }
.vdps-ref .vr-dwell-registration-form fieldset { margin:0 0 54px; padding:0; border:0; }
.vdps-ref .vr-dwell-registration-form legend { width:100%; margin:0 0 28px; padding:0 0 17px; color:var(--ink); font-size:18px; font-weight:600; border-bottom:1px solid #cfd5dd; }
.vdps-ref .vr-dwell-registration-form legend span { margin-right:17px; color:var(--brand-blue); font-size:10px; font-weight:800; letter-spacing:.16em; }

.vdps-ref .vr-fieldset-intro { margin:-7px 0 28px; max-width:650px; color:#555753; font-size:13px; line-height:1.7; }

.vdps-ref .vr-dwell-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px 22px; }
.vdps-ref .vr-dwell-form-grid .vr-wide { grid-column:1/-1; }
.vdps-ref .vr-dwell-form-grid .vr-form-field small { color:#7b8490; font-size:10px; line-height:1.5; }

.vdps-ref .vr-dwell-consents { display:grid; gap:18px; }
.vdps-ref .vr-dwell-consents .vr-form-check input { width:17px; height:17px; margin:1px 0 0; flex:none; accent-color:var(--brand-blue); }
.vdps-ref .vr-dwell-consents .vr-form-check span { color:#45484b; font-size:13px; line-height:1.55; }

.vdps-ref .vr-dwell-submit { margin:0 0 20px; max-width:390px; }
.vdps-ref .vr-dwell-form-fine-print { margin:0; max-width:720px; color:#6b7280; font-size:10px; line-height:1.65; }

.vdps-ref .vr-dwell-help { text-align:center; border-top:1px solid #d9dfe7; }
.vdps-ref .vr-dwell-help h2 { margin-bottom:24px; }
.vdps-ref .vr-dwell-help > p:not(.vr-eyebrow) { margin:0 auto 32px; max-width:630px; color:#555753; font-size:15px; line-height:1.7; }

/* Conditional "program not listed" field, toggled by assets/vdps-dwell-register.js */
.vdps-ref [data-dwell-other-field][hidden] { display:none; }

@media (max-width:800px) {
  .vdps-ref .vr-dwell-direct-model,
  .vdps-ref .vr-dwell-registration-process,
  .vdps-ref .vr-dwell-privacy-promise,
  .vdps-ref .vr-dwell-registration-section { grid-template-columns:1fr; gap:52px; }
  .vdps-ref .vr-dwell-registration-heading { position:static; }
}

@media (max-width:520px) {
  .vdps-ref .vr-dwell-access-strip { grid-template-columns:1fr; }
  .vdps-ref .vr-dwell-access-strip > div { min-height:120px; border-right:0; border-bottom:1px solid #d9dfe7; }
  .vdps-ref .vr-dwell-form-grid { grid-template-columns:1fr; }
  .vdps-ref .vr-dwell-form-grid .vr-wide { grid-column:1; }
}

/* Required mobile correction (handoff §1): the privacy-section paragraph
   needs ~30px separation from its headline and ~1.9 line-height so they
   never overlap at narrow widths or 200% text zoom. The ported rule above
   already sets h2 + p { margin-top:30px } and p { line-height:1.9 } at all
   widths, which satisfies this without a separate mobile override. */