:root {
  --eom-ink: #11100d;
  --eom-muted: #5f625f;
  --eom-accent: #3155c6;
  --eom-coral: #f4513e;
  --eom-paper: #f4eee3;
  --eom-line: rgba(17, 16, 13, 0.22);
}

.eom,
.eom * {
  box-sizing: border-box;
}

.eom {
  position: relative;
  width: 100vw;
  max-width: none;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  color: var(--eom-ink);
  background: var(--eom-paper);
  overflow: hidden;
}

/* Blocksy'nin ana sayfa içerik alanına eklediği üst boşluğu manşette kaldır. */
body.home [data-vertical-spacing*="top"]:has(.eom) {
  padding-top: 0 !important;
}

body.home .wp-block-shortcode:has(.eom) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Header, manset ve sayfa zemini tek kagit yuzeyidir. */
body.home:has(.eom),
body.home:has(.eom) #main,
body.home:has(.eom) main,
body.home:has(.eom) .site-main,
body.home:has(.eom) .ct-site-container,
body.home:has(.eom) .ct-page-title,
body.home:has(.eom) .ct-header,
body.home:has(.eom) .ct-header [data-row],
body.home:has(.eom) .ct-header [data-row] > div,
body.home:has(.eom) .ct-header .ct-container,
body.home:has(.eom) .ct-header [class*="ct-container"] {
  background-color: var(--eom-paper) !important;
  background-image: none !important;
}

body.home .ct-header [data-row="middle"] {
  --height: 86px !important;
  border-top: 3px solid var(--eom-accent) !important;
  background-color: var(--eom-paper) !important;
  background-image: none !important;
}

body.home .ct-header [data-row="middle"] > div {
  background: transparent !important;
}

body.home .ct-header [data-row="middle"] .site-logo-container,
body.home .ct-header [data-row="middle"] .site-branding,
body.home .ct-header [data-row="middle"] [class*="site-logo"] {
  background: transparent !important;
}

body.home .ct-header [data-row="middle"] img {
  mix-blend-mode: normal;
}

body.home:has(.eom) .ct-footer {
  display: none;
}

body.home:has(.eom) [data-vertical-spacing*="bottom"]:has(.eom),
body.home:has(.eom) article:has(.eom),
body.home:has(.eom) .entry-content:has(.eom) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: var(--eom-paper) !important;
}

.eom__slides {
  position: relative;
  height: clamp(515px, 53vw, 620px);
  min-height: 0;
  border-bottom: 1px solid var(--eom-line);
}

.eom__slide {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(380px, 42%) minmax(330px, 31%) minmax(270px, 27%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 360ms ease, visibility 360ms ease;
}

.eom__slide.is-active {
  position: absolute;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.eom__copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: clamp(30px, 3.4vw, 54px) clamp(28px, 4vw, 72px) 88px clamp(34px, 7vw, 128px);
  display: flex;
  flex-direction: column;
}

.eom__eyebrow {
  display: block;
  margin-bottom: clamp(36px, 5vh, 58px);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.eom__term {
  display: block;
  max-width: 270px;
  padding: 0 0 12px;
  border-bottom: 2px solid var(--eom-accent);
  white-space: nowrap;
}

.eom__term span {
  color: var(--eom-ink);
}

.eom__title {
  position: relative;
  z-index: 2;
  max-width: 650px;
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(48px, 4.65vw, 82px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .94;
  text-wrap: balance;
}

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

/* Mobil baslik, tema h2 kurallarindan bagimsiz bir guvenlik katmanidir. */
.eom__mobile-title {
  display: none;
}

/* Mobil fotograf-ustu manset; masaustunde devre disidir. */
.eom__mobile-overlay {
  display: none;
}

.eom__read {
  align-self: flex-start;
  margin-top: 30px;
  color: var(--eom-accent);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
}

.eom__read span {
  display: inline-block;
  margin-right: 9px;
  transition: transform 180ms ease;
}

.eom__read:hover span {
  transform: translateX(5px);
}

.eom__meta {
  display: none;
}

.eom__visual {
  position: relative;
  z-index: 1;
  align-self: center;
  display: block;
  width: calc(100% - 42px);
  height: calc(100% - 64px);
  min-height: 410px;
  margin: 32px 21px;
  overflow: hidden;
  background: #cbbfae;
  box-shadow: 13px 8px 0 rgba(58, 48, 36, .08);
  clip-path: polygon(1.5% 0, 98% 1%, 100% 96%, 97% 100%, 2% 99%, 0 3%);
}

.eom__visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(245,235,215,.08), rgba(34,24,15,.1));
  pointer-events: none;
}

.eom__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: sepia(.12) saturate(.84) contrast(.96);
  transition: transform 700ms cubic-bezier(.2,.7,.2,1);
}

.eom__slide.is-active .eom__visual img {
  animation: eom-reveal 750ms cubic-bezier(.2,.7,.2,1) both;
}

.eom__visual:hover img {
  transform: scale(1.025);
}

.eom__placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(255,255,255,.2);
  font: 400 clamp(150px, 20vw, 340px)/1 Georgia, serif;
}

.eom__pulse {
  position: absolute;
  z-index: 4;
  top: 46%;
  left: 34%;
  width: 38.5%;
  height: 104px;
  overflow: visible;
  pointer-events: none;
}

.eom__pulse path {
  fill: none;
  stroke: var(--eom-accent);
  stroke-width: 4;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: miter;
}

.eom__pulse-mobile {
  display: none;
}

.eom__rail {
  min-width: 0;
  padding: 20px clamp(24px, 2.7vw, 42px) 20px 10px;
  display: grid;
  grid-template-rows: 1.04fr .96fr;
  gap: 13px;
}

.eom__card {
  position: relative;
  min-height: 0;
  padding: 27px 26px;
  display: flex;
  flex-direction: column;
  color: var(--eom-ink);
  overflow: hidden;
  text-decoration: none;
}

.eom__card--coral {
  background: var(--eom-coral);
}

.eom__card--archive {
  border-top: 1px solid var(--eom-line);
  background: rgba(255,255,255,.08);
}

.eom__card-term {
  max-width: 150px;
  padding-bottom: 9px;
  border-bottom: 1px solid currentColor;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.eom__card-no,
.eom__card-date {
  margin-top: 8px;
  font: 600 11px/1.2 ui-monospace, monospace;
}

.eom__card strong {
  position: relative;
  z-index: 2;
  max-width: 300px;
  margin-top: auto;
  font: 400 clamp(25px, 1.95vw, 37px)/.98 Georgia, 'Times New Roman', serif;
  letter-spacing: -.035em;
}

.eom__card-action {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 20px;
  color: inherit;
  font: 700 10px/1 ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.eom__card--archive .eom__card-action {
  color: var(--eom-accent);
}

.eom__card--archive img {
  position: absolute;
  right: -8%;
  bottom: -15%;
  width: 54%;
  height: 92%;
  object-fit: cover;
  opacity: .42;
  filter: sepia(.6) grayscale(.25) contrast(.8);
  mix-blend-mode: multiply;
}

.eom__nav {
  position: absolute;
  left: clamp(34px, 7vw, 128px);
  bottom: 24px;
  z-index: 6;
  width: min(430px, calc(42% - 150px));
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  align-items: center;
  gap: 14px;
}

.eom__arrow {
  appearance: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--eom-ink);
  background: transparent;
  font: 400 21px/1 Georgia, serif;
  cursor: pointer;
}

.eom__arrow:hover,
.eom__arrow:focus-visible {
  color: var(--eom-accent);
}

.eom__counter {
  justify-self: center;
  color: var(--eom-muted);
  font: 500 11px/1 ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: .12em;
}

.eom__counter b {
  color: var(--eom-ink);
}

.eom__counter-separator {
  display: inline-block;
  margin: 0 .6em;
}

.eom__progress {
  grid-column: 1 / -1;
  display: block;
  height: 2px;
  background: var(--eom-line);
  overflow: hidden;
}

.eom__progress i {
  display: block;
  height: 100%;
  background: var(--eom-accent);
  transition: width 360ms ease;
}

.eom__sections {
  min-height: 190px;
  padding: 22px clamp(28px, 6vw, 108px) 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.eom__missing-line {
  position: relative;
  height: 12px;
  margin: 0 clamp(28px, 6vw, 108px);
}

.eom__missing-line i,
.eom__missing-line b {
  position: absolute;
  top: 5px;
  display: block;
  background: var(--eom-coral);
}

.eom__missing-line i {
  left: 0;
  width: 63%;
  height: 3px;
  clip-path: polygon(0 0, 100% 35%, 100% 65%, 0 100%);
}

.eom__missing-line b {
  left: 66%;
  right: 14px;
  height: 1px;
  opacity: .7;
}

.eom__missing-line span {
  position: absolute;
  top: 2px;
  right: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--eom-coral);
}

.eom__section {
  position: relative;
  min-width: 0;
  padding: 0 clamp(22px, 3vw, 52px) 0 26px;
  display: flex;
  flex-direction: column;
  color: var(--eom-ink);
  text-decoration: none;
}

.eom__section + .eom__section {
  border-left: 1px solid rgba(17,16,13,.13);
}

.eom__section-no {
  padding-bottom: 8px;
  border-bottom: 2px solid var(--eom-accent);
  font: 600 10px/1 ui-monospace, monospace;
}

.eom__section:nth-child(even) .eom__section-no {
  border-color: var(--eom-coral);
}

.eom__section strong {
  margin-top: 20px;
  font: 700 clamp(22px, 2.2vw, 38px)/1 ui-monospace, monospace;
  letter-spacing: -.07em;
  text-transform: uppercase;
}

.eom__section small {
  max-width: 230px;
  margin-top: 16px;
  color: #383834;
  font: 500 11px/1.45 Georgia, serif;
  text-transform: uppercase;
}

.eom__section-arrow {
  margin-top: auto;
  padding-top: 18px;
  font-size: 21px;
}

.eom__continuation {
  margin: 0 clamp(28px, 6vw, 108px);
  padding: 46px 0 42px;
  border-top: 1px solid rgba(17,16,13,.22);
  display: grid;
  grid-template-columns: 1.45fr 1fr .92fr;
  gap: 0;
}

.eom__latest,
.eom__current,
.eom__follow {
  min-width: 0;
}

.eom__latest {
  padding-right: clamp(28px, 3vw, 54px);
}

.eom__current,
.eom__follow {
  padding-left: clamp(28px, 3vw, 54px);
  border-left: 1px solid rgba(17,16,13,.28);
}

.eom__current {
  padding-right: clamp(28px, 3vw, 54px);
}

.eom__block-label {
  display: block;
  width: max-content;
  max-width: 100%;
  margin-bottom: 14px;
  padding-bottom: 7px;
  border-bottom: 2px solid var(--eom-ink);
  color: var(--eom-coral);
  font: 700 13px/1 ui-monospace, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.eom__latest-image,
.eom__current-image {
  display: block;
  overflow: hidden;
  background: #cbbfae;
}

.eom__latest-image {
  height: clamp(270px, 25vw, 420px);
}

.eom__current-image {
  height: clamp(120px, 10vw, 170px);
}

.eom__latest-image img,
.eom__current-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: sepia(.18) saturate(.82) contrast(.96);
  transition: transform 500ms ease;
}

.eom__latest-image:hover img,
.eom__current-image:hover img {
  transform: scale(1.025);
}

.eom__feed-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: rgba(17,16,13,.25);
  font: 400 clamp(54px, 8vw, 120px)/1 Georgia, serif;
}

.eom__latest h2,
.eom__current-card h3 {
  margin: 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: -.035em;
}

.eom__latest h2 {
  margin-top: 15px;
  font-size: clamp(38px, 4vw, 65px);
  line-height: .96;
}

.eom__current-card h3 {
  margin-top: 9px;
  font-size: clamp(23px, 2vw, 34px);
  line-height: 1;
}

.eom__latest h2 a,
.eom__current-card h3 a {
  color: inherit;
  text-decoration: none;
}

.eom__latest time,
.eom__current-card time {
  display: block;
  margin-top: 12px;
  font: 700 10px/1 ui-monospace, monospace;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.eom__latest p {
  max-width: 680px;
  margin: 15px 0 0;
  font: 400 17px/1.45 Georgia, serif;
}

.eom__current-card + .eom__current-card {
  margin-top: 23px;
  padding-top: 23px;
  border-top: 1px solid rgba(17,16,13,.22);
}

.eom__follow p {
  margin: 38px 0 28px;
  font: 400 clamp(20px, 1.6vw, 27px)/1.35 Georgia, serif;
}

.eom__follow-button {
  min-height: 56px;
  padding: 0 20px;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--eom-coral);
  font: 700 12px/1 ui-monospace, monospace;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}

.eom__follow-links {
  margin-top: 38px;
  padding-top: 26px;
  border-top: 1px solid rgba(17,16,13,.4);
  display: grid;
  gap: 18px;
}

.eom__follow-links a {
  color: var(--eom-ink);
  font: 400 16px/1.2 Georgia, serif;
  text-decoration: none;
}

.eom__follow-links a::before {
  content: '\2192';
  margin-right: 12px;
  color: var(--eom-accent);
}

.eom__closing {
  margin: 0 clamp(28px, 6vw, 108px);
  padding: 25px 0 30px;
  border-top: 2px solid var(--eom-ink);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 30px;
  background: var(--eom-paper);
}

.eom__closing-brand {
  min-width: 0;
}

.eom__closing-brand img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(250px, 100%);
  max-height: 54px;
  object-fit: contain;
  object-position: left center;
}

.eom__closing-brand strong {
  font: 400 clamp(28px, 3vw, 46px)/1 Georgia, serif;
  letter-spacing: -.04em;
  text-transform: uppercase;
}

.eom__closing nav {
  display: flex;
  gap: 22px;
}

.eom__closing a,
.eom__closing small {
  color: var(--eom-ink);
  font: 400 14px/1 Georgia, serif;
  text-decoration: none;
}

.eom__closing small {
  justify-self: end;
}

/* Tema mavisini eklenti icinde tamamen devre disi birak. */
.eom a,
.eom a:visited {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.eom .eom__title a:hover,
.eom .eom__title a:focus-visible,
.eom .eom__latest h2 a:hover,
.eom .eom__latest h2 a:focus-visible,
.eom .eom__current-card h3 a:hover,
.eom .eom__current-card h3 a:focus-visible,
.eom .eom__section:hover strong,
.eom .eom__section:focus-visible strong,
.eom .eom__card--archive:hover strong,
.eom .eom__card--archive:focus-visible strong,
.eom .eom__closing a:hover,
.eom .eom__closing a:focus-visible,
.eom .eom__follow-links a:hover,
.eom .eom__follow-links a:focus-visible {
  color: var(--eom-coral) !important;
}

.eom .eom__read:hover,
.eom .eom__read:focus-visible,
.eom .eom__section:hover .eom__section-arrow,
.eom .eom__section:focus-visible .eom__section-arrow,
.eom .eom__card--archive:hover .eom__card-action,
.eom .eom__card--archive:focus-visible .eom__card-action {
  color: var(--eom-accent) !important;
}

.eom .eom__card--coral:hover,
.eom .eom__card--coral:focus-visible {
  color: var(--eom-ink) !important;
  background: #e94937;
}

.eom .eom__follow-button:hover,
.eom .eom__follow-button:focus-visible {
  color: #fff !important;
  background: #dd4434;
}

/* Blocksy acilir menulerini Eksik Okur paletine bagla. */
body.home:has(.eom) .ct-header .sub-menu,
body.home:has(.eom) .ct-header [class*="sub-menu"] {
  color: var(--eom-ink) !important;
  background-color: var(--eom-paper) !important;
  background-image: none !important;
  border: 1px solid rgba(17, 16, 13, .16) !important;
  border-top: 3px solid var(--eom-accent) !important;
  box-shadow: 0 16px 34px rgba(17, 16, 13, .12) !important;
}

body.home:has(.eom) .ct-header .sub-menu li,
body.home:has(.eom) .ct-header .sub-menu li a {
  background: transparent !important;
}

body.home:has(.eom) .ct-header .sub-menu a,
body.home:has(.eom) .ct-header .sub-menu a:visited {
  color: var(--eom-ink) !important;
  border-color: rgba(17, 16, 13, .10) !important;
}

body.home:has(.eom) .ct-header .sub-menu a:hover,
body.home:has(.eom) .ct-header .sub-menu a:focus-visible,
body.home:has(.eom) .ct-header .sub-menu .current-menu-item > a {
  color: var(--eom-coral) !important;
  background: rgba(244, 81, 62, .06) !important;
}

body.home:has(.eom) .ct-header .menu > .current-menu-item > a,
body.home:has(.eom) .ct-header .menu > .current-menu-ancestor > a,
body.home:has(.eom) .ct-header .menu > li:hover > a {
  color: var(--eom-accent) !important;
}

@keyframes eom-reveal {
  from { opacity: .55; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1100px) {
  .eom__slides {
    height: 1080px;
  }

  .eom__slide {
    grid-template-columns: 52% 48%;
    grid-template-rows: 700px 420px;
  }

  .eom__copy {
    padding-left: 54px;
  }

  .eom__visual {
    height: calc(100% - 72px);
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .eom__rail {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 0 30px 28px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }

  .eom__pulse {
    top: 29%;
    left: 37%;
    width: 52%;
  }

  .eom__nav {
    left: 54px;
    bottom: 446px;
    width: calc(52% - 82px);
  }

  .eom__continuation {
    grid-template-columns: 1.2fr 1fr;
  }

  .eom__follow {
    grid-column: 1 / -1;
    margin-top: 36px;
    padding: 34px 0 0;
    border-top: 1px solid rgba(17,16,13,.28);
    border-left: 0;
  }

  .eom__follow p {
    margin-top: 22px;
  }
}

@media (max-width: 760px) {
  /* Mobilde Blocksy basligini viewport icinde tut. */
  body.home:has(.eom) {
    overflow-x: hidden;
  }

  body.home .ct-header [data-row="middle"] {
    --height: 62px !important;
    min-height: 62px !important;
  }

  body.home:has(.eom) .ct-header .ct-container,
  body.home:has(.eom) .ct-header [class*="ct-container"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  body.home .ct-header [data-row="middle"] .site-logo-container,
  body.home .ct-header [data-row="middle"] .site-branding,
  body.home .ct-header [data-row="middle"] [class*="site-logo"] {
    min-width: 0 !important;
    max-width: calc(100vw - 94px) !important;
    flex: 0 1 auto !important;
  }

  body.home .ct-header [data-row="middle"] img,
  body.home .ct-header .custom-logo {
    width: auto !important;
    height: auto !important;
    max-width: min(268px, calc(100vw - 104px)) !important;
    max-height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body.home:has(.eom) .ct-header .ct-header-trigger,
  body.home:has(.eom) .ct-header [data-id="trigger"] {
    position: relative;
    z-index: 10;
    flex: 0 0 42px !important;
    margin-left: auto !important;
  }

  .eom {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }

  .eom__slides {
    height: auto;
    min-height: 0;
  }

  .eom__slide,
  .eom__slide.is-active {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
  }

  .eom__slide:not(.is-active) {
    display: none;
  }

  .eom__copy {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 0 !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .eom__eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
  }

  .eom__term {
    width: 100%;
    max-width: none;
  }

  /* Blocksy'nin mobil h2 kurallarini tamamen bypass et. */
  .eom__title {
    display: none !important;
  }

  .eom .eom__mobile-title,
  .eom .eom__mobile-title:visited {
    display: inline !important;
  }

  .eom__read {
    margin-top: 16px;
  }

  .eom__nav {
    position: relative;
    order: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 7;
    width: calc(100% - 40px);
    min-height: 38px;
    margin: 8px 20px 8px;
    grid-template-columns: 38px 1fr 38px;
    gap: 8px;
  }

  .eom__nav .eom__arrow {
    z-index: 8;
    width: 52px;
    height: 52px;
    margin-top: -7px;
    color: transparent !important;
    font-size: 0;
  }

  .eom__nav .eom__prev {
    justify-self: start;
    text-align: left;
    margin-left: -7px;
  }

  .eom__nav .eom__next {
    justify-self: end;
    text-align: right;
    margin-right: -7px;
  }

  .eom__nav .eom__arrow:focus-visible {
    outline: 2px solid var(--eom-accent);
    outline-offset: 2px;
  }

  .eom__nav .eom__counter {
    position: relative;
    z-index: 2;
    min-width: 76px;
    padding: 5px 9px 4px;
    justify-self: center;
    color: rgba(17, 16, 13, .5);
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .14em;
    text-align: center;
  }

  .eom__nav .eom__counter-separator {
    display: inline-block;
    width: 1.55em;
    margin: 0;
    color: transparent;
    user-select: none;
  }

  .eom__nav .eom__counter b {
    font-weight: 700;
  }

  .eom__nav .eom__progress {
    margin-top: 1px;
  }

  .eom__visual {
    order: 1;
    width: calc(100% - 44px);
    height: min(78vw, 350px);
    min-height: 270px;
    max-height: 350px;
    margin: 8px 22px 0;
    box-shadow: none;
  }

  .eom__visual::after {
    z-index: 1;
    background: linear-gradient(180deg, rgba(10, 10, 8, .02) 20%, rgba(10, 10, 8, .22) 52%, rgba(10, 10, 8, .82) 100%);
  }

  .eom__mobile-overlay {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px 22px 26px;
    color: #fff;
    pointer-events: none;
    white-space: normal;
  }

  .eom__overlay-term {
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 6px 9px 5px;
    background: var(--eom-accent);
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;
    line-height: 1.1;
    text-transform: uppercase;
  }

  .eom__overlay-title {
    display: block;
    max-width: 95%;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(30px, 9.2vw, 42px);
    font-weight: 400;
    letter-spacing: -.035em;
    line-height: .98;
    text-shadow: 0 1px 16px rgba(0, 0, 0, .28);
    text-wrap: balance;
  }

  .eom__overlay-read {
    display: block;
    margin-top: 14px;
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .eom__overlay-read > span {
    margin-right: 7px;
  }

  .eom__pulse {
    position: relative;
    order: 3;
    top: auto;
    left: auto;
    align-self: center;
    z-index: 5;
    width: calc(100% - 40px);
    height: 68px;
    margin: -74px 20px 10px;
  }

  .eom__pulse-desktop {
    display: none;
  }

  .eom__pulse-mobile {
    display: block;
  }

  .eom__pulse path {
    stroke-width: 2.75;
  }

  .eom__rail {
    order: 4;
    padding: 0 22px 22px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(210px, auto));
  }

  .eom__sections {
    min-height: 0;
    padding: 28px 22px 34px;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .eom__missing-line {
    margin-right: 22px;
    margin-left: 22px;
  }

  .eom__continuation {
    margin: 0 22px;
    padding-top: 34px;
    grid-template-columns: 1fr;
  }

  .eom__latest,
  .eom__current,
  .eom__follow {
    padding-right: 0;
    padding-left: 0;
    border-left: 0;
  }

  .eom__current,
  .eom__follow {
    margin-top: 38px;
    padding-top: 34px;
    border-top: 1px solid rgba(17,16,13,.28);
  }

  .eom__latest-image {
    height: 64vw;
    max-height: 480px;
  }

  .eom__current-image {
    height: 48vw;
    max-height: 340px;
  }

  .eom__closing {
    margin: 0 22px;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }

  .eom__closing small {
    justify-self: start;
  }

  .eom__section {
    min-height: 148px;
    padding: 0 18px 18px;
  }

  .eom__section:nth-child(3) {
    padding-top: 22px;
    border-left: 0;
    border-top: 1px solid rgba(17,16,13,.13);
  }

  .eom__section:nth-child(4) {
    padding-top: 22px;
    border-top: 1px solid rgba(17,16,13,.13);
  }

  .eom__section strong {
    margin-top: 16px;
    font-size: clamp(19px, 6.3vw, 26px);
  }

  .eom__section small {
    margin-top: 11px;
    font-size: 10px;
    line-height: 1.35;
  }

  .eom__section-arrow {
    padding-top: 12px;
  }
}

@media (max-width: 430px) {
  body.home .ct-header [data-row="middle"] {
    --height: 58px !important;
    min-height: 58px !important;
  }

  body.home:has(.eom) .ct-header .ct-container,
  body.home:has(.eom) .ct-header [class*="ct-container"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .eom__nav {
    width: calc(100% - 40px);
    margin: 10px 20px 8px;
  }

  .eom__sections {
    grid-template-columns: 1fr 1fr;
  }

  .eom__section {
    min-height: 142px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .eom__section + .eom__section {
    border-left: 1px solid rgba(17,16,13,.13);
  }

  .eom__section:nth-child(3) {
    border-left: 0;
  }

  .eom__visual {
    height: 74vw;
    min-height: 250px;
    margin-right: 20px;
    margin-left: 20px;
    width: calc(100% - 40px);
  }

  .eom__mobile-overlay {
    padding: 20px 18px 22px;
  }

  .eom__overlay-title {
    font-size: clamp(28px, 8.8vw, 38px);
  }
}

@media (max-width: 350px) {
  .eom__sections {
    grid-template-columns: 1fr;
  }

  .eom__section,
  .eom__section:nth-child(3),
  .eom__section:nth-child(4) {
    min-height: 130px;
    padding: 18px 0;
    border-top: 1px solid rgba(17,16,13,.13);
    border-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eom__slide,
  .eom__progress i,
  .eom__visual img,
  .eom__read span {
    transition: none;
    animation: none !important;
  }
}