/* ATR editorial system developed by Clarico. https://theclaricoway.com */
:root {
  --atr-blog-red: #c10202;
  --atr-blog-black: #0a0a0a;
  --atr-blog-ink: #171717;
  --atr-blog-muted: #666666;
  --atr-blog-line: #d9d9d9;
  --atr-blog-soft: #f3f3f1;
  --atr-blog-gutter: clamp(18px, 4vw, 64px);
  --atr-blog-wide: 1440px;
  --atr-blog-copy: 760px;
}

.atr-blog-single,
.atr-blog-index {
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--atr-blog-ink);
  background: #ffffff;
}

.atr-article__hero,
.atr-blog-index__hero {
  position: relative;
  overflow: hidden;
  background: var(--atr-blog-black);
  color: #ffffff;
}

.atr-article__hero::after,
.atr-blog-index__hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(32vw, 460px);
  height: 6px;
  background: var(--atr-blog-red);
}

.atr-article__hero-inner,
.atr-blog-index__hero-inner {
  position: relative;
  z-index: 1;
  width: min(100%, var(--atr-blog-wide));
  margin: 0 auto;
  padding: 170px var(--atr-blog-gutter) 94px;
  box-sizing: border-box;
}

.atr-article__hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.atr-article__breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 38px;
  color: #b8b8b8;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}

.atr-article__breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.atr-article__breadcrumb a:hover,
.atr-article__breadcrumb a:focus-visible {
  color: #ffffff;
}

.atr-article__eyebrow,
.atr-blog-index__eyebrow,
.atr-blog-related__head > p,
.atr-blog-index__heading > p {
  display: inline-flex;
  justify-self: start;
  width: fit-content;
  margin: 0 0 18px;
  padding: 6px 11px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--atr-blog-red);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.atr-article__title,
.atr-blog-index__hero h1 {
  max-width: 1000px;
  margin: 0;
  color: #ffffff;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 64px;
  line-height: 0.98;
  font-weight: 500;
  letter-spacing: 0;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.atr-article__dek,
.atr-blog-index__hero-inner > p:last-child,
.atr-blog-index__description {
  max-width: 780px;
  margin: 26px 0 0;
  color: #c7c7c7;
  font-size: 18px;
  line-height: 1.55;
}

.atr-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 34px;
  color: #a9a9a9;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}

.atr-article__meta > * + * {
  position: relative;
}

.atr-article__meta > * + *::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--atr-blog-red);
  transform: translateY(-50%);
}

.atr-article__featured {
  width: min(calc(100% - (var(--atr-blog-gutter) * 2)), var(--atr-blog-wide));
  margin: -1px auto 0;
  background: var(--atr-blog-soft);
}

.atr-article__featured-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 720px;
  aspect-ratio: 16 / 8.7;
  object-fit: cover;
}

.atr-article__featured figcaption {
  padding: 10px 0 0;
  color: var(--atr-blog-muted);
  font-size: 12px;
  line-height: 1.5;
}

.atr-article__layout {
  display: grid;
  grid-template-columns: minmax(0, var(--atr-blog-copy)) minmax(220px, 300px);
  justify-content: center;
  gap: 92px;
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 88px var(--atr-blog-gutter) 80px;
  box-sizing: border-box;
}

.atr-article__content {
  min-width: 0;
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

.atr-article__content > *:first-child {
  margin-top: 0;
}

.atr-article__content > p:first-child,
.atr-article__content .atr-blog-lead {
  color: #2b2b2b;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 25px;
  line-height: 1.48;
}

.atr-article__content p,
.atr-article__content ul,
.atr-article__content ol,
.atr-article__content blockquote,
.atr-article__content figure,
.atr-article__content table {
  margin-top: 0;
  margin-bottom: 28px;
}

.atr-article__content h2,
.atr-article__content h3,
.atr-article__content h4 {
  color: var(--atr-blog-black);
  letter-spacing: 0;
  scroll-margin-top: 110px;
  text-wrap: balance;
}

.atr-article__content h2 {
  margin: 66px 0 22px;
  padding-top: 20px;
  border-top: 1px solid var(--atr-blog-line);
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 38px;
  line-height: 1.1;
  font-weight: 500;
}

.atr-article__content h3 {
  margin: 42px 0 16px;
  font-size: 23px;
  line-height: 1.25;
}

.atr-article__content a {
  color: var(--atr-blog-red);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.atr-article__content a:hover,
.atr-article__content a:focus-visible {
  color: var(--atr-blog-black);
}

.atr-article__content ul,
.atr-article__content ol {
  padding-left: 24px;
}

.atr-article__content li + li {
  margin-top: 10px;
}

.atr-article__content blockquote {
  margin-left: 0;
  padding: 26px 30px;
  border: 0;
  border-left: 5px solid var(--atr-blog-red);
  background: var(--atr-blog-soft);
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 25px;
  line-height: 1.45;
}

.atr-article__content blockquote > :first-child {
  margin-top: 0;
}

.atr-article__content blockquote > :last-child {
  margin-bottom: 0;
}

.atr-article__content .wp-block-image {
  width: 100%;
}

.atr-article__content .wp-block-image img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  border-radius: 4px;
}

.atr-article__content figcaption {
  margin-top: 9px;
  color: var(--atr-blog-muted);
  font-size: 12px;
  line-height: 1.45;
}

.atr-article__content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.atr-article__content th,
.atr-article__content td {
  padding: 14px 16px;
  border: 1px solid var(--atr-blog-line);
  text-align: left;
  vertical-align: top;
}

.atr-article__content th {
  background: var(--atr-blog-black);
  color: #ffffff;
}

.atr-article__aside {
  align-self: start;
  position: sticky;
  top: 96px;
  display: grid;
  gap: 28px;
}

.atr-article__outline {
  padding-top: 18px;
  border-top: 4px solid var(--atr-blog-black);
}

.atr-article__outline > p,
.atr-article__aside-cta > span {
  margin: 0 0 15px;
  color: var(--atr-blog-black);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

.atr-article__outline ol {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: article-outline;
}

.atr-article__outline li {
  counter-increment: article-outline;
}

.atr-article__outline a {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  color: #555555;
  font-size: 13px;
  line-height: 1.45;
  text-decoration: none;
}

.atr-article__outline a::before {
  content: counter(article-outline, decimal-leading-zero);
  color: var(--atr-blog-red);
  font-size: 10px;
  font-weight: 800;
}

.atr-article__outline a:hover,
.atr-article__outline a:focus-visible {
  color: var(--atr-blog-black);
}

.atr-article__aside-cta {
  padding: 24px;
  background: var(--atr-blog-soft);
}

.atr-article__aside-cta p {
  margin: 0 0 22px;
  color: #555555;
  font-size: 14px;
  line-height: 1.55;
}

.atr-article__aside-cta a,
.atr-blog-final-cta > a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  padding: 11px 14px 11px 18px;
  box-sizing: border-box;
  color: #ffffff;
  background: var(--atr-blog-red);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.atr-article__aside-cta a svg,
.atr-blog-final-cta > a svg,
.atr-blog-card__link svg {
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
}

.atr-article__aside-cta a:hover,
.atr-article__aside-cta a:focus-visible,
.atr-blog-final-cta > a:hover,
.atr-blog-final-cta > a:focus-visible {
  color: #ffffff;
  background: #940000;
}

.atr-article__footer {
  display: flex;
  gap: 44px;
  width: min(calc(100% - (var(--atr-blog-gutter) * 2)), var(--atr-blog-copy));
  margin: 0 auto 90px;
  padding-top: 22px;
  border-top: 1px solid var(--atr-blog-line);
}

.atr-article__footer div {
  display: grid;
  gap: 5px;
  font-size: 13px;
  line-height: 1.4;
}

.atr-article__footer span {
  color: var(--atr-blog-muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.atr-blog-share {
  border-top: 1px solid var(--atr-blog-line);
  border-bottom: 1px solid var(--atr-blog-line);
  background: var(--atr-blog-soft);
}

.atr-blog-share__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 28px var(--atr-blog-gutter);
  box-sizing: border-box;
}

.atr-blog-share__heading p {
  margin: 0 0 5px;
  color: var(--atr-blog-black);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

.atr-blog-share__heading span {
  color: var(--atr-blog-muted);
  font-size: 13px;
  line-height: 1.45;
}

.atr-blog-share__links {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.atr-blog-share__links a,
.atr-blog-share__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid #c9c9c6;
  border-radius: 50%;
  box-sizing: border-box;
  color: var(--atr-blog-black);
  background: transparent;
  box-shadow: none;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.atr-blog-share__links a:hover,
.atr-blog-share__links a:focus-visible,
.atr-blog-share__copy:hover,
.atr-blog-share__copy:focus-visible,
.atr-blog-share__copy.is-copied {
  color: #ffffff;
  border-color: var(--atr-blog-red);
  background: var(--atr-blog-red);
}

.atr-blog-share__icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.atr-blog-share__icon--facebook,
.atr-blog-share__icon--pinterest {
  width: 19px;
  height: 19px;
  flex-basis: 19px;
}

.atr-blog-share__icon--x {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
}

.atr-blog-share__status {
  position: absolute;
  right: 0;
  bottom: -21px;
  color: var(--atr-blog-muted);
  font-size: 10px;
  line-height: 1.2;
  white-space: nowrap;
}

.atr-blog-about {
  position: relative;
  color: #ffffff;
  background: var(--atr-blog-black);
}

.atr-blog-about::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: min(28vw, 420px);
  height: 6px;
  background: var(--atr-blog-red);
}

.atr-blog-about__inner {
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1.45fr);
  gap: clamp(42px, 7vw, 100px);
  align-items: center;
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 72px var(--atr-blog-gutter);
  box-sizing: border-box;
}

.atr-blog-about__brand {
  display: grid;
  justify-items: start;
  gap: 18px;
  min-height: 180px;
  padding-right: clamp(32px, 5vw, 72px);
  border-right: 1px solid rgb(255 255 255 / 18%);
  align-content: center;
}

.atr-blog-about__brand img {
  display: block;
  width: min(100%, 190px);
  height: auto;
  filter: brightness(0) invert(1);
}

.atr-blog-about__brand span {
  color: #a9a9a9;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}

.atr-blog-about__content > p {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 16px;
  padding: 6px 11px;
  border-radius: 999px;
  color: #ffffff;
  background: var(--atr-blog-red);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

.atr-blog-about__content h2 {
  max-width: 720px;
  margin: 0;
  color: #ffffff;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 42px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: 0;
  text-wrap: balance;
}

.atr-blog-about__description {
  max-width: 760px;
  margin-top: 22px;
  color: #bcbcbc;
  font-size: 15px;
  line-height: 1.68;
}

.atr-blog-about__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-top: 28px;
}

.atr-blog-about__links a {
  color: #ffffff;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.atr-blog-about__links a::after {
  content: "\2197";
  margin-left: 7px;
  color: var(--atr-blog-red);
}

.atr-blog-about__links a:hover,
.atr-blog-about__links a:focus-visible {
  color: #d2d2d2;
}

.atr-blog-related,
.atr-blog-index__feed {
  width: min(100%, var(--atr-blog-wide));
  margin: 0 auto;
  padding: 82px var(--atr-blog-gutter) 98px;
  box-sizing: border-box;
}

.atr-blog-related {
  border-top: 1px solid var(--atr-blog-line);
}

.atr-blog-related__head,
.atr-blog-index__heading {
  margin-bottom: 42px;
}

.atr-blog-related__head > p,
.atr-blog-index__heading > p {
  margin-bottom: 14px;
}

.atr-blog-related__head h2,
.atr-blog-index__heading h2,
.atr-blog-index__empty h2 {
  max-width: 760px;
  margin: 0;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 46px;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: 0;
  text-wrap: balance;
}

.atr-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 42px 24px;
}

.atr-blog-card {
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.atr-blog-card__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--atr-blog-soft);
}

.atr-blog-card__image,
.atr-blog-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.atr-blog-card__placeholder {
  background: linear-gradient(135deg, #efefed 0 48%, #d8d8d4 48% 52%, #efefed 52% 100%);
}

.atr-blog-card__media:hover .atr-blog-card__image,
.atr-blog-card__media:focus-visible .atr-blog-card__image {
  transform: scale(1.035);
}

.atr-blog-card__body {
  padding-top: 20px;
}

.atr-blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 16px;
  color: var(--atr-blog-muted);
  font-size: 10px;
  line-height: 1.4;
  text-transform: uppercase;
}

.atr-blog-card__meta span:first-child {
  color: var(--atr-blog-red);
  font-weight: 800;
}

.atr-blog-card__title {
  margin: 13px 0 12px;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 28px;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: 0;
}

.atr-blog-card__title a {
  color: var(--atr-blog-black);
  text-decoration: none;
}

.atr-blog-card__title a:hover,
.atr-blog-card__title a:focus-visible {
  color: var(--atr-blog-red);
}

.atr-blog-card__excerpt {
  margin: 0 0 18px;
  color: #555555;
  font-size: 14px;
  line-height: 1.6;
}

.atr-blog-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--atr-blog-red);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

.atr-blog-card__link:hover,
.atr-blog-card__link:focus-visible {
  color: var(--atr-blog-black);
}

.atr-blog-final-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  align-items: end;
  gap: 48px;
  width: min(100%, var(--atr-blog-wide));
  margin: 0 auto;
  padding: 78px var(--atr-blog-gutter);
  box-sizing: border-box;
  color: #ffffff;
  background: var(--atr-blog-black);
}

.atr-blog-final-cta p {
  margin: 0 0 12px;
  color: #b9b9b9;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.atr-blog-final-cta h2 {
  max-width: 760px;
  margin: 0;
  color: #ffffff;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 46px;
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: 0;
}

.atr-blog-index__hero-inner {
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.atr-blog-index__hero h1 {
  font-size: 74px;
}

.atr-blog-index__description > * {
  margin: 0;
}

.atr-blog-index__empty {
  padding: 70px 0;
}

.atr-blog-index__empty p {
  max-width: 620px;
  margin: 18px 0 0;
  color: var(--atr-blog-muted);
  font-size: 16px;
  line-height: 1.6;
}

.atr-blog-index .navigation.pagination {
  margin-top: 64px;
}

.atr-blog-index .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.atr-blog-index .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 8px 12px;
  box-sizing: border-box;
  color: var(--atr-blog-black);
  border: 1px solid var(--atr-blog-line);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.atr-blog-index .page-numbers.current,
.atr-blog-index .page-numbers:hover,
.atr-blog-index .page-numbers:focus-visible {
  color: #ffffff;
  border-color: var(--atr-blog-red);
  background: var(--atr-blog-red);
}

.editor-styles-wrapper .atr-blog-lead {
  color: #2b2b2b;
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 25px;
  line-height: 1.48;
}

.editor-styles-wrapper .wp-block-quote {
  padding: 26px 30px;
  border: 0;
  border-left: 5px solid var(--atr-blog-red);
  background: var(--atr-blog-soft);
  font-family: "Baskervville", "Playfair Display", serif;
  font-size: 25px;
  line-height: 1.45;
}

.editor-styles-wrapper .wp-block-quote > :first-child {
  margin-top: 0;
}

.editor-styles-wrapper .wp-block-quote > :last-child {
  margin-bottom: 0;
}

.editor-styles-wrapper .wp-block-image img {
  width: 100%;
  height: auto;
}

@media (max-width: 1040px) {
  .atr-article__title { font-size: 52px; }
  .atr-blog-index__hero h1 { font-size: 60px; }
  .atr-article__layout { grid-template-columns: minmax(0, 720px) minmax(210px, 260px); gap: 48px; }
  .atr-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .atr-article__hero-inner,
  .atr-blog-index__hero-inner { padding-top: 140px; padding-bottom: 72px; }
  .atr-article__title { font-size: 44px; }
  .atr-blog-index__hero h1 { font-size: 50px; }
  .atr-article__layout { grid-template-columns: minmax(0, 1fr); padding-top: 64px; }
  .atr-article__aside { position: static; grid-row: 1; }
  .atr-article__outline { display: none; }
  .atr-article__aside-cta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); align-items: center; gap: 20px; }
  .atr-article__aside-cta > span,
  .atr-article__aside-cta > p { grid-column: 1; }
  .atr-article__aside-cta > p { margin-bottom: 0; }
  .atr-article__aside-cta > a { grid-column: 2; grid-row: 1 / span 2; }
  .atr-blog-final-cta { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .atr-blog-final-cta > a { max-width: 340px; }
  .atr-blog-about__inner { grid-template-columns: minmax(170px, 0.42fr) minmax(0, 1fr); gap: 36px; }
  .atr-blog-about__brand { padding-right: 32px; }
  .atr-blog-about__content h2 { font-size: 36px; }
}

@media (max-width: 600px) {
  :root { --atr-blog-gutter: 18px; }
  .atr-article__hero-inner,
  .atr-blog-index__hero-inner { width: 100vw; max-width: 100vw; padding-top: 118px; padding-bottom: 56px; }
  .atr-article__breadcrumb { margin-bottom: 26px; }
  .atr-article__title { font-size: 36px; line-height: 1.02; text-wrap: wrap; overflow-wrap: anywhere; }
  .atr-blog-index__hero h1 { font-size: 42px; }
  .atr-article__dek,
  .atr-blog-index__hero-inner > p:last-child,
  .atr-blog-index__description { font-size: 16px; }
  .atr-article__meta { display: grid; gap: 6px; }
  .atr-article__meta > * + *::before { display: none; }
  .atr-article__featured { width: 100%; }
  .atr-article__featured-image { aspect-ratio: 4 / 3; }
  .atr-article__featured figcaption { padding-right: var(--atr-blog-gutter); padding-left: var(--atr-blog-gutter); }
  .atr-article__layout { gap: 42px; padding-top: 48px; padding-bottom: 58px; }
  .atr-article__content { font-size: 16px; line-height: 1.7; }
  .atr-article__content > p:first-child,
  .atr-article__content .atr-blog-lead { font-size: 22px; }
  .atr-article__content h2 { margin-top: 52px; font-size: 31px; }
  .atr-article__content h3 { font-size: 21px; }
  .atr-article__content blockquote { padding: 22px; font-size: 22px; }
  .atr-article__aside-cta { display: block; }
  .atr-article__aside-cta > p { margin-bottom: 20px; }
  .atr-article__footer { margin-bottom: 64px; }
  .atr-blog-share__inner { align-items: flex-start; flex-direction: column; gap: 20px; padding-top: 24px; padding-bottom: 34px; }
  .atr-blog-share__links { flex-wrap: wrap; }
  .atr-blog-share__links a,
  .atr-blog-share__copy { flex-basis: 42px; width: 42px; height: 42px; min-width: 42px; min-height: 42px; }
  .atr-blog-about__inner { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-top: 58px; padding-bottom: 62px; }
  .atr-blog-about__brand { min-height: 0; padding: 0 0 30px; border-right: 0; border-bottom: 1px solid rgb(255 255 255 / 18%); }
  .atr-blog-about__brand img { width: 150px; }
  .atr-blog-about__content h2 { font-size: 34px; }
  .atr-blog-about__links { display: grid; gap: 14px; }
  .atr-blog-related,
  .atr-blog-index__feed { padding-top: 64px; padding-bottom: 72px; }
  .atr-blog-related__head h2,
  .atr-blog-index__heading h2,
  .atr-blog-index__empty h2,
  .atr-blog-final-cta h2 { font-size: 34px; }
  .atr-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 46px; }
  .atr-blog-card__title { font-size: 27px; }
  .atr-blog-final-cta { gap: 30px; padding-top: 58px; padding-bottom: 58px; }
  .atr-blog-index__hero-inner { min-height: 430px; }
}

@media (prefers-reduced-motion: reduce) {
  .atr-blog-card__image { transition: none; }
}