/* ==========================================================================
   EMPIRE WATCHES — stylesheet
   Rewrite autoral, organizado por seção. Todos os valores abaixo foram
   conferidos um a um contra o arquivo fonte antes de escrever esta versão.
   ========================================================================== */

/* --------------------------------------------------------------------
   1. RESET (normalize-like)
   -------------------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { vertical-align: baseline; display: inline-block; }
audio:not([controls]) { height: 0; display: none; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 700; }
small { font-size: 80%; }
sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { box-sizing: border-box; }
html { height: 100%; }
body { min-height: 100%; }
img { vertical-align: middle; max-width: 100%; display: inline-block; }

ul, ol { margin: unset; padding: unset; list-style-type: none; }
img { object-fit: cover; width: 100%; max-width: 100%; }
label { font-size: var(--ew-size--0-75rem); }
blockquote { padding: unset; border-width: 0; }
figure { margin: 0; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6, blockquote { font-size: inherit; line-height: inherit; font-weight: inherit; }
button {
  background-color: unset;
  padding: unset;
  text-align: inherit;
}
video { width: 100%; object-fit: cover; }
svg { display: block; }
section, header, footer { position: relative; }
img::selection { background: transparent; }
h1, h2, h3, h4, h5, h6, p, label, blockquote { margin-top: 0; margin-bottom: 0; }

/* --------------------------------------------------------------------
   1b. UTILITÁRIOS DE MARKUP (sem estilo visual próprio de layout)
   -------------------------------------------------------------------- */
.ew-block { display: block; }
.ew-inline-block { max-width: 100%; display: inline-block; }
.ew-hidden { display: none; }
.ew-clearfix::before, .ew-clearfix::after { content: " "; display: table; }
.ew-clearfix::after { clear: both; }
.ew-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
input.ew-button { -webkit-appearance: button; }

/* --------------------------------------------------------------------
   1c. FONTES
   -------------------------------------------------------------------- */
@font-face {
  font-family: "Empire Display";
  src: url("media/EmpireDisplay-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Empire Mono";
  src: url("media/EmpireMono-Book.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* --------------------------------------------------------------------
   2. DESIGN TOKENS (:root)
   -------------------------------------------------------------------- */
:root {
  /* tema padrão (sobrescrito por [data-theme]) */
  --ew-theme--background: white;
  --ew-theme--text: white;
  --ew-theme--border: white;

  /* tipografia base */
  --ew-text-main--font-family: var(--ew-font--body-family);
  --ew-text-main--font-size: var(--ew-size--1rem);
  --ew-text-main--line-height: 1.5em;
  --ew-text-main--letter-spacing: var(--ew-letter-spacing--0em);

  /* display / headings */
  --ew-display--font-family: var(--ew-all-headings--heading-font-family);
  --ew-display--font-size: 12.5rem;
  --ew-display--line-height: var(--ew-all-headings--heading-line-height);
  --ew-display--letter-spacing: var(--ew-all-headings--heading-letter-spacing);
  --ew-display--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-display--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h1--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h1--font-size: 12.5rem;
  --ew-h1--line-height: var(--ew-all-headings--heading-line-height);
  --ew-h1--letter-spacing: var(--ew-all-headings--heading-letter-spacing);
  --ew-h1--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h1--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h2--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h2--font-size: var(--ew-size--8rem);
  --ew-h2--line-height: var(--ew-all-headings--heading-line-height);
  --ew-h2--letter-spacing: var(--ew-all-headings--heading-letter-spacing);
  --ew-h2--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h2--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h3--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h3--font-size: var(--ew-size--6rem);
  --ew-h3--line-height: var(--ew-h2--line-height);
  --ew-h3--letter-spacing: var(--ew-all-headings--heading-letter-spacing);
  --ew-h3--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h3--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h4--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h4--font-size: var(--ew-size--4rem);
  --ew-h4--line-height: var(--ew-line-height--1em);
  --ew-h4--letter-spacing: var(--ew-letter-spacing--0em);
  --ew-h4--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h4--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h5--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h5--font-size: var(--ew-size--1-5rem);
  --ew-h5--line-height: var(--ew-line-height--1-3em);
  --ew-h5--letter-spacing: var(--ew-letter-spacing--0em);
  --ew-h5--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h5--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-h6--font-family: var(--ew-all-headings--heading-font-family);
  --ew-h6--font-size: var(--ew-size--1rem);
  --ew-h6--line-height: var(--ew-size--1rem);
  --ew-h6--letter-spacing: var(--ew-letter-spacing--0em);
  --ew-h6--font-weight: var(--ew-all-headings--heading-font-weight);
  --ew-h6--text-transform: var(--ew-all-headings--heading-text-transform);

  --ew-all-headings--heading-font-family: var(--ew-font--primary-family);
  --ew-all-headings--heading-font-weight: var(--ew-font--primary-medium);
  --ew-all-headings--heading-line-height: var(--ew-line-height--1em);
  --ew-all-headings--heading-letter-spacing: var(--ew-letter-spacing--0-03em);
  --ew-all-headings--heading-text-transform: var(--ew-text-transform--uppercase);

  --ew-text-large--font-family: var(--ew-font--body-family);
  --ew-text-large--font-size: var(--ew-size--1-5rem);
  --ew-text-large--line-height: var(--ew-line-height--1-3em);
  --ew-text-large--letter-spacing: var(--ew-letter-spacing--0em);
  --ew-text-large--font-weight: var(--ew-font--primary-regular);
  --ew-text-large--text-transform: var(--ew-text-transform--inherit);

  --ew-text-small--font-family: var(--ew-font--body-family);
  --ew-text-small--font-size: .75rem;
  --ew-text-small--line-height: var(--ew-line-height--1-5em);
  --ew-text-small--letter-spacing: var(--ew-letter-spacing--0em);
  --ew-text-small--font-weight: var(--ew-font--primary-regular);
  --ew-text-small--text-transform: var(--ew-text-transform--inherit);

  --ew-text-main--font-weight: var(--ew-font--primary-regular);
  --ew-text-main--text-transform: var(--ew-text-transform--none);

  --ew-font--primary-family: "Empire Display", sans-serif;
  --ew-font--primary-regular: var(--ew-font-weight--300);
  --ew-font--primary-medium: var(--ew-font-weight--500);
  --ew-font--primary-bold: var(--ew-font-weight--700);
  --ew-font--body-family: "Empire Mono", sans-serif;

  /* pesos e transformações — neste :root do CSS externo estas variáveis
     valem 0px (placeholder); os valores reais e utilizáveis vêm do
     :root definido no <style> inline do HTML, que tem precedência por
     vir depois no documento. Mantido fiel ao arquivo original. */
  --ew-font-weight--inherit: 0px;
  --ew-font-weight--100: 0px;
  --ew-font-weight--200: 0px;
  --ew-font-weight--300: 0px;
  --ew-font-weight--400: 0px;
  --ew-font-weight--500: 0px;
  --ew-font-weight--600: 0px;
  --ew-font-weight--700: 0px;
  --ew-font-weight--800: 0px;
  --ew-font-weight--900: 0px;
  --ew-text-transform--none: 0px;
  --ew-text-transform--uppercase: 0px;
  --ew-text-transform--capitalize: 0px;
  --ew-text-transform--lowercase: 0px;
  --ew-text-transform--inherit: 0px;
  --ew-max-width--none: 100vw;

  --ew-letter-spacing--0em: 0em;
  --ew-letter-spacing--0-03em: -.04em;
  --ew-line-height--1em: .9em;
  --ew-line-height--1-5em: 1.5em;
  --ew-line-height--1-3em: 1.3em;
  --ew-line-height--1-1em: 1.1em;

  /* cores */
  --ew-swatch--transparent: #fff0;
  --ew-swatch--brand: #c6a768;
  --ew-swatch--light: #f8f6f1;
  --ew-swatch--dark: #081a12;
  --ew-swatch--dark-secondary: #05130d;
  --ew-swatch--light-secondary: #f8f6f1;
  --ew-swatch--brand-text: var(--ew-swatch--dark);

  /* botões */
  --ew-button--background: white;
  --ew-button--text: white;
  --ew-button--border: white;
  --ew-button--background-hover: white;
  --ew-button--text-hover: white;
  --ew-button--border-hover: white;

  /* espaçamentos e tamanhos base */
  --ew-size--0rem: 0rem;
  --ew-size--0-125rem: .125rem;
  --ew-size--0-25rem: .25rem;
  --ew-size--0-5rem: .5rem;
  --ew-size--0-75rem: .75rem;
  --ew-size--1rem: 1rem;
  --ew-size--1-25rem: 1.25rem;
  --ew-size--1-5rem: 1.5rem;
  --ew-size--2rem: 2rem;
  --ew-size--2-5rem: 2.5rem;
  --ew-size--3rem: 3rem;
  --ew-size--3-5rem: 3.5rem;
  --ew-size--4rem: 4rem;
  --ew-size--4-5rem: 4.5rem;
  --ew-size--5rem: 5rem;
  --ew-size--5-5rem: 5.5rem;
  --ew-size--6rem: 6rem;
  --ew-size--6-5rem: 6.5rem;
  --ew-size--7rem: 7rem;
  --ew-size--7-5rem: 7.5rem;
  --ew-size--8rem: 8rem;
  --ew-size--8-5rem: 8.5rem;
  --ew-size--9rem: 9rem;
  --ew-size--9-5rem: 9.5rem;
  --ew-size--10rem: 10rem;
  --ew-size--11rem: 11rem;
  --ew-size--12rem: 12rem;
  --ew-size--13rem: 13rem;
  --ew-size--14rem: 14rem;
  --ew-size--15rem: 15rem;
  --ew-size--16rem: 16rem;

  --ew-space--extra-small: var(--ew-size--0-75rem);
  --ew-space--small: var(--ew-size--1-5rem);
  --ew-space--medium: var(--ew-size--3rem);
  --ew-space--large: var(--ew-size--4rem);

  --ew-border-width--main: 1.5px;
  --ew-svg-stroke-width--main: 1.5px;
  --ew-radius--main: 1rem;
  --ew-radius--small: .5rem;
  --ew-radius--round: 100vw;

  --ew-max-width--main: 120rem;
  --ew-padding-horizontal--main: 3rem;
  --ew-padding-vertical--none: var(--ew-size--0rem);
  --ew-padding-vertical--small: var(--ew-size--3rem);
  --ew-padding-vertical--main: var(--ew-size--7rem);
  --ew-padding-vertical--large: var(--ew-size--10rem);
  --ew-grid-gap--main: var(--ew-size--1rem);

  /* NOTA: --ew-column-count, --ew-grid-1..12, --ew-grid-main,
     --ew-breakout-*, --ew-grid-breakout* e --ew-grid-gap-total /
     --ew-column-width NÃO existem neste :root do CSS externo — são
     definidas apenas no :root do <style> inline do HTML (bloco
     ew-page_code_base), que tem precedência de cascata. Mantido fiel
     ao arquivo original: este arquivo não as duplica. */
}

/* --------------------------------------------------------------------
   3. TEMA — cores base de :root (o restante do sistema de tema:
      light/dark/invert, data-padding-*, data-cms-check e as classes
      .ew-line-clamp-* / .ew-rich-text > *:first/last-child vêm do
      <style> inline do próprio HTML e não pertencem a este arquivo)
   -------------------------------------------------------------------- */
body {
  background-color: var(--ew-theme--background);
  font-family: var(--ew-text-main--font-family);
  color: var(--ew-theme--text);
  font-size: var(--ew-text-main--font-size);
  line-height: var(--ew-text-main--line-height);
  letter-spacing: var(--ew-text-main--letter-spacing);
  overscroll-behavior: none;
}

/* --------------------------------------------------------------------
   4. TIPOGRAFIA UTILITÁRIA
   -------------------------------------------------------------------- */
.ew-text-display {
  font-family: var(--ew-display--font-family);
  line-height: var(--ew-display--line-height);
  letter-spacing: var(--ew-display--letter-spacing);
  font-weight: var(--ew-display--font-weight);
  text-transform: var(--ew-display--text-transform);
  font-size: clamp(3rem, 15cqw, 12rem);
}
.ew-text-h1 {
  font-family: var(--ew-h1--font-family);
  font-size: var(--ew-h1--font-size);
  line-height: var(--ew-h1--line-height);
  letter-spacing: var(--ew-h1--letter-spacing);
  font-weight: var(--ew-h1--font-weight);
  text-transform: var(--ew-h1--text-transform);
}
.ew-text-h2 {
  font-family: var(--ew-h2--font-family);
  line-height: var(--ew-h2--line-height);
  letter-spacing: var(--ew-h2--letter-spacing);
  font-weight: var(--ew-h2--font-weight);
  text-transform: var(--ew-h2--text-transform);
  font-size: clamp(5.75rem, 3.3448rem + 3.8793vw, 8rem);
}
.ew-text-h3 {
  font-family: var(--ew-h3--font-family);
  font-size: var(--ew-h3--font-size);
  line-height: var(--ew-h3--line-height);
  letter-spacing: var(--ew-h3--letter-spacing);
  font-weight: var(--ew-h3--font-weight);
  text-transform: var(--ew-h3--text-transform);
  font-size: clamp(2.5rem, 1.7rem + 2.5vw, 6rem);
}
.ew-text-h4 {
  font-family: var(--ew-h4--font-family);
  font-size: var(--ew-h4--font-size);
  line-height: var(--ew-h4--line-height);
  letter-spacing: var(--ew-h4--letter-spacing);
  font-weight: var(--ew-h4--font-weight);
  text-transform: var(--ew-h4--text-transform);
}
.ew-text-h5 {
  font-family: var(--ew-h5--font-family);
  font-size: var(--ew-h5--font-size);
  line-height: var(--ew-h5--line-height);
  letter-spacing: var(--ew-h5--letter-spacing);
  font-weight: var(--ew-h5--font-weight);
  text-transform: var(--ew-h5--text-transform);
}
.ew-text-h6 {
  font-family: var(--ew-h6--font-family);
  font-size: var(--ew-h6--font-size);
  line-height: var(--ew-h6--line-height);
  letter-spacing: var(--ew-h6--letter-spacing);
  font-weight: var(--ew-h6--font-weight);
  text-transform: var(--ew-h6--text-transform);
}
.ew-text-main {
  font-family: var(--ew-text-main--font-family);
  font-size: var(--ew-text-main--font-size);
  line-height: var(--ew-text-main--line-height);
  letter-spacing: var(--ew-text-main--letter-spacing);
  font-weight: var(--ew-text-main--font-weight);
  text-transform: var(--ew-text-main--text-transform);
}
.ew-text-large {
  font-family: var(--ew-text-large--font-family);
  line-height: var(--ew-text-large--line-height);
  letter-spacing: var(--ew-text-large--letter-spacing);
  font-weight: var(--ew-text-large--font-weight);
  text-transform: var(--ew-text-large--text-transform);
  font-size: clamp(1rem, .6667rem + .6944vw, 1.5rem);
}
.ew-text-small {
  font-family: var(--ew-text-small--font-family);
  font-size: var(--ew-text-small--font-size);
  line-height: var(--ew-text-small--line-height);
  letter-spacing: var(--ew-text-small--letter-spacing);
  font-weight: var(--ew-text-small--font-weight);
  text-transform: var(--ew-text-small--text-transform);
}
.ew-color-inherit { color: inherit; }
.ew-color-faded { color: color-mix(in srgb, var(--ew-theme--text) 60%, transparent); }
.ew-weight-regular { font-weight: var(--ew-font--primary-regular); }
.ew-weight-medium { font-weight: var(--ew-font--primary-medium); }
.ew-weight-bold { font-weight: var(--ew-font--primary-bold); }

/* --------------------------------------------------------------------
   5. RICH TEXT
   -------------------------------------------------------------------- */
.ew-rich-text h1 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h1--font-family); font-size: var(--ew-h1--font-size);
  line-height: var(--ew-h1--line-height); letter-spacing: var(--ew-h1--letter-spacing);
  font-weight: var(--ew-h1--font-weight); text-transform: var(--ew-h1--text-transform);
}
.ew-rich-text h2 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h2--font-family); font-size: var(--ew-h2--font-size);
  line-height: var(--ew-h2--line-height); letter-spacing: var(--ew-h2--letter-spacing);
  font-weight: var(--ew-h2--font-weight); text-transform: var(--ew-h2--text-transform);
}
.ew-rich-text h3 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h3--font-family); font-size: var(--ew-h3--font-size);
  line-height: var(--ew-h3--line-height); letter-spacing: var(--ew-h3--letter-spacing);
  font-weight: var(--ew-h3--font-weight); text-transform: var(--ew-h3--text-transform);
}
.ew-rich-text h4 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h4--font-family); font-size: var(--ew-h4--font-size);
  line-height: var(--ew-h4--line-height); letter-spacing: var(--ew-h4--letter-spacing);
  font-weight: var(--ew-h4--font-weight); text-transform: var(--ew-h4--text-transform);
}
.ew-rich-text h5 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h5--font-family); font-size: var(--ew-h5--font-size);
  line-height: var(--ew-h5--line-height); letter-spacing: var(--ew-h5--letter-spacing);
  font-weight: var(--ew-h5--font-weight); text-transform: var(--ew-h5--text-transform);
}
.ew-rich-text h6 {
  margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--extra-small);
  font-family: var(--ew-h6--font-family); font-size: var(--ew-h6--font-size);
  line-height: var(--ew-h6--line-height); letter-spacing: var(--ew-h6--letter-spacing);
  font-weight: var(--ew-h6--font-weight); text-transform: var(--ew-h6--text-transform);
}
.ew-rich-text p { margin-top: var(--ew-space--extra-small); margin-bottom: var(--ew-space--extra-small); }
.ew-rich-text figure { margin-top: var(--ew-space--small); margin-bottom: var(--ew-space--small); }
.ew-rich-text ul {
  margin-top: var(--ew-size--0-75rem); margin-bottom: var(--ew-size--0-75rem);
  padding-left: var(--ew-size--1-25rem); list-style-type: disc;
}
.ew-rich-text ol { padding-left: var(--ew-size--1-25rem); list-style-type: decimal; }
.ew-rich-text li { margin-top: var(--ew-size--0-25rem); margin-bottom: var(--ew-size--0-25rem); line-height: 1.6; }
.ew-rich-text blockquote {
  margin-top: var(--ew-size--2rem); margin-bottom: var(--ew-size--2rem);
  padding-top: var(--ew-size--0-5rem); padding-bottom: var(--ew-size--0-5rem);
  padding-left: var(--ew-size--1rem);
  font-family: var(--ew-text-large--font-family); font-size: var(--ew-text-large--font-size);
  line-height: var(--ew-text-large--line-height); letter-spacing: var(--ew-text-large--letter-spacing);
  font-weight: var(--ew-text-large--font-weight); text-transform: var(--ew-text-large--text-transform);
  border-left-style: solid; border-left-width: .2rem;
}
:is(h1, h2, h3, h4, h5, h6, p) a { text-decoration: underline; }

/* --------------------------------------------------------------------
   6. LAYOUT — CONTAINERS, GRID E FLEX UTILITÁRIOS
   -------------------------------------------------------------------- */
.ew-page_wrap { overflow: clip; }
.ew-page_main { z-index: 1; }
.ew-page_code_wrap { display: none; position: fixed; inset: 0% 0% auto; }

.ew-container {
  max-width: var(--ew-max-width--none);
  padding: var(--ew-padding-vertical--main) var(--ew-padding-horizontal--main);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ew-grid-custom {
  grid-column-gap: var(--ew-grid-gap--main);
  grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-1);
  display: grid;
}
.ew-grid-subgrid {
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: subgrid;
  grid-column-gap: inherit;
  grid-row-gap: inherit;
  grid-column: auto / span 1;
  display: grid;
}
.ew-grid-autofit {
  grid-column-gap: var(--ew-grid-gap--main);
  grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  grid-auto-columns: minmax(0, 1fr);
  display: grid;
}
.ew-grid-breakout {
  grid-column-gap: var(--ew-grid-gap--main);
  grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-breakout);
  display: grid;
}
.ew-grid-column-2 {
  grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-2); display: grid;
}
.ew-grid-column-3 {
  grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-3); display: grid;
}
.ew-grid-column-4 {
  grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-4); display: grid;
}
.ew-grid-desktop, .ew-grid-tablet, .ew-grid-landscape {
  grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main);
  grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr);
  grid-template-columns: var(--ew-grid-main); display: grid;
}

.ew-column-custom { grid-column: auto / span 1; }
.ew-column-1 { grid-column: auto / span 1; }
.ew-column-2 { grid-column: auto / span 2; }
.ew-column-3 { grid-column: auto / span 3; }
.ew-column-4 { grid-column: auto / span 4; }
.ew-column-5 { grid-column: auto / span 5; }
.ew-column-6 { grid-column: auto / span 6; }
.ew-column-7 { grid-column: auto / span 7; }
.ew-column-8 { grid-column: auto / span 8; }
.ew-column-9 { grid-column: auto / span 9; }
.ew-column-10 { grid-column: auto / span 10; }
.ew-column-11 { grid-column: auto / span 11; }
.ew-column-12 { grid-column: auto / span 12; }
.ew-column-full { grid-column: 1 / -1; }
.ew-column-indent { grid-column: 2 / -2; }

.ew-order-first, .ew-order-first-desktop, .ew-order-first-tablet { order: -1; }
.ew-order-last, .ew-order-last-desktop, .ew-order-last-tablet { order: 1; }

.ew-hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; }
.ew-hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; }
.ew-hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; }
.ew-hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; }
.ew-hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; }
.ew-hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; }
.ew-hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; }
.ew-hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; }
.ew-hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; }
.ew-hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; }
.ew-hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; }
.ew-hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; }
.ew-hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; }
.ew-hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; }
.ew-hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; }
.ew-hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; }

.ew-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; }
.ew-vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; }
.ew-vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; }
.ew-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; }
.ew-vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; }
.ew-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; }
.ew-vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; }
.ew-vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; }
.ew-vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; }
.ew-vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; }
.ew-vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; }
.ew-vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; }
.ew-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; }
.ew-vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; }
.ew-vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; }
.ew-vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; }

.ew-hflex-wrap { flex-flow: wrap; }
.ew-vflex-wrap { flex-flow: column wrap; }
.ew-flex-noshrink { flex: none; }
.ew-flex-grow { flex: 1; }
.ew-flex-shrink { flex: 0 auto; }

.ew-gap-none { grid-column-gap: var(--ew-size--0rem); grid-row-gap: var(--ew-size--0rem); }
.ew-gap-main { grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main); }
.ew-gap-xsmall { grid-column-gap: var(--ew-space--extra-small); grid-row-gap: var(--ew-space--extra-small); }
.ew-gap-small { grid-column-gap: var(--ew-space--small); grid-row-gap: var(--ew-space--small); }
.ew-gap-medium { grid-column-gap: var(--ew-space--medium); grid-row-gap: var(--ew-space--medium); }
.ew-gap-large { grid-column-gap: var(--ew-space--large); grid-row-gap: var(--ew-space--large); }
.ew-gap-row-none { grid-row-gap: var(--ew-size--0rem); }
.ew-gap-row-main { grid-row-gap: var(--ew-grid-gap--main); }
.ew-gap-row-xsmall { grid-row-gap: var(--ew-space--extra-small); }
.ew-gap-row-small { grid-row-gap: var(--ew-space--small); }
.ew-gap-row-medium { grid-row-gap: var(--ew-space--medium); }
.ew-gap-row-large { grid-row-gap: var(--ew-space--large); }
.ew-gap-column-none { grid-column-gap: var(--ew-size--0rem); }
.ew-gap-column-main { grid-column-gap: var(--ew-grid-gap--main); }
.ew-gap-column-xsmall { grid-column-gap: var(--ew-space--extra-small); }
.ew-gap-column-small { grid-column-gap: var(--ew-space--small); }
.ew-gap-column-medium { grid-column-gap: var(--ew-space--medium); }
.ew-gap-column-large { grid-column-gap: var(--ew-space--large); }

.ew-max-width-none { max-width: none; }
.ew-display-none { display: none; }
.ew-sr-only {
  white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0;
  width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden;
}
.ew-height-screen { min-height: 100svh; }
.ew-cover { width: 100%; height: 100%; }
.ew-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; }
.ew-visual-wrap { aspect-ratio: 1; border-radius: var(--ew-radius--main); width: 100%; position: relative; overflow: hidden; }

.ew-g_visual_wrap { position: relative; overflow: hidden; width: 100%; height: 100%; }
.ew-g_visual_background { opacity: .1; background-color: currentColor; }
.ew-g_visual_overlay { background-color: #000; }
.ew-g_clickable_wrap { z-index: 3; }
.ew-g_card-link_wrap { z-index: 3; opacity: 0; }
.ew-g_spacer_empty { pointer-events: none; height: 0; }
.ew-g_eyebrow_marker { width: var(--ew-border-width--main); background-color: currentColor; padding-bottom: 0; padding-right: 0; }
.ew-g_trigger { opacity: 0; border: 3px solid red; position: relative; }
.ew-g_fade_masking {
  background-image: linear-gradient(#0000, #000);
  width: 100%; height: 20vh; position: absolute; inset: -20rem 0% auto;
}
.ew-g_fade_masking.is-bottom { z-index: 1; inset: auto 0% 0%; }
.ew-g_fade_masking.is-top { z-index: 1; background-image: linear-gradient(#000, #0000); top: 0; }
.ew-g_fade_masking.is-cta { z-index: 1; height: 30vh; min-height: 20rem; inset: auto 0% 0%; }
.ew-g_fade_masking.is-preloader { height: 30vh; top: -30vh; }
.ew-g_fade_masking.ew-fade-brand.is-top { background-image: linear-gradient(var(--ew-swatch--dark), transparent); }
.ew-g_fade_masking.ew-fade-brand.is-bottom { background-image: linear-gradient(transparent, var(--ew-swatch--dark)); }

/* --------------------------------------------------------------------
   7. BOTÕES
   -------------------------------------------------------------------- */
.ew-btn_main_wrap {
  padding: var(--ew-size--1rem) var(--ew-size--1-5rem);
  border: var(--ew-border-width--main) solid var(--ew-swatch--light);
  border-radius: var(--ew-radius--round);
  background-color: var(--ew-button--background);
  color: var(--ew-swatch--dark);
  text-transform: uppercase;
  line-height: 1;
  transition: border-color .6s, color .6s, background-color .6s;
  display: inline-block;
  position: relative;
}
.ew-btn_main_wrap:hover {
  border-color: var(--ew-button--border-hover);
  background-color: var(--ew-button--background-hover);
  color: var(--ew-swatch--dark);
}
.ew-btn_main_wrap.is-secndr { background-color: var(--ew-swatch--transparent); color: var(--ew-swatch--light); width: 100%; }
.ew-btn_main_wrap.is-secndr:hover { border-color: var(--ew-swatch--brand); background-color: var(--ew-swatch--brand); }
.ew-btn_main_layout { margin-left: auto; margin-right: auto; }
.ew-btn_main_icon { order: -1; width: .7rem; height: .9rem; }
.ew-btn_main_icon.is-default { order: 1; }
.ew-btn_play_wrap {
  width: var(--ew-size--5rem); aspect-ratio: 1;
  border: var(--ew-border-width--main) solid var(--ew-button--border);
  border-radius: var(--ew-radius--round);
  background-color: var(--ew-button--background);
  color: var(--ew-button--text);
  transition: border-color .2s, color .2s, background-color .2s;
  position: relative;
}
.ew-btn_play_wrap:hover {
  border-color: var(--ew-button--border-hover);
  background-color: var(--ew-button--background-hover);
  color: var(--ew-button--text-hover);
}
.ew-btn_play_icon { width: 36%; height: 36%; margin-right: -7%; }
.ew-button_2nd_wrap.ew-btn_main_wrap { background-color: var(--ew-swatch--transparent); color: var(--ew-swatch--light); }
.ew-button_2nd_wrap.ew-btn_main_wrap:hover { background-color: var(--ew-swatch--brand); color: var(--ew-swatch--dark); }
.ew-button_small_wrap.ew-btn_main_wrap {
  padding: var(--ew-size--0-5rem) var(--ew-size--1rem);
  background-color: var(--ew-swatch--transparent);
  color: var(--ew-swatch--light);
}
.ew-button_small_wrap.ew-btn_main_wrap:hover { border-color: var(--ew-swatch--brand); background-color: var(--ew-swatch--brand); color: var(--ew-swatch--dark); }
.ew-button_mo_wrap { padding-top: var(--ew-size--1-5rem); padding-bottom: var(--ew-size--1-5rem); width: 100%; }
.ew-button_mo_wrap.ew-btn_main_wrap {
  border-color: var(--ew-swatch--dark); background-color: var(--ew-swatch--dark);
  color: var(--ew-swatch--light); font-size: var(--ew-size--1-5rem);
}
.ew-button_mo_wrap.ew-btn_main_wrap:hover { border-color: var(--ew-swatch--light); background-color: var(--ew-swatch--light); color: var(--ew-swatch--brand); }

/* --------------------------------------------------------------------
   8. FORMULÁRIO (newsletter)
   -------------------------------------------------------------------- */
.ew-form_main_wrap { width: 100%; margin-bottom: 0; }
.ew-form_main_field_wrap { text-align: left; width: 100%; }
.ew-form_main_label { text-transform: uppercase; }
.ew-form_main_list { width: 100%; }
.ew-form_main_field_input {
  height: var(--ew-size--4rem);
  border-top: 0 solid #000;
  border-bottom-style: solid;
  border-right: 0 solid #000;
  border-bottom-width: var(--ew-border-width--main);
  font-size: var(--ew-text-small--font-size);
  line-height: var(--ew-text-large--line-height);
  text-transform: uppercase;
  color: inherit;
  background-color: #0000;
  border-bottom-color: #ffffff40;
  border-left: 0 solid #000;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}
.ew-form_main_field_input:focus { border-bottom-color: var(--ew-theme--text); }
.ew-form_main_field_input::placeholder { color: color-mix(in srgb, var(--ew-theme--text) 60%, transparent); }
.ew-form_main_field_input.is-message {
  padding-top: var(--ew-size--0-5rem); width: 100%; min-width: 100%; max-width: 100%;
  height: auto; min-height: 5rem; max-height: 10rem;
}
.ew-form_main_success_wrap {
  border: var(--ew-border-width--main) solid var(--ew-theme--border);
  border-radius: var(--ew-radius--main);
  background-color: var(--ew-swatch--transparent);
  padding: 1.2rem;
}
.ew-form_main_error_wrap {
  border: var(--ew-border-width--main) solid var(--ew-theme--border);
  border-radius: var(--ew-radius--main);
  background-color: #0000;
  margin-top: 1.3rem;
  padding: .8rem 1.4rem;
}
.ew-form-done, .ew-form-fail { display: none; }
.ew-form_main_success_text, .ew-form_main_error_text { font-size: var(--ew-text-small--font-size); }
.ew-form_main_option_item { margin-bottom: 0; padding-left: 0; }
.ew-form_main_option_link {
  width: var(--ew-size--1-5rem); height: var(--ew-size--1-5rem);
  margin: 0px var(--ew-space--extra-small) 0px 0px;
  border-width: var(--ew-border-width--main);
  border-color: var(--ew-theme--border);
  border-radius: var(--ew-radius--small);
}
.ew-form_main_option_link.ew--redirected-checked {
  border-color: var(--ew-swatch--brand); border-radius: var(--ew-radius--small);
  background-color: var(--ew-swatch--brand); background-size: 60%;
}
.ew-form_main_option_link.ew--redirected-focus { box-shadow: none; }
.ew-form_main_option_link.radio { border-radius: var(--ew-radius--round); }

/* --------------------------------------------------------------------
   9. NAV
   -------------------------------------------------------------------- */
.ew-nav { z-index: 1111; position: fixed; inset: 0% 0% auto; }
.ew-nav_contain.ew-container { padding-top: 0; padding-bottom: 0; }
.ew-nav_layout { padding-top: var(--ew-size--2rem); padding-bottom: var(--ew-size--2rem); }
.ew-nav_layout.ew-grid-column-3 { place-items: center; }
.ew-nav_brand { width: 6.5rem; }
.ew-nav_brand_group { width: auto; gap: .6rem; }
.ew-logo-mono { width: 1.8rem; height: auto; flex: none; }
.ew-logo-mono_footer { width: 2.6rem; }
.ew-logo-wordmark {
  font-family: var(--ew-font--primary-family);
  font-size: var(--ew-size--0-75rem);
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1.15;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.ew-logo-wordmark_sub {
  font-family: var(--ew-text-small--font-family);
  font-size: .55rem;
  letter-spacing: .08em;
  color: var(--ew-swatch--brand);
  text-transform: none;
}
.ew-nav_menu_button { width: var(--ew-size--2-5rem); aspect-ratio: 1; transition: color .6s; }

/* --------------------------------------------------------------------
   10. HERO
   -------------------------------------------------------------------- */
.ew-hero_contain.ew-container.ew-hflex-between-bottom.ew-gap-medium { min-height: 100svh; }
.ew-hero_layout { width: 100%; position: relative; }
.ew-hero_layout.ew-grid-custom { grid-template-columns: var(--ew-grid-12); flex-flow: column; place-items: end start; }
.ew-hero_title { width: 13ch; font-size: clamp(3rem, 15cqw, 12rem); }
.ew-hero_title-w { width: 100%; container-type: inline-size; }
.ew-hero_title-w.ew-column-10 { grid-column-end: span 9; }
.ew-hero_text { text-transform: uppercase; max-width: 20ch; }
.ew-hero_text-w.ew-column-2 { grid-column-start: 11; }
.ew-hero_img {
  z-index: -1; aspect-ratio: 97 / 110; width: 50vh; height: 100%;
  max-height: 100vh; margin-right: 5vw; position: absolute; inset: 0% 0% 0% auto;
}
.ew-d-rush-bdge { width: 10rem; margin-top: 5.6rem; position: absolute; inset: 0% auto auto 0%; }

/* --------------------------------------------------------------------
   10b. BARRA DE MARCAS (marquee)
   -------------------------------------------------------------------- */
.ew-brands_wrap {
  border-top: 1px solid color-mix(in srgb, var(--ew-theme--text) 12%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--ew-theme--text) 12%, transparent);
  background-color: var(--ew-theme--background);
  padding-top: var(--ew-size--2-5rem);
  padding-bottom: var(--ew-size--2-5rem);
  overflow: hidden;
}
.ew-brands_track {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ew-brands_group {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--ew-size--6rem);
  padding-right: var(--ew-size--6rem);
  animation: ew-brands-scroll 42s linear infinite;
  will-change: transform;
}
.ew-brands_wrap:hover .ew-brands_group {
  animation-play-state: paused;
}
@keyframes ew-brands-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
.ew-brands_item {
  flex: none;
  height: var(--ew-size--2-5rem);
  display: flex;
  align-items: center;
}
.ew-brands_item img {
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.55;
  transition: opacity 0.4s ease;
}
.ew-brands_item:hover img {
  opacity: 1;
}
.ew-brands_edge {
  z-index: 2;
  width: clamp(2rem, 8vw, 8rem);
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.ew-brands_edge.is-left {
  left: 0;
  background: linear-gradient(90deg, var(--ew-theme--background), transparent);
}
.ew-brands_edge.is-right {
  right: 0;
  background: linear-gradient(270deg, var(--ew-theme--background), transparent);
}

@media screen and (max-width: 767px) {
  .ew-brands_wrap { padding-top: var(--ew-size--1-5rem); padding-bottom: var(--ew-size--1-5rem); }
  .ew-brands_group { gap: var(--ew-size--3-5rem); padding-right: var(--ew-size--3-5rem); animation-duration: 28s; }
  .ew-brands_item { height: var(--ew-size--1-5rem); }
}

/* --------------------------------------------------------------------
   11. ABOUT
   -------------------------------------------------------------------- */
.ew-about_contain.ew-container { padding-top: var(--ew-size--15rem); padding-bottom: var(--ew-size--15rem); }
.ew-about_layout.ew-grid-custom { grid-template-columns: var(--ew-grid-12); place-items: center; }
.ew-about_img_wrap { aspect-ratio: 75 / 100; mix-blend-mode: lighten; width: 100%; position: relative; }
.ew-about_content_wrap { text-align: center; margin-bottom: auto; }
.ew-about_content_wrap.ew-grid-subgrid { grid-row-gap: var(--ew-size--4rem); grid-column: 7 / span 5; align-items: center; }
.ew-g_title-brow { text-align: center; container-type: inline-size; }
.ew-about_text_wrap.ew-column-3 { grid-column-start: 2; }
.ew-about_text_wrap.ew-column-3.ew-vflex-center-between { grid-column-gap: var(--ew-size--6rem); grid-row-gap: var(--ew-size--6rem); text-wrap: balance; }
.ew-about_est_wrap { width: 100%; max-width: 21rem; }
.ew-about_est_wrap.ew-hflex-center-center.ew-gap-main { grid-column-gap: var(--ew-size--3rem); grid-row-gap: var(--ew-size--3rem); }
.ew-about_img-cont_wrap { aspect-ratio: auto; width: 100%; max-width: 12rem; height: 12rem; position: relative; }
.ew-about_img-small { aspect-ratio: 1; }
.ew-title_h2 { max-width: 13ch; }
.ew-text-eyebrow {
  z-index: 1; color: var(--ew-swatch--brand); font-size: var(--ew-h3--font-size);
  letter-spacing: var(--ew-text-large--letter-spacing); text-transform: var(--ew-text-large--text-transform);
  width: 17.5vw; margin-bottom: -2rem; font-weight: 300; position: relative;
}

/* --------------------------------------------------------------------
   12. EXPLORE / PRODUTOS
   -------------------------------------------------------------------- */
.ew-explore_wrap { z-index: 1; }
.ew-explore_contain { min-height: 100dvh; }
.ew-explore_contain.ew-container.ew-vflex-center-center { min-height: 100vh; position: sticky; top: 0; }
.ew-explore_layout { width: 100%; position: relative; }
.ew-explore_layout.ew-grid-custom { text-align: center; text-transform: uppercase; grid-template-columns: var(--ew-grid-12); }
.ew-explore_layout.ew-grid-custom.ew-gap-medium { container-type: inline-size; }
.ew-explore_title { font-size: clamp(2.8rem, 15cqw, 12rem); }
.ew-explore_title.ew-text-h1 { font-size: clamp(2.8rem, 14vw, 12rem); }
.ew-explore_title_wrap { width: 100%; container-type: inline-size; }
.ew-explore_bottom { z-index: 2; position: relative; }
.ew-explore_bottom.ew-column-full { position: static; }
.ew-spacer_full { pointer-events: none; height: 100vh; }

.ew-explore_img_wrap { width: 100%; height: 100%; }
.ew-explore_img_wrap.ew-column-full { position: absolute; inset: 0%; }
.ew-explores_img_small { position: absolute; }
.ew-explores_img_small.is-1 { aspect-ratio: 38 / 21; width: 21vw; bottom: 24%; left: 4%; }
.ew-explores_img_small.is-2 { aspect-ratio: 1; width: 10vw; bottom: -6%; right: 26%; }
.ew-explores_img_small.is-3 { aspect-ratio: 32 / 41; width: 19vw; bottom: 24%; right: 0; }

.ew-explore_img_content { position: relative; }
.ew-explore_img_content.is-img { pointer-events: none; }
.ew-explore_img_list { position: relative; }
.ew-explore_img_item { text-transform: uppercase; height: 100vh; }
.ew-explore_img_item.ew-container.ew-vflex-center-center { position: absolute; inset: 0%; }
.ew-explore_img_layout { z-index: 1; width: 100%; position: relative; }
.ew-explore_img_layout.ew-grid-column-4 { place-items: center; }

.ew-explore_product_content { position: relative; }
.ew-explore_product_content.is-text { display: block; }
.ew-explore_product_list { position: relative; }
.ew-explore_product_item { text-transform: uppercase; height: 100vh; }
.ew-explore_product_item.ew-container.ew-vflex-center-center { position: absolute; inset: 0%; }
.ew-explore_product_layout { z-index: 1; width: 100%; position: relative; }
.ew-explore_product_layout.ew-grid-column-4 { place-items: center; }
.ew-explore_product_title { z-index: 1; text-align: center; width: 54ch; position: relative; }
.ew-explore_product_title.ew-column-2.ew-vflex-center-top { grid-column-start: 2; }
.ew-explore_product_spacer { padding-bottom: clamp(1rem, .5rem + 2.5vw, 3.5rem); }
.ew-explore_product_btn_wrap { width: 100%; margin-top: 50%; }
.ew-explore_product_btn_wrap.ew-vflex-right-top.ew-gap-small { margin-top: 0%; }
.ew-explore_product_bg_wrap, .ew-explore_bg_list { position: relative; }
.ew-explore_bg_item { text-transform: uppercase; height: 100vh; }
.ew-explore_bg_item.ew-container.ew-vflex-center-center { position: absolute; inset: 0%; padding: 0; }
.ew-explore_product_wrap { height: 100vh; position: sticky; top: 0; }
.ew-explore_product_wrap.hide { display: none; }
.ew-explore_product_bg { background-color: var(--ew-swatch--dark); position: absolute; inset: 0%; }
.ew-explore_product_img, .ew-footer_bottom_bg { opacity: .2; height: 100%; position: absolute; inset: 0%; }

.ew-product_left { aspect-ratio: 44 / 57; background-color: var(--ew-swatch--dark); width: 100%; max-height: 75vh; position: relative; top: 0; transform: translateY(15%); }
.ew-product_right { aspect-ratio: 44 / 25; background-color: var(--ew-swatch--dark); width: 100%; position: relative; overflow: clip; transform: none; }
.ew-product_right_wrap { width: 100%; margin-top: 50%; }
.ew-product_right_wrap.ew-column-1 { grid-column-start: 4; }
.ew-product_center_dummy { pointer-events: none; height: 0; display: block; }
.ew-product_spacer { pointer-events: none; height: 0; display: block; }

.ew-trigger_group { pointer-events: none; border: 3px solid red; margin-top: -100vh; position: relative; }
.ew-trigger_item { opacity: .47; border: 3px solid red; height: 100vh; position: relative; }
.ew-g_trigger.ew-explore_trigger { height: 300vh; position: absolute; inset: 0% 0% auto auto; }
.ew-g_trigger.ew-est-trigger { height: 150vh; margin-bottom: -150vh; position: absolute; inset: auto 0% 0% auto; }
.ew-explore_product_trigger { opacity: 0; border: 3px solid red; position: relative; }
.ew-explore_product_trigger.ew-trigger_group { margin-top: 0; }

/* --------------------------------------------------------------------
   13. SINCE / EST
   -------------------------------------------------------------------- */
.ew-since_wrap_inner { margin-top: -150lvh; position: sticky; bottom: 0; }
.ew-spacer_double { opacity: 0; pointer-events: none; height: 200vh; }
.ew-since_contain { min-height: 100svh; }
.ew-since_layout { width: 100%; height: 100%; position: relative; }
.ew-since_text {
  z-index: 2; font-family: var(--ew-display--font-family); text-align: left; text-transform: uppercase;
  white-space: nowrap; word-break: keep-all; font-size: 27cqw; font-weight: 200; line-height: .8em; position: relative;
}
.ew-since_title_w { z-index: 1; width: 100%; height: 100%; position: relative; container-type: inline-size; }
.ew-since_title_year { margin-left: 2vw; margin-right: auto; position: relative; }
.ew-since_img_small { position: absolute; overflow: clip; }
.ew-since_img_small.is-1 { aspect-ratio: 1; width: 17vw; top: auto; left: 0%; right: auto; }
.ew-since_img_small.is-2 { z-index: 2; aspect-ratio: 34 / 21; width: 19vw; left: 50%; right: 50%; transform: translate(-50%); }
.ew-since_img_small.is-3 { z-index: 1; aspect-ratio: 1; width: 10vw; top: auto; left: auto; right: 0%; }

/* --------------------------------------------------------------------
   14. WHY
   -------------------------------------------------------------------- */
.ew-why_layout { text-align: center; max-width: 58.38rem; margin-left: auto; margin-right: auto; }
.ew-why_layout.ew-column-2 { grid-column-start: 2; }
.ew-why_layout.ew-column-2.ew-vflex-stretch-top { grid-column-gap: var(--ew-size--8rem); grid-row-gap: var(--ew-size--8rem); grid-column: 4 / span 6; }
.ew-why_content_w { text-align: left; }
.ew-why_content_list { width: 23.75rem; }
.ew-why_content_point { text-transform: uppercase; }
.ew-u_dvdr_vertical { background-color: var(--ew-swatch--light); width: 1px; }

/* --------------------------------------------------------------------
   15. CTA
   -------------------------------------------------------------------- */
.ew-cta_wrap { z-index: 3; background-color: var(--ew-swatch--dark); overflow: clip; }
.ew-cta_bg { height: 100%; position: absolute; inset: 0%; }
.ew-cta_contain { z-index: 2; min-height: 100svh; }
.ew-cta_layout.ew-grid-custom { grid-template-columns: var(--ew-grid-12); }
.ew-cta_image { aspect-ratio: 29 / 37; margin-top: 31.25rem; position: relative; }
.ew-cta_content.ew-column-4 { grid-column: 9 / span 4; }
.ew-cta_content.ew-vflex-left-top { grid-column-gap: var(--ew-size--10rem); grid-row-gap: var(--ew-size--10rem); }
.ew-cta_text_w { max-width: 22rem; }
.ew-cta_button_wrap { width: 100%; max-width: 19rem; }

/* --------------------------------------------------------------------
   16. FOOTER
   -------------------------------------------------------------------- */
.ew-footer_wrap { overflow: clip; }
.ew-footer_top_wrap { z-index: 2; background-color: var(--ew-swatch--dark-secondary); position: relative; }
.ew-footer_contain { min-height: 100svh; padding-bottom: 7rem; }
.ew-footer_contain.ew-container.ew-vflex-stretch-between { min-height: 50svh; }
.ew-footer_row_top { margin-bottom: 12.5rem; }
.ew-footer_row_top.ew-grid-custom { grid-template-columns: var(--ew-grid-12); }
.ew-footer_logo { text-align: center; text-transform: uppercase; }
.ew-footer_logo_w { width: 22rem; }
.ew-footer_logo_wrap { width: 100%; }
.ew-footer_link_lsubsribe.ew-column-3 { grid-column-start: 10; }
.ew-footer_link_form_wrap { width: 100%; max-width: 18.13rem; margin-left: auto; }
.ew-menu-list { display: flex !important; }
.ew-menu-list_pp { display: flex !important; }
.ew-list_item { display: block; }
.ew-footer_row_2.ew-grid-custom { grid-template-columns: var(--ew-grid-3); place-items: end stretch; }
.ew-footer_bottom_center {
  text-align: center; text-transform: uppercase; width: 100%; max-width: 32ch;
  margin-left: auto; margin-right: auto; display: flex !important;
}
.ew-footer_2nd_credit_gap { padding-left: .5rem; padding-right: .5rem; }
.ew-footer_2nd_bottom.ew-grid-custom { grid-template-columns: var(--ew-grid-3); place-items: end stretch; }

.ew-footer_bottom_wrap { z-index: 0; display: block; position: sticky; bottom: 0; }
.ew-footer_bottom_pin_wrap { text-transform: uppercase; margin-top: -100vh; position: relative; }
.ew-footer_spacer { height: 100vh; }
.ew-footer_bottom_bg_wrap { z-index: -1; background-color: var(--ew-swatch--dark); height: 100lvh; position: absolute; inset: 0%; }
.ew-footer_bottom_contain { padding-bottom: var(--ew-space--small); min-height: 100vh; }
.ew-title-brow_footer { text-align: center; position: relative; top: 0%; container-type: inline-size; }

/* --------------------------------------------------------------------
   17. PRELOADER (marcação preservada, ainda que não usada no fluxo atual)
   -------------------------------------------------------------------- */
.ew-preloader_wrap { z-index: 9999; background-color: var(--ew-swatch--brand); width: 100%; height: 100svh; display: block; position: fixed; inset: 0%; overflow: clip; }
.ew-preloader_contain { color: var(--ew-swatch--dark); text-align: center; text-transform: uppercase; }
.ew-preloader_contain.ew-container { height: 100svh; }
.ew-preloader_contain.ew-container.ew-vflex-center-center.ew-gap-medium { padding-top: var(--ew-size--1rem); padding-bottom: var(--ew-size--1rem); }
.ew-preloader_text { width: 16ch; }
.ew-preloader_layout { text-align: center; }
.ew-preloader_eyebrow { pointer-events: none; width: 14vw; margin-bottom: 1rem; }
.ew-preloader_quote_svg { width: 100%; height: 100%; }
.ew-preloader_quote_wrap { opacity: 0; width: 2rem; height: 2rem; }
.ew-preloader_line { background-color: var(--ew-swatch--dark); width: 0; height: 3px; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 5svh; }
.ew-preloader_black-curtain { background-color: var(--ew-swatch--dark); opacity: 1; position: absolute; inset: 0%; transform: translateY(130vh); }
.ew-preloader_btn_clip { overflow: hidden; }

/* --------------------------------------------------------------------
   18. STYLEGUIDE (marcação preservada; não usada na home)
   -------------------------------------------------------------------- */
.ew-styleguide_card_wrap { padding: var(--ew-space--small); border: var(--ew-border-width--main) solid var(--ew-theme--border); border-radius: var(--ew-radius--main); height: 100%; position: relative; overflow: hidden; }
.ew-styleguide_footer { border-top: var(--ew-border-width--main) solid var(--ew-theme--border); text-align: center; }
.ew-styleguide_font_item { border-bottom: var(--ew-border-width--main) solid var(--ew-theme--border); }
.ew-styleguide_font_item.ew-grid-column-2 {
  padding-top: var(--ew-space--small); padding-bottom: var(--ew-space--small);
  grid-row-gap: var(--ew-space--extra-small);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  align-items: center;
}
.ew-styleguide_visual {
  padding: var(--ew-space--extra-small); aspect-ratio: 3 / 1.5;
  border: var(--ew-border-width--main) solid var(--ew-theme--border);
  border-radius: var(--ew-radius--small); text-align: center; width: 100%;
  max-height: 7rem; position: relative; overflow: hidden;
}
.ew-styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; }
.ew-styleguide_guide_layout.ew-grid-custom { grid-template-columns: var(--ew-grid-main); }
.ew-styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; }
.ew-styleguide_card_visual {
  border-top-left-radius: var(--ew-radius--round); border-top-right-radius: var(--ew-radius--round);
  border-bottom-left-radius: var(--ew-radius--round); border-bottom-right-radius: var(--ew-radius--round);
  opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem;
}
.ew-styleguide_flex_wrap {
  aspect-ratio: 1; background-image: url(media/dots.svg); background-position: 50%;
  background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size;
}
.ew-styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; }
.ew-styleguide_contain.ew-container { padding-top: var(--ew-padding-vertical--small); padding-bottom: var(--ew-padding-vertical--small); }
.ew-styleguide_crd { text-transform: uppercase; }
.ew-hero_utility-page_contain.ew-container { min-height: 100vh; }
.ew-hero_utility-page_content { text-align: center; }
.ew-layout_split_layout.ew-grid-custom { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ew-layout_split_visual_wrap { justify-content: flex-start; display: flex; }
.ew-layout_split_visual_wrap.is-reversed { order: -1; justify-content: flex-end; }
.ew-layout_split_visual_inner { aspect-ratio: 3 / 2; flex: none; width: 50vw; max-width: 100%; height: 100%; }
.ew-layout_split_content { padding-top: var(--ew-space--medium); padding-bottom: var(--ew-space--medium); }
.ew-layout_card_card { width: 100%; }
.ew-layout_card_card.ew-visual-wrap { aspect-ratio: auto; height: auto; }
.ew-layout_card_inner { padding: var(--ew-size--6rem) var(--ew-size--3rem); text-align: center; position: relative; }
.ew-g_tag_wrap {
  padding: var(--ew-size--0-5rem) var(--ew-size--0-75rem); border-radius: var(--ew-radius--small);
  background-color: var(--ew-theme--text); color: var(--ew-theme--background);
  line-height: var(--ew-line-height--1em); text-align: center; min-width: 4rem; display: inline-block;
}
.ew-credit-link { color: var(--ew-swatch--brand); }
.ew-g_content_wrap.ew-gap-medium.ew-vflex-center-center { text-align: center; }
.ew-g_content_wrap.ew-gap-medium.ew-vflex-center-center.is-left-aligned { text-align: left; justify-content: center; align-items: flex-start; }
.ew-g_content_btn_wrap.ew-gap-xsmall.ew-hflex-center-center { flex-flow: wrap; }
.ew-g_content_btn_wrap.ew-gap-xsmall.ew-hflex-center-center.is-left-aligned { justify-content: flex-start; align-items: center; }
.ew-g_content_header.ew-gap-small.ew-vflex-center-center.is-left-aligned { justify-content: center; align-items: flex-start; }
.ew-styleguide_scroll {
  padding-right: var(--ew-padding-horizontal--main); padding-left: var(--ew-padding-horizontal--main);
  grid-column-gap: var(--ew-grid-gap--main); grid-row-gap: var(--ew-grid-gap--main);
  margin-left: calc(var(--ew-padding-horizontal--main) * -1); margin-right: calc(var(--ew-padding-horizontal--main) * -1);
  scrollbar-color: var(--ew-theme--text) transparent;
  grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr);
  grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto;
  -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 3% 97%, #0000 100%);
  mask-image: linear-gradient(90deg, #0000 0%, #000 3% 97%, #0000 100%);
}

/* ==========================================================================
   19. RESPONSIVO — TABLET (max-width: 991px)
   ========================================================================== */
@media screen and (max-width: 991px) {
  .ew-text-h2 { font-size: 12vw; }
  .ew-form_main_field_wrap, .ew-form_main_field_input { text-align: center; }
  .ew-layout_split_layout.ew-grid-custom { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .ew-layout_split_visual_wrap.is-reversed { order: 0; }
  .ew-layout_split_content { padding-top: 0; padding-bottom: 0; }
  .ew-grid-column-4 { grid-template-columns: var(--ew-grid-2); }
  .ew-order-first-desktop, .ew-order-last-desktop { order: 0; }
  .ew-grid-desktop { flex-flow: column; display: flex; }
  .ew-layout_split_visual_inner { width: 100%; }
  .ew-text-eyebrow { width: 28vw; margin-bottom: -1.5rem; }
  .ew-hero_text.ew-text-large { max-width: none; }
  .ew-hero_text-w.ew-column-2 { grid-column: 1 / span 12; }
  .ew-hero_title-w.ew-column-10 { grid-column-end: span 12; }
  .ew-about_layout.ew-grid-custom { grid-row-gap: 20vh; display: flex; flex-flow: column-reverse; }
  .ew-about_img_wrap.ew-column-5 { grid-column-end: span 12; }
  .ew-about_content_wrap.ew-grid-subgrid { grid-column: 3 / span 8; display: flex; flex-flow: column; align-items: stretch; width: 100%; }
  .ew-about_text_wrap.ew-column-3.ew-vflex-center-between { grid-column: 1 / span 8; }
  .ew-title_h2.ew-text-h2 { font-size: 12vw; }
  .ew-hero_img { aspect-ratio: 415 / 1254; width: auto; height: 100%; margin-right: 0; }
  .ew-why_layout.ew-column-2.ew-vflex-stretch-top { grid-column: 3 / span 9; max-width: 76vw; }
  .ew-why_content_w.ew-hflex-between-stretch.ew-hflex-wrap { grid-column-gap: var(--ew-size--5rem); grid-row-gap: var(--ew-size--5rem); }
  .ew-why_content_list.ew-vflex-left-top.ew-gap-small { grid-column-gap: var(--ew-space--extra-small); grid-row-gap: var(--ew-space--extra-small); width: auto; }
  .ew-u_dvdr_vertical { display: none; }
  .ew-since_text { text-align: center; }
  .ew-since_title_w.ew-hflex-between-center { flex-flow: row; }
  .ew-cta_contain.ew-container.ew-vflex-stretch-center { z-index: 3; min-height: auto; }
  .ew-cta_content.ew-column-4.ew-vflex-left-top { justify-content: flex-start; align-items: stretch; }
  .ew-cta_text_w.ew-vflex-left-top.ew-gap-large { grid-column-gap: var(--ew-space--medium); grid-row-gap: var(--ew-space--medium); }
  .ew-cta_layout.ew-grid-custom {
    grid-column-gap: var(--ew-size--5rem); grid-row-gap: var(--ew-size--5rem); text-align: center;
    flex-flow: column; justify-content: center; align-items: center; display: flex;
  }
  .ew-cta_image.ew-column-2 { width: 18.13rem; margin-top: 0; }
  .ew-footer_row_top.ew-grid-custom { margin-bottom: var(--ew-size--6rem); grid-column-gap: 0rem; grid-row-gap: var(--ew-size--4rem); }
  .ew-footer_bottom_contain.ew-container.ew-vflex-stretch-between { padding-bottom: var(--ew-size--6rem); }
  .ew-footer_row_2.ew-grid-custom { grid-column-gap: 4.69rem; grid-row-gap: 4.69rem; flex-flow: column; justify-content: center; align-items: center; display: flex; }
  .ew-footer_group_layout.ew-column-2.ew-vflex-left-top.ew-gap-xsmall { grid-column-end: span 6; }
  .ew-footer_logo.ew-column-4.ew-vflex-center-center { grid-column-end: span 12; }
  .ew-footer_link_lsubsribe.ew-column-3 {
    width: calc(var(--ew-column-width) * 10 - var(--ew-grid-gap--main));
    grid-column: 1 / span 12; margin-left: auto; margin-right: auto;
  }
  .ew-footer_logo_w.ew-vflex-center-top.ew-gap-small { width: 100%; }
  .ew-since_img_small.is-1 { width: 25vw; top: 12vw; }
  .ew-since_img_small.is-2 { width: 20vw; top: -5vw; }
  .ew-since_img_small.is-3 { width: 12vw; bottom: -12.9vw; }
  .ew-footer_logo_tagline_text { width: 41ch; }
  .ew-footer_link_form_wrap { max-width: none; margin-left: 0; }
  .ew-nav_layout.ew-grid-column-3 { padding-top: var(--ew-size--2rem); padding-bottom: var(--ew-size--2rem); }
  .ew-explore_title.ew-text-h1 { font-size: clamp(2.8rem, 13vw, 12rem); }
  .ew-footer_2nd_bottom.ew-grid-custom { grid-column-gap: var(--ew-size--2rem); grid-row-gap: var(--ew-size--2rem); flex-flow: column; justify-content: center; align-items: center; display: flex; }
  .ew-cta_button_wrap.ew-vflex-stretch-top { max-width: 80%; margin-left: auto; margin-right: auto; }
  .ew-explore_product_layout.ew-grid-column-4 {
    padding-top: var(--ew-size--3-5rem); padding-bottom: var(--ew-size--3-5rem); grid-row-gap: 6lvh;
    flex-flow: column; justify-content: center; min-height: 100vh; display: flex;
  }
  .ew-product_left { order: -1; width: 20vw; display: block; transform: translateY(15%); }
  .ew-product_right { grid-column-start: 2; width: 50vw; max-width: 40vh; transform: none; }
  .ew-explore_product_title.ew-column-2.ew-vflex-center-top { order: -1; width: 53ch; }
  .ew-product_right_wrap.ew-vflex-right-top { justify-content: center; align-items: center; width: auto; margin-top: 0%; }
  .ew-product_right_wrap.ew-vflex-right-top.ew-gap-large { grid-row-gap: 6vh; }
  .ew-product_right_wrap.ew-column-1 { width: auto; }
  .ew-product_right_wrap.ew-column-1.ew-vflex-left-top.ew-gap-large { margin-top: 0%; }
  .ew-explore_product_link { order: 1; }
  .ew-preloader_contain.ew-container.ew-vflex-center-between.ew-gap-medium { justify-content: center; }
  .ew-preloader_text.ew-text-h2 { font-size: 11vw; }
  .ew-preloader_eyebrow { width: 28vw; }
  .ew-preloader_quote_svg { width: 3vw; }
  .ew-spacer_full { pointer-events: none; height: 25lvh; display: block; }
  .ew-since_title_year { margin-left: auto; }
  .ew-menu-list_pp.ew-text-small.ew-vflex-left-center { justify-content: center; align-items: center; display: flex; }
  .ew-product_spacer { order: -1; display: none; }
  .ew-explores_img_small.is-1 { width: 25vw; bottom: 38%; left: 0%; }
  .ew-explores_img_small.is-2 { width: 12vw; }
  .ew-explores_img_small.is-3 { width: 20vw; }
  .ew-explore_img_layout.ew-grid-column-4 {
    padding-top: var(--ew-size--3-5rem); padding-bottom: var(--ew-size--3-5rem); grid-row-gap: 0lvh;
    flex-flow: column; justify-content: center; align-items: center; min-height: 100vh; display: flex;
  }
  .ew-explore_product_btn_wrap.ew-vflex-right-top { justify-content: center; align-items: center; width: auto; margin-top: 0%; }
  .ew-explore_product_btn_wrap.ew-vflex-right-top.ew-gap-small { grid-column-gap: var(--ew-space--large); grid-row-gap: var(--ew-space--large); position: absolute; inset: auto 0% 5%; }
  .ew-product_center_dummy { order: -1; height: 18rem; display: block; }
  .ew-preloader_quote_wrap { width: 3vw; }
}

/* ==========================================================================
   20. RESPONSIVO — LANDSCAPE (max-width: 767px)
   ========================================================================== */
@media screen and (max-width: 767px) {
  body { font-size: .88rem; }
  .ew-text-h2 { font-size: 13vw; }
  .ew-text-main { font-size: .875rem; }
  .ew-styleguide_font_item { grid-template-columns: 100%; }
  .ew-text-large { font-size: var(--ew-size--1rem); }
  .ew-grid-column-4, .ew-grid-column-2, .ew-grid-column-3 { grid-template-columns: var(--ew-grid-1); }
  .ew-order-first-tablet, .ew-order-last-tablet { order: 0; }
  .ew-grid-tablet { flex-flow: column; display: flex; }
  .ew-about_contain.ew-container { padding-right: var(--ew-padding-horizontal--main); padding-left: var(--ew-padding-horizontal--main); }
  .ew-about_content_wrap.ew-grid-subgrid {
    flex-flow: column; grid-column: 2 / span 10; justify-content: flex-start;
    align-items: stretch; width: 75%; display: flex;
  }
  .ew-title_h2.ew-text-h2 { font-size: 13vw; }
  .ew-about_img-cont_wrap { width: 100%; max-width: 33vw; height: 33vw; }
  .ew-hero_img { height: 80%; max-height: 100lvh; margin-right: 0; left: auto; }
  .ew-why_content_list.ew-vflex-left-top.ew-gap-small { grid-column-gap: var(--ew-text-transform--none); grid-row-gap: var(--ew-text-transform--none); }
  .ew-footer_link_lsubsribe.ew-column-3 { width: calc(var(--ew-column-width) * 10 - var(--ew-grid-gap--main)); }
  .ew-explore_layout.ew-grid-custom.ew-gap-medium { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; }
  .ew-since_img_small.is-3 { bottom: -8.6vw; }
  .ew-nav_layout.ew-grid-column-3 { grid-template-columns: var(--ew-grid-3); }
  .ew-g_spacer_empty { order: -1; }
  .ew-explore_product_layout.ew-grid-column-4 { grid-row-gap: 3svh; }
  .ew-product_left { transform: none; }
  .ew-product_right { width: 50vw; }
  .ew-product_right_wrap.ew-vflex-right-top.ew-gap-large { grid-row-gap: 4rem; }
  .ew-preloader_line { bottom: 3svh; }
  .ew-product_spacer { order: -1; }
  .ew-explores_img_small.is-1 { width: 30vw; }
  .ew-explores_img_small.is-3 { width: 15vw; bottom: 50%; }
  .ew-explore_img_layout.ew-grid-column-4 { grid-row-gap: 3svh; }
  .ew-product_center_dummy { order: -1; height: 14rem; }
  .ew-d-rush-bdge { width: 9rem; }
}

/* ==========================================================================
   21. RESPONSIVO — PORTRAIT (max-width: 479px)
   ========================================================================== */
@media screen and (max-width: 479px) {
  body { font-size: .78rem; }
  .ew-text-main { font-size: .75rem; }
  .ew-grid-landscape { flex-flow: column; display: flex; }
  .ew-grid-breakout { grid-template-columns: var(--ew-grid-breakout-single); }
  .ew-text-eyebrow { width: 42vw; margin-bottom: -1rem; }
  .ew-logo-wordmark_sub { display: none; }
  .ew-logo-mono { width: 1.5rem; }
  .ew-about_content_wrap.ew-grid-subgrid { width: 100%; }
  .ew-hero_img { height: 90%; left: 60vw; }
  .ew-why_layout.ew-column-2.ew-vflex-stretch-top { max-width: 80vw; }
  .ew-explore_layout.ew-grid-custom.ew-gap-medium { align-items: center; }
  .ew-button_small_wrap.ew-btn_main_wrap { padding-right: var(--ew-size--0-5rem); padding-left: var(--ew-size--0-5rem); }
  .ew-product_left { width: 30vw; }
  .ew-product_right { width: 66vw; }
  .ew-explore_product_title.ew-column-2.ew-vflex-center-top { width: 32ch; }
  .ew-preloader_eyebrow { width: 40vw; }
  .ew-preloader_quote_svg { width: 4vw; }
  .ew-product_center_dummy { height: 10rem; }
  .ew-preloader_quote_wrap { width: 4vw; }
}