/* ============================================================
   ALEX PÉREZ HAIR STUDIO — rediseño "#Sin Filtro"
   Boutique natural · Jorge Juan 21 · Barrio de Salamanca
   Paleta REAL de marca: verde salvia #A0B39C · marfil cálido · carbón
   Firma: el concepto #Sin filtro (autenticidad) + tono botánico
   ============================================================ */

@font-face{
  font-family:'Alex Display';
  src:url('assets/img/alex-titulo.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}

:root{
  --ink:#1b1e1b;          /* carbón cálido, leve verde */
  --ink-soft:#242824;
  --txt:#3a3d38;
  --mut:#8b8e84;
  --line:#e7e4db;
  --paper:#f4f2ea;        /* marfil cálido */
  --paper-2:#ece8de;
  --white:#fff;
  --sage:#a0b39c;         /* acento de marca (HAIR STUDIO del logo) */
  --sage-dk:#5f7556;      /* salvia legible sobre claro */
  --sage-lt:#c3d2bf;      /* salvia sobre oscuro */
  --neon:#ef9a45;         /* naranja del rótulo #Sin filtro (toque puntual) */
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Montserrat",system-ui,sans-serif;
  --brand:"Alex Display","Cormorant Garamond",serif;
  --e:cubic-bezier(.19,1,.22,1);
  --pad:clamp(18px,5vw,90px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);background:var(--paper);color:var(--txt);
  font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
em{font-style:italic}
strong{font-weight:500;color:var(--ink)}
::selection{background:var(--sage);color:#fff}
.wave-def{position:absolute}

/* ---------- shared ---------- */
.kicker{font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--mut);font-weight:500;margin-bottom:1.6rem}
.kicker--sage{color:var(--sage-dk)}
.kicker--center{text-align:center}
.h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.1rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.012em;color:var(--ink)}
.h2 em{font-weight:400;color:var(--sage-dk)}
.p{font-size:clamp(1rem,1.25vw,1.16rem);color:var(--txt);max-width:46ch;line-height:1.85}

/* ---------- progress ---------- */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--sage);z-index:130}

/* ---------- veil / loader ---------- */
.veil{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.7rem}
.veil__wave{width:min(60vw,340px);height:30px;opacity:.9}
.veil__wave use{stroke-dasharray:560;stroke-dashoffset:560}
.veil__mark{font-family:var(--brand);font-size:clamp(2rem,8vw,4.4rem);color:var(--paper);font-weight:400;letter-spacing:.04em;opacity:0}
.veil__sub{font-size:.66rem;letter-spacing:.36em;text-transform:uppercase;color:var(--sage-lt);opacity:0}
.veil__count{position:absolute;right:var(--pad);bottom:calc(var(--pad) - 10px);font-family:var(--serif);
  font-size:clamp(3rem,12vw,8rem);color:#262a26;line-height:1}
html:not(.js) .veil{display:none}

/* ---------- cursor ---------- */
.cursor{position:fixed;top:0;left:0;width:7px;height:7px;border-radius:50%;background:var(--sage);
  pointer-events:none;z-index:150;transform:translate(-50%,-50%);mix-blend-mode:difference;
  transition:width .35s var(--e),height .35s var(--e),opacity .3s}
.cursor.is-link{width:60px;height:60px;background:transparent;border:1px solid var(--sage)}
.cursor.is-hide{opacity:0}
.cursor__t{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage);opacity:0;transition:opacity .3s}
.cursor.is-link .cursor__t{opacity:1}
@media (hover:hover){html.js,html.js *{cursor:none !important}}
@media (hover:none){.cursor{display:none}}

/* ---------- topbar ---------- */
.topbar{position:fixed;top:0;left:0;width:100%;background:var(--ink);color:var(--paper);z-index:90;
  overflow:hidden;height:34px;display:flex;align-items:center}
.topbar__track{display:flex;white-space:nowrap;gap:1.3rem;animation:marq 46s linear infinite;
  font-size:.6rem;letter-spacing:.24em;text-transform:uppercase}
.topbar__track i{color:var(--sage-lt);font-style:normal}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- nav ---------- */
.nav{position:fixed;top:34px;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;
  align-items:center;padding:1rem var(--pad);transition:background .5s var(--e),padding .5s var(--e),box-shadow .5s}
.nav.is-stuck{background:rgba(244,242,234,.85);backdrop-filter:blur(16px);padding:.6rem var(--pad);box-shadow:0 1px 0 var(--line)}
.nav__brand{font-family:var(--brand);font-size:1.6rem;letter-spacing:.05em;display:flex;gap:.34em;line-height:1;align-items:baseline}
.nav__brand-s{color:var(--sage-dk)}
.nav__menu{display:flex;gap:2rem;align-items:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
.nav__menu a{opacity:.78;transition:opacity .3s}
.nav__menu a:hover{opacity:1}
.nav__menu a[data-inert]{cursor:default}
.nav__cta{border:1px solid currentColor;padding:.55rem 1.2rem;border-radius:40px;opacity:1!important;position:relative;overflow:hidden}
.nav__cta span{position:relative;z-index:2;transition:color .4s}
.nav__cta::after{content:"";position:absolute;inset:0;background:var(--sage);transform:translateY(101%);transition:transform .5s var(--e)}
.nav__cta:hover::after{transform:translateY(0)}
.nav__cta:hover span{color:var(--ink)}
.nav.is-hero .nav__brand,.nav.is-hero .nav__menu a{color:var(--paper)}
.nav.is-hero .nav__brand-s{color:var(--sage-lt)}
@media(max-width:820px){.nav__menu a:not(.nav__cta){display:none}}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.1rem;
  border-radius:40px;background:var(--ink);color:var(--paper);font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;font-weight:500;overflow:hidden}
.btn span{position:relative;z-index:2;transition:color .45s}
.btn::after{content:"";position:absolute;inset:0;background:var(--sage);transform:translateY(101%);transition:transform .55s var(--e);z-index:1}
.btn:hover::after{transform:translateY(0)}
.btn:hover span{color:var(--ink)}
.btn--sage{background:var(--sage)}
.btn--sage span{color:var(--ink)}
.btn--sage::after{background:var(--ink)}
.btn--sage:hover span{color:var(--paper)}
.btn--linelt{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1px rgba(244,242,234,.55)}
.btn--linelt:hover span{color:var(--ink)}
.btn--lg{padding:1.2rem 2.8rem;font-size:.76rem}

/* =========================================================
   HERO
   ========================================================= */
.hero{position:relative;height:100vh;min-height:640px;color:var(--paper);overflow:hidden;
  display:grid;grid-template-rows:1fr auto auto;padding:clamp(90px,14vh,150px) var(--pad) clamp(28px,5vh,56px)}
.hero__bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;transform:scale(1.12)}
.hero__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(20,22,18,.6) 0%,rgba(20,22,18,.18) 40%,rgba(20,22,18,.3) 62%,rgba(18,20,16,.86) 100%)}
.hero__noise{position:absolute;inset:0;z-index:-1;opacity:.05;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero__meta{position:absolute;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;
  display:flex;flex-direction:column;gap:.3rem;color:rgba(244,242,234,.82);z-index:3}
.hero__meta span:nth-child(2){color:var(--sage-lt)}
.hero__meta--tl{top:clamp(76px,12vh,120px);left:var(--pad)}
.hero__meta--tr{top:clamp(76px,12vh,120px);right:var(--pad);text-align:right}
.hero__meta--bl{bottom:clamp(28px,5vh,56px);left:var(--pad)}
@media(max-width:820px){.hero__meta--tr,.hero__meta--bl{display:none}}

.hero__center{grid-row:2;align-self:center;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero__pre{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2.4vw,1.9rem);
  color:var(--sage-lt);margin-bottom:.5rem;opacity:0}
.hero__title{font-family:var(--brand);font-weight:400;line-height:.92;letter-spacing:.03em}
.hero__l1{display:block;font-size:clamp(3.6rem,17vw,13.5rem)}
.hero__l2{display:block;margin:-.04em 0}
.hero__l2 em{font-family:var(--serif);font-style:italic;font-size:clamp(3rem,12vw,9.5rem);color:var(--sage-lt);font-weight:400;letter-spacing:0}
[data-clip]{display:inline-block}
.hero__hash{color:var(--neon);font-style:normal}

.hero__foot{grid-row:3;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}
.hero__tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.8vw,1.5rem);
  line-height:1.3;text-align:right;color:rgba(244,242,234,.92);opacity:0;max-width:32ch}
.hero__scroll{position:absolute;left:50%;bottom:clamp(28px,5vh,56px);transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.58rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--sage-lt);opacity:0}
.hero__scroll i{width:1px;height:46px;background:linear-gradient(var(--sage-lt),transparent);animation:scr 2.1s var(--e) infinite}
@keyframes scr{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media(max-width:680px){.hero__foot{justify-content:center}.hero__tag{text-align:center}}

/* =========================================================
   BIG MARQUEE
   ========================================================= */
.bigmarq{background:var(--ink);color:var(--paper);overflow:hidden;padding:clamp(20px,3vw,40px) 0}
.bigmarq__track{display:flex;align-items:center;gap:2.4rem;white-space:nowrap;animation:marq 32s linear infinite;width:max-content}
.bigmarq__track span{font-family:var(--brand);font-size:clamp(2.2rem,6.4vw,5.4rem);font-weight:400;letter-spacing:.04em}
.bigmarq__track span:nth-child(odd){color:var(--sage-lt)}
.bigmarq__track b{color:var(--sage);font-size:clamp(1.2rem,3vw,2.4rem)}

/* =========================================================
   MARCAS / AVAL (strip oscuro)
   ========================================================= */
.brands{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,72px) var(--pad) clamp(56px,8vw,90px);text-align:center}
.brands__head{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-bottom:2.8rem}
.brands__head p{font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--sage-lt)}
.brands__head .line{height:1px;width:clamp(30px,12vw,120px);background:rgba(244,242,234,.3);transform-origin:center;transform:scaleX(0)}
.brands__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(26px,6vw,72px)}
.brands__row span{font-family:var(--serif);font-size:clamp(1.1rem,2.4vw,1.7rem);color:rgba(244,242,234,.7);
  letter-spacing:.04em;transition:color .4s,transform .4s var(--e)}
.brands__row span:hover{color:var(--sage-lt);transform:translateY(-3px)}
.brands__row b{font-weight:400;color:var(--sage)}

/* =========================================================
   FUNDADOR
   ========================================================= */
.founder{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center;
  padding:clamp(70px,10vw,150px) var(--pad);background:var(--paper)}
.founder__media{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--paper-2)}
.founder__media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform 1.4s var(--e)}
.founder__media:hover img{transform:scale(1.04)}
.founder__badge{position:absolute;left:18px;bottom:18px;background:var(--sage);color:var(--ink);
  font-family:var(--serif);font-style:italic;font-size:1rem;padding:.4rem 1.1rem;border-radius:30px}
.founder__h{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.08;color:var(--ink);margin-bottom:1.6rem}
.founder__h em{color:var(--sage-dk)}
.founder__q{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,1.7vw,1.4rem);
  line-height:1.6;color:var(--txt);border-left:2px solid var(--sage);padding-left:1.4rem;margin:1.6rem 0 1.8rem}
.founder__sign{font-family:var(--brand);font-size:1.7rem;color:var(--sage-dk);letter-spacing:.05em}
.founder__sub{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-top:.3rem}
@media(max-width:860px){.founder{grid-template-columns:1fr}.founder__media{aspect-ratio:3/4;max-height:70vh}}

/* =========================================================
   FILOSOFÍA NATURAL (manifiesto + pilares)
   ========================================================= */
.philo{position:relative;padding:clamp(60px,9vw,130px) var(--pad);text-align:center;background:var(--ink);color:var(--paper);overflow:hidden}
.philo__inner{max-width:980px;margin:0 auto}
.philo__txt{font-family:var(--serif);font-weight:300;font-size:clamp(1.7rem,4vw,3.2rem);
  line-height:1.24;letter-spacing:-.01em;color:var(--paper)}
.philo__txt em{color:var(--sage-lt)}
.philo__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(244,242,234,.14);
  margin-top:clamp(40px,6vw,80px);border:1px solid rgba(244,242,234,.14)}
.philo__cell{background:var(--ink);padding:clamp(28px,4vw,52px) clamp(14px,2vw,26px)}
.philo__cell b{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.4vw,1.7rem);color:var(--sage-lt);margin-bottom:.7rem}
.philo__cell span{display:block;font-size:.82rem;color:rgba(244,242,234,.66);line-height:1.6}
@media(max-width:760px){.philo__grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   EL ESPACIO (galería)
   ========================================================= */
.espacio{padding:clamp(70px,10vw,140px) var(--pad);background:var(--paper)}
.espacio__head{text-align:center;margin-bottom:clamp(34px,5vw,60px)}
.espacio__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.6vw,22px)}
.efig{position:relative;overflow:hidden;background:var(--paper-2)}
.efig img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--e)}
.efig:hover img{transform:scale(1.05)}
.efig::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(20,22,18,.7));pointer-events:none}
.efig figcaption{position:absolute;left:16px;bottom:14px;z-index:2;color:#fff;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;font-weight:500;display:flex;align-items:baseline;gap:.5rem}
.efig figcaption b{color:var(--sage-lt);font-family:var(--serif);font-size:1.2rem;font-weight:400}
.e1{grid-column:1/4;aspect-ratio:4/3}
.e2{grid-column:4/7;aspect-ratio:4/3}
.e3{grid-column:1/3;aspect-ratio:3/4}
.e4{grid-column:3/7;aspect-ratio:16/10}
@media(max-width:760px){.espacio__grid{grid-template-columns:1fr 1fr}.e1,.e2,.e3,.e4{grid-column:auto;aspect-ratio:1/1}}

/* =========================================================
   SERVICIOS (imagen fija + carta por categorías)
   ========================================================= */
.services{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:stretch;
  padding:clamp(70px,11vw,150px) var(--pad);background:var(--white)}
.services__media{position:relative;overflow:hidden;border-radius:2px;min-height:420px}
.services__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.services__tag{position:absolute;top:18px;left:18px;font-family:var(--serif);font-style:italic;font-size:1rem;
  color:var(--ink);background:var(--sage);padding:.35rem 1.05rem;border-radius:30px}
.services__menu{display:flex;flex-direction:column}
.services__head{margin-bottom:clamp(22px,3vw,38px)}
.srvcat{margin-bottom:clamp(22px,2.6vw,34px)}
.srvcat__label{display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sage-dk);
  font-weight:600;padding-bottom:.7rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}
.srvitem{display:flex;align-items:baseline;gap:.6rem;padding:.55rem 0;transition:color .3s}
.srvitem:hover{color:var(--sage-dk)}
.srvitem__name{font-family:var(--serif);font-size:clamp(1.1rem,1.7vw,1.4rem);color:var(--ink);white-space:nowrap}
.srvitem:hover .srvitem__name{color:var(--sage-dk)}
.srvitem__dots{flex:1;border-bottom:1px dotted var(--mut);opacity:.5;transform:translateY(-3px)}
.srvitem__price{font-family:var(--serif);font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--txt);white-space:nowrap}
.services__foot{font-size:.8rem;color:var(--mut);font-style:italic;margin-top:.4rem}
@media(max-width:860px){.services{grid-template-columns:1fr}.services__media{height:60vw;min-height:300px}}

/* =========================================================
   NOVIAS (Pronovias)
   ========================================================= */
.brides{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);align-items:stretch;
  min-height:clamp(440px,70vh,720px);overflow:hidden}
.brides__media{position:relative;overflow:hidden}
.brides__media img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.brides__tag{position:absolute;top:22px;left:22px;font-family:var(--serif);font-style:italic;font-size:1rem;
  color:var(--ink);background:var(--sage);padding:.3rem 1rem;border-radius:30px}
.brides__txt{padding:clamp(40px,5vw,90px) var(--pad);align-self:center}
.brides__h{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.06;color:var(--ink);margin-bottom:1.4rem}
.brides__h em{color:var(--sage-dk)}
@media(max-width:860px){.brides{grid-template-columns:1fr;min-height:0}.brides__media{height:64vw;min-height:300px}}

/* =========================================================
   CIFRAS
   ========================================================= */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.stat{background:var(--paper);padding:clamp(40px,6vw,80px) clamp(16px,2vw,30px);text-align:center}
.stat b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1;color:var(--ink)}
.stat:nth-child(3) b,.stat:nth-child(4) b{font-style:italic;color:var(--sage-dk)}
.stat span{display:block;margin-top:.8rem;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   CTA / CITA
   ========================================================= */
.cta{position:relative;padding:clamp(90px,15vw,200px) var(--pad);text-align:center;color:var(--paper);overflow:hidden}
.cta__bg{position:absolute;inset:0;z-index:-2}
.cta__bg img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.cta__bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(18,20,16,.74) 0%,rgba(18,20,16,.68) 55%,rgba(20,22,18,1) 100%)}
.cta__inner{position:relative;z-index:1}
.cta__title{font-family:var(--serif);font-weight:300;line-height:.96;font-size:clamp(2.6rem,9vw,7rem);letter-spacing:-.02em;margin-bottom:2.4rem}
.cta__title span{display:block}
.cta__title em{color:var(--sage-lt)}
.cta__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.4rem}
.cta__info{font-size:.86rem;letter-spacing:.04em;color:rgba(244,242,234,.82);line-height:2}
.cta__info a{border-bottom:1px solid var(--sage)}

/* =========================================================
   FOOTER
   ========================================================= */
.foot{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,70px) var(--pad) 2rem;overflow:hidden}
.foot__big{font-family:var(--brand);font-weight:400;font-size:clamp(3.4rem,15vw,13rem);
  line-height:.9;margin-bottom:clamp(20px,4vw,40px);letter-spacing:.04em;white-space:nowrap;
  background:linear-gradient(180deg,#39423a,#1d211c);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-bottom:clamp(28px,5vw,52px);border-bottom:1px solid rgba(244,242,234,.14)}
.foot__cols span{display:block;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sage-lt);margin-bottom:1rem}
.foot__cols p{color:rgba(244,242,234,.8);font-size:.92rem;line-height:1.9}
.foot__cols a:hover{color:var(--sage-lt)}
.foot__bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem;font-size:.68rem;letter-spacing:.08em;color:rgba(244,242,234,.5)}
.foot__by a{color:var(--sage-lt)}
@media(max-width:680px){.foot__cols{grid-template-columns:1fr;gap:1.6rem}}

/* =========================================================
   ANIMATION HOOKS
   ========================================================= */
.js [data-fade]{opacity:0;transform:translateY(22px)}
.js [data-reveal]{opacity:0;transform:translateY(44px)}
.ln-wrap{display:block;overflow:hidden}
.ln-wrap>span{display:block;transform:translateY(110%)}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .js [data-fade],.js [data-reveal],.hero__pre,.hero__tag,.hero__scroll{opacity:1;transform:none}
  .ln-wrap>span{transform:none}
  .veil{display:none}
}