:root {
  --xarmo-white: #ffffff;
  --xarmo-black: #0d0d10;
  --xarmo-purple: #4a2c73;
  --xarmo-red: #e6202a;
  --xarmo-grey-50: #f7f7f8;
  --xarmo-grey-100: #eeeef1;
  --xarmo-grey-300: #cfcfd5;
  --xarmo-grey-600: #67676f;
  --xarmo-display: "Sora", Arial, sans-serif;
  --xarmo-body: "Manrope", Arial, sans-serif;
  --xarmo-mono: "Space Mono", "Courier New", monospace;
  --xarmo-bg: var(--xarmo-white);
  --xarmo-surface: var(--xarmo-white);
  --xarmo-surface-2: var(--xarmo-grey-50);
  --xarmo-text: var(--xarmo-black);
  --xarmo-muted: var(--xarmo-grey-600);
  --xarmo-accent: var(--xarmo-red);
  --xarmo-accent-2: var(--xarmo-purple);
  --xarmo-border: var(--xarmo-grey-300);
  --xarmo-focus: var(--xarmo-red);
  --xarmo-max: 1180px;
}

html { background: var(--xarmo-white) !important; }
body.xarmo-shell {
  background: var(--xarmo-white) !important;
  background-image: none !important;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.xarmo-shell a:focus-visible,
body.xarmo-shell button:focus-visible {
  outline: 3px solid var(--xarmo-red) !important;
  outline-offset: 3px;
}

/* Shared publication shell */
.xarmo-site-header,
body.xarmo-game-runner .xarmo-site-header {
  position: sticky !important;
  inset: 0 0 auto !important;
  z-index: 9000;
  border: 0 !important;
  border-bottom: 1px solid var(--xarmo-black) !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: none !important;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
  backdrop-filter: blur(14px);
}
.xarmo-site-header__inner {
  min-height: 76px !important;
  gap: 1.25rem;
}
.xarmo-brand,
.xarmo-footer-brand {
  display: inline-flex;
  align-items: baseline;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-display) !important;
  font-size: 31px;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: -.075em !important;
  text-decoration: none;
  text-shadow: none !important;
  text-transform: lowercase !important;
  white-space: nowrap;
}
.xarmo-brand__x { color: var(--xarmo-red) !important; }
.xarmo-brand__rest { color: inherit !important; }
.xarmo-nav__list { gap: .15rem !important; }
.xarmo-menu-button,
.xarmo-nav a {
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
  font-size: .91rem;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.xarmo-nav a {
  min-height: 44px;
  padding-inline: .68rem !important;
  border-bottom: 3px solid transparent;
}
.xarmo-nav a:hover,
.xarmo-nav a[aria-current="page"] {
  background: transparent !important;
  color: var(--xarmo-black) !important;
  box-shadow: none !important;
  border-bottom-color: var(--xarmo-red);
}
.xarmo-menu-button {
  border: 1px solid var(--xarmo-black) !important;
  border-radius: 999px;
  background: var(--xarmo-white) !important;
}

.xarmo-site-footer,
body.xarmo-game-runner .xarmo-site-footer {
  position: relative !important;
  inset: auto !important;
  border: 0 !important;
  border-top: 5px solid var(--xarmo-red) !important;
  background: var(--xarmo-black) !important;
  color: var(--xarmo-white) !important;
  font-family: var(--xarmo-body) !important;
}
.xarmo-site-footer__inner {
  min-height: 0 !important;
  padding: 2.4rem 0 1.1rem !important;
  display: block !important;
  text-align: left !important;
}
.xarmo-footer-intro {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .75rem 1.25rem;
  align-items: end;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #37373d;
}
.xarmo-footer-brand {
  color: var(--xarmo-white) !important;
  font-size: clamp(1.8rem,4vw,2.8rem);
}
.xarmo-footer-intro p {
  max-width: 54ch;
  margin: 0 !important;
  color: #c9c9cf !important;
  font: 500 .9rem/1.5 var(--xarmo-body) !important;
  white-space: normal !important;
}
.xarmo-footer-grid {
  display: grid !important;
  grid-template-columns: 1.35fr .8fr .7fr 1fr;
  gap: 1.5rem clamp(1rem,4vw,3rem);
  padding: 1.75rem 0;
}
.xarmo-footer-column h2 {
  margin: 0 0 .7rem;
  color: var(--xarmo-white) !important;
  font: 700 .72rem/1.2 var(--xarmo-mono) !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.xarmo-footer-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .48rem;
}
.xarmo-footer-column a,
.xarmo-footer-bottom p {
  color: #c9c9cf !important;
  font-family: var(--xarmo-body) !important;
}
.xarmo-footer-column a {
  text-decoration: none;
  font-size: .82rem;
  font-weight: 700;
}
.xarmo-footer-column a:hover { color: var(--xarmo-white) !important; }
.xarmo-footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: .75rem 1.25rem;
  padding-top: .9rem;
  border-top: 1px solid #37373d !important;
}
.xarmo-footer-bottom p {
  margin: 0 !important;
  font-size: .72rem !important;
  white-space: normal !important;
}
body.xarmo-game-runner .xarmo-site-footer__inner {
  width: min(calc(100% - 2rem), var(--xarmo-max));
  margin: 0 auto;
}

/* Generic pages */
.xarmo-page {
  min-height: auto !important;
  padding: clamp(3rem,7vw,6rem) 1rem !important;
  background: var(--xarmo-white) !important;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
}
.xarmo-page__inner { width: min(100%, 900px) !important; }
.xarmo-page h1,
.xarmo-page h2 {
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-display) !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.xarmo-page h1 {
  margin: 0 0 1rem;
  font-size: clamp(3rem,7vw,5.7rem) !important;
  line-height: .94 !important;
  letter-spacing: -.055em;
}
.xarmo-page h2 {
  margin: 2.4rem 0 .75rem;
  font-size: clamp(1.45rem,3vw,2rem) !important;
}
.xarmo-page p,
.xarmo-page li {
  color: var(--xarmo-grey-600) !important;
  font-family: var(--xarmo-body) !important;
  line-height: 1.75 !important;
}
.xarmo-page a { color: var(--xarmo-purple) !important; }
.xarmo-page .xarmo-lead { color: var(--xarmo-grey-600) !important; }
.xarmo-notice,
.xarmo-legal-links a {
  border: 1px solid var(--xarmo-grey-300) !important;
  background: var(--xarmo-grey-50) !important;
  box-shadow: none !important;
}
.xarmo-notice { border-left: 4px solid var(--xarmo-purple) !important; }

/* Editorial landing pages */
.xarmo-news-page {
  padding: clamp(2.4rem,5vw,5.5rem) 1rem !important;
  background: var(--xarmo-white) !important;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
}
.xarmo-news-shell { width: min(100%, var(--xarmo-max)) !important; }
.xarmo-news-kicker,
.xarmo-news-section-label,
.xarmo-news-card__section,
.xarmo-news-card__meta,
.xarmo-news-meta,
.xarmo-news-current-card > p,
.xarmo-news-full-archive summary span {
  font-family: var(--xarmo-mono) !important;
}
.xarmo-news-kicker,
.xarmo-news-section-label,
.xarmo-news-card__section {
  color: var(--xarmo-red) !important;
  font-size: .69rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
}
.xarmo-news-masthead {
  max-width: 920px !important;
  padding: 0 0 clamp(2rem,4vw,3.2rem) !important;
  border-bottom: 1px solid var(--xarmo-black) !important;
}
.xarmo-news-masthead h1,
.xarmo-news-article-header h1,
.xarmo-news-card h2,
.xarmo-news-current h2,
.xarmo-news-current-card h3,
.xarmo-news-trending h2,
.xarmo-news-topic-section h2,
.xarmo-news-section h2,
.xarmo-news-play-strip h2,
.xarmo-news-more h2,
.xarmo-news-related-card h3,
.xarmo-news-sources h2 {
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-display) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  text-transform: none !important;
}
.xarmo-news-masthead h1 {
  max-width: 15ch;
  margin-top: .5rem !important;
  font-size: clamp(3.25rem,7vw,6.6rem) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
}
.xarmo-news-masthead > p:last-child {
  max-width: 67ch;
  color: var(--xarmo-grey-600) !important;
  font-size: clamp(1.05rem,1.8vw,1.25rem) !important;
  line-height: 1.65 !important;
}
.xarmo-news-front {
  grid-template-columns: minmax(0,1.42fr) minmax(290px,.58fr) !important;
  gap: clamp(1.8rem,4vw,3.4rem) !important;
  margin-top: clamp(2.2rem,5vw,4.2rem) !important;
}
.xarmo-news-card { color: var(--xarmo-black) !important; }
.xarmo-news-card--feature {
  grid-template-columns: minmax(180px,.42fr) minmax(0,1fr) !important;
  min-height: 410px;
  overflow: hidden;
  border: 1px solid var(--xarmo-black) !important;
  border-radius: 18px !important;
  background: var(--xarmo-white) !important;
  box-shadow: none !important;
}
.xarmo-news-feature-visual {
  position: relative;
  min-height: 100%;
  border-right: 1px solid var(--xarmo-black) !important;
  background: var(--xarmo-purple) !important;
}
.xarmo-news-feature-copy { padding: clamp(1.8rem,4vw,3.2rem) !important; }
.xarmo-news-card--feature h2 {
  max-width: 17ch;
  margin: .55rem 0 1rem !important;
  font-size: clamp(2.2rem,4vw,3.65rem) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}
.xarmo-news-card h2 a,
.xarmo-news-current-card h3 a,
.xarmo-news-related-card h3 a,
.xarmo-news-full-archive a,
.xarmo-news-trending a,
.xarmo-news-topic-section h2 a {
  color: var(--xarmo-black) !important;
  text-decoration: none !important;
}
.xarmo-news-card h2 a:hover,
.xarmo-news-current-card h3 a:hover,
.xarmo-news-related-card h3 a:hover,
.xarmo-news-trending a:hover,
.xarmo-news-topic-section h2 a:hover { color: var(--xarmo-purple) !important; }
.xarmo-news-card > p:not(.xarmo-news-card__section):not(.xarmo-news-card__meta),
.xarmo-news-feature-copy > p:not(.xarmo-news-card__section):not(.xarmo-news-card__meta) {
  color: var(--xarmo-grey-600) !important;
  font-family: var(--xarmo-body) !important;
  line-height: 1.65 !important;
}
.xarmo-news-card__meta { color: var(--xarmo-grey-600) !important; }
.xarmo-news-feature-link {
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
  font-weight: 800 !important;
}
.xarmo-news-card__art {
  display: block;
  overflow: hidden;
  background: var(--xarmo-grey-100);
}
.xarmo-news-card__art img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
}
.xarmo-news-card__art--feature {
  border-right: 1px solid var(--xarmo-black);
}
.xarmo-news-current {
  border: 0 !important;
  border-top: 5px solid var(--xarmo-red) !important;
  background: var(--xarmo-grey-50) !important;
  box-shadow: none !important;
}
.xarmo-news-current-heading {
  border-bottom: 1px solid var(--xarmo-grey-300) !important;
}
.xarmo-news-current h2 {
  font-size: clamp(1.7rem,3vw,2.35rem) !important;
  letter-spacing: -.035em;
}
.xarmo-news-current-card {
  border-bottom: 1px solid var(--xarmo-grey-300) !important;
  background: transparent !important;
}
.xarmo-news-current-card > p,
.xarmo-news-current-card > p span,
.xarmo-news-current-card > p time { color: var(--xarmo-grey-600) !important; }
.xarmo-news-current-card h3 {
  font-size: 1.05rem !important;
  line-height: 1.35 !important;
}
.xarmo-news-trending {
  margin-top: clamp(2.7rem,5vw,4rem) !important;
  border: 0 !important;
  border-top: 1px solid var(--xarmo-black) !important;
  border-bottom: 1px solid var(--xarmo-grey-300) !important;
  background: var(--xarmo-white) !important;
  box-shadow: none !important;
}
.xarmo-news-trending li { border-top-color: var(--xarmo-grey-300) !important; }
.xarmo-news-trending li > span {
  color: var(--xarmo-red) !important;
  font-family: var(--xarmo-mono) !important;
}
.xarmo-news-play-strip {
  margin-top: clamp(2.7rem,5vw,4rem) !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--xarmo-purple) !important;
  box-shadow: none !important;
  color: var(--xarmo-white) !important;
}
.xarmo-news-play-strip .xarmo-news-section-label { color: #e6dff0 !important; }
.xarmo-news-play-strip h2,
.xarmo-news-play-strip strong { color: var(--xarmo-white) !important; }
.xarmo-news-play-strip a {
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 12px !important;
  background: rgba(13,13,16,.2) !important;
  color: var(--xarmo-white) !important;
  box-shadow: none !important;
}
.xarmo-news-play-strip small { color: #e3dced !important; }
.xarmo-news-section-shelves { margin-top: clamp(3rem,6vw,5rem) !important; }
.xarmo-news-topic-section {
  border-top: 1px solid var(--xarmo-black) !important;
  background: var(--xarmo-white) !important;
}
.xarmo-news-topic-section > header > p { color: var(--xarmo-grey-600) !important; }
.xarmo-news-topic-grid { gap: 1rem !important; }
.xarmo-news-card--topic {
  border: 1px solid var(--xarmo-grey-300) !important;
  border-radius: 14px !important;
  background: var(--xarmo-white) !important;
  box-shadow: none !important;
}
.xarmo-news-card--topic-lead { border-color: var(--xarmo-black) !important; }
.xarmo-news-full-archive {
  border: 1px solid var(--xarmo-grey-300) !important;
  background: var(--xarmo-grey-50) !important;
  box-shadow: none !important;
}
.xarmo-news-full-archive summary,
.xarmo-news-full-archive li { border-color: var(--xarmo-grey-300) !important; }

/* Article / Review pages */
.xarmo-news-page--article { padding-top: clamp(2.3rem,5vw,4.5rem) !important; }
.xarmo-news-article { max-width: 1040px !important; }
.xarmo-news-article > .xarmo-news-kicker {
  border: 0 !important;
  background: transparent !important;
  padding: 0 0 1.2rem !important;
}
.xarmo-news-article > .xarmo-news-kicker a { color: var(--xarmo-grey-600) !important; }
.xarmo-news-article-header {
  max-width: 930px !important;
  padding-bottom: clamp(2rem,4vw,3rem) !important;
  border-bottom: 1px solid var(--xarmo-black) !important;
}
.xarmo-news-article-header h1 {
  margin: 0 !important;
  font-size: clamp(3rem,7vw,6rem) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
}
.xarmo-news-deck {
  max-width: 760px !important;
  color: var(--xarmo-grey-600) !important;
  font: 500 clamp(1.15rem,2vw,1.38rem)/1.6 var(--xarmo-body) !important;
}
.xarmo-news-meta {
  color: var(--xarmo-grey-600) !important;
  font-size: .75rem !important;
}
.xarmo-news-meta strong { color: var(--xarmo-black) !important; }
.xarmo-news-variant-summary,
.xarmo-news-lead-module {
  max-width: 760px;
  margin: clamp(1.8rem,4vw,2.8rem) 0 !important;
  border: 0 !important;
  border-left: 5px solid var(--xarmo-purple) !important;
  border-radius: 0 !important;
  background: var(--xarmo-grey-50) !important;
  box-shadow: none !important;
  color: var(--xarmo-black) !important;
}
.xarmo-news-key-points { color: var(--xarmo-black) !important; }
.xarmo-news-key-points li::marker { color: var(--xarmo-red) !important; }
.xarmo-news-article-body {
  max-width: 760px !important;
  color: var(--xarmo-black) !important;
  font-family: var(--xarmo-body) !important;
}
.xarmo-news-section {
  color: var(--xarmo-black) !important;
  font-size: 1.075rem !important;
  line-height: 1.78 !important;
}
.xarmo-news-section + .xarmo-news-section { margin-top: 2.7rem !important; }
.xarmo-news-section h2 {
  position: relative;
  margin-top: 0 !important;
  padding-top: .8rem !important;
  font-size: clamp(1.8rem,4vw,2.7rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}
.xarmo-news-section h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 38px;
  height: 4px;
  background: var(--xarmo-red);
}
.xarmo-news-section h3 {
  color: var(--xarmo-purple) !important;
  font-family: var(--xarmo-display) !important;
}
.xarmo-news-section p,
.xarmo-news-section li { color: #29292e !important; }
.xarmo-news-section a { color: var(--xarmo-purple) !important; }
.xarmo-news-section blockquote {
  border-left: 4px solid var(--xarmo-purple) !important;
  background: var(--xarmo-grey-50) !important;
  color: var(--xarmo-black) !important;
}
.xarmo-news-opening-paragraph::first-letter { color: inherit !important; }
.xarmo-editorial-media {
  border: 0 !important;
  background: transparent !important;
}
.xarmo-editorial-media img {
  border-radius: 14px;
  background: var(--xarmo-grey-100);
}
.xarmo-editorial-media figcaption {
  color: var(--xarmo-grey-600) !important;
  font-family: var(--xarmo-mono) !important;
  font-size: .7rem !important;
}
.xarmo-news-sources,
.xarmo-news-more {
  border-top: 1px solid var(--xarmo-black) !important;
  background: transparent !important;
}
.xarmo-news-related-card {
  border: 1px solid var(--xarmo-grey-300) !important;
  border-radius: 12px !important;
  background: var(--xarmo-white) !important;
  box-shadow: none !important;
}
.xarmo-news-related-card p { color: var(--xarmo-grey-600) !important; }
.xarmo-news-back a { color: var(--xarmo-purple) !important; }

/* Play */
body.xarmo-shell main:has(.arcade) {
  background: var(--xarmo-purple) !important;
  color: var(--xarmo-white) !important;
}
.arcade {
  width: min(calc(100% - 2rem), var(--xarmo-max)) !important;
  padding: clamp(3rem,7vw,6rem) 0 !important;
}
.arcade-intro { max-width: 820px !important; margin-bottom: 2rem !important; }
.arcade-eyebrow {
  color: #e9e2f2 !important;
  font: 700 .72rem/1 var(--xarmo-mono) !important;
  letter-spacing: .08em !important;
}
.arcade-intro h1 {
  color: var(--xarmo-white) !important;
  font-family: var(--xarmo-display) !important;
  font-size: clamp(3.3rem,8vw,7rem) !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
  text-transform: none !important;
  text-shadow: none !important;
}
.arcade-intro p:last-child {
  color: #e4ddec !important;
  font: 500 1.05rem/1.65 var(--xarmo-body) !important;
}
.game-grid { gap: 1.1rem !important; }
.game-card {
  min-height: 220px;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 16px !important;
  background: var(--xarmo-black) !important;
  box-shadow: none !important;
  color: var(--xarmo-white) !important;
  transition: transform 160ms ease, border-color 160ms ease !important;
}
.game-card::after { display: none !important; }
.game-card:hover,
.game-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: rgba(255,255,255,.65) !important;
  box-shadow: none !important;
}
.game-card img {
  border-bottom: 1px solid #33333a !important;
  background: #18181d !important;
  image-rendering: auto !important;
}
.game-card span { padding: 1rem 1.15rem 1.25rem !important; }
.game-card strong {
  color: var(--xarmo-white) !important;
  font: 700 clamp(1.1rem,2vw,1.4rem)/1.15 var(--xarmo-display) !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
.game-card small {
  color: #bebec5 !important;
  font: 500 .86rem/1.45 var(--xarmo-body) !important;
}

/* Individual game pages keep their gameplay art; only the shared chrome follows v0.2. */
body.xarmo-game > main { background-color: var(--xarmo-purple); }
body.xarmo-game-runner { overflow: hidden !important; }
body.xarmo-game-runner .xarmo-site-header {
  position: fixed !important;
  background: rgba(255,255,255,.97) !important;
}
body.xarmo-game-runner .xarmo-site-footer {
  position: fixed !important;
  inset: auto 0 0 !important;
  background: var(--xarmo-black) !important;
}

@media (max-width: 960px) {
  .xarmo-news-front { grid-template-columns: 1fr !important; }
  .xarmo-news-card--feature { grid-template-columns: minmax(170px,.36fr) minmax(0,1fr) !important; }
  .xarmo-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .xarmo-site-header__inner { min-height: 66px !important; }
  .xarmo-brand { font-size: 28px; }
  .xarmo-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    border-top: 1px solid var(--xarmo-black) !important;
    border-bottom: 1px solid var(--xarmo-black) !important;
    background: var(--xarmo-white) !important;
  }
  .xarmo-nav[data-open="true"] { display: block; }
  .xarmo-nav__list {
    width: min(calc(100% - 2rem), var(--xarmo-max));
    margin: 0 auto !important;
    padding: .6rem 0 .85rem !important;
    flex-direction: column;
    align-items: stretch;
  }
  .xarmo-nav a {
    width: 100%;
    justify-content: flex-start !important;
    padding: .65rem .25rem !important;
    border-bottom: 1px solid var(--xarmo-grey-100);
  }
  .xarmo-nav a[aria-current="page"] { border-bottom-color: var(--xarmo-red) !important; }
  .xarmo-footer-intro { grid-template-columns: 1fr; align-items: start; }
  .xarmo-news-page { padding-inline: .9rem !important; }
  .xarmo-news-card--feature {
    grid-template-columns: 1fr !important;
    min-height: 0;
  }
  .xarmo-news-feature-visual {
    min-height: 220px;
    border-right: 0 !important;
    border-bottom: 1px solid var(--xarmo-black) !important;
  }
  .xarmo-news-card__art--feature { border-right: 0; border-bottom: 1px solid var(--xarmo-black); }
  .xarmo-news-card__art--feature img { max-height: 360px; object-fit: cover; }
  .xarmo-news-article-header h1 { font-size: clamp(2.7rem,12vw,4.7rem) !important; }
}

@media (max-width: 520px) {
  .xarmo-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 1.35rem 1rem !important; }
  .xarmo-footer-bottom { display: grid; justify-items: start; }
  .xarmo-news-masthead h1 { font-size: clamp(3rem,16vw,4.7rem) !important; }
  .xarmo-news-feature-copy { padding: 1.35rem !important; }
  .game-grid { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}