/* ЦЕТРИН — cetrine.tabletki.ua
   Одиниці: calc(1 * var(--u)) = 1px макета. Мобільний макет 390, десктопний 1280.
   Розміри обов'язкової інформації задані у px і НЕ масштабуються. */

@font-face{font-family:"HelveticaNeueCyr";src:url(../fonts/hnc-Roman.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"HelveticaNeueCyr";src:url(../fonts/hnc-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/inter-700-sub.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020,U+002A,U+00A0,U+0404,U+0406,U+0407,U+0410-0426}

:root{
  --c-text:#4b5a63;
  --c-brand:#00abc4;
  --c-brand-2:#01adc3;
  --c-bg:#e3edf0;
  --c-card:#f9fdfe;
  --c-yellow:#fdbd10;
  --c-hdr:rgba(244,254,255,.8);
  --f-main:"HelveticaNeueCyr","Helvetica Neue",Helvetica,Arial,sans-serif;
  --f-head:"Inter","HelveticaNeueCyr","Helvetica Neue",Arial,sans-serif;
  --L:.995; /* line-height "auto" з макета */

  /* плашка самолікування: висота букв у % висоти екрана */
  --warn-cap:17.5vh;
  --warn-cap-ratio:.915;   /* мобільна, 2 рядки (виміряно растром) */
  --warn-h:calc(var(--warn-cap) / var(--warn-cap-ratio));

  --u:calc(min(100vw, 520px) / 390);
}
@supports (height:1svh){:root{--warn-cap:17.5svh}}
@supports (width:1cqw){:root{--u:calc(min(100cqw, 520px) / 390)}}
@media (min-width:900px){
  :root{--u:calc(min(100vw, 1280px) / 1280);--warn-cap-ratio:.838}
  @supports (width:1cqw){:root{--u:calc(min(100cqw, 1280px) / 1280)}}
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--f-main);font-weight:400;
  container-type:inline-size;overflow-x:clip;padding-bottom:var(--warn-h);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
img,svg{display:block;max-width:none}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul{list-style:none}
sup{font-size:.645em;line-height:0;vertical-align:.42em;position:relative}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.d-only{display:none}
@media (min-width:900px){.d-only{display:block}.m-only{display:none!important}}

/* обрізка тексту по висоті великих літер і базовій лінії (як text-box-trim у Figma) */
.tr{line-height:var(--L);margin-top:calc((.912em - var(--L) * 1em) / 2 - .002em);margin-bottom:calc((.912em - var(--L) * 1em) / 2 - .198em)}
.tr-i{line-height:1.21;margin-top:-.2412em;margin-bottom:-.2412em}

.wrap{position:relative;width:calc(390 * var(--u));margin:0 auto}
@media (min-width:900px){.wrap{width:calc(1280 * var(--u))}}

/* ───────── Кнопки ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  font-family:var(--f-main);font-weight:700;text-transform:uppercase;line-height:var(--L);
  color:#fff;background:var(--c-brand);border:solid var(--c-brand);border-radius:999px;cursor:pointer;
  transition:background-color .25s ease,color .25s ease,transform .25s ease;-webkit-tap-highlight-color:transparent}
.btn{position:relative}
.btn::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
.btn>span{position:relative;top:.098em}
.btn:hover,.btn:focus-visible{background:#fff;color:var(--c-brand)}
.btn--ghost{background:#fff;color:var(--c-brand)}
.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--c-brand);color:#fff}
.btn:focus-visible{outline:2px solid var(--c-text);outline-offset:3px}
.btn:active{transform:scale(.97)}

/* ───────── Hero ───────── */
.hero{position:relative;height:calc(521 * var(--u));background:#4b5a63;overflow:hidden}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.hero__stripes{position:absolute;left:0;right:0;top:calc(215 * var(--u));height:calc(182.4 * var(--u));pointer-events:none}
.hero__stripes svg{width:100%;height:100%}
.hero .wrap{height:100%}
.hdr{position:absolute;left:0;top:0;width:calc(390 * var(--u));height:calc(75 * var(--u));background:var(--c-hdr);border-radius:0 0 calc(30 * var(--u)) calc(30 * var(--u));z-index:3}
.hdr__logo{position:absolute;left:calc(32 * var(--u));top:calc(21 * var(--u));width:calc(152 * var(--u));height:calc(40 * var(--u))}
.hdr__logo svg,.hdr__logo img{width:100%;height:100%}
.hdr__redis{position:absolute;left:calc(218 * var(--u));top:calc(22 * var(--u));width:calc(140 * var(--u));height:calc(30.47 * var(--u))}
.hdr__redis svg{width:100%;height:100%}
.hdr__nav{display:none}
.hero__title{position:absolute;left:calc(53 * var(--u));top:calc(100.56 * var(--u));width:calc(284 * var(--u));text-align:center;color:#fff;
  font-family:var(--f-main);font-weight:700;font-size:calc(41.105 * var(--u));line-height:calc(54.288 * var(--u));text-transform:uppercase;
  text-shadow:calc(1.226 * var(--u)) calc(3.677 * var(--u)) calc(1.226 * var(--u)) rgba(0,0,0,.55);white-space:nowrap;z-index:2}
.hero__star{position:absolute;left:calc(285.2 * var(--u));top:calc(154.33 * var(--u));font-family:var(--f-head);font-weight:700;font-size:calc(20.553 * var(--u));line-height:1.21;color:#fff;
  text-shadow:calc(.613 * var(--u)) calc(1.838 * var(--u)) calc(.613 * var(--u)) rgba(0,0,0,.55);z-index:2}
.hero__packs{position:absolute;left:calc(60.5 * var(--u));top:calc(221 * var(--u));width:calc(320 * var(--u));height:calc(234.5 * var(--u));z-index:1}
.hero__packs img{width:100%;height:100%}
.btn.hero__btn{position:absolute;left:calc(90 * var(--u));top:calc(450 * var(--u));width:calc(209.09 * var(--u));height:calc(43.17 * var(--u));font-size:calc(18.41 * var(--u));border-width:calc(1.35 * var(--u));
  box-shadow:0 calc(2.7 * var(--u)) calc(10.79 * var(--u)) rgba(0,0,0,.3);z-index:2}

@media (min-width:900px){
  .hero{height:calc(684.25 * var(--u))}
  .hero__bg{left:50%;right:auto;width:calc(2560 * var(--u));margin-left:calc(-1280 * var(--u))}
  .hero__stripes{top:calc(298.95 * var(--u));height:calc(216.4 * var(--u));left:50%;right:auto;width:max(calc(1910.3 * var(--u)), 100vw + 80px);transform:translateX(-50%)}
  .hdr{left:50%;width:100vw;width:100cqw;height:calc(95 * var(--u));margin-left:-50vw;margin-left:-50cqw;border-radius:0}
  .hdr .wrap{height:100%}
  .hdr__logo{left:calc(63.75 * var(--u));top:calc(16.85 * var(--u));width:calc(298 * var(--u));height:calc(66 * var(--u))}
  .hdr__redis{left:calc(1023 * var(--u));top:calc(24.27 * var(--u));width:calc(200 * var(--u));height:calc(43.45 * var(--u))}
  .hdr__nav{display:flex;position:absolute;left:calc(432 * var(--u));top:calc(36 * var(--u));gap:calc(40 * var(--u));font-size:calc(28 * var(--u))}
  .hdr__nav a{display:block;padding:calc(12 * var(--u)) 0;margin:calc(-12 * var(--u)) 0;transition:color .2s}
  .hdr__nav a:hover,.hdr__nav a:focus-visible{color:var(--c-brand)}
  .hdr__nav span{display:block}
  .hero__title{left:calc(393 * var(--u));top:calc(138.94 * var(--u));width:calc(479 * var(--u));font-family:var(--f-head);font-size:calc(71.69 * var(--u));line-height:1.21;
    text-shadow:calc(2.137 * var(--u)) calc(6.412 * var(--u)) calc(2.137 * var(--u)) rgba(0,0,0,.55)}
  .hero__star{left:calc(785 * var(--u));top:calc(234.59 * var(--u));font-size:calc(35.845 * var(--u));text-shadow:calc(1.069 * var(--u)) calc(3.206 * var(--u)) calc(1.069 * var(--u)) rgba(0,0,0,.55)}
  .hero__flower{position:absolute;left:0;top:calc(192.5 * var(--u));width:calc(402.5 * var(--u));height:calc(409 * var(--u));z-index:1}
  .hero__flower img{width:100%;height:100%}
  .hero__packs{left:calc(858.5 * var(--u));top:calc(287.5 * var(--u));width:calc(420.5 * var(--u));height:calc(333.5 * var(--u))}
  .btn.hero__btn{left:calc(439.26 * var(--u));top:calc(480.27 * var(--u));width:calc(334.57 * var(--u));height:calc(69.07 * var(--u));font-size:calc(29.462 * var(--u));border-width:calc(2.159 * var(--u));box-shadow:0 calc(4.317 * var(--u)) calc(17.27 * var(--u)) rgba(0,0,0,.3)}
}

/* ───────── Переваги ───────── */
.benefits{background:var(--c-bg);padding:calc(30 * var(--u)) 0;scroll-margin-top:0}
.benefits__list{display:flex;flex-direction:column;gap:calc(46.26 * var(--u));width:calc(330 * var(--u));margin-left:calc(30 * var(--u))}
.bul{position:relative;min-height:var(--h);padding:var(--pt) calc(16 * var(--u)) 0 var(--pl);background:rgba(249,253,254,.15);border-radius:calc(26.58 * var(--u));
  box-shadow:calc(7.16 * var(--u)) calc(8.06 * var(--u)) calc(17.91 * var(--u)) rgba(75,90,99,.1)}
.bul__ico{position:absolute;left:var(--ix);top:var(--iy);width:calc(66.3 * var(--u));height:calc(66.3 * var(--u))}
.bul__ico svg{width:100%;height:100%}
.bul__title{font-weight:700;font-size:calc(23.25 * var(--u));max-width:var(--tw)}
.bul__text{font-size:calc(10.63 * var(--u));margin-left:calc(calc(17 * var(--u)) - var(--pl));margin-top:var(--gap);width:calc(297 * var(--u))}
.bul--1{--h:calc(115 * var(--u));--pt:calc(15 * var(--u));--pl:calc(73 * var(--u));--ix:calc(-10 * var(--u));--iy:calc(-10 * var(--u));--tw:calc(260 * var(--u));--gap:calc(35 * var(--u))}
.bul--2{--h:calc(112 * var(--u));--pt:calc(16 * var(--u));--pl:calc(17 * var(--u));--ix:calc(274 * var(--u));--iy:calc(-9 * var(--u));--tw:calc(216 * var(--u));--gap:calc(19 * var(--u))}
.bul--3{--h:calc(133 * var(--u));--pt:calc(15 * var(--u));--pl:calc(73 * var(--u));--ix:calc(-10 * var(--u));--iy:calc(-10 * var(--u));--tw:calc(195 * var(--u));--gap:calc(19 * var(--u))}
.bul--4{--h:calc(133 * var(--u));--pt:calc(15 * var(--u));--pl:calc(17 * var(--u));--ix:calc(274 * var(--u));--iy:calc(-10 * var(--u));--tw:calc(216 * var(--u));--gap:calc(19 * var(--u))}

.promo{position:relative;width:calc(330 * var(--u));height:calc(438 * var(--u));margin:calc(30 * var(--u)) 0 0 calc(30 * var(--u))}
.promo__bg{position:absolute;inset:0;border-radius:calc(11.87 * var(--u));overflow:hidden;border:calc(.83 * var(--u)) solid #bead9c;
  box-shadow:calc(-12.29 * var(--u)) calc(14.04 * var(--u)) calc(33.28 * var(--u)) rgba(0,0,0,.2)}
.promo__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.promo__slogan{position:absolute;left:calc(41 * var(--u));top:calc(30 * var(--u));color:#fff;font-family:var(--f-head);font-weight:700;font-size:calc(37.3 * var(--u));text-transform:uppercase;
  text-shadow:calc(1.11 * var(--u)) calc(3.34 * var(--u)) calc(1.11 * var(--u)) rgba(0,0,0,.55);line-height:1.21;margin-top:-.2412em;white-space:nowrap}
.promo__star{position:absolute;left:calc(190 * var(--u));top:calc(75 * var(--u));font-family:var(--f-head);font-weight:700;font-size:calc(18.65 * var(--u));color:#fff;line-height:1.21;margin-top:-.2412em;
  text-shadow:calc(.56 * var(--u)) calc(1.67 * var(--u)) calc(.56 * var(--u)) rgba(0,0,0,.55)}
.promo__pack{position:absolute;left:calc(40.5 * var(--u));top:calc(136 * var(--u));width:calc(267 * var(--u));height:calc(246 * var(--u))}
.promo__pack img{width:100%;height:100%}
.btn.promo__btn{position:absolute;left:calc(60 * var(--u));top:calc(365 * var(--u));width:calc(209.09 * var(--u));height:calc(43.17 * var(--u));font-size:calc(18.41 * var(--u));border-width:calc(1.35 * var(--u));box-shadow:0 calc(2.7 * var(--u)) calc(10.79 * var(--u)) rgba(0,0,0,.3)}

@media (min-width:900px){
  .benefits{padding:calc(67 * var(--u)) 0}
  .benefits__list{gap:calc(55.77 * var(--u));width:calc(1065 * var(--u));margin-left:calc(107 * var(--u))}
  .bul{border-radius:calc(52.25 * var(--u));padding-right:calc(40 * var(--u));box-shadow:calc(8.634 * var(--u)) calc(9.713 * var(--u)) calc(21.585 * var(--u)) rgba(75,90,99,.1)}
  .bul__ico{width:calc(229 * var(--u));height:calc(229 * var(--u))}
  .bul__title{font-size:calc(37.924 * var(--u));max-width:none;white-space:nowrap}
  .bul__text{font-size:calc(21.585 * var(--u));--L:1.5;margin-left:0}
  .bul--1{--h:calc(209.03 * var(--u));--pt:calc(45 * var(--u));--pl:calc(220 * var(--u));--ix:calc(-43.57 * var(--u));--iy:calc(-10 * var(--u));--gap:calc(37 * var(--u))}
  .bul--2{--h:calc(209.83 * var(--u));--pt:calc(45 * var(--u));--pl:calc(66 * var(--u));--ix:calc(880 * var(--u));--iy:calc(-10 * var(--u));--gap:calc(38 * var(--u))}
  .bul--3{--h:calc(209.03 * var(--u));--pt:calc(37 * var(--u));--pl:calc(220 * var(--u));--ix:calc(-43 * var(--u));--iy:calc(-5 * var(--u));--gap:calc(28 * var(--u))}
  .bul--4{--h:calc(209.83 * var(--u));--pt:calc(39 * var(--u));--pl:calc(66 * var(--u));--ix:calc(891 * var(--u));--iy:calc(-4 * var(--u));--gap:calc(31 * var(--u))}
  .bul--3 .bul__ico,.bul--4 .bul__ico{width:calc(218 * var(--u));height:calc(218 * var(--u))}
  .bul--1 .bul__text{width:calc(812 * var(--u))}.bul--2 .bul__text{width:calc(735 * var(--u))}.bul--3 .bul__text{width:calc(783 * var(--u))}
  .bul--4 .bul__text{width:calc(780 * var(--u));font-size:calc(20 * var(--u))}

  .promo{width:calc(1188.26 * var(--u));height:calc(458.68 * var(--u));margin:calc(92 * var(--u)) 0 calc(7.5 * var(--u)) calc(36 * var(--u))}
  .promo__bg{border-radius:calc(17.27 * var(--u));border-width:calc(1.21 * var(--u));box-shadow:calc(-17.87 * var(--u)) calc(20.42 * var(--u)) calc(48.41 * var(--u)) rgba(0,0,0,.2)}
  .promo__slogan{left:calc(65 * var(--u));top:calc(82 * var(--u));font-size:calc(71.69 * var(--u));text-shadow:calc(2.137 * var(--u)) calc(6.412 * var(--u)) calc(2.137 * var(--u)) rgba(0,0,0,.55)}
  .promo__star{left:calc(351 * var(--u));top:calc(169.23 * var(--u));font-size:calc(35.845 * var(--u));text-shadow:calc(1.069 * var(--u)) calc(3.206 * var(--u)) calc(1.069 * var(--u)) rgba(0,0,0,.55)}
  .promo__pack{left:calc(659.5 * var(--u));top:calc(62 * var(--u));width:calc(514 * var(--u));height:calc(412.5 * var(--u))}
  .btn.promo__btn{left:calc(65 * var(--u));top:calc(286 * var(--u));width:calc(424.83 * var(--u));height:calc(88.6 * var(--u));font-size:calc(36.695 * var(--u));border-width:calc(2.159 * var(--u));box-shadow:0 calc(4.317 * var(--u)) calc(17.27 * var(--u)) rgba(0,0,0,.3)}
}

/* ───────── Переваги 2 (іконки) ───────── */
.feat{background:var(--c-bg);padding:calc(36 * var(--u)) 0}
.feat__list{display:flex;flex-direction:column;gap:calc(36.31 * var(--u));width:calc(297 * var(--u));margin-left:calc(46 * var(--u))}
.feat__item{width:var(--w)}
.feat__ico{width:calc(145.2 * var(--u));height:calc(145.2 * var(--u));margin-bottom:calc(23.86 * var(--u))}
.feat__ico svg{width:100%;height:100%}
.feat__title{font-weight:700;font-size:calc(23.25 * var(--u));--L:.967}
.feat__text{font-size:calc(14.53 * var(--u));margin-top:calc(23.9 * var(--u));width:calc(268 * var(--u));--L:.94}
.feat__item--1{--w:calc(297 * var(--u))}.feat__item--2{--w:calc(277 * var(--u))}.feat__item--3{--w:calc(286 * var(--u))}
.feat__item--2 .feat__title{width:calc(277 * var(--u))}
@media (min-width:900px){
  .feat{padding:calc(32 * var(--u)) 0}
  .feat__list{flex-direction:row;justify-content:center;gap:calc(64.76 * var(--u));width:calc(1180 * var(--u));margin-left:calc(50 * var(--u))}
  .feat__item--1{--w:calc(363 * var(--u))}.feat__item--2{--w:calc(338 * var(--u))}.feat__item--3{--w:calc(350 * var(--u))}
  .feat__ico{width:calc(236.52 * var(--u));height:calc(236.52 * var(--u));margin-bottom:calc(29.14 * var(--u))}
  .feat__title{font-size:calc(30 * var(--u));--L:.995}
  .feat__item--2 .feat__title{width:calc(338 * var(--u))}
  .feat__text{font-size:calc(23.744 * var(--u));--L:1.3637;margin-top:calc(29.2 * var(--u));width:calc(327 * var(--u))}
}

/* ───────── Продукти ───────── */
.prod{background:var(--c-bg);padding:calc(30 * var(--u)) 0;scroll-margin-top:0}
.prod__list{display:flex;flex-direction:column;gap:calc(24.37 * var(--u));width:calc(330 * var(--u));margin-left:calc(30 * var(--u));align-items:flex-start}
.card{--k:calc(var(--u) * .5647);background:var(--c-card);border-radius:calc(38.147 * var(--k));padding:calc(43.17 * var(--k));width:100%}
.card__img{position:relative;width:calc(499 * var(--k));height:calc(327 * var(--k))}
.card__img picture{position:absolute;inset:0;display:block}.card__img img{position:absolute;display:block}
.card--tabs .card__img img{left:24.04%;top:23.23%;width:52.08%;height:auto}
.card--syrup .card__img img{left:34.66%;top:0;width:30.65%;height:auto}
.card__title{font-weight:700;font-size:calc(36.695 * var(--k))}
.card__title span{font-weight:400}
.card__dose{display:flex;justify-content:space-between;margin-top:calc(32.378 * var(--k))}
.dose{width:calc(242.83 * var(--k))}
.dose__ico{width:calc(97.133 * var(--k));height:calc(97.133 * var(--k));margin-left:calc(72.85 * var(--k))}
.dose__ico svg{width:100%;height:100%}
.dose__who{font-size:calc(21.585 * var(--k));margin-top:calc(12.95 * var(--k))}
.dose__rows{display:flex;flex-direction:column;gap:calc(var(--rg) * var(--k));margin-top:calc(var(--mt) * var(--k))}
.dose--a{--rg:18.35;--mt:23.74}
.dose--b{--rg:19.43;--mt:19.43}
.row{display:flex;align-items:center;min-height:calc(33.457 * var(--k))}
.row__ico{position:relative;flex:none;width:calc(33.457 * var(--k));height:calc(33.457 * var(--k));margin-right:calc(10.8 * var(--k))}
.dose--b .row__ico{margin-right:calc(12.95 * var(--k))}
.row__ico svg{width:100%;height:100%}
.row__ico b{position:absolute;left:calc(7.28 * var(--k));top:calc(10.79 * var(--k));font-weight:400;font-size:calc(17.268 * var(--k));color:var(--c-yellow);line-height:var(--L);margin-top:-.0435em}
.row__txt{font-size:calc(19.427 * var(--k))}
.card__btns{display:flex;gap:calc(28.06 * var(--k));margin-top:calc(20 * var(--u))}
.card__btns .btn{height:calc(62.33 * var(--k));padding:0 calc(33.025 * var(--k));font-size:calc(23.744 * var(--k));border-width:calc(2.159 * var(--k));
  box-shadow:0 calc(5.396 * var(--k)) calc(12.95 * var(--k)) rgba(0,0,0,.15)}
@media (min-width:900px){
  .prod{padding:calc(32.38 * var(--u)) 0}
  .prod__list{flex-direction:row;gap:calc(20 * var(--u));width:calc(1190 * var(--u));margin-left:calc(45 * var(--u))}
  .card{--k:var(--u);width:calc(585 * var(--u))}
  .card__btns{margin-top:calc(32.38 * var(--u))}
}

/* ───────── Обов'язкова інформація: кеглі з макета, не масштабуються ───────── */
.legal{background:var(--c-bg);padding:calc(30 * var(--u)) calc(30 * var(--u));scroll-margin-top:0}
.legal__in{width:calc(330 * var(--u));max-width:100%;margin:0 auto;font-size:8.715px;--L:.91667;color:var(--c-text)}
.legal__in ol{list-style:decimal;padding-left:1.5em}
.legal__block+.legal__block{margin-top:calc(10 * var(--u))}
.legal p,.legal li{margin:0}
.legal .nw{white-space:nowrap}
@media (min-width:900px){
  .legal{padding:calc(53.96 * var(--u)) calc(33 * var(--u))}
  .legal__in{width:calc(1213 * var(--u));font-size:15.11px;--L:.995}
  .legal__in ol{padding-left:1.6em}
  .legal__block+.legal__block{margin-top:calc(32.38 * var(--u))}
}

/* ───────── Плашка самолікування ───────── */
.warn{position:fixed;left:0;right:0;bottom:0;height:var(--warn-h);background:#fff;z-index:50;pointer-events:none}
.warn svg{width:100%;height:100%}

/* ───────── Анімації появи (одноразові) ───────── */
.js [data-reveal]{opacity:0;transform:translate3d(0,40px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js [data-reveal="left"]{transform:translate3d(-60px,0,0)}
.js [data-reveal="right"]{transform:translate3d(60px,0,0)}
.js [data-reveal="zoom"]{transform:scale(.92)}
.js [data-reveal="fade"]{transform:none}
.js [data-reveal].is-in{opacity:1;transform:none}
.hero__btn[data-reveal].is-in:active{transform:scale(.97)}
@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}}

/* паралакс від миші */
.px{will-change:transform}