:root{
  --a0032-ink:#0b1220;
  --a0032-paper:#fbfbff;
  --a0032-accent:#ff3d8d;
  --a0032-accent2:#2dd4bf;
}

body.theme-a0032{
  background: var(--a0032-paper);
  color: var(--a0032-ink);
}

.rail{
  position: fixed;
  inset: 0 auto 0 0;
  width: 280px;
  background: linear-gradient(180deg, rgba(255,61,141,.10), rgba(45,212,191,.10));
  border-right: 1px solid rgba(15,23,42,.08);
  padding: 1rem;
  overflow: auto;
  z-index: 20;
}

.rail-inner{max-width: 240px; margin: 0 auto;}
.rail-tagline{margin: .75rem 0 1rem; opacity:.9;}
.rail-tagline p{margin:.25rem 0;}

.hero{
  margin-left: 280px;
  padding: 2rem 1rem;
  background:
    radial-gradient(1000px 420px at 30% 0%, rgba(255,61,141,.22), transparent 60%),
    radial-gradient(900px 380px at 70% 10%, rgba(45,212,191,.22), transparent 55%),
    linear-gradient(180deg, rgba(11,18,32,.04), transparent 60%);
}

.hero-inner{display:grid; grid-template-columns: 1fr 1.2fr; gap: 1rem; align-items: center;}

.magazine{margin-left: 280px;}
.mag-grid{display:grid; grid-template-columns: minmax(0,1fr) 360px; gap: 1.25rem; align-items:start;}

.hero-swiper .uk-card{border-radius: 14px;}

@media (max-width: 980px){
  .rail{position: static; width:auto; border-right:0;}
  .hero,.magazine{margin-left: 0;}
  .hero-inner{grid-template-columns: 1fr;}
  .mag-grid{grid-template-columns: 1fr;}
}

#footer{padding: 2.5rem 0;}
#footer .social [class^="icon-"]{display:inline-block;width:1.25rem;height:1.25rem;border-radius:999px;background:currentColor;opacity:.20;vertical-align:middle;}