/* GENEROITU — älä muokkaa. Lähde: docs/tenants/nox-visual/etusivu-3d-2026-09/prototype/svc-seo-kuvaus.css. Aja: node scripts/nv3/port-css.mjs (ADR 0010). */
/* Yritys- ja tuotekuvauksen hakukonesivut (2.10.2026): page.css-pohjan päälle, valokuvaussivun alasivuina.
   Etuliite k- (kuvaus), työpinnan palaset kp- (parts-rajaus.js ja parts-tuote.js).
   Pintarytmi paperi · navy · paperi · sävy · paperi · sävy · navy · paperi, jokainen osio eri muotoa. */

/* ── Herotaso: rajausopas / kuvauspöytä. Sama sininen viivakieli kuin valaisukaaviossa. ── */
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) > i { color: var(--blue-600); }
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) > i:first-child { background:
  linear-gradient(color-mix(in srgb, var(--blue-600) 10%, transparent) 1px, transparent 1px) 0 0 / calc(100% / 32) calc(100% / 20),
  linear-gradient(90deg, color-mix(in srgb, var(--blue-600) 10%, transparent) 1px, transparent 1px) 0 0 / calc(100% / 32) calc(100% / 20),
  color-mix(in srgb, var(--blue-600) 4%, transparent); }
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) > i:not(:first-child) { border: 0; border-radius: 0; background: none; }
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-opacity: 0.46; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; }
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) svg * { vector-effect: non-scaling-stroke; }
html.theme-nox-visual-v3 .p-wire-frame:is([data-parts='rajaus'], [data-parts='tuote']) text { fill: currentColor; fill-opacity: 0.66; stroke: none; font: 600 2.3px 'General Sans', sans-serif; letter-spacing: 0.32px; }
html.theme-nox-visual-v3 .kp-thin { stroke-width: 1px; stroke-opacity: 0.32; }
html.theme-nox-visual-v3 .kp-line { stroke-width: 1.6px; stroke-opacity: 0.55; }
html.theme-nox-visual-v3 .kp-bold { stroke-width: 2.6px; stroke-opacity: 0.6; }
html.theme-nox-visual-v3 .kp-dash { stroke-width: 1px; stroke-opacity: 0.4; stroke-dasharray: 3 4; }
html.theme-nox-visual-v3 .kp-center { stroke-width: 1px; stroke-opacity: 0.5; stroke-dasharray: 12 4 2 4; animation: kp-flow 3.2s linear infinite; }
html.theme-nox-visual-v3 .kp-solid { fill: currentColor; fill-opacity: 0.36; }
html.theme-nox-visual-v3 .kp-fill { fill: currentColor; fill-opacity: 0.07; }
html.theme-nox-visual-v3 .kp-hatch { fill: url(#kp-hatch); stroke-width: 1px; stroke-opacity: 0.28; }
html.theme-nox-visual-v3 .kp-check { fill: currentColor; fill-opacity: 0.1; stroke: none; }
html.theme-nox-visual-v3 .kp-paper { fill: var(--white); fill-opacity: 0.75; }
html.theme-nox-visual-v3 .kp-anchor { fill: var(--paper); stroke-width: 1px; stroke-opacity: 0.85; }
html.theme-nox-visual-v3 .kp-tick { stroke-width: 1.4px; stroke-opacity: 0.8; }
/* Syväyspolku "marssivina muurahaisina" kuten kuvankäsittelyssä */
html.theme-nox-visual-v3 .kp-ants { stroke-width: 1.4px; stroke-opacity: 0.75; stroke-dasharray: 4 3; animation: kp-flow 1.4s linear infinite; }
/* Pyörityslevy kiertää hitaasti kohteen ympäri; uuden työntekijän paikka hengittää */
html.theme-nox-visual-v3 .kp-spin { transform-origin: 90px 50px; animation: kp-spin 140s linear infinite; }
html.theme-nox-visual-v3 .kp-new { animation: kp-pulse 2.4s ease-in-out infinite alternate; }
@keyframes kp-flow { to { stroke-dashoffset: -14; } }
@keyframes kp-spin { to { transform: rotate(360deg); } }
@keyframes kp-pulse { from { opacity: 0.25; } to { opacity: 1; } }

/* Murupolku navina: sama ulkoasu kuin muiden sivujen eyebrow-polku */
html.theme-nox-visual-v3 .p-crumb { display: block; }
html.theme-nox-visual-v3 .p-crumb [aria-current] { color: var(--ink-2); }

/* ── 2 · Työnäytteet: aiherajaus + vaihtelevan levyiset rivit ── */
html.theme-nox-visual-v3 .sub main > section.k-gal { overflow: clip; }
html.theme-nox-visual-v3 .k-gal-head { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 24px clamp(32px, 5vw, 80px); align-items: end; margin-bottom: clamp(36px, 4vw, 56px); }
html.theme-nox-visual-v3 .k-gal-head .p-head { margin-bottom: 0; }
html.theme-nox-visual-v3 .k-gal-aside { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: center; justify-content: flex-end; }
html.theme-nox-visual-v3 .k-gal-aside .link-arrow { color: var(--white); }
html.theme-nox-visual-v3 .k-gal-aside .btn:focus-visible, html.theme-nox-visual-v3 .k-gal-aside .link-arrow:focus-visible { outline: 2px solid var(--blue-300); outline-offset: 3px; }
html.theme-nox-visual-v3 .k-filters { display: flex; flex-wrap: wrap; gap: 4px clamp(20px, 2.4vw, 36px); margin-bottom: clamp(40px, 4.4vw, 64px); border-bottom: 1px solid rgb(255 255 255 / 12%); }
html.theme-nox-visual-v3 .k-filters button { position: relative; padding: 14px 0 16px; border: 0; background: none; font: inherit; font-size: 16px; font-weight: 500; color: var(--grey-300); cursor: pointer; transition: color 0.3s; }
html.theme-nox-visual-v3 .k-filters button::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--blue-300); transform: scaleX(0); transform-origin: left; transition: transform 0.55s var(--ease-out); }
html.theme-nox-visual-v3 .k-filters button:hover, html.theme-nox-visual-v3 .k-filters button[aria-pressed='true'] { color: var(--white); }
html.theme-nox-visual-v3 .k-filters button[aria-pressed='true']::after { transform: scaleX(1); }
html.theme-nox-visual-v3 .k-filters button:focus-visible { outline: 2px solid var(--blue-300); outline-offset: 2px; border-radius: 4px; }
html.theme-nox-visual-v3 .k-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: clamp(36px, 3.6vw, 52px) clamp(14px, 1.4vw, 22px); margin: 0; padding: 0; list-style: none; }
html.theme-nox-visual-v3 .k-grid li { grid-column: span var(--span, 4); min-width: 0; }
html.theme-nox-visual-v3 .k-grid li[hidden] { display: none; }
html.theme-nox-visual-v3 .k-grid button { display: block; width: 100%; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: zoom-in; }
html.theme-nox-visual-v3 .k-grid button:focus-visible { outline: 2px solid var(--blue-300); outline-offset: 6px; border-radius: 14px; }
html.theme-nox-visual-v3 .k-frame { display: block; height: clamp(210px, 21vw, 400px); border-radius: 14px; overflow: hidden; background: var(--navy-990); }
html.theme-nox-visual-v3 .k-frame img { width: 100%; height: 100%; object-fit: cover; scale: 1.04; transition: scale 1.2s var(--ease-out); }
html.theme-nox-visual-v3 .k-grid button:hover .k-frame img { scale: 1; }
/* Valkotaustainen tuotekuva kokonaisena, ettei rajaus leikkaa tuotetta */
html.theme-nox-visual-v3 .k-frame.is-white { background: var(--white); }
html.theme-nox-visual-v3 .k-frame.is-white img { object-fit: contain; padding: 6% 8%; scale: 1; }
html.theme-nox-visual-v3 .k-grid button:hover .k-frame.is-white img { scale: 1.03; }
html.theme-nox-visual-v3 .k-cap { display: flex; gap: 12px; align-items: baseline; margin-top: 14px; font-size: 14.5px; line-height: 1.45; color: var(--grey-300); }
html.theme-nox-visual-v3 .k-cap b { flex: none; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue-300); }

/* ── Yrityskuvaus 3 · Henkilöstökuvaus: rajausikkuna saman kuvan päällä ── */
html.theme-nox-visual-v3 .k-list { margin: 44px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line-strong); }
html.theme-nox-visual-v3 .k-list li { display: grid; grid-template-columns: 44px 1fr; padding: 26px 0; border-bottom: 1px solid var(--line-strong); }
html.theme-nox-visual-v3 .k-list .p-num { padding-top: 0.35em; }
html.theme-nox-visual-v3 .k-list h3, html.theme-nox-visual-v3 .k-cols h3, html.theme-nox-visual-v3 .k-place-copy h3 { font-size: 21px; letter-spacing: -0.02em; line-height: 1.25; }
html.theme-nox-visual-v3 .k-list p, html.theme-nox-visual-v3 .k-cols p, html.theme-nox-visual-v3 .k-place-copy p { margin-top: 8px; max-width: 34rem; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
html.theme-nox-visual-v3 .k-crop-fig { margin: 0; }
html.theme-nox-visual-v3 .k-crop-frame { position: relative; aspect-ratio: 1400 / 934; border-radius: 20px; overflow: hidden; background: var(--navy); box-shadow: var(--shadow-frame); isolation: isolate; }
html.theme-nox-visual-v3 .k-crop-frame img { width: 100%; height: 100%; object-fit: cover; }
/* Ikkunan ulkopuoli himmenee kuten rajaustyökalussa; kolmannekset ja kulmamerkit ikkunan sisällä */
html.theme-nox-visual-v3 .k-crop-win { --m: rgb(255 255 255 / 92%); --g: rgb(255 255 255 / 30%); position: absolute; left: 0.6%; top: 6%; width: 98.8%; height: 83.38%; border: 1.5px solid rgb(255 255 255 / 70%);
  box-shadow: 0 0 0 200vmax rgb(7 18 34 / 52%);
  background:
    linear-gradient(90deg, transparent calc(100% / 3 - 0.5px), var(--g) calc(100% / 3 - 0.5px) calc(100% / 3 + 0.5px), transparent calc(100% / 3 + 0.5px) calc(200% / 3 - 0.5px), var(--g) calc(200% / 3 - 0.5px) calc(200% / 3 + 0.5px), transparent calc(200% / 3 + 0.5px)),
    linear-gradient(180deg, transparent calc(100% / 3 - 0.5px), var(--g) calc(100% / 3 - 0.5px) calc(100% / 3 + 0.5px), transparent calc(100% / 3 + 0.5px) calc(200% / 3 - 0.5px), var(--g) calc(200% / 3 - 0.5px) calc(200% / 3 + 0.5px), transparent calc(200% / 3 + 0.5px));
  transition: left 1s var(--ease-io), top 1s var(--ease-io), width 1s var(--ease-io), height 1s var(--ease-io); }
html.theme-nox-visual-v3 .k-crop-win::before { content: ''; position: absolute; inset: -3px; background:
  linear-gradient(var(--m), var(--m)) left top / 22px 3px no-repeat, linear-gradient(var(--m), var(--m)) left top / 3px 22px no-repeat,
  linear-gradient(var(--m), var(--m)) right top / 22px 3px no-repeat, linear-gradient(var(--m), var(--m)) right top / 3px 22px no-repeat,
  linear-gradient(var(--m), var(--m)) left bottom / 22px 3px no-repeat, linear-gradient(var(--m), var(--m)) left bottom / 3px 22px no-repeat,
  linear-gradient(var(--m), var(--m)) right bottom / 22px 3px no-repeat, linear-gradient(var(--m), var(--m)) right bottom / 3px 22px no-repeat; }
/* Rajaukset kuvan mittasuhteessa (1400 × 934): 16:9 koko leveys, 4:5 koko korkeus, 1:1 kasvot ja hartiat */
html.theme-nox-visual-v3 .k-crop-frame[data-crop='1'] .k-crop-win { left: 24.65%; top: 0.6%; width: 52.72%; height: 98.8%; }
html.theme-nox-visual-v3 .k-crop-frame[data-crop='2'] .k-crop-win { left: 31.65%; top: 4%; width: 38.7%; height: 58%; }
html.theme-nox-visual-v3 .k-crop-bar { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; justify-content: space-between; margin-top: 22px; }
html.theme-nox-visual-v3 .k-crop-note { font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--grey-400); }
html.theme-nox-visual-v3 .k-crop-tabs { display: flex; gap: 6px; padding: 5px; border-radius: 999px; background: rgb(255 255 255 / 60%); border: 1px solid var(--line); }
html.theme-nox-visual-v3 .k-crop-tabs button { display: flex; gap: 8px; align-items: baseline; padding: 10px 16px; border: 0; border-radius: 999px; background: none; font: inherit; font-size: 15px; font-weight: 500; color: var(--ink-2); cursor: pointer; transition: background 0.3s, color 0.3s; }
html.theme-nox-visual-v3 .k-crop-tabs button span { font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--grey-400); font-variant-numeric: tabular-nums; transition: color 0.3s; }
html.theme-nox-visual-v3 .k-crop-tabs button:hover { color: var(--navy); }
html.theme-nox-visual-v3 .k-crop-tabs button[aria-pressed='true'] { background: var(--navy); color: var(--white); }
html.theme-nox-visual-v3 .k-crop-tabs button[aria-pressed='true'] span { color: var(--blue-300); }
html.theme-nox-visual-v3 .k-crop-tabs button:focus-visible { outline: 2px solid var(--blue-600); outline-offset: 2px; }

/* ── Yrityskuvaus 4 · Toimitilat ja toiminta: tila ja tilanne limittäin ── */
html.theme-nox-visual-v3 .k-place-grid { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: clamp(20px, 2.4vw, 40px); }
html.theme-nox-visual-v3 .k-place-grid figure { margin: 0; aspect-ratio: 3 / 2; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-frame); }
html.theme-nox-visual-v3 .k-place-grid img { width: 100%; height: 100%; object-fit: cover; }
html.theme-nox-visual-v3 .k-place-a { grid-column: 1 / 9; grid-row: 1; }
html.theme-nox-visual-v3 .k-place-a img { will-change: transform; }
html.theme-nox-visual-v3 .k-place-ca { grid-column: 9 / 13; grid-row: 1; align-self: start; padding-top: clamp(8px, 2vw, 32px); }
/* Sävypinnan värinen reunus erottaa limittäiset kuvat */
html.theme-nox-visual-v3 .k-place-grid .k-place-b { grid-column: 6 / 13; grid-row: 2; position: relative; z-index: 1; margin-top: calc(-1 * clamp(70px, 9vw, 150px)); box-shadow: 0 0 0 clamp(6px, 0.7vw, 10px) var(--paper-2), var(--shadow-frame); will-change: transform; }
html.theme-nox-visual-v3 .k-place-cb { grid-column: 1 / 5; grid-row: 2; align-self: end; padding-bottom: clamp(8px, 2vw, 32px); }
html.theme-nox-visual-v3 .k-place-copy { display: grid; grid-template-columns: 44px 1fr; }
html.theme-nox-visual-v3 .k-place-copy .p-num, html.theme-nox-visual-v3 .k-cols .p-num { padding-top: 0.35em; }

/* ── Yrityskuvaus 5 · Tapahtumat / Tuotekuvaus 4 · Koneet: leveä kuva + kaksi kohtaa ── */
html.theme-nox-visual-v3 .k-wide, html.theme-nox-visual-v3 .k-site-img { margin: 0; border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-frame); }
html.theme-nox-visual-v3 .k-wide { aspect-ratio: 2 / 1; }
html.theme-nox-visual-v3 .k-wide img, html.theme-nox-visual-v3 .k-site-img img { width: 100%; height: 100%; object-fit: cover; will-change: transform; }
html.theme-nox-visual-v3 .k-wide img { object-position: 50% 66%; transform-origin: 50% 60%; }
html.theme-nox-visual-v3 .k-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px clamp(32px, 5vw, 96px); margin-top: clamp(44px, 5vw, 64px); }
html.theme-nox-visual-v3 .k-cols > div { display: grid; grid-template-columns: 44px 1fr; padding-top: 22px; border-top: 1px solid var(--line-strong); }

/* ── Tuotekuvaus 3 · Tausta: valkoinen ja miljöö rinnakkain, toinen levenee vuorollaan ── */
html.theme-nox-visual-v3 .k-duo { display: flex; gap: clamp(16px, 1.8vw, 28px); }
html.theme-nox-visual-v3 .k-half { flex: 1 1 0; min-width: 0; transition: flex-grow 1.1s var(--ease-out); }
html.theme-nox-visual-v3 .k-duo[data-open='0'] .k-half:nth-child(1), html.theme-nox-visual-v3 .k-duo[data-open='1'] .k-half:nth-child(2) { flex-grow: 1.6; }
html.theme-nox-visual-v3 .k-half-img { margin: 0; height: clamp(320px, 36vw, 600px); border-radius: 20px; overflow: hidden; background: var(--navy-990); box-shadow: var(--shadow-frame); }
html.theme-nox-visual-v3 .k-half-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.72; transition: opacity 0.9s var(--ease-out), scale 1.2s var(--ease-out); scale: 1.04; }
html.theme-nox-visual-v3 .k-duo[data-open='0'] .k-half:nth-child(1) img, html.theme-nox-visual-v3 .k-duo[data-open='1'] .k-half:nth-child(2) img { opacity: 1; scale: 1; }
html.theme-nox-visual-v3 .k-half.is-white .k-half-img { background: var(--white); }
html.theme-nox-visual-v3 .k-half.is-white img { object-fit: contain; padding: 8% 10%; }
html.theme-nox-visual-v3 .k-half-copy { display: grid; grid-template-columns: 44px 1fr; width: min(30rem, 100%); margin-top: 28px; }
html.theme-nox-visual-v3 .k-half-copy .p-num { padding-top: 0.55em; }
html.theme-nox-visual-v3 .k-half h3 { font-size: clamp(1.5rem, 2.2vw, 2.1rem); line-height: 1.1; letter-spacing: -0.035em; }
html.theme-nox-visual-v3 .k-half p { margin-top: 12px; font-size: 16px; line-height: 1.6; color: var(--ink-2); }

/* ── Tuotekuvaus 4 · Koneet: kuva loittonee ── */
html.theme-nox-visual-v3 .k-site-head { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px clamp(32px, 5vw, 80px); align-items: end; margin-bottom: clamp(48px, 5vw, 72px); }
html.theme-nox-visual-v3 .k-site-head .p-head { margin-bottom: 0; }
html.theme-nox-visual-v3 .k-site-head .p-body { margin-top: 0; }
html.theme-nox-visual-v3 .k-site-img { aspect-ratio: 2 / 1; }
html.theme-nox-visual-v3 .k-site-img img { object-position: 50% 45%; }

/* ── Tuotekuvaus 5 · Suunnitteluvaihe: 3D-sivun ruuturenderöinti (page.js .d-gal-frame) yhtenä kuvana ── */
html.theme-nox-visual-v3 .k-3d-link { margin-top: 30px; }
html.theme-nox-visual-v3 .k-3d-fig { margin: 0; }
html.theme-nox-visual-v3 .k-render { display: block; }
html.theme-nox-visual-v3 .k-render .d-gal-frame { height: auto; aspect-ratio: 1400 / 781; border-radius: 20px; box-shadow: var(--shadow-frame); }
html.theme-nox-visual-v3 .k-3d-cap { display: flex; gap: 12px; align-items: baseline; margin-top: 16px; font-size: 14.5px; line-height: 1.45; color: var(--ink-2); }
html.theme-nox-visual-v3 .k-3d-cap b { flex: none; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue-600); }

/* ── UKK: kysymys on otsikko (H3) sisältörakennetta varten, ulkoasu kuten muilla sivuilla ── */
html.theme-nox-visual-v3 .p-faq-list summary h3 { margin: 0; font: inherit; letter-spacing: inherit; color: inherit; }

/* ── Kapeat ruudut ── */
@media (max-width: 1100px) {
  html.theme-nox-visual-v3 .k-gal-head, html.theme-nox-visual-v3 .k-site-head { grid-template-columns: 1fr; }
  html.theme-nox-visual-v3 .k-gal-aside { justify-content: flex-start; }
}
@media (max-width: 900px) {
  html.theme-nox-visual-v3 .k-grid { grid-template-columns: 1fr 1fr; gap: 32px 12px; }
  html.theme-nox-visual-v3 .k-grid li { grid-column: span var(--span-m, 1); }
  html.theme-nox-visual-v3 .k-frame { height: auto; aspect-ratio: 4 / 3; }
  html.theme-nox-visual-v3 .k-grid li.is-wide-m .k-frame { aspect-ratio: 16 / 9; }
  html.theme-nox-visual-v3 .k-cap { flex-direction: column; gap: 4px; font-size: 13.5px; }
  html.theme-nox-visual-v3 .k-filters button { font-size: 15px; }
  html.theme-nox-visual-v3 .k-crop-bar { flex-direction: column; align-items: flex-start; }
  html.theme-nox-visual-v3 .k-crop-tabs button { padding: 9px 12px; font-size: 14px; }
  html.theme-nox-visual-v3 .k-place-grid { grid-template-columns: 1fr; row-gap: 28px; }
  html.theme-nox-visual-v3 .k-place-grid > * { grid-column: 1; grid-row: auto; padding: 0; }
  html.theme-nox-visual-v3 .k-place-grid .k-place-b { grid-column: 1; grid-row: auto; }
  html.theme-nox-visual-v3 .k-place-grid .k-place-b { margin-top: 20px; }
  html.theme-nox-visual-v3 .k-wide { aspect-ratio: 4 / 3; }
  html.theme-nox-visual-v3 .k-cols { grid-template-columns: 1fr; gap: 0; margin-top: 32px; }
  html.theme-nox-visual-v3 .k-cols > div { padding: 22px 0; }
  html.theme-nox-visual-v3 .k-duo { flex-direction: column; gap: 48px; }
  html.theme-nox-visual-v3 .k-half-img { height: auto; aspect-ratio: 4 / 3; }
  html.theme-nox-visual-v3 .k-half-img img { opacity: 1; scale: 1; }
  html.theme-nox-visual-v3 .k-site-img { aspect-ratio: 4 / 3; }
  html.theme-nox-visual-v3 .k-3d .p-split { row-gap: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  html.theme-nox-visual-v3 .kp-center, html.theme-nox-visual-v3 .kp-ants, html.theme-nox-visual-v3 .kp-spin, html.theme-nox-visual-v3 .kp-new { animation: none; }
  html.theme-nox-visual-v3 .k-frame img, html.theme-nox-visual-v3 .k-crop-win, html.theme-nox-visual-v3 .k-half, html.theme-nox-visual-v3 .k-half-img img { transition: none; }
}