@font-face { font-family: "Anton"; src: url("/fonts/Anton-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }

:root {
  --sc-canvas:     #07090b;
  --sc-surface:    #0f1419;
  --sc-ink:        #eef2f5;
  --sc-ink-soft:   #a3b0bb;
  --sc-accent:     #1fa2e0;
  --sc-accent-ink: #04121b;
  --sc-font-display: "Anton", "Arial Narrow", sans-serif;
  --sc-font-text:    "Poppins", system-ui, sans-serif;

  /* factory-glass side: lighter, hazier ground */
  --glass:      #1c2530;
  --glass-ink:  #eef2f5;
  --glass-soft: #b4c1cc;

  /* written by site.js */
  --dark: 0;       /* 0 = factory glass, 1 = 5% limo */
  --collapse: 0;   /* 0 = split, 1 = divider at left edge */
  --chrome: 0;     /* divider visibility, 0 over the arrival film */
  --div-w: 5.5rem;
}

body { background: var(--sc-canvas); }
.sc-display { font-weight: 400; text-transform: uppercase; letter-spacing: 0.005em; line-height: 0.98; }
.sc-body, .sc-lede { color: var(--sc-ink-soft); }
a { color: inherit; }

/* ---------- the split ---------- */
.split {
  display: grid;
  grid-template-columns: 1fr var(--div-w) 1fr;
  min-height: 100%;
}
.split > .side { padding: clamp(2rem, 6vh, 5rem) clamp(1.25rem, 4vw, 4rem); display: flex; flex-direction: column; justify-content: center; gap: var(--sc-4); }
.side--factory {
  background:
    linear-gradient(160deg, rgb(255 255 255 / 0.07), transparent 42%),
    color-mix(in oklab, var(--glass), #020304 calc(var(--dark) * 70%));
  color: var(--glass-ink);
  --sc-ink: var(--glass-ink); --sc-ink-soft: var(--glass-soft);
}
.side--tint { background: var(--sc-canvas); }
.gutter { background: linear-gradient(90deg, color-mix(in oklab, var(--glass), #020304 calc(var(--dark) * 70%)), var(--sc-canvas)); }

.tag { font: 600 var(--sc-t-xs)/1 var(--sc-font-text); letter-spacing: var(--sc-track-wide); text-transform: uppercase; color: var(--sc-accent); margin: 0; }
.side--factory .tag { color: var(--glass-soft); }

.hero-h1 { font-size: clamp(2.6rem, 1.4rem + 4.6vw, 6rem); margin: 0; text-wrap: balance; }
.factory-word { font-size: clamp(2.4rem, 1.2rem + 4.2vw, 5.4rem); margin: 0; color: color-mix(in oklab, var(--glass-ink), transparent 18%); }

.btns { display: flex; flex-wrap: wrap; gap: var(--sc-3); margin-top: var(--sc-3); }
.btn {
  display: inline-flex; align-items: center; gap: 0.55em; white-space: nowrap;
  font: 600 var(--sc-t-base)/1 var(--sc-font-text); text-decoration: none;
  padding: 0.95em 1.35em; border-radius: var(--sc-r-md);
  transition: transform var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-fast) var(--sc-ease-out);
}
.btn--main { background: var(--sc-accent); color: var(--sc-accent-ink); box-shadow: var(--sc-e2); }
.btn--ghost { color: var(--sc-ink); box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); }
@media (hover: hover) and (pointer: fine) {
  .btn--main:hover { background: #3cb3ea; }
  .btn--ghost:hover { background: color-mix(in oklab, var(--sc-ink) 8%, transparent); }
}
.btn:active { transform: translateY(1px) scale(0.98); }
.btn svg { width: 1.15em; height: 1.15em; flex: none; }
:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 3px; border-radius: 4px; }

/* ---------- the divider: chrome + tint meter (signature move) ---------- */
.divider {
  position: fixed; z-index: 60; top: 0; bottom: 0; left: 50%;
  width: var(--div-w); margin-left: calc(var(--div-w) / -2);
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: 1rem 0;
  transform: translateX(calc(var(--collapse) * (-50vw + var(--div-w) / 2)));
  opacity: calc((1 - var(--collapse) * 0.85) * var(--chrome, 1));
  pointer-events: none;
}
.divider::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: linear-gradient(transparent, rgb(238 242 245 / 0.28) 12%, rgb(238 242 245 / 0.28) 88%, transparent); }
.divider > * { pointer-events: auto; position: relative; }
.divider__brand { font: 400 1.05rem/1 var(--sc-font-display); letter-spacing: 0.04em; text-decoration: none; text-align: center; background: var(--sc-canvas); padding: 0.4rem 0.3rem; }
.divider__brand span { color: var(--sc-accent); }
.lang { font: 600 var(--sc-t-xs)/1 var(--sc-font-text); letter-spacing: var(--sc-track-wide); text-decoration: none; background: var(--sc-canvas); padding: 0.45rem 0.55rem; border-radius: var(--sc-r-sm); box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); }

.meter { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; background: color-mix(in oklab, var(--sc-canvas), transparent 8%); padding: 0.7rem 0.35rem; border-radius: var(--sc-r-lg); box-shadow: var(--sc-e2), var(--sc-edge); }
.meter__val { font: 400 1.5rem/1 var(--sc-font-display); font-variant-numeric: tabular-nums; min-width: 3.2ch; text-align: center; }
.meter__cap { font: 600 0.62rem/1.2 var(--sc-font-text); letter-spacing: 0.06em; text-transform: uppercase; color: var(--sc-ink-soft); text-align: center; max-width: 4.8rem; }
.meter input[type=range] {
  writing-mode: vertical-lr; direction: rtl; appearance: slider-vertical;
  width: 1.6rem; height: clamp(8rem, 26vh, 15rem); margin: 0; accent-color: var(--sc-accent); cursor: ns-resize; background: transparent;
}
.legal { font: 600 0.62rem/1.25 var(--sc-font-text); text-transform: uppercase; letter-spacing: 0.04em; text-align: center; max-width: 4.9rem; padding: 0.4rem 0.25rem; border-radius: var(--sc-r-sm); }
.legal[data-ok="1"] { color: #8fe3b0; box-shadow: inset 0 0 0 1px rgb(143 227 176 / 0.45); }
.legal[data-ok="0"] { color: #f2c572; box-shadow: inset 0 0 0 1px rgb(242 197 114 / 0.45); }
.wa-dot { width: 3rem; height: 3rem; border-radius: 50%; display: grid; place-items: center; background: var(--sc-accent); color: var(--sc-accent-ink); box-shadow: var(--sc-e2); }
.wa-dot svg { width: 1.45rem; height: 1.45rem; }

/* ---------- acts ---------- */
.hero .split { min-height: 100svh; }
.act-pin > [data-sc-stage] { height: 100svh; }
.act-pin .split { height: 100%; }

.claims { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sc-5); }
.claims li { display: grid; gap: var(--sc-1); }
.claims b { font: 400 var(--sc-t-xl)/1.05 var(--sc-font-display); text-transform: uppercase; color: var(--sc-ink); letter-spacing: 0.01em; }

/* peak */
.peak-read { display: grid; gap: var(--sc-3); position: relative; min-height: 13rem; }
.peak-read p { position: absolute; inset: auto 0 0 0; margin: 0; }
.peak-big { font: 400 clamp(5rem, 3rem + 9vw, 11rem)/0.9 var(--sc-font-display); font-variant-numeric: tabular-nums; color: var(--sc-ink); margin: 0; }
.car { position: relative; margin: 0; width: min(100%, 34rem); align-self: center; aspect-ratio: 768 / 1024; max-height: 78svh; }
.car img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--sc-r-lg); display: block; box-shadow: var(--sc-e3); }
.car .glass { position: absolute; inset: 0; pointer-events: none; }
.car .glass--haze { background: linear-gradient(170deg, rgb(215 228 238 / 0.62), rgb(170 190 205 / 0.5)); opacity: calc(1 - var(--dark) * 1.6); }
.car .glass--dark { background: rgb(4 6 8); opacity: calc(var(--dark) * 0.78); }
.car figcaption { position: absolute; left: 0.8rem; bottom: 0.8rem; font: 600 var(--sc-t-xs)/1 var(--sc-font-text); letter-spacing: 0.05em; text-transform: uppercase; background: rgb(7 9 11 / 0.78); padding: 0.45rem 0.6rem; border-radius: var(--sc-r-sm); }

/* prices */
.prices { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.prices th, .prices td { text-align: left; padding: 0.85rem 0.4rem; border-bottom: 1px solid var(--sc-hairline); }
.prices thead th { font: 600 var(--sc-t-xs)/1 var(--sc-font-text); letter-spacing: var(--sc-track-wide); text-transform: uppercase; color: var(--sc-ink-soft); }
.prices td.p { font: 400 var(--sc-t-2xl)/1 var(--sc-font-display); color: var(--sc-ink); }
.prices tbody th { font-weight: 600; }
.fine { font-size: var(--sc-t-sm); color: var(--sc-ink-soft); margin: 0; }
.warranty { display: flex; flex-wrap: wrap; gap: var(--sc-3); }
.warranty span { font: 600 var(--sc-t-sm)/1.2 var(--sc-font-text); padding: 0.6rem 0.8rem; border-radius: var(--sc-r-md); box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); }

/* work */
.work { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--sc-3); }
.work figure { margin: 0; position: relative; }
.work figure:nth-child(1) { grid-column: span 4; grid-row: span 2; }
.work figure:nth-child(n+2) { grid-column: span 2; }
.work figure:nth-child(4), .work figure:nth-child(5) { grid-column: span 3; }
.work img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--sc-r-md); display: block; aspect-ratio: 3 / 4; }
.work figure:nth-child(1) img { aspect-ratio: auto; }
.work figcaption { font: 600 var(--sc-t-xs)/1.2 var(--sc-font-text); color: var(--sc-ink-soft); margin-top: 0.4rem; }

.law { display: grid; gap: var(--sc-4); }
.law dl { margin: 0; display: grid; gap: var(--sc-4); }
.law dt { font: 400 var(--sc-t-lg)/1.1 var(--sc-font-display); text-transform: uppercase; letter-spacing: 0.02em; color: var(--sc-ink); }
.law dd { margin: 0.25rem 0 0; color: var(--sc-ink-soft); }

/* steps + faq */
.steps { list-style: none; counter-reset: s; padding: 0; margin: 0; display: grid; gap: var(--sc-5); }
.steps li { counter-increment: s; display: grid; grid-template-columns: 2.6rem 1fr; gap: var(--sc-3); align-items: start; }
.steps li::before { content: counter(s); font: 400 1.9rem/1 var(--sc-font-display); color: var(--glass-soft); }
.steps b { display: block; color: var(--sc-ink); }
.faq details { border-bottom: 1px solid var(--sc-hairline); padding: 1rem 0; }
.faq summary { cursor: pointer; font-weight: 600; color: var(--sc-ink); list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; color: var(--sc-accent); font-weight: 600; transition: transform var(--sc-d-fast) var(--sc-ease-out); }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { margin: 0.7rem 0 0; color: var(--sc-ink-soft); max-width: 60ch; }

.sec { padding-block: clamp(3rem, 7vw, 6rem) 0; }
.sec .split > .side { justify-content: flex-start; padding-block: clamp(2.5rem, 6vw, 5rem); }

/* close: the collapse */
.close-stage { position: relative; height: 100%; overflow: hidden; }
.close-full { position: absolute; inset: 0; display: grid; align-content: center; gap: var(--sc-5); padding: clamp(2rem, 6vw, 6rem) clamp(1.25rem, 8vw, 9rem); background: var(--sc-canvas); }
.close-factory { position: absolute; inset: 0 50% 0 0; background: color-mix(in oklab, var(--glass), #020304 calc(var(--dark) * 70%)); clip-path: inset(0 calc(var(--collapse) * 100%) 0 0); display: flex; align-items: center; padding: 0 clamp(1.25rem, 4vw, 4rem); }
.close-full h2 { font-size: clamp(2.8rem, 1.6rem + 5vw, 6.4rem); margin: 0; max-width: 16ch; }
.cities { display: flex; flex-wrap: wrap; gap: 0.4rem 1.2rem; list-style: none; padding: 0; margin: 0; font-size: var(--sc-t-sm); }
.cities a { color: var(--sc-ink-soft); text-underline-offset: 0.2em; }
.foot { display: flex; flex-wrap: wrap; gap: 0.4rem 1.6rem; font-size: var(--sc-t-xs); color: var(--sc-ink-soft); border-top: 1px solid var(--sc-hairline); padding-top: var(--sc-4); }
.foot a { color: var(--sc-ink-soft); }

/* ---------- city pages (plain documents) ---------- */
.doc { max-width: 58rem; margin: 0 auto; padding: clamp(5rem, 10vw, 8rem) var(--sc-gutter) 4rem; display: grid; gap: var(--sc-6); }
.doc h1 { font-size: clamp(2.4rem, 1.4rem + 4vw, 4.6rem); margin: 0; }
.doc h2 { font: 400 var(--sc-t-xl)/1.1 var(--sc-font-display); text-transform: uppercase; margin: 0; }
.doc section { display: grid; gap: var(--sc-3); }
.doc-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: flex; justify-content: space-between; align-items: center; padding: 0.8rem var(--sc-gutter); background: rgb(7 9 11 / 0.92); border-bottom: 1px solid var(--sc-hairline); }
.doc-bar .divider__brand { background: none; padding: 0; font-size: 1.3rem; }

/* ---------- small screens: the split turns horizontal ---------- */
@media (max-width: 860px) {
  :root { --div-w: 0px; }
  .split { grid-template-columns: 1fr; }
  .gutter { display: none; }
  .act-pin > [data-sc-stage] { height: auto; min-height: 100svh; }
  .act-pin .split { grid-template-rows: auto 1fr; }
  .hero-h1 { font-size: var(--sc-t-2xl); }
  .factory-word { font-size: var(--sc-t-xl); }
  .divider {
    top: auto; bottom: 0; left: 0; right: 0; width: auto; margin: 0; height: auto;
    flex-direction: row; padding: 0.55rem 0.8rem calc(0.55rem + env(safe-area-inset-bottom));
    background: rgb(7 9 11 / 0.94); border-top: 1px solid var(--sc-hairline-strong);
    transform: none; opacity: var(--chrome, 1);
  }
  .divider::before { display: none; }
  .divider__brand { display: none; }
  .meter { flex-direction: row; padding: 0.35rem 0.6rem; background: none; box-shadow: none; }
  .meter input[type=range] { writing-mode: horizontal-tb; direction: ltr; appearance: auto; width: 34vw; height: 1.6rem; }
  .meter__val { font-size: 1.2rem; }
  .meter__cap { display: none; }
  .legal { max-width: 5.6rem; font-size: 0.56rem; }
  .wa-dot { width: 2.6rem; height: 2.6rem; }
  body { padding-bottom: 4.4rem; }
  .peak-read { min-height: 8rem; }
  .car { width: 100%; max-height: 60svh; }
  .work { grid-template-columns: 1fr 1fr; }
  .work figure:nth-child(n) { grid-column: span 1; grid-row: auto; }
  .work figure:nth-child(1) { grid-column: span 2; }
  .close-factory { display: none; }
  .close-stage { height: auto; overflow: visible; }
  .close-full { position: relative; inset: auto; min-height: 100svh; padding-bottom: 6rem; }
  .hero .side--tint { order: -1; min-height: 88svh; }
  .hero .gutter { order: 0; }
  .meter input[type=range] { width: 26vw; }
  .divider { gap: 0.4rem; }
  .peak-big { font-size: 4.6rem; }
  .peak-read { min-height: 6.5rem; }
  .car { max-height: 46svh; width: auto; }
  #peak .side { padding-block: 1.2rem; }
  .doc-bar { top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .divider { transform: none; opacity: var(--chrome, 1); }
}

/* ================= v2: film hero, curtain, video peak, quote builder ================= */
.chrome-off .divider { visibility: hidden; }

/* arrival film */
.hero-film [data-sc-stage] { height: 100svh; }
.hero-scrim { position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(to top, rgb(5 8 12 / 0.82) 0%, rgb(5 8 12 / 0.45) 22%, transparent 42%), linear-gradient(to right, rgb(5 8 12 / 0.88) 0%, rgb(5 8 12 / 0.72) 30%, rgb(5 8 12 / 0.25) 52%, transparent 66%); }
.hero-copy { top: clamp(4.5rem, 14vh, 9rem); bottom: auto; left: var(--sc-gutter); max-width: 31rem; display: grid; gap: var(--sc-4); }
.hero-copy .tag { color: #d6eefa; }
.hero-copy .sc-lede { color: #dfe7ee; max-width: 34rem; }
.hero-arrive { left: 50%; top: auto; bottom: 6vh; translate: -50% 0; text-align: center; }
.hero-arrive .sc-display { font-size: clamp(2.4rem, 1.4rem + 4vw, 5.4rem); margin: 0; text-shadow: 0 6px 30px rgb(0 0 0 / 0.55); }

/* the curtain: factory glass slides in over the split as it arrives */
.sec--curtain { --enter: 0; padding-top: 0; }
.sec--curtain .side--factory { clip-path: inset(0 calc((1 - var(--enter)) * 100%) 0 0); }
.sec--curtain .side--tint { opacity: calc(0.35 + var(--enter) * 0.65); transform: translateY(calc((1 - var(--enter)) * 2.5rem)); }

/* video peak */
.car--film { overflow: hidden; border-radius: var(--sc-r-lg); box-shadow: var(--sc-e3); aspect-ratio: 3 / 4; }
.car--film :is(video, img) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.car--film figcaption { z-index: 3; }
.peak-line { opacity: 0; transform: translateY(0.6rem); transition: opacity 260ms var(--sc-ease-out), transform 260ms var(--sc-ease-out); }
.peak-line.is-on { opacity: 1; transform: none; }
.peak-big { transition: color 200ms var(--sc-ease-out); }

/* close: contact that feels like the product */
.close-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.close-copy h2 { font-size: clamp(2.6rem, 1.4rem + 4vw, 5.2rem); }
.phone-big { display: grid; gap: 0.35rem; text-decoration: none; width: fit-content; }
.phone-big .sc-display { font-size: clamp(2.2rem, 1.2rem + 3.4vw, 4.2rem); color: var(--sc-ink); position: relative; transition: color 160ms var(--sc-ease-out); }
.phone-big .sc-display::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.08em; height: 3px; background: var(--sc-accent); transform: scaleX(0.18); transform-origin: left; transition: transform 320ms var(--sc-ease-out); }
@media (hover: hover) and (pointer: fine) { .phone-big:hover .sc-display { color: var(--sc-accent); } .phone-big:hover .sc-display::after { transform: scaleX(1); } }
.phone-big:focus-visible .sc-display::after { transform: scaleX(1); }

.quote { position: relative; display: grid; gap: var(--sc-5); padding: clamp(1.4rem, 3vw, 2.4rem); border-radius: var(--sc-r-lg); background: linear-gradient(160deg, #121a22, #0a0e12); box-shadow: var(--sc-e3), var(--sc-edge); overflow: hidden; isolation: isolate; }
.quote::before { content: ""; position: absolute; inset: -40% -60%; z-index: -1; background: linear-gradient(100deg, transparent 40%, rgb(31 162 224 / 0.16) 50%, transparent 60%); transform: translateX(-60%); }
.quote.is-flash::before { animation: sweep 700ms var(--sc-ease-out); }
@keyframes sweep { from { transform: translateX(-60%); } to { transform: translateX(60%); } }
.seg { border: 0; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.seg__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.seg__opt { position: relative; cursor: pointer; }
.seg__opt input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.seg__opt span { display: block; text-align: center; padding: 0.85rem 0.6rem; border-radius: var(--sc-r-md); font-weight: 600; box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); transition: background-color 160ms var(--sc-ease-out), color 160ms var(--sc-ease-out), transform 120ms var(--sc-ease-out); }
.seg__opt input:checked + span { background: var(--sc-accent); color: var(--sc-accent-ink); box-shadow: none; }
.seg__opt input:focus-visible + span { outline: 2px solid var(--sc-accent); outline-offset: 3px; }
.seg__opt:active span { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) { .seg__opt:hover input:not(:checked) + span { background: color-mix(in oklab, var(--sc-ink) 7%, transparent); } }
.quote__car { display: grid; gap: 0.6rem; }
.quote__car input { font: 400 var(--sc-t-base)/1.2 var(--sc-font-text); color: var(--sc-ink); background: rgb(255 255 255 / 0.04); border: 0; box-shadow: inset 0 0 0 1px var(--sc-hairline-strong); border-radius: var(--sc-r-md); padding: 0.85rem 1rem; caret-color: var(--sc-accent); }
.quote__car input::placeholder { color: color-mix(in oklab, var(--sc-ink-soft), transparent 30%); }
.quote__car input:focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 2px; }
.quote__price { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--sc-hairline); padding-top: var(--sc-4); }
.quote__num { font-size: clamp(3.4rem, 2rem + 4vw, 5.4rem); line-height: 0.9; font-variant-numeric: tabular-nums; color: var(--sc-ink); }
.quote__war { font-weight: 600; color: #8fe3b0; text-align: right; }
.btn--wa { justify-content: center; font-size: var(--sc-t-lg); padding: 1.1em 1.4em; position: relative; overflow: hidden; }
.btn--wa::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 35%, rgb(255 255 255 / 0.45) 50%, transparent 65%); transform: translateX(-120%); animation: shine 3.6s var(--sc-ease-in-out) 1.2s infinite; }
@keyframes shine { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
.btn--wa svg, .btn--wa span { position: relative; z-index: 1; }

@media (max-width: 860px) {
  .hero-copy { top: auto; bottom: 7vh; right: var(--sc-gutter); max-width: none; }
  .hero-scrim { background: linear-gradient(to top, rgb(5 8 12 / 0.9), rgb(5 8 12 / 0.55) 45%, transparent 75%); }
  .hero-arrive { bottom: 40vh; width: 90%; }
  .car--film { width: auto; height: 50svh; max-height: none; margin-inline: auto; }
  .close-grid { grid-template-columns: 1fr; }
  .sec--curtain .side--factory { clip-path: none; }
  .sec--curtain .side--tint { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .btn--wa::after, .quote.is-flash::before { animation: none; }
  .sec--curtain .side--factory { clip-path: none; }
  .sec--curtain .side--tint { opacity: 1; transform: none; }
  .peak-line { transition: none; }
}