/* Nani Party Services — propuesta de Esel Solutions
   Paleta medida sobre la maqueta aprobada: navy #07202F, oro #A57B2C,
   marfil #F9F5EE, marigold #E1A748. Escala y ritmo contrastados con el
   corpus RICOUI (1200px, 96px entre secciones, radio 16, sin sombras) y con
   la rejilla de producto de Good Eggs vista en Inspo. */


@font-face{font-family:'Gloock';src:url('/demo-naniparty/fonts/gloock-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Gloock Cifras';src:url('/demo-naniparty/fonts/albert-sans-var.woff2') format('woff2');font-weight:400 700;unicode-range:U+0024,U+002B,U+2013;font-display:swap}
@font-face{font-family:'Albert Sans';src:url('/demo-naniparty/fonts/albert-sans-var.woff2') format('woff2');font-weight:400 700;font-display:swap}

:root{
  --font-display:'Gloock',Georgia,serif;
  --font-figures:'Gloock Cifras','Gloock',Georgia,serif;
  --font-body:'Albert Sans','Helvetica Neue',Arial,sans-serif;
  --navy:#07202F;
  --navy-soft:#102435;
  --navy-line:rgba(7,32,47,.14);
  --ivory:#F9F5EE;
  --paper:#FDFBF8;
  --gold:#A57B2C;
  --gold-soft:#C7A162;
  --gold-lift:#D4B46E;
  --gold-deep:#B08733;
  --on-gold:#0A2233;
  --gold-ink:#7A5D20;
  --marigold:#E1A748;
  --ink:#152230;
  --ink-soft:#4A5866;
  --sand:#EFE6D6;
  --card:#FFFFFF;
  --maxw:1600px;
  --edge:clamp(1.25rem,4.6vw,6rem);
}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ivory);color:var(--ink);
  font-family:var(--font-body);font-size:1.0625rem;line-height:1.55;font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:400;line-height:1.06;letter-spacing:-.015em;margin:0;text-wrap:balance;overflow-wrap:anywhere;min-width:0}
p{margin:0}

.wrap{width:min(100% - var(--edge)*2,var(--maxw));margin-inline:auto}

.label{
  font-family:var(--font-body);font-weight:600;font-size:.74rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);
}

/* ---------- botones ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:var(--font-body);font-weight:600;font-size:1rem;
  padding:.92rem 1.6rem;border-radius:999px;text-decoration:none;
  border:1.5px solid transparent;cursor:pointer;min-height:48px;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
}
.btn svg{flex:none}
.btn--gold{background:linear-gradient(145deg,var(--gold-lift),var(--gold-deep));color:var(--on-gold)}
.btn--gold:hover{transform:translateY(-2px);background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep))}
.btn--ghost{border-color:var(--navy);color:var(--navy);background:transparent}
.btn--ghost:hover{background:var(--navy);color:var(--ivory);transform:translateY(-2px)}
.btn--navy{background:var(--navy);color:var(--ivory)}
.btn--navy:hover{background:#0D3047;transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:999px}
.btn:active{transform:translateY(0)}

/* ---------- cabecera ---------- */
.top{position:sticky;top:0;z-index:40;background:rgba(253,251,248,.94);backdrop-filter:blur(10px)}
.top__in{display:flex;align-items:center;gap:1.4rem;padding:.85rem 0}
@media (min-width:900px){.top__in{width:100%;max-width:none;padding-inline:var(--edge)}}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex:none}
.brand__hoop{width:34px;height:34px;flex:none}
.brand__name{font-family:var(--font-display);font-weight:400;font-size:1.55rem;line-height:1;color:var(--navy);letter-spacing:-.01em}
.brand__sub{font-family:var(--font-body);font-weight:400;font-size:.66rem;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-soft);display:block;margin-top:.22rem}
.nav{margin-left:auto;display:none;gap:1.6rem;align-items:center}
@media (min-width:1000px){.nav{display:flex}}
.nav a{font-family:var(--font-body);font-weight:500;font-size:.95rem;text-decoration:none;color:var(--ink);padding:.35rem 0;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:right .22s ease}
.nav a:hover::after,.nav a:focus-visible::after{right:0}
.top .btn{margin-left:auto;padding:.7rem 1.3rem;font-size:.95rem}
@media (min-width:1000px){.top .btn{margin-left:0}}
.top__call{margin-left:auto;font-family:var(--font-body);font-weight:600;color:var(--navy);text-decoration:none;font-size:1rem}
@media (min-width:1000px){.top__call{margin-left:0;margin-right:.4rem}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:clip;background:var(--ivory)}
.hero__body{position:relative;z-index:2;padding:2.5rem 0 2.8rem}
/* en móvil: primero el texto, luego la foto, y las señas debajo */
@media (max-width:899px){
  .hero{display:flex;flex-direction:column}
  .hero__body{display:contents}
  .hero__copy,.hero__marks{width:min(100% - var(--edge)*2,var(--maxw));margin-inline:auto}
  .hero__copy{order:1;padding:2.4rem 0 2.2rem}
  .hero__media{order:2}
  .hero__marks{order:3;margin-top:2.2rem;margin-bottom:.4rem}
}


.hero h1{font-size:clamp(2.6rem,7.8vw,4rem);font-weight:400;text-wrap:normal}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero__eyebrow{margin-bottom:1.1rem}
.hero__text{margin-top:1.3rem;max-width:44ch;color:var(--ink-soft);font-size:1.09rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero__call{margin-top:1.3rem;font-size:1rem;color:var(--ink-soft)}
.hero__call a{font-family:var(--font-figures);font-weight:600;font-size:1.22rem;color:var(--navy);text-decoration:none;margin-left:.3rem}
.hero__call a:hover{text-decoration:underline;text-underline-offset:4px}

.hero__media{position:relative;width:100%;height:clamp(300px,82vw,520px)}
.hero__media picture{display:block;width:100%;height:100%}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.hero__fade{display:none}

@media (min-width:900px){
  .hero__body{width:100%;max-width:none;padding:4.2rem 0;margin-inline:0}
  .hero__copy,.hero__marks{max-width:min(46vw,700px);margin-inline:0;padding-left:var(--edge)}
  .hero__media{position:absolute;top:0;right:0;bottom:0;width:54%;height:auto}
  .hero__media img{object-position:88% 46%}
  .hero__fade{
    display:block;position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,var(--ivory) 0%,rgba(249,245,238,.9) 8%,rgba(249,245,238,.5) 18%,rgba(249,245,238,.14) 28%,rgba(249,245,238,0) 36%);
  }
}
@media (min-width:1400px){.hero__media{width:55%}}

.badge{
  position:absolute;right:1rem;top:1rem;width:94px;height:94px;border-radius:50%;
  background:linear-gradient(145deg,var(--gold-lift),var(--gold-deep));color:var(--on-gold);
  display:grid;place-content:center;text-align:center;z-index:3;
}
@media (min-width:900px){.badge{width:118px;height:118px;right:2.2rem;top:2.2rem}}
.badge b{font-family:var(--font-display);font-size:1.85rem;font-weight:400;display:block;line-height:1}
@media (min-width:900px){.badge b{font-size:2.15rem}}
.badge span{font-size:.72rem;letter-spacing:.06em;display:block;margin-top:.18rem}
.badge .stars{font-size:.66rem;letter-spacing:.06em;margin-top:.12rem;color:var(--navy)}

/* ---------- señas, dentro de la columna del hero ---------- */
.hero__marks{
  display:grid;gap:1.1rem 1.6rem;grid-template-columns:1fr;
  margin-top:2.6rem;
}
@media (min-width:560px){.hero__marks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mark{display:flex;gap:.8rem;align-items:flex-start;min-width:0}
.mark__disc{flex:none;width:40px;height:40px;border-radius:50%;background:var(--navy);display:grid;place-content:center;color:var(--paper)}
.mark__disc svg{width:21px;height:21px}
.mark__body{min-width:0}
.mark b{font-family:var(--font-body);font-weight:600;font-size:.97rem;display:block;line-height:1.25}
.mark__body span{font-size:.88rem;color:var(--ink-soft);display:block;margin-top:.1rem;line-height:1.35}

/* ---------- secciones ---------- */
.sec{padding:4.5rem 0}
@media (min-width:900px){.sec{padding:6rem 0}}
.sec--paper{background:var(--paper)}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.1rem 2rem;margin-bottom:2.2rem}
@media (min-width:900px){.head{margin-bottom:2.8rem}}
.head h2{font-size:clamp(2rem,4.8vw,3rem);max-width:17ch}
.head__sub{margin-top:.75rem;color:var(--ink-soft);max-width:50ch}
.pill-link{
  display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;min-height:44px;
  font-weight:600;font-size:.95rem;color:var(--navy);text-decoration:none;
  padding:.55rem 1.15rem;border-radius:999px;border:1.5px solid var(--navy-line);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.pill-link:hover{background:var(--navy);color:var(--paper);border-color:var(--navy)}

/* ---------- trabajos: feed de Instagram ---------- */
.work{display:grid;gap:1rem .85rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.work{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1.25rem}}
.work__card{display:block;text-decoration:none;color:inherit;min-width:0;border-radius:16px}
.work__img{position:relative;display:block;border-radius:16px;overflow:hidden;background:var(--sand)}
.work__img img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.work__card:hover .work__img img,.work__card:focus-visible .work__img img{transform:scale(1.04)}
.work__play{position:absolute;top:.7rem;right:.7rem;width:34px;height:34px;border-radius:50%;display:grid;place-content:center;background:rgba(7,32,47,.78);color:var(--paper);padding-left:2px}
.work__title{display:block;margin-top:.75rem;font-weight:600;font-size:1rem;line-height:1.3}
.work__sub{display:block;font-size:.86rem;color:var(--ink-soft);margin-top:.1rem;line-height:1.35}

/* ---------- reseñas: dos filas sin fin, en sentidos opuestos ---------- */
.sec--reviews{overflow:hidden}
.marquee{
  display:grid;gap:1rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.marquee__row{overflow:hidden}
.marquee__track{display:flex;width:max-content;animation:marquee 190s linear infinite}
.marquee__row--rev .marquee__track{animation-duration:210s;animation-direction:reverse}
.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}
.marquee__set{display:flex;gap:1rem;padding-right:1rem}
@keyframes marquee{to{transform:translateX(-50%)}}
.rev{
  margin:0;flex:none;width:300px;display:flex;flex-direction:column;gap:.7rem;
  background:var(--card);border:1px solid var(--navy-line);border-radius:16px;padding:1.25rem 1.3rem;
}
@media (min-width:900px){.rev{width:360px;padding:1.4rem 1.5rem}}
.rev__stars{color:var(--gold);font-size:.95rem;letter-spacing:.1em;line-height:1}
.rev__text{margin:0;font-size:.97rem;line-height:1.5;color:var(--ink)}
.rev__who{margin-top:auto;display:flex;flex-direction:column}
.rev__who b{font-weight:600;font-size:.95rem}
.rev__who span{font-size:.8rem;color:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .marquee__row{overflow-x:auto;padding-inline:1rem}
  .marquee__track{animation:none}
  .marquee__set[aria-hidden]{display:none}
}

/* ---------- categorías: foto grande, sin caja ---------- */
.cats{display:grid;gap:2rem 1.5rem;grid-template-columns:1fr}
@media (min-width:560px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:940px){.cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 2rem}}
.cat__img{overflow:hidden;border-radius:10px 44px 10px 44px;background:var(--sand);aspect-ratio:4/3}
.cat__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.cat:hover .cat__img img{transform:scale(1.04)}
.cat b{font-family:var(--font-display);font-weight:400;font-size:1.4rem;letter-spacing:-.01em;display:block;margin-top:1rem;line-height:1.1}
.cat span{display:block;color:var(--ink-soft);font-size:.96rem;margin-top:.35rem}

/* ---------- piezas de alquiler: el objeto recortado sobre el papel ---------- */
.pieces{display:grid;gap:2.4rem 1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4rem 3rem}}
.piece{min-width:0;text-align:center}
.piece__img{display:grid;place-items:center;aspect-ratio:1/1}
.piece__img img{width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.piece:hover .piece__img img{transform:scale(1.05)}
.piece__name{font-family:var(--font-display);font-weight:400;font-size:1.3rem;letter-spacing:-.01em;line-height:1.15;margin-top:.7rem}
.piece__sub{font-size:.92rem;line-height:1.45;color:var(--ink-soft);margin-top:.35rem;max-width:28ch;margin-inline:auto}
.piece__price{margin-top:.8rem}
.piece__price b{display:block;font-family:var(--font-figures);font-weight:600;font-size:1.85rem;line-height:1;color:var(--gold-ink)}
.piece__price span{display:block;font-size:.8rem;color:var(--ink-soft);margin-top:.35rem}
.piece__price--ask{font-weight:600;font-size:.95rem;color:var(--navy)}

/* ---------- el resto de la carta, en tipografía ---------- */
.rates{display:grid;gap:0 3.5rem;grid-template-columns:1fr;margin-top:3.4rem}
@media (min-width:760px){.rates{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(5,auto)}}
.rate{display:flex;align-items:baseline;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--navy-line)}
.rate__name{font-size:1.02rem}
.rate__dots{flex:1;border-bottom:1px dotted rgba(7,32,47,.25);transform:translateY(-.28rem)}
.rate__fig{font-family:var(--font-figures);font-weight:600;font-size:1.25rem;color:var(--gold-ink);white-space:nowrap}
.rates__note{margin-top:1.8rem;color:var(--ink-soft);font-size:.96rem;max-width:62ch}
.rates__note a{color:var(--gold-ink);font-weight:600}

/* ---------- cómo funciona: panel navy ---------- */
.band{display:grid;grid-template-columns:1fr;background:var(--navy);color:var(--paper);border-radius:24px;overflow:hidden}
@media (min-width:900px){.band{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.band__img{min-height:260px;background:var(--navy-soft)}
.band__img img{width:100%;height:100%;min-height:260px;object-fit:cover}
.band__body{padding:2.4rem 1.3rem 2.6rem}
@media (min-width:900px){.band__body{padding:3.6rem 3.4rem}}
.band h2{font-size:clamp(1.9rem,4.2vw,2.7rem);color:var(--paper)}
.steps{display:grid;gap:1.4rem;margin:2rem 0 2.3rem}
@media (min-width:620px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}}
.step{display:flex;gap:.8rem;align-items:flex-start}
.step i{
  font-style:normal;flex:none;width:34px;height:34px;border-radius:50%;
  border:1.5px solid var(--gold-soft);color:var(--gold-soft);
  font-family:var(--font-body);font-weight:600;font-size:.95rem;display:grid;place-content:center;
}
.step p{font-size:.98rem;line-height:1.45;color:rgba(253,251,248,.92)}
.stats{display:grid;gap:1.3rem;margin-top:2.8rem;padding-top:2.1rem;border-top:1px solid rgba(199,161,98,.3)}
@media (min-width:620px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stat b{font-family:var(--font-figures);font-weight:600;font-size:1.9rem;display:block;line-height:1;color:var(--marigold)}
.stat span{font-size:.92rem;color:rgba(253,251,248,.8);display:block;margin-top:.35rem}

/* ---------- quilling ---------- */
.sec--kids{padding-top:0}
.kids{display:grid;gap:2rem;align-items:center}
@media (min-width:820px){.kids{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3.4rem}}
.kids h2{font-size:clamp(1.9rem,4.2vw,2.6rem);max-width:18ch}
.kids p{margin-top:1rem;color:var(--ink-soft);max-width:56ch}
.kids .btn{margin-top:1.7rem}
.kids__facts{margin:0;padding:0;list-style:none;display:grid;gap:1.5rem}
@media (min-width:480px){.kids__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}}
@media (min-width:820px){.kids__facts{grid-template-columns:1fr;gap:1.8rem}}
.kids__facts b{font-family:var(--font-figures);font-weight:600;font-size:1.75rem;color:var(--gold-ink);display:block;line-height:1}
.kids__facts span{display:block;font-size:.92rem;color:var(--ink-soft);margin-top:.3rem}

/* ---------- entrada con forma de ticket ---------- */
.sec--ticket{padding-top:0}
.ticket{
  display:grid;grid-template-columns:1fr;background:var(--marigold);color:var(--navy);border-radius:20px;
  -webkit-mask:radial-gradient(circle 17px at left center,#0000 97%,#000) left/51% 100% no-repeat,
               radial-gradient(circle 17px at right center,#0000 97%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 17px at left center,#0000 97%,#000) left/51% 100% no-repeat,
               radial-gradient(circle 17px at right center,#0000 97%,#000) right/51% 100% no-repeat;
}
@media (min-width:860px){.ticket{grid-template-columns:minmax(0,1fr) auto}}
.ticket__main{padding:2.2rem 2.2rem 1.9rem}
@media (min-width:860px){.ticket__main{padding:3rem 3.4rem}}
.ticket h2{font-size:clamp(1.9rem,4.4vw,2.7rem)}
.ticket p{margin-top:.6rem;font-size:1.05rem;max-width:40ch}
.ticket__stub{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.8rem 2.2rem 2.3rem;border-top:2px dashed rgba(7,32,47,.32)}
@media (min-width:860px){.ticket__stub{justify-content:center;border-top:0;border-left:2px dashed rgba(7,32,47,.32);padding:2.4rem 3.4rem}}
.ticket__label{font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ticket__num{font-family:var(--font-figures);font-weight:600;font-size:2rem;line-height:1;color:var(--navy);text-decoration:none;white-space:nowrap}
.ticket__num:hover{text-decoration:underline;text-underline-offset:5px}

/* ---------- pie ---------- */
.foot{background:var(--navy);color:rgba(253,251,248,.86);padding:3.4rem 0 6.5rem;border-radius:32px 32px 0 0}
@media (min-width:900px){.foot{border-radius:48px 48px 0 0}}
@media (min-width:760px){.foot{padding:3.8rem 0 2.2rem}}
.foot__grid{display:grid;gap:2.2rem}
@media (min-width:620px){.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){.foot__grid{grid-template-columns:1.4fr .8fr 1fr 1.2fr}}
.foot .brand__name{color:var(--paper)}
.foot .brand__sub{color:rgba(253,251,248,.6)}
.foot h3{font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--paper);margin-bottom:.9rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.foot a{text-decoration:none;color:rgba(253,251,248,.86)}
.foot a:hover{color:var(--marigold)}
.foot__tag{margin-top:1rem;font-size:.97rem;color:rgba(253,251,248,.7);max-width:26ch}
.foot__row{display:flex;gap:.7rem;align-items:flex-start;font-size:.97rem}
.foot__row svg{flex:none;width:18px;height:18px;margin-top:.24rem;color:var(--gold-soft)}
.foot__social{display:flex;gap:.9rem;margin-top:1.3rem}
.foot__social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(199,161,98,.45);display:grid;place-content:center;transition:background-color .2s ease,color .2s ease}
.foot__social a:hover{background:var(--gold-soft);color:var(--navy)}
.foot__legal{margin-top:2.8rem;padding-top:1.5rem;border-top:1px solid rgba(199,161,98,.25);display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:space-between;font-size:.88rem;color:rgba(253,251,248,.6)}

/* ---------- barra fija móvil ---------- */
.callbar{
  position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:.6rem;
  padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
  background:rgba(7,32,47,.97);backdrop-filter:blur(8px);
}
@media (min-width:760px){.callbar{display:none}}
.callbar a{
  min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;
  font-family:var(--font-body);font-weight:600;font-size:.97rem;text-decoration:none;border-radius:999px;
}
.callbar__call{flex:1.9;background:linear-gradient(145deg,var(--gold-lift),var(--gold-deep));color:var(--on-gold)}
.callbar__text{flex:1;border:1.5px solid rgba(199,161,98,.65);color:var(--paper)}
@media (max-width:359px){.callbar a{font-size:.9rem;gap:.35rem}}

/* ---------- nota de demo ---------- */
.demo-note{background:var(--navy-soft);color:rgba(253,251,248,.9);font-size:.88rem;text-align:center;padding:.6rem 1rem;line-height:1.4}
.demo-note a{color:var(--marigold)}

/* ---------- entrada ---------- */
.rise{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.rise.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rise{opacity:1;transform:none}
  html{scroll-behavior:auto}
}