@font-face {
  font-family: "Nuro Display";
  src: url("../fonts/roboto-condensed/RobotoCondensed-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Nuro Sans";
  src: url("../fonts/Inter-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
.applied-countdown-page { margin: 0; background: #021725; font-family: "Nuro Sans", Arial, sans-serif; }
body.applied-countdown-page[data-header-variant="home"] #site-shell > .site-header {
  position: relative; inset: auto; transform: none;
}
.applied-countdown-page #main { margin: 0; padding: 0; }
.nuro-screen { display: contents; }
.nuro-reference-scene { display: contents; }
/* The supplied panorama has 1080 px of extra artwork on either side.
   A centered 16:9 crop reproduces the complete reference composition. */
.nuro-launch {
  position: relative; isolation: isolate; container-type: inline-size;
  width: 100%; aspect-ratio: 16 / 9; overflow: hidden;
  color: #fafafa; background: #021725;
}
.nuro-launch__background {
  position: absolute; z-index: -1; inset: 0;
  display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.nuro-brand { position: absolute; left: 7.5%; top: 16.1%; width: 15cqw; height: 13cqw; mix-blend-mode: screen; }
/* Use the existing high-resolution brand asset with its original black backing
   blended into the scene; compensate for the image's transparent visual margin. */
.nuro-brand__logo {
  position: absolute; display: block; width: 18.3cqw; height: auto; max-width: none;
  top: -3.55cqw; left: -3.65cqw; filter: brightness(1.2) saturate(1.15);
}
.nuro-brand__byline {
  position: absolute; top: 11cqw; left: 0; margin: 0;
  font-family: "Nuro Sans", Arial, sans-serif; font-size: 1.12cqw;
  font-weight: 400; line-height: 1.3; letter-spacing: .32em; white-space: nowrap;
  text-transform: uppercase;
}
.nuro-intro { position: absolute; top: 41.8%; left: 7.5%; width: 40%; }
.nuro-intro h1 {
  margin: 0; color: inherit; font-family: "Nuro Display", "Arial Narrow", sans-serif;
  font-size: 8.3cqw; font-weight: 600; line-height: 1; letter-spacing: -.015em;
  width: 141%; max-width: none; white-space: nowrap;
  transform: scaleX(.71); transform-origin: left center;
}
.nuro-intro__subtitle {
  margin: -.5cqw 0 0; color: inherit;
  font-family: "Nuro Display", "Arial Narrow", sans-serif;
  font-size: 2.7cqw; font-weight: 400; line-height: 1.2; letter-spacing: .15em;
  transform: scaleX(.85); transform-origin: left center;
}
.nuro-countdown {
  position: absolute; top: 32.7%; left: 60.5%; width: 20.2%;
  text-align: center; font-family: "Nuro Sans", Arial, sans-serif;
}
.nuro-countdown__number {
  display: block; font-size: 11.1cqw; font-weight: 150; line-height: .94;
  letter-spacing: -.055em; padding-right: .055em; font-variant-numeric: tabular-nums;
}
.nuro-countdown__unit {
  display: block; margin-top: -1.35cqw; padding-left: .34em;
  font-size: 2.4cqw; font-weight: 300; line-height: 1.2; letter-spacing: .34em;
}
.nuro-countdown__message {
  margin: .65cqw 0 0; font-size: 1.65cqw; font-weight: 300; line-height: 1.3;
  letter-spacing: -.01em;
}
.nuro-countdown__message span { display: block; }
.nuro-countdown__message span:last-child { font-weight: 500; }
.nuro-countdown__unit:not(:lang(en)) { letter-spacing: 0; padding-left: 0; }
.nuro-intro__subtitle:not(:lang(en)) { letter-spacing: 0; font-weight: 400; transform: none; }
.nuro-countdown__fallback { font-size: 1.3cqw; line-height: 1.4; }
.nuro-countdown:has(noscript p) .nuro-countdown__timer { display: none; }
/* Preserve the campaign's condensed English wordmark and thin live digits;
   translated prose continues to use the site's native language families. */
@layer arotec-language-fonts {
  .nuro-launch #nuro-title,
  .nuro-launch .nuro-intro__subtitle:lang(en) {
    font-family: "Nuro Display", "Arial Narrow", sans-serif !important;
  }
  .nuro-launch .nuro-countdown__number,
  .nuro-launch .nuro-brand__byline,
  .nuro-launch .nuro-countdown__unit:lang(en),
  .nuro-launch .nuro-countdown__message:lang(en),
  .nuro-launch .nuro-countdown__message:lang(en) span {
    font-family: "Nuro Sans", Arial, sans-serif !important;
  }
}
/* Keep the same artwork and live type in a readable portrait composition. */
@media (max-width: 767px) {
  .nuro-launch {
    aspect-ratio: 5 / 11; height: auto;
    background-image: url("../images/applied-products/nuro-vaguskin-background-20261028.png");
    background-size: auto 220cqw; background-position: left top;
  }
  .nuro-launch__background { top: auto; bottom: 0; height: 116cqw; object-position: 69.1% center; }
  .nuro-brand { top: 7cqw; left: 7%; width: 34cqw; height: 32cqw; }
  .nuro-brand__logo { width: 47cqw; top: -9.1cqw; left: -9.4cqw; }
  .nuro-brand__byline { top: 28.3cqw; font-size: 2.7cqw; letter-spacing: .26em; }
  .nuro-intro { top: 46cqw; left: 7%; width: 86%; }
  .nuro-intro h1 { font-size: 16.6cqw; }
  .nuro-intro__subtitle { font-size: 5.4cqw; margin-top: .8cqw; }
  .nuro-countdown { top: 112cqw; left: 21%; width: 58%; }
  .nuro-countdown__number { font-size: 32cqw; }
  .nuro-countdown__unit { font-size: 6.6cqw; margin-top: .8cqw; }
  .nuro-countdown__message { font-size: 4.4cqw; margin-top: 2cqw; }
  .nuro-countdown__fallback { font-size: 3.7cqw; }
}
@layer arotec-mobile-main-headings {
  @media (max-width: 767px) {
    body[data-main-heading-page="applied-products-countdown"] #nuro-title {
      font-size: 16.6cqw !important; line-height: 1 !important;
      letter-spacing: -.015em !important; white-space: nowrap !important;
      overflow-wrap: normal !important; width: 141% !important;
    }
    body[data-main-heading-page="applied-products-countdown"] .nuro-intro { width: 86% !important; }
    body[data-main-heading-page="applied-products-countdown"] .nuro-countdown { top: 112cqw !important; }
  }
}
/* The shared breadcrumbs include geometry for the retired Vaguspa artwork.
   Keep their links, but let this campaign own its image/text coordinates. */
.applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host]::after { display: none; }
.applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] :is(.nuro-brand,.nuro-intro) {
  position: absolute; margin: 0; translate: none;
}
@media (min-width: 768px) {
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] { height: auto !important; aspect-ratio: 16 / 9 !important; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-brand { top: 16.1%; left: 7.5%; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-intro { top: 41.8%; left: 7.5%; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-launch__background { top: 0; bottom: auto; height: 100%; object-position: center; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-countdown { top: 32.7%; bottom: auto; left: 60.5%; width: 20.2%; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-countdown__number { font-size: 11.1cqw; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-countdown__unit { font-size: 2.4cqw; margin-top: -1.35cqw; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-countdown__message { font-size: 1.65cqw; margin-top: .65cqw; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-countdown__message:lang(ja) { font-size: 1.4cqw; }
}
@media (max-width: 767px) {
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] { height: auto !important; aspect-ratio: 5 / 11 !important; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-brand { top: 33cqw; left: 7%; }
  .applied-countdown-page .nuro-launch[data-breadcrumb-campaign-host] .nuro-intro { top: 72cqw; left: 7%; }
  .applied-countdown-page .nuro-countdown__number { font-size: 27.5cqw; }
  .applied-countdown-page .nuro-countdown__unit { font-size: 5.8cqw; margin-top: -.9cqw; }
  .applied-countdown-page .nuro-countdown__message { font-size: 4.2cqw; margin-top: 1.5cqw; }
  .applied-countdown-page .nuro-countdown__message:lang(ja) { font-size: 3.8cqw; }
}
@layer arotec-mobile-main-headings {
  @media (max-width: 767px) {
    body[data-main-heading-page="applied-products-countdown"] .nuro-countdown { top: 135.5cqw !important; }
  }
}

/* Fit the complete campaign below the desktop header. The inner 16:9 scene
   keeps the background's neon frame and live overlays on one coordinate grid.
   The supplied panorama extends beyond that scene to fill the wider viewport. */
@media (min-width: 1024px) {
  .applied-countdown-page #main {
    position: relative; height: calc(100dvh - var(--nuro-header-height, 112px));
    min-height: 360px; overflow: clip;
  }
  .applied-countdown-page #main .nuro-launch {
    position: absolute; inset: 0; width: 100%; height: 100% !important;
    aspect-ratio: auto !important; container-type: size;
  }
  .nuro-reference-scene {
    display: block; position: absolute; left: 50%; top: 50%;
    width: min(100cqw, 177.777778cqh); aspect-ratio: 16 / 9;
    transform: translate(-50%, -50%); container-type: inline-size;
    isolation: isolate;
  }
  .applied-countdown-page #main .nuro-launch__background {
    left: -28.125%; width: 156.25%; max-width: none; height: 100%;
    object-fit: contain;
  }
  .applied-countdown-page #main .arotec-breadcrumbs ol { max-width: 100%; }
}