:root {
  --xrx-ink: #111513;
  --xrx-paper: #eef1ec;
  --xrx-card: #f9faf7;
  --xrx-line: #cbd0c7;
  --xrx-lime: #c9ff4f;
  --xrx-violet: #5b58ef;
  --xrx-muted: #646b65;
}

body.xrx-site {
  background: var(--xrx-paper);
  color: var(--xrx-ink);
  font-family: "Manrope", system-ui, sans-serif;
}

.xrx-site h1, .xrx-site h2, .xrx-site h3, .xrx-site p { margin-top: 0; }
.xrx-site a { color: inherit; }
.xrx-home .entry-header, .xrx-home .hero-section, .xrx-home .page-title { display: none !important; }
.xrx-home .site-main, .xrx-home .content-area, .xrx-home .ct-container-full { padding: 0 !important; margin: 0 !important; max-width: none !important; }
.xrx-home .entry-content { margin: 0 !important; }
.xrx-home article.page { margin: 0; }

.xrx-site header#header, .xrx-site [data-id="type-1"] {
  background: var(--xrx-ink) !important;
  color: #fff;
}
.xrx-site header#header [data-row="middle"],
.xrx-site header#header [data-row="top"],
.xrx-site header#header [data-row="bottom"] {
  background: var(--xrx-ink) !important;
  color: #fff !important;
}
.xrx-site .site-logo-container, .xrx-site .site-title { font-weight: 800; letter-spacing: -.04em; }
.xrx-site .site-title a, .xrx-site header#header .menu > li > a { color: #fff !important; }
.xrx-site header#header .ct-header-search svg, .xrx-site header#header .ct-header-trigger svg { fill: #fff; }
.xrx-site .menu > li > a { font-family: "IBM Plex Mono", monospace; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.xrx-site .menu > li > a:hover { color: var(--xrx-lime); }

.xrx-shell { overflow: hidden; }
.xrx-intro, .xrx-latest, .xrx-articles, .xrx-topics, .xrx-empty {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}
.xrx-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, .6fr);
  gap: 70px;
  align-items: end;
  padding: clamp(72px, 11vw, 150px) 0 clamp(64px, 8vw, 105px);
}
.xrx-kicker, .xrx-section-head p, .xrx-title-row > p, .xrx-empty > p {
  font: 600 12px/1.4 "IBM Plex Mono", monospace;
  letter-spacing: .1em;
  color: var(--xrx-violet);
}
.xrx-intro h1 { max-width: 850px; font-size: clamp(50px, 7vw, 104px); line-height: .93; letter-spacing: -.075em; margin-bottom: 34px; font-weight: 800; }
.xrx-lead { max-width: 720px; font-size: clamp(18px, 2vw, 24px); line-height: 1.55; color: #454b46; }
.xrx-signal { aspect-ratio: 1; background: var(--xrx-lime); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transform: rotate(-6deg); box-shadow: 18px 18px 0 var(--xrx-violet); color: var(--xrx-ink); }
.xrx-signal span { font: 600 12px/1.2 "IBM Plex Mono", monospace; letter-spacing: .18em; margin-bottom: 8px; }
.xrx-signal strong { font: 800 clamp(48px, 5vw, 76px)/.95 "Manrope", sans-serif; letter-spacing: -.07em; }
.xrx-signal small { width: 68%; margin-top: 14px; padding-top: 12px; border-top: 2px solid var(--xrx-ink); font: 600 10px/1.45 "IBM Plex Mono", monospace; letter-spacing: .06em; }

.xrx-latest { border-top: 1px solid var(--xrx-line); padding: 26px 0 105px; }
.xrx-section-head { display: flex; justify-content: space-between; margin-bottom: 28px; }
.xrx-section-head span { font: 500 11px "IBM Plex Mono", monospace; color: var(--xrx-muted); }
.xrx-featured { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); background: var(--xrx-ink); color: white; border-radius: 22px; overflow: hidden; }
.xrx-card-image { display: block; min-height: 290px; overflow: hidden; text-decoration: none; background: #272c29; }
.xrx-card-image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.xrx-card-image:hover img { transform: scale(1.025); }
.xrx-featured .xrx-card-copy { min-width: 0; padding: clamp(34px, 4vw, 58px); display: flex; flex-direction: column; justify-content: center; }
.xrx-meta { font: 600 11px/1.5 "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--xrx-lime); }
.xrx-meta span { color: #777; }
.xrx-featured h2 { font-size: clamp(34px, 3.8vw, 54px); line-height: 1.04; letter-spacing: -.05em; margin: 15px 0 24px; overflow-wrap: anywhere; }
.xrx-featured h2 a, .xrx-card h3 a { text-decoration: none; }
.xrx-featured .xrx-card-copy > p:not(.xrx-meta) { color: #bac1ba; font-size: 16px; line-height: 1.65; }
.xrx-more { display: inline-flex; gap: 8px; align-items: center; margin-top: 18px; font: 600 12px "IBM Plex Mono", monospace; text-transform: uppercase; color: var(--xrx-lime) !important; text-decoration: none; }

.xrx-placeholder { height: 100%; min-height: 290px; display: flex; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(140deg, #242a26, #3b423d); }
.xrx-placeholder i { display: block; width: 22px; height: 22px; border-radius: 50%; background: var(--xrx-lime); }
.xrx-placeholder i:nth-child(2) { background: var(--xrx-violet); transform: scale(1.8); }

.xrx-articles { padding-bottom: 110px; }
.xrx-title-row { display: grid; grid-template-columns: 1fr 3fr; align-items: end; border-bottom: 1px solid var(--xrx-line); margin-bottom: 30px; padding-bottom: 18px; }
.xrx-title-row h2 { font-size: clamp(34px, 5vw, 62px); line-height: 1; letter-spacing: -.055em; margin: 0; }
.xrx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.xrx-card { background: var(--xrx-card); border: 1px solid #d9ddd5; border-radius: 16px; overflow: hidden; }
.xrx-card .xrx-card-image { aspect-ratio: 16/10; min-height: 0; }
.xrx-card .xrx-placeholder { min-height: 100%; }
.xrx-card-copy { padding: 25px; }
.xrx-card h3 { font-size: 22px; line-height: 1.15; letter-spacing: -.035em; margin: 12px 0 18px; }
.xrx-card .xrx-card-copy > p:not(.xrx-meta) { font-size: 14px; line-height: 1.65; color: var(--xrx-muted); }
.xrx-card .xrx-more { color: var(--xrx-violet) !important; }

.xrx-topics { padding-bottom: 110px; }
.xrx-topic-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--xrx-line); border-left: 1px solid var(--xrx-line); }
.xrx-topic-grid a { min-height: 215px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--xrx-line); border-bottom: 1px solid var(--xrx-line); text-decoration: none; transition: background .2s, color .2s; }
.xrx-topic-grid a:hover { background: var(--xrx-violet); color: white; }
.xrx-topic-grid i { display: block; width: 38px; height: 5px; border-radius: 99px; background: var(--xrx-violet); box-shadow: 15px 0 0 var(--xrx-lime); }
.xrx-topic-grid a:hover i { background: var(--xrx-lime); box-shadow: 15px 0 0 #fff; }
.xrx-topic-grid strong { font-size: 21px; margin: auto 0 10px; }
.xrx-topic-grid small { color: var(--xrx-muted); line-height: 1.5; }
.xrx-topic-grid a:hover small { color: #d9d8ff; }

.xrx-empty { background: var(--xrx-ink); color: white; padding: clamp(45px, 7vw, 90px); margin-bottom: 100px; border-radius: 22px; }
.xrx-empty h2 { color: #fff !important; font-size: clamp(36px, 5vw, 66px); letter-spacing: -.05em; margin: 20px 0; }
.xrx-empty span { color: #b4bbb5; }

.xrx-site footer, .xrx-site footer [data-row="bottom"] { background: var(--xrx-ink) !important; color: #aeb5af; }

@media (max-width: 900px) {
  .xrx-intro { grid-template-columns: 1fr; gap: 35px; }
  .xrx-signal { width: 190px; justify-self: end; }
  .xrx-featured { grid-template-columns: 1fr; }
  .xrx-featured .xrx-card-image { aspect-ratio: 16/9; }
  .xrx-grid, .xrx-topic-grid { grid-template-columns: repeat(2, 1fr); }
  .xrx-title-row { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 560px) {
  .xrx-intro, .xrx-latest, .xrx-articles, .xrx-topics, .xrx-empty { width: min(100% - 28px, 1180px); }
  .xrx-intro h1 { font-size: 50px; }
  .xrx-signal { width: 145px; }
  .xrx-grid, .xrx-topic-grid { grid-template-columns: 1fr; }
  .xrx-featured .xrx-card-copy { padding: 30px 24px; }
  .xrx-featured h2 { font-size: 36px; }
  .xrx-section-head span { display: none; }
}