/* ==========================================================================
   RADE — hoja de estilo
   Paleta sacada de sus propias portadas: teal noche, naranja de sodio, crema.
   ========================================================================== */
:root{
  --ink:#070B10;
  --ink2:#0B1116;
  --panel:#101820;
  --panel2:#16212B;
  --cream:#F1F3F4;
  --muted:rgba(241,243,244,.62);
  --muted2:rgba(241,243,244,.42);
  --line:rgba(241,243,244,.14);
  --line2:rgba(241,243,244,.24);
  --amber:#34D3DC;
  --amber2:#7FE9F0;
  --amber3:#1B9AA6;
  --red:#E23A5A;
  --teal:#C97A1E;
  --script:'Caveat','Segoe Script',cursive;
  --disp:'Anton',Impact,'Arial Narrow',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sh:0 24px 60px rgba(0,0,0,.5);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink);color:var(--cream);font-family:var(--body);font-weight:400;
  line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body::after{
  content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,.disp{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.92}
h2{font-size:clamp(2rem,5.2vw,4.2rem)}
h3{font-size:clamp(1.15rem,2.2vw,1.6rem);letter-spacing:.01em}
p{color:var(--muted)}
::selection{background:var(--amber);color:var(--ink)}
.wrap{width:min(1240px,92vw);margin:0 auto}
.pad{padding:clamp(64px,9vw,140px) 0}
.oscuro{background:var(--ink2)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--amber);
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--amber)}
.cabecera-sec{max-width:760px;margin-bottom:clamp(30px,4vw,58px)}
.cabecera-sec h2{margin:1rem 0 1rem}
.cabecera-sec p{font-size:clamp(1rem,1.35vw,1.12rem);max-width:660px}
.lead{color:var(--muted)}
.destacado{color:var(--cream);font-weight:600}

/* ---------- botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  font-family:var(--body);font-size:.82rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:1.05rem 1.7rem;border:1px solid var(--line2);
  background:transparent;color:var(--cream);cursor:pointer;border-radius:2px;
  transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);
}
.btn svg{width:16px;height:16px;flex:0 0 16px}
.btn:hover{transform:translateY(-2px)}
.btn-amber{background:var(--amber);border-color:var(--amber);color:#160B02}
.btn-amber:hover{background:var(--amber2);border-color:var(--amber2)}
.btn-crema{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.btn-crema:hover{background:#fff;border-color:#fff}
.btn-linea:hover{background:rgba(242,236,227,.08);border-color:var(--cream)}
.btns{display:flex;gap:.8rem;flex-wrap:wrap}

/* ---------- cabecera ---------- */
header{
  position:fixed;top:0;left:0;right:0;z-index:900;transition:background .4s var(--ease),backdrop-filter .4s;
  border-bottom:1px solid transparent;
}
header.puesto{background:rgba(7,11,16,.88);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.05rem 0}
.marca{display:flex;align-items:center;gap:.7rem}
.marca .logo{font-family:var(--disp);font-size:1.6rem;letter-spacing:.06em;line-height:1}
.marca .punto{width:9px;height:9px;background:var(--amber);border-radius:50%}
.menu{display:flex;gap:1.7rem;align-items:center}
.menu a{font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:relative;padding-bottom:3px}
.menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--amber);transition:width .3s var(--ease)}
.menu a:hover{color:var(--cream)}
.menu a:hover::after{width:100%}
.nav .btn{padding:.72rem 1.25rem;font-size:.74rem}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.5rem}
.burger span{display:block;width:24px;height:2px;background:var(--cream);transition:.3s var(--ease)}
.movil-menu{
  position:fixed;inset:0;z-index:950;background:var(--ink);display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:1.4rem;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);
}
.movil-menu.abierto{opacity:1;pointer-events:auto}
.movil-menu a{font-family:var(--disp);font-size:2rem;text-transform:uppercase;letter-spacing:.02em}
.movil-menu a:hover{color:var(--amber)}
.movil-menu .cerrar{position:absolute;top:1.4rem;right:5vw;background:none;border:0;color:var(--cream);font-size:2rem;cursor:pointer;line-height:1}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-2}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:grayscale(.62) contrast(1.12) brightness(.72)}
.hero-bg::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(120% 90% at 78% 16%,rgba(52,211,220,.28) 0%,rgba(52,211,220,0) 55%),
    linear-gradient(180deg,rgba(7,11,16,.72) 0%,rgba(7,11,16,.5) 38%,rgba(7,11,16,.94) 82%,var(--ink) 100%),
    linear-gradient(100deg,rgba(224,34,58,.45) 0%,rgba(7,11,16,.1) 60%);
}
.hero-in{position:relative;width:100%;padding:clamp(120px,16vh,180px) 0 clamp(40px,6vh,64px)}
.hero .marca-top{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;flex-wrap:wrap}
.hero .tag{font-size:.72rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--amber)}
.hero .tag.sep{color:var(--muted2)}
.hero h1{
  font-size:clamp(4.6rem,20vw,17rem);line-height:.82;letter-spacing:-.015em;margin:.2rem 0 .3rem;
  text-shadow:0 18px 60px rgba(0,0,0,.55);
}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero .sub{font-family:var(--disp);font-size:clamp(1.05rem,2.6vw,1.9rem);text-transform:uppercase;letter-spacing:.04em;color:var(--cream);opacity:.92;max-width:820px}
.hero .texto{max-width:600px;margin:1.4rem 0 2rem;font-size:clamp(.98rem,1.3vw,1.1rem)}
.hero .btns{margin-bottom:clamp(28px,4vh,52px)}
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.stats div{padding:1.2rem 1.2rem 1.25rem 0;border-right:1px solid var(--line)}
.stats div:last-child{border-right:0;padding-right:0}
.stats b{display:block;font-family:var(--disp);font-size:clamp(1.5rem,3vw,2.3rem);line-height:1;color:var(--cream)}
.stats span{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);margin-top:.45rem}

/* ---------- marquee ---------- */
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink2);overflow:hidden;padding:.85rem 0}
.ticker-in{display:flex;gap:2.6rem;white-space:nowrap;animation:desliza 34s linear infinite;will-change:transform}
.ticker span{font-family:var(--disp);font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ticker span em{font-style:normal;color:var(--amber)}
.ticker span.sep{color:var(--amber)}
@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- rejillas y tarjetas ---------- */
.dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.6vw,34px)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,28px)}
.cuatro{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)}
.tarjeta{
  background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden;
  transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.tarjeta:hover{transform:translateY(-6px);border-color:rgba(255,106,26,.55);box-shadow:var(--sh)}
.tarjeta .arte{position:relative;aspect-ratio:1/1;overflow:hidden;background:#000}
.tarjeta .arte img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.tarjeta:hover .arte img{transform:scale(1.05)}
.tarjeta .cuerpo{padding:1.25rem 1.3rem 1.4rem}
.tarjeta .cuerpo h3{margin-bottom:.35rem}
.tarjeta .meta{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.tarjeta .pie{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;flex-wrap:wrap}
.tarjeta p{font-size:.93rem;margin-top:.5rem}
.etiqueta{
  position:absolute;top:.9rem;left:.9rem;z-index:2;background:rgba(7,11,16,.82);backdrop-filter:blur(6px);
  border:1px solid var(--line2);padding:.35rem .7rem;font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cream)
}
.etiqueta.nueva{background:var(--amber);border-color:var(--amber);color:#160B02;font-weight:700}

/* ---------- reproductor ---------- */
.repro-lista{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,60px)}
.corte{
  display:grid;grid-template-columns:44px 52px 1fr auto;align-items:center;gap:1rem;
  padding:.85rem .4rem;border-bottom:1px solid var(--line);cursor:pointer;
  transition:background .25s var(--ease),padding-left .25s var(--ease);background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;color:inherit;font-family:inherit;
}
.corte:hover{background:rgba(242,236,227,.05);padding-left:.9rem}
.corte.sonando{background:rgba(255,106,26,.1)}
.corte.sonando .corte-tema{color:var(--amber)}
.corte-n{font-family:var(--disp);font-size:1rem;color:var(--muted2)}
.corte.sonando .corte-n{color:var(--amber)}
.corte img{width:52px;height:52px;object-fit:cover;border-radius:2px}
.corte-tema{font-weight:600;font-size:.98rem;display:block;line-height:1.3}
.corte-album{font-size:.76rem;color:var(--muted2);letter-spacing:.02em}
.corte-dur{font-size:.78rem;color:var(--muted2);font-variant-numeric:tabular-nums}
.corte-play{width:34px;height:34px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;flex:0 0 34px}
.corte-play svg{width:13px;height:13px;fill:currentColor}
.barra-fija{
  position:fixed;left:0;right:0;bottom:0;z-index:960;background:rgba(7,11,16,.95);backdrop-filter:blur(16px);
  border-top:1px solid var(--line2);transform:translateY(105%);transition:transform .45s var(--ease);
}
.barra-fija.visible{transform:translateY(0)}
.barra-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem;padding:.75rem 0}
.barra-info{display:flex;align-items:center;gap:.9rem;min-width:0}
.barra-info img{width:46px;height:46px;object-fit:cover;border-radius:2px}
.barra-info .t{font-weight:600;font-size:.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-info .a{font-size:.74rem;color:var(--muted2)}
.barra-controles{display:flex;align-items:center;gap:.7rem}
.barra-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:none;color:var(--cream);display:grid;place-items:center;cursor:pointer;transition:.25s var(--ease)}
.barra-btn:hover{border-color:var(--amber);color:var(--amber)}
.barra-btn.principal{background:var(--amber);border-color:var(--amber);color:#160B02;width:48px;height:48px}
.barra-btn svg{width:16px;height:16px;fill:currentColor}
.barra-progreso{display:flex;align-items:center;gap:.8rem}
.progreso{position:relative;height:3px;background:rgba(242,236,227,.18);border-radius:2px;flex:1;cursor:pointer;min-width:90px}
.progreso i{position:absolute;inset:0 auto 0 0;width:0;background:var(--amber);border-radius:2px}
.tiempo{font-size:.72rem;color:var(--muted2);font-variant-numeric:tabular-nums;min-width:74px;text-align:right}

/* ---------- video ---------- */
.video-rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px)}
.video-marco{
  position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:3px;
  background:#000;cursor:pointer;padding:0;
}
.video-marco img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:.5s var(--ease)}
.video-marco:hover img{opacity:1;transform:scale(1.04)}
.video-marco .play{
  position:absolute;inset:0;display:grid;place-items:center;
}
.video-marco .play span{
  width:58px;height:58px;border-radius:50%;background:rgba(255,106,26,.94);display:grid;place-items:center;
  transition:transform .35s var(--ease);
}
.video-marco:hover .play span{transform:scale(1.12)}
.video-marco .play svg{width:18px;height:18px;fill:#160B02;margin-left:3px}
.video-marco .titulo{
  position:absolute;left:0;right:0;bottom:0;padding:1.5rem 1rem .85rem;text-align:left;
  background:linear-gradient(180deg,transparent,rgba(7,11,16,.92));
}
.video-marco .titulo b{display:block;font-size:.92rem;font-weight:600}
.video-marco .titulo i{font-style:normal;font-size:.72rem;color:var(--amber);letter-spacing:.12em;text-transform:uppercase}
.video-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.videos-pie{margin-top:1.6rem;font-size:.86rem;color:var(--muted2)}

/* ---------- 28850 / barrio ---------- */
.barrio{position:relative;overflow:hidden;isolation:isolate}
.barrio-bg{position:absolute;inset:0;z-index:-2}
.barrio-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.9) brightness(.42) contrast(1.15)}
.barrio-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--ink) 0%,rgba(7,11,16,.72) 30%,rgba(7,11,16,.86) 70%,var(--ink) 100%)}
.barrio .num{
  font-family:var(--disp);font-size:clamp(4rem,17vw,13rem);line-height:.85;letter-spacing:.02em;
  color:transparent;-webkit-text-stroke:2px var(--amber2);margin:.4rem 0 1.4rem;
}
.barrio blockquote{
  font-family:var(--disp);font-size:clamp(1.4rem,3.6vw,2.7rem);text-transform:uppercase;line-height:1.08;
  color:var(--cream);max-width:900px;margin:0 0 1.1rem;
}
.barrio blockquote em{font-style:normal;color:var(--amber)}
.barrio cite{font-style:normal;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted2)}

/* ---------- listas de datos ---------- */
.datos-lista{display:grid;gap:0}
.fila{
  display:grid;grid-template-columns:1.1fr 1fr auto;gap:1.2rem;align-items:center;
  padding:1.05rem 0;border-bottom:1px solid var(--line);
}
.fila:first-child{border-top:1px solid var(--line)}
.fila .t{font-weight:600;font-size:1.02rem}
.fila .t small{display:block;font-weight:400;font-size:.76rem;color:var(--muted2);letter-spacing:.04em}
.fila .v{font-size:.86rem;color:var(--muted)}
.fila .n{font-family:var(--disp);font-size:1.15rem;color:var(--amber2);text-align:right;white-space:nowrap}
.pastillas{display:flex;flex-wrap:wrap;gap:.5rem}
.pastilla{border:1px solid var(--line2);padding:.4rem .8rem;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---------- proceso / linea de tiempo ---------- */
.linea{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,30px)}
.hito{border-top:2px solid var(--amber);padding-top:1.1rem}
.hito b{display:block;font-family:var(--disp);font-size:1.5rem;color:var(--cream);line-height:1}
.hito span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:.55rem 0 .6rem}
.hito p{font-size:.9rem}

/* ---------- galeria ---------- */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,16px)}
.galeria figure{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:4/5;background:#000}
.galeria figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.galeria figure:hover img{transform:scale(1.06)}
.galeria figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:1.4rem .9rem .8rem;font-size:.74rem;
  background:linear-gradient(180deg,transparent,rgba(7,11,16,.9));color:var(--cream);
}
.galeria .ancho{grid-column:span 2;aspect-ratio:16/10}
.galeria .alto{grid-row:span 2;aspect-ratio:auto}

/* ---------- prensa ---------- */
.prensa{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,30px)}
.cita{border-left:2px solid var(--amber);padding-left:1.3rem}
.cita p{font-size:1.02rem;color:var(--cream);font-weight:300}
.cita cite{display:block;margin-top:.9rem;font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}

/* ---------- contacto ---------- */
.contacto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,60px);align-items:start}
.enlaces{display:grid;gap:0}
.enlace{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0;
  border-bottom:1px solid var(--line);transition:padding-left .3s var(--ease),color .3s var(--ease);
}
.enlace:first-child{border-top:1px solid var(--line)}
.enlace:hover{padding-left:.8rem;color:var(--amber)}
.enlace b{font-size:1rem;font-weight:600}
.enlace small{display:block;font-size:.76rem;color:var(--muted2);font-weight:400}
.enlace svg{width:17px;height:17px;flex:0 0 17px;stroke:currentColor;fill:none;stroke-width:1.6}
.caja-alta{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:clamp(24px,3.4vw,44px)}

/* ---------- cierre + pie ---------- */
.cierre{background:var(--amber);color:#160B02}
.cierre h2{color:#160B02}
.cierre p{color:rgba(22,11,2,.78)}
.cierre .btn-linea{border-color:rgba(22,11,2,.35);color:#160B02}
.cierre .btn-linea:hover{background:rgba(22,11,2,.1);border-color:#160B02}
.cierre-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center}
.pie{border-top:1px solid var(--line);padding:clamp(44px,6vw,80px) 0 2rem;background:var(--ink2)}
.pie-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.6rem}
.pie h4{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem;font-weight:600}
.pie ul{list-style:none;display:grid;gap:.55rem}
.pie li,.pie a{font-size:.88rem;color:var(--muted)}
.pie a:hover{color:var(--cream)}
.pie .marca .logo{font-size:2rem}
.pie .aviso{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.6rem;font-size:.76rem;color:var(--muted2)}
.pie .aviso a{font-size:.76rem}
.credito{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.4rem;font-size:.76rem;color:var(--muted2)}
.credito a{color:var(--muted);border-bottom:1px solid var(--line2)}

/* ---------- revelado ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.visto{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media(max-width:1024px){
  .repro-lista{grid-template-columns:1fr}
  .tres,.linea,.prensa{grid-template-columns:1fr 1fr}
  .cuatro,.galeria{grid-template-columns:1fr 1fr}
  .galeria .ancho{grid-column:span 2}
  .pie-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .menu{display:none}
  .burger{display:flex}
  .nav .btn{display:none}
  .hero{min-height:92svh}
  .hero-bg img{object-position:50% 26%}
  .stats{grid-template-columns:1fr 1fr}
  .stats div{border-right:0}
  .stats div:nth-child(odd){border-right:1px solid var(--line)}
  .stats div:nth-child(1),.stats div:nth-child(2){border-bottom:1px solid var(--line)}
  .contacto-grid,.cierre-grid{grid-template-columns:1fr}
  .video-rejilla{grid-template-columns:1fr}
  .dos{grid-template-columns:1fr}
}
@media(max-width:560px){
  .tres,.cuatro,.prensa,.linea,.pie-grid,.galeria{grid-template-columns:1fr}
  .galeria .ancho{grid-column:span 1;aspect-ratio:4/5}
  .galeria .alto{grid-row:span 1;aspect-ratio:4/5}
  .btn{width:100%;white-space:normal}
  .btns .btn{width:100%}
  .barra-in{grid-template-columns:1fr;gap:.6rem}
  .barra-progreso{order:3}
  .fila{grid-template-columns:1fr auto;gap:.6rem 1rem}
  .fila .v{grid-column:1/-1;font-size:.82rem}
  .corte{grid-template-columns:34px 46px 1fr auto;gap:.7rem}
  .corte img{width:46px;height:46px}
  body{padding-bottom:0}
}
section[id]{scroll-margin-top:80px}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none}
  .ticker-in{animation:none}
}