:root{
  --ink:#1a171c;
  --muted:#6f6870;
  --purple:#6f2f81;
  --purple-dark:#552062;
  --purple-soft:#f2eaf4;
  --cream:#fbf7f3;
  --line:#e8e0e8;
  --white:#fff;
  --shadow:0 18px 45px rgba(36,20,37,.10);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:1000}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(111,47,129,.08)}
.nav{height:84px;display:grid;grid-template-columns:185px 1fr auto;align-items:center;gap:28px}
.brand img{width:170px;height:auto}
.menu{display:flex;justify-content:center;gap:24px;font-size:.93rem;font-weight:600}
.menu a{position:relative}
.menu a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--purple);transition:.2s}
.menu a:hover::after{right:0}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:5px}

.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 20px;font-weight:700;font-size:.94rem;transition:.2s;border:1px solid transparent}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--purple);color:white;box-shadow:0 10px 24px rgba(111,47,129,.22)}
.button-primary:hover{background:var(--purple-dark)}
.button-outline{border-color:var(--purple);color:var(--purple);background:#fff}
.button-wide{min-width:220px}

.hero{background:linear-gradient(105deg,#fff 0%,#fff 43%,#f9f4f0 100%);overflow:hidden}
.hero-grid{min-height:610px;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:45px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--purple);font-size:.77rem;font-weight:700;margin:0 0 12px}
h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.12;margin:0}
h1{font-size:clamp(3.1rem,6vw,5.5rem);font-weight:500}
h1 span{color:var(--purple)}
h2{font-size:clamp(2rem,3.6vw,3.15rem);font-weight:500}
h3{font-size:1.38rem}
.lead{font-size:1.12rem;color:var(--muted);max-width:580px;margin:25px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{align-self:stretch;display:flex;align-items:end;padding:55px 0}
.photo-placeholder{width:100%;aspect-ratio:1.22;position:relative;border-radius:48% 15% 18% 12%;overflow:hidden;background:linear-gradient(145deg,#efe8e3,#d7c7bc);box-shadow:var(--shadow)}
.placeholder-scene{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.9),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.45),transparent 40%)}
.mirror{position:absolute;right:8%;top:9%;width:35%;height:65%;border-radius:50% 50% 12px 12px;border:11px solid rgba(255,255,255,.55)}
.client-silhouette,.stylist-silhouette{position:absolute;bottom:-4%;background:linear-gradient(#7d5b4e,#251d22);border-radius:48% 48% 10% 10%}
.client-silhouette{width:39%;height:72%;left:23%}
.stylist-silhouette{width:26%;height:66%;right:8%;background:linear-gradient(#38272b,#171316)}
.photo-note{position:absolute;left:24px;bottom:24px;right:24px;background:rgba(255,255,255,.9);padding:16px 18px;border-radius:16px;backdrop-filter:blur(8px)}
.photo-note strong,.photo-note span{display:block}
.photo-note strong{color:var(--purple);font-size:.83rem}
.photo-note span{font-size:.8rem;color:#514a52}

.section{padding:90px 0}
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px;align-items:center}
.about-copy p:not(.eyebrow){color:var(--muted)}
.signature{margin-top:28px}
.signature strong{display:block;font-family:"Playfair Display",serif;font-size:2rem;color:var(--purple);font-style:italic}
.signature span{font-size:.85rem;color:var(--muted)}
.video-card{border:0;padding:0;background:none;position:relative;aspect-ratio:16/10;border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);text-align:left;color:#fff}
.video-card img{width:100%;height:100%;object-fit:cover}
.video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,12,21,.78),rgba(20,12,21,.12) 65%)}
.video-copy{position:absolute;left:34px;bottom:34px;max-width:260px}
.video-copy strong{display:block;font-family:"Playfair Display",serif;font-size:2rem}
.video-copy small{font-size:.95rem}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;padding-left:6px;font-size:1.8rem;background:rgba(0,0,0,.18)}
.ratio-label{position:absolute;right:16px;top:16px;background:rgba(255,255,255,.9);color:var(--purple);padding:6px 10px;border-radius:999px;font-size:.7rem;font-weight:700}

.services{background:var(--cream)}
.section-heading{max-width:760px;margin-bottom:38px}
.section-heading.centered{text-align:center;margin-inline:auto}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #eee6ed;box-shadow:0 10px 30px rgba(36,20,37,.06)}
.service-photo{height:205px;display:grid;place-items:center;background:linear-gradient(135deg,#ddd0c8,#bea99b);position:relative}
.service-color{background:linear-gradient(135deg,#cab8ab,#73554c)}
.service-care{background:linear-gradient(135deg,#dac8b9,#9c755c)}
.service-photo span{background:rgba(255,255,255,.85);font-size:.72rem;color:var(--purple);font-weight:700;padding:7px 10px;border-radius:999px}
.service-body{padding:24px 24px 27px;position:relative}
.service-icon{position:absolute;top:-28px;left:20px;background:var(--purple);color:#fff;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.35rem}
.service-body p{margin:8px 0 0;color:var(--muted);font-size:.9rem}

.benefits{padding-top:70px;padding-bottom:70px}
.benefits-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;gap:20px}
.benefit{text-align:center}
.benefit span{display:block;color:var(--purple);font-size:2.3rem}
.benefit strong,.benefit small{display:block}
.benefit small{color:var(--muted)}

.certificates{background:#fcfbfc}
.certificate-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.certificate{min-height:165px;padding:20px;border:1px solid #e4d5c7;background:linear-gradient(145deg,#fff,#f6efe8);box-shadow:0 7px 20px rgba(40,25,41,.07);cursor:pointer}
.certificate span,.certificate strong,.certificate small{display:block}
.certificate span{font-size:.7rem;letter-spacing:.16em}
.certificate strong{font-family:"Playfair Display",serif;margin:18px 0}
.certificate small{color:var(--purple)}

.transform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.transform-card{aspect-ratio:4/5;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:linear-gradient(180deg,#d7c5b7,#6b4537);color:#fff}
.transform-card.after{background:linear-gradient(180deg,#e8d2b4,#8a5d3b)}
.transform-card span{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.88);color:var(--ink);font-size:.7rem;padding:5px 8px;border-radius:999px}
.transform-card strong{font-family:"Playfair Display",serif;font-size:1.35rem}
.transform-card small{opacity:.85}

.reviews{background:var(--cream)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
blockquote{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}
.stars{color:#d99f16;letter-spacing:.12em}
blockquote p{font-family:"Playfair Display",serif;font-size:1.2rem}
blockquote footer{color:var(--muted);font-size:.85rem}

.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;align-items:stretch}
.contact-list{list-style:none;padding:0;margin:25px 0;display:grid;gap:17px}
.contact-list li{display:flex;gap:14px}
.contact-list li>span{color:var(--purple);font-size:1.25rem}
.contact-list address{font-style:normal}
.map-wrap{min-height:390px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.map-wrap iframe{border:0;width:100%;height:100%}

.site-footer{background:#171418;color:#fff;padding:24px 0}
.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:25px;align-items:center}
.footer-grid img{width:150px;filter:brightness(0) invert(1)}
.footer-grid p{text-align:center;font-size:.82rem;color:#c9c3ca}
.footer-grid a{font-size:.85rem}
.mobile-call{display:none}

.video-modal{border:0;border-radius:20px;padding:0;max-width:850px;width:calc(100% - 30px);box-shadow:0 30px 100px rgba(0,0,0,.35)}
.video-modal::backdrop{background:rgba(16,10,17,.78)}
.modal-close{position:absolute;right:12px;top:8px;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:1.7rem;z-index:2;cursor:pointer}
.video-placeholder{aspect-ratio:16/10;position:relative;background:#171418;color:#fff}
.video-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.45}
.video-placeholder div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px}
.video-placeholder strong{font-family:"Playfair Display",serif;font-size:2.3rem}

@media (max-width:980px){
  .nav{grid-template-columns:160px 1fr auto}
  .menu{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;align-items:center;border-bottom:1px solid var(--line)}
  .menu.open{display:flex}
  .menu-toggle{display:block;justify-self:end}
  .nav-call{display:none}
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .hero-grid{padding:50px 0 30px;min-height:auto}
  .hero-visual{padding:10px 0 35px}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .benefits-grid>div:first-child{grid-column:1/-1;text-align:center}
  .certificate-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
  .container{width:min(100% - 28px,1180px)}
  .nav{height:72px}
  .menu{top:72px}
  .brand img{width:140px}
  .hero-grid{gap:20px}
  h1{font-size:clamp(2.7rem,13vw,4rem)}
  .section{padding:65px 0}
  .service-grid,.review-grid{grid-template-columns:1fr}
  .certificate-grid{grid-template-columns:repeat(2,1fr)}
  .transform-grid{grid-template-columns:repeat(2,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .video-copy{left:20px;bottom:20px}
  .video-copy strong{font-size:1.45rem}
  .video-copy small{display:none}
  .play{width:62px;height:62px}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-grid img{margin-inline:auto}
  .footer-grid p{text-align:center}
  .mobile-call{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:90;background:var(--purple);color:#fff;border-radius:999px;padding:14px;justify-content:center;font-weight:700;box-shadow:0 10px 35px rgba(50,18,57,.35)}
  body{padding-bottom:68px}
}


/* Fotografie wygenerowane na bazie zaakceptowanej wizualizacji */
.hero-photo{
  position:relative;
  margin:0;
  width:100%;
  overflow:hidden;
  border-radius:42px 14px 20px 14px;
  box-shadow:var(--shadow);
  background:#eee8e4;
}
.hero-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center;
}
.hero-photo figcaption{
  position:absolute;
  left:18px;
  bottom:18px;
  max-width:380px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#544d55;
  font-size:.72rem;
  backdrop-filter:blur(8px);
}
.service-photo{
  overflow:hidden;
  background:#ded1c8;
}
.service-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .35s ease;
}
.service-card:hover .service-photo img{transform:scale(1.035)}
.video-card img{object-position:center}
@media (max-width:700px){
  .hero-photo img{min-height:300px}
  .hero-photo figcaption{left:12px;right:12px;bottom:12px;max-width:none;border-radius:14px}
}

/* === Wersja 2: szerszy layout i dopracowana responsywność === */
:root{
  --page-max:1480px;
  --content-max:1360px;
}
.container{width:min(var(--content-max),calc(100% - 56px))}
.nav{height:92px;grid-template-columns:205px minmax(520px,1fr) auto;gap:34px}
.brand img{width:184px}
.menu{gap:30px;font-size:.95rem}
.hero{background:linear-gradient(100deg,#fff 0%,#fff 34%,#faf6f2 68%,#f1e8e1 100%)}
.hero .container{width:min(var(--page-max),calc(100% - 40px))}
.hero-grid{min-height:650px;grid-template-columns:minmax(430px,.78fr) minmax(620px,1.42fr);gap:58px}
.hero-copy{padding-left:34px}
.hero-photo{border-radius:32px 10px 20px 10px;box-shadow:none}
.hero-photo img{min-height:520px;object-position:58% center}
.hero-photo figcaption{display:none}
.section{padding:100px 0}
.about-grid{grid-template-columns:minmax(340px,.72fr) minmax(650px,1.45fr);gap:80px}
.video-card{width:100%;border-radius:18px}
.service-grid{gap:26px}
.service-photo{height:235px}
.benefits-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.certificate-grid{gap:20px}
.transform-grid{gap:20px}
.review-grid{gap:22px}
.contact-grid{grid-template-columns:.62fr 1.38fr;gap:52px}

@media (min-width:1500px){
  h1{font-size:5.7rem}
  .hero-grid{min-height:700px}
  .hero-photo img{min-height:575px}
}

@media (max-width:1240px){
  .container{width:min(1180px,calc(100% - 40px))}
  .nav{grid-template-columns:170px 1fr auto;gap:18px}
  .menu{gap:18px;font-size:.88rem}
  .brand img{width:158px}
  .nav-call{padding:12px 16px;font-size:.86rem}
  .hero-grid{grid-template-columns:.9fr 1.1fr;gap:34px;min-height:580px}
  .hero-copy{padding-left:0}
  .hero-photo img{min-height:460px}
  .about-grid{grid-template-columns:.85fr 1.15fr;gap:45px}
}

@media (max-width:980px){
  .container,.hero .container{width:min(100% - 36px,900px)}
  .nav{height:78px;grid-template-columns:1fr auto}
  .menu-toggle{display:block}
  .menu{top:78px}
  .nav-call{display:none}
  .hero-grid{grid-template-columns:1fr;gap:30px;padding:58px 0 42px}
  .hero-copy{max-width:760px}
  .hero-photo img{min-height:440px}
  .about-grid,.contact-grid{grid-template-columns:1fr}
  .about-copy{max-width:760px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .service-card:last-child{grid-column:1/-1;max-width:calc(50% - 13px);width:100%;margin-inline:auto}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .benefits-grid>div:first-child{grid-column:1/-1}
  .certificate-grid{grid-template-columns:repeat(3,1fr)}
  .transform-grid{grid-template-columns:repeat(2,1fr)}
  .review-grid{grid-template-columns:1fr 1fr}
  .review-grid blockquote:last-child{grid-column:1/-1}
  .map-wrap{min-height:460px}
}

@media (max-width:700px){
  .container,.hero .container{width:min(100% - 24px,680px)}
  .nav{height:70px}
  .menu{top:70px}
  .brand img{width:136px}
  .hero-grid{padding:40px 0 28px}
  h1{font-size:clamp(2.55rem,12vw,4rem)}
  h2{font-size:clamp(1.95rem,9vw,2.7rem)}
  .lead{font-size:1rem;margin:20px 0 24px}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .button{width:100%}
  .hero-photo{border-radius:22px}
  .hero-photo img{min-height:300px;aspect-ratio:4/3}
  .section{padding:66px 0}
  .about-grid{gap:34px}
  .video-card{border-radius:16px}
  .video-copy{max-width:190px}
  .service-grid,.review-grid{grid-template-columns:1fr}
  .service-card:last-child{grid-column:auto;max-width:none}
  .service-photo{height:210px}
  .benefits-grid{grid-template-columns:1fr 1fr;gap:24px 12px}
  .certificate-grid{grid-template-columns:1fr 1fr;gap:12px}
  .certificate{min-height:145px;padding:14px}
  .transform-grid{grid-template-columns:1fr 1fr;gap:12px}
  .review-grid blockquote:last-child{grid-column:auto}
  .contact-grid{gap:28px}
  .map-wrap{min-height:360px;border-radius:16px}
}

@media (max-width:430px){
  .certificate-grid,.transform-grid{grid-template-columns:1fr}
  .benefits-grid{grid-template-columns:1fr}
  .benefits-grid>div:first-child{grid-column:auto}
  .benefit{padding:10px 0;border-bottom:1px solid var(--line)}
}


/* === Wersja 3: kinetyczne hero + pełna responsywność etapów 1–4 === */
.hero{
  position:relative;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 78% 18%,rgba(111,47,129,.08),transparent 27%),
    linear-gradient(100deg,#fff 0%,#fff 36%,#faf6f2 70%,#f1e8e1 100%);
}
.hero-motion{
  --pointer-x:0px;
  --pointer-y:0px;
  position:relative;
  margin:0;
  width:100%;
  min-height:560px;
  overflow:hidden;
  border-radius:34px 12px 24px 12px;
  background:#e9dfd8;
  box-shadow:0 28px 70px rgba(45,28,45,.12);
}
.hero-motion-image{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  object-position:58% center;
  transform:translate3d(var(--pointer-x),var(--pointer-y),0) scale(1.045);
  animation:heroBreath 12s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-motion::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.20),transparent 31%),
    linear-gradient(180deg,transparent 55%,rgba(26,16,26,.12));
  pointer-events:none;
}
.hero-light{
  position:absolute;
  border-radius:50%;
  filter:blur(18px);
  opacity:.42;
  mix-blend-mode:screen;
  pointer-events:none;
}
.hero-light-one{
  width:290px;
  height:290px;
  top:-80px;
  right:8%;
  background:rgba(255,242,219,.8);
  animation:lightDrift 9s ease-in-out infinite alternate;
}
.hero-light-two{
  width:210px;
  height:210px;
  bottom:-95px;
  left:22%;
  background:rgba(185,128,198,.28);
  animation:lightDriftTwo 11s ease-in-out infinite alternate;
}
.hero-glass{
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.12) 43%,transparent 58%);
  transform:translateX(-120%);
  animation:glassSweep 8.5s ease-in-out infinite;
  pointer-events:none;
}
.hero-status{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.56);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#4e4650;
  font-size:.72rem;
  backdrop-filter:blur(10px);
}
.hero-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--purple);
  box-shadow:0 0 0 5px rgba(111,47,129,.12);
}
.hero-copy>*{
  opacity:0;
  transform:translateY(18px);
  animation:copyReveal .7s cubic-bezier(.2,.75,.25,1) forwards;
}
.hero-copy .eyebrow{animation-delay:.05s}
.hero-copy h1{animation-delay:.14s}
.hero-copy .lead{animation-delay:.23s}
.hero-copy .hero-actions{animation-delay:.32s}

@keyframes heroBreath{
  0%{transform:translate3d(var(--pointer-x),var(--pointer-y),0) scale(1.035)}
  100%{transform:translate3d(calc(var(--pointer-x) - 10px),calc(var(--pointer-y) - 4px),0) scale(1.085)}
}
@keyframes lightDrift{
  from{transform:translate3d(-14px,-10px,0) scale(.95)}
  to{transform:translate3d(18px,26px,0) scale(1.08)}
}
@keyframes lightDriftTwo{
  from{transform:translate3d(15px,8px,0)}
  to{transform:translate3d(-18px,-18px,0)}
}
@keyframes glassSweep{
  0%,58%{transform:translateX(-125%)}
  78%,100%{transform:translateX(125%)}
}
@keyframes copyReveal{
  to{opacity:1;transform:translateY(0)}
}

/* Lepsze wykorzystanie szerokich ekranów */
@media (min-width:1280px){
  .hero .container{width:min(1540px,calc(100% - 48px))}
  .hero-grid{grid-template-columns:minmax(450px,.76fr) minmax(720px,1.46fr)}
  .hero-motion{min-height:590px}
}
@media (min-width:1680px){
  .container{width:min(1450px,calc(100% - 80px))}
  .hero .container{width:min(1640px,calc(100% - 72px))}
  .hero-grid{min-height:760px}
  .hero-motion{min-height:650px}
  .about-grid{grid-template-columns:minmax(390px,.67fr) minmax(800px,1.5fr)}
}

/* Tablet poziomy i pionowy */
@media (max-width:1100px){
  .hero-motion{min-height:470px}
}
@media (max-width:980px){
  .hero-motion{min-height:500px}
  .hero-motion-image{object-position:center 42%}
}
@media (max-width:700px){
  .hero-motion{
    min-height:0;
    aspect-ratio:4/3;
    border-radius:22px;
  }
  .hero-motion-image{
    inset:-2%;
    width:104%;
    height:104%;
    object-position:61% center;
  }
  .hero-status{font-size:.65rem;left:12px;bottom:12px}
}
@media (max-width:430px){
  .hero-motion{aspect-ratio:1/1}
  .hero-motion-image{object-position:64% center}
  .hero-status{display:none}
}

/* Szacunek dla preferencji dostępności */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-motion-image,.hero-light,.hero-glass,.hero-copy>*{
    animation:none !important;
  }
  .hero-copy>*{
    opacity:1;
    transform:none;
  }
  .button,.service-photo img{transition:none}
}