/* Ekologija.hr v2.1.0 — measured reconstruction of the approved right-rail homepage.
   Colour values come from the supplied root CSS, not from generated image pixels.
   No font binaries, external services, rasterized text or framework dependencies. */
:root {
  --home-gap: 16px;
  --home-radius: 8px;
  --home-heading: var(--ink-900); /* exact source #123943 */
  --home-card-border: #e2eae0;
}
.home {
  background: linear-gradient(130deg,#ffffff 20%,#f8fcf8 72%,#f3faf4);
}
/* The original masthead retains its identity and navigation. */
.home .header-inner { gap: clamp(12px,1.8vw,25px); }
.home .hero { isolation: isolate; }
.home .hero__inner {
  min-height: 430px;
  grid-template-columns: minmax(0,1fr) minmax(300px,36%);
  column-gap: 38px;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 25px;
}
.home .hero__copy { max-width: 740px; }
.home .hero__copy > .eyebrow { font-size: 11px; margin-bottom: 12px; line-height: 1.35; }
.home .hero__copy h1 {
  font-size: clamp(45px,4.6vw,66px);
  letter-spacing: -.058em;
  line-height: .94;
  font-weight: 900;
  min-height: 126px;
  margin-bottom: 12px;
}
.home .hero[data-active-scene="0"] h1 { font-size: 44px; }
.home .hero[data-active-scene="2"] h1 { font-size: clamp(35px,3.5vw,49px); }
.home .hero__copy > p {
  max-width: 540px;
  min-height: 44px;
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.45;
}
.home .hero__shade {
  background: linear-gradient(90deg,rgba(3,29,17,.91) 0%,rgba(4,33,20,.71) 37%,rgba(3,31,18,.22) 70%,transparent 100%),
              linear-gradient(180deg,rgba(1,23,13,.18),transparent 54%,rgba(1,24,14,.24));
}
.home .hero__image { object-position: center 55%; }
.home .hero__actions { gap: 12px; }
.home .hero__actions .button { min-height: 42px; padding: 9px 18px; font-size: 13px; }
.home .hero-controls { gap: 9px; margin-top: 8px; }
.home .hero-controls .circle-button { width: 36px; height: 36px; min-width: 36px; }
.home .hero-dots button { width: 27px; height: 36px; }
.home .hero-curve { height: 28px; }
.home .countdown {
  justify-self: end;
  align-self: center;
  width: min(100%,410px);
  padding: 23px 23px 20px;
  margin-top: 12px;
  border-radius: 15px;
  background: rgba(5,44,28,.94);
  border: 1px solid rgba(219,239,196,.25);
  box-shadow: 0 10px 35px #05271825;
}
.home .countdown-label { font-size: 12px; padding-bottom: 17px; }
.home .countdown-values { margin: 17px 0 14px; }
.home .countdown-values strong { font-size: 31px; }
.home .countdown-values span { font-size: 10px; }
.home .countdown > p { font-size: 12px; line-height: 1.5; margin: 0; }
.home .edge-dock--wwf { top: 145px; }
.home .edge-dock--myai { top: auto; bottom: 22px; opacity: .94; }
/* Main composition: dominant magazine column and bounded right rail. */
.home-layout {
  display: grid;
  grid-template-columns: minmax(0,1.9fr) minmax(0,1fr);
  align-items: start;
  gap: 18px var(--home-gap);
  padding: 18px 0 16px;
}
.home-main { min-width: 0; }
.home-main > section + section { margin-top: 20px; }
.home-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  min-height: 34px;
}
.home-section-heading > div { min-width: 0; }
.home-section-heading h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--home-heading);
  font-size: clamp(22px,1.95vw,28px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: -.045em;
  margin: 0;
}
.home-section-heading .section-marker { height: 23px; border-radius: 1px; }
.home-section-heading p { margin: 6px 0 0; color: var(--ink-600); font-size: 11px; line-height: 1.45; }
.home-section-heading > .text-link { white-space: nowrap; font-size: 11px; min-height: 34px; }
.home-news .home-section-heading > div { display: flex; align-items: center; gap: 15px; }
.home-news .home-section-heading p { max-width: 360px; margin: 0; }
.home-news-mosaic { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 12px; align-items: stretch; }
.home-lead {
  border: 1px solid var(--home-card-border);
  border-radius: var(--home-radius);
  overflow: hidden;
  background: var(--surface);
}
.home-lead-link { display: flex; height: 100%; flex-direction: column; }
.home-lead-media { position: relative; }
.home-lead-media > img { width: 100%; height: clamp(182px,15vw,218px); object-fit: cover; object-position: center 48%; }
.home-lead-media .badge { position: absolute; bottom: 10px; left: 12px; max-width: calc(100% - 24px); background: #d7ecbe; font-size: 9px; padding: 4px 7px; }
.home-lead-copy { display: flex; flex-direction: column; align-items: start; flex: 1; padding: 12px 14px 10px; }
.home-lead-copy > time { color: var(--ink-600); font-size: 11px; line-height: 1.3; }
.home-lead-copy h3 { color: var(--home-heading); font-size: clamp(23px,1.95vw,28px); letter-spacing: -.045em; line-height: 1.09; font-weight: 850; margin: 6px 0 8px; }
.home-lead-copy > p { color: var(--ink-600); font-size: 13px; line-height: 1.48; margin: 0 0 7px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-read { display: inline-flex; align-items: center; gap: 7px; font-weight: 800; color: var(--forest-800); font-size: 12px; min-height: 30px; }
.home-read .icon { width: 15px; height: 15px; flex-basis: 15px; }
.home-lead-copy > .home-read { margin-top: auto; }
.home-lead-link:hover h3 { color: var(--forest-700); }
.home-news-list { display: grid; grid-template-rows: repeat(4,minmax(0,1fr)); gap: 8px; min-width: 0; }
.home-news-row { border: 1px solid var(--home-card-border); border-radius: var(--home-radius); background: #fff; min-width: 0; }
.home-news-row > a { display: grid; grid-template-columns: 30% minmax(0,1fr); gap: 10px; padding: 7px; height: 100%; align-items: center; }
.home-news-row > a > img { width: 100%; height: 100%; min-height: 80px; max-height: 115px; object-fit: cover; border-radius: 5px; }
.home-row-copy { min-width: 0; }
.home-row-meta { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin-bottom: 4px; }
.home-row-meta > time { font-size: 10px; color: var(--ink-600); line-height: 1.25; }
.home-row-meta .badge { font-size: 8px; padding: 3px 6px; background: #d6ebac; }
.home-row-copy h3 { font-size: clamp(12px,1.05vw,15px); line-height: 1.2; font-weight: 850; letter-spacing: -.025em; color: var(--home-heading); margin: 0; }
.home-row-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 5px; margin-top: 5px; }
.home-row-bottom > span:first-child { font-size: 8px; padding: 2px 5px; font-weight: 750; line-height: 1.3; color: var(--forest-900); background: var(--mint); border-radius: 4px; }
.home-row-bottom .home-read { font-size: 9px; min-height: 22px; }
.home-news-row.is-featured { background: linear-gradient(120deg,#f4faea,#fcfef8); border-color: #d3e6c2; }
.home-news-row > a:hover h3 { text-decoration: underline; text-underline-offset: 3px; }
/* Compact topic cards: one accessible link, subdued patron identity, colour on interaction. */
.compact-topic-viewport { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x mandatory; border-radius: var(--home-radius); }
.compact-topic-viewport::-webkit-scrollbar { display: none; }
.compact-topic-track { display: flex; gap: 10px; align-items: stretch; }
.compact-topic {
  position: relative;
  flex: 0 0 calc((100% - 40px)/5);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--home-card-border);
  border-radius: var(--home-radius);
  background: #fff;
  scroll-snap-align: start;
  transition: border-color .18s, box-shadow .18s;
}
.compact-topic:hover,.compact-topic:focus-visible { border-color: #adc89d; box-shadow: 0 4px 16px #073a250e; }
.compact-topic:focus-visible { outline-offset: -3px; }
.compact-topic-image { width: 100%; height: clamp(76px,7vw,101px); object-fit: cover; }
.compact-topic-copy { padding: 9px 8px 7px; display: flex; flex-direction: column; flex: 1; }
.compact-topic h3 { font-size: clamp(12px,1.02vw,15px); line-height: 1.14; letter-spacing: -.024em; font-weight: 850; color: var(--home-heading); min-height: 3.4em; margin: 0 0 5px; }
.compact-topic-description { color: var(--ink-600); font-size: 10px; line-height: 1.35; min-height: 2.7em; margin: 0 0 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.compact-topic .topic-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px; margin: auto 0 8px; padding: 0; border: 0; }
.compact-topic .topic-metrics > div { display: flex; flex-direction: column-reverse; min-width: 0; align-items: start; padding: 0; border: 0; gap: 4px; }
.compact-topic .topic-metrics dd { display: flex; align-items: center; gap: 3px; margin: 0; color: var(--forest-800); font-size: 11px; font-weight: 750; line-height: 1.15; }
.compact-topic .topic-metrics dd .icon { width: 11px; height: 11px; flex-basis: 11px; }
.compact-topic .topic-metrics dt { font-size: 8px; color: var(--ink-600); line-height: 1.2; letter-spacing: -.02em; }
.compact-topic-patron { display: flex; min-height: 30px; gap: 7px; align-items: center; justify-content: space-between; border-top: 1px solid #f0f3ee; margin: 0 0 5px; padding: 6px 0 2px; }
.compact-topic-patron span { font-size: 8px; line-height: 1.3; color: var(--ink-600); }
.compact-topic-patron img { width: auto; max-width: 48px; height: 18px; object-fit: contain; object-position: right center; filter: grayscale(1); opacity: .68; transition: filter .18s, opacity .18s; }
.compact-topic:hover .compact-topic-patron img,.compact-topic:focus-visible .compact-topic-patron img { filter: grayscale(0); opacity: 1; }
.compact-topic-cta { display: flex; justify-content: center; align-items: center; gap: 6px; min-height: 32px; background: #e1f0cf; border-radius: 5px; font-size: 10px; font-weight: 800; line-height: 1.2; color: var(--forest-900); margin-top: auto; }
.compact-topic-cta .icon { width: 13px; height: 13px; flex-basis: 13px; }
.compact-topic-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 5px; }
.compact-topic-toolbar small { color: var(--ink-600); font-size: 9px; }
.compact-topic-toolbar > div { display: flex; gap: 5px; }
.compact-topic-toolbar .circle-button { width: 30px; min-width: 30px; height: 30px; }
/* Right column: catalogue first, then meaningful routes, then the original EKO character. */
.home-sidebar { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.home-atlas { position: relative; overflow: hidden; background: linear-gradient(125deg,#0a422b,#052718); color: #fff; padding: 22px 23px 16px; border-radius: var(--home-radius); }
.home-atlas::before { content: ''; position: absolute; inset: 0; background: linear-gradient(140deg,transparent 62%,#2a654329 62%,transparent 82%); pointer-events: none; }
.home-atlas > * { position: relative; }
.home-atlas > .eyebrow { color: #d1ec73; font-size: 10px; line-height: 1.35; letter-spacing: .04em; margin: 0 0 7px; }
.home-atlas > h2 { font-size: clamp(25px,2.25vw,33px); line-height: 1.02; letter-spacing: -.04em; font-weight: 850; margin: 0 0 8px; }
.home-atlas-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 0; align-items: center; }
.home-atlas-layout p { font-size: 14px; line-height: 1.28; margin-bottom: 10px; }
.home-atlas-layout dl { margin: 0 0 10px; display: flex; flex-direction: column; gap: 0; }
.home-atlas-layout dl > div { padding: 6px 0; border-bottom: 1px solid #ffffff1f; max-width: 104px; }
.home-atlas-layout dl > div:last-child { border-bottom: 0; }
.home-atlas-layout dd { margin: 0; color: #c0e558; font-weight: 850; font-size: 20px; line-height: 1; }
.home-atlas-layout dt { font-size: 10px; color: #d4e5cb; margin-top: 3px; line-height: 1.15; }
.home-atlas-map { width: 100%; min-height: 150px; object-fit: contain; transform: scale(1.05); }
.home-atlas > .button { font-size: 12px; min-height: 38px; padding: 8px 19px; }
.home-atlas-source { display: block; color: #bed3b9; font-size: 9px; line-height: 1.3; margin-top: 9px; }
.home-explore { background: #fff; border: 1px solid var(--home-card-border); border-radius: var(--home-radius); padding: 2px 13px; }
.home-explore > a { display: grid; grid-template-columns: 35px minmax(0,1fr) 17px; gap: 10px; align-items: center; min-height: 51px; padding: 8px 0; border-bottom: 1px solid #edf2e9; }
.home-explore > a:last-child { border-bottom: 0; }
.explore-icon { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; border-radius: 50%; background: #edf6e7; color: var(--forest-800); }
.home-explore strong { display: block; color: var(--home-heading); font-size: 12px; line-height: 1.25; font-weight: 800; }
.home-explore small { display: block; color: var(--ink-600); font-size: 10px; line-height: 1.35; margin-top: 3px; }
.home-explore > a > .icon { width: 15px; height: 15px; color: var(--forest-800); }
.home-explore a:hover strong { color: var(--forest-700); text-decoration: underline; }
.home-eko { position: relative; margin-top: 24px; padding: 30px 20px 20px; min-height: 365px; border: 1px solid #e3ebd5; border-radius: var(--home-radius); overflow: hidden; background: radial-gradient(ellipse at 93% 85%,#c1d788 0%,transparent 57%),linear-gradient(145deg,#f7faed,#edf6db); }
.home-eko-copy { position: relative; z-index: 1; width: 65%; }
.home-eko h2 { font-size: clamp(29px,2.45vw,36px); font-weight: 850; letter-spacing: -.046em; line-height: 1.05; color: var(--forest-900); margin-bottom: 15px; }
.eko-heart { display: inline-flex; vertical-align: middle; margin: 0 3px; color: #8bb543; }
.eko-heart .icon { width: 28px; height: 28px; fill: currentColor; }
.home-eko p { font-size: 15px; line-height: 1.35; color: var(--forest-950); margin-bottom: 25px; }
.home-eko .button { position: relative; z-index: 2; padding: 10px 12px; font-size: 12px; white-space: nowrap; box-shadow: 0 2px 10px #0527180d; }
.home-eko-mascot { position: absolute; right: -5px; bottom: 0; height: 94%; width: 49%; object-fit: contain; object-position: right bottom; pointer-events: none; }
.home-eko > small { position: relative; display: block; z-index: 1; font-size: 9px; color: var(--forest-700); margin-top: 30px; }
/* Editorial voices follow thematic navigation, not the hero. */
.home-columns-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.home-column-card { display: grid; grid-template-columns: 50px minmax(0,1fr); align-items: start; gap: 9px; border: 1px solid var(--home-card-border); border-radius: var(--home-radius); padding: 12px 9px; background: #fff; min-width: 0; }
.home-column-card > img,.column-initials { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; object-position: center 26%; }
.home-column-card:nth-child(3) > img { object-position: 50% 35%; }
.column-initials { display: grid; place-items: center; background: #e9f2dd; color: var(--forest-800); font-size: 21px; font-weight: 750; letter-spacing: -.02em; }
.home-column-card .badge { font-size: 7px; padding: 3px 5px; margin-bottom: 5px; max-width: 100%; }
.home-column-card h3 { font-size: 12px; font-weight: 850; line-height: 1.2; letter-spacing: -.025em; color: var(--home-heading); margin: 0 0 5px; overflow-wrap: normal; }
.home-column-card p { font-size: 10px; color: var(--ink-600); line-height: 1.4; margin: 0; }
.home-column-card:hover { border-color: #b9d09b; }
.interviews-note { display: inline-flex; gap: 6px; align-items: center; font-size: 10px; color: var(--ink-600); margin-top: 8px; min-height: 26px; }
.interviews-note .icon { width: 13px; height: 13px; }
.home-partners { grid-column: 1/-1; display: grid; grid-template-columns: 240px minmax(0,1fr) auto; align-items: center; gap: 15px; border: 1px solid var(--home-card-border); border-radius: var(--home-radius); padding: 14px 16px; background: #fff; }
.home-partners h2 { color: var(--home-heading); font-size: 16px; line-height: 1.2; font-weight: 800; letter-spacing: -.025em; margin: 0 0 5px; }
.home-partners p { color: var(--ink-600); font-size: 10px; margin: 0; }
.home-partner-logos { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: center; min-width: 0; }
.home-partner-logos a { display: flex; align-items: center; justify-content: center; height: 46px; padding: 4px 12px; border-left: 1px solid #e8ede6; }
.home-partner-logos img { width: auto; max-width: 100%; height: 31px; object-fit: contain; filter: grayscale(1); opacity: .76; transition: filter .2s,opacity .2s; }
.home-partner-logos a:hover img,.home-partner-logos a:focus-visible img { filter: none; opacity: 1; }
.home-partners > .text-link { font-size: 10px; white-space: nowrap; }
/* Original footer text and legal routes, compact dark visual treatment. */
.home .footer-grid { grid-template-columns: .85fr 1.25fr .85fr; gap: 26px; padding: 23px 0 18px; }
.home .brand__word--footer { font-size: 28px; }
.home .footer-brand p,.home .footer-contact p,.home .footer-impressum p { font-size: 11px; line-height: 1.5; margin-top: 8px; }
.home .footer-grid h2 { font-size: 10px; margin-bottom: 9px; }
.home .footer-impressum { padding-inline: 22px; }
.home .footer-operator-logo { width: 48px; height: 35px; object-fit: contain; padding: 3px; border-radius: 3px; background: #fff; }
.home .socials { margin-top: 10px; }
.home .socials a { width: 32px; height: 32px; }
.home .footer-leadership { font-size: 10px; margin-top: 9px; padding-top: 8px; }
.home .footer-leadership ul { margin-block: 5px; }
.home .footer-leadership li { font-size: 10px; line-height: 1.3; margin-bottom: 3px; }
.home .footer-leadership > a { font-size: 10px; }
.home .footer-privacy-inline { padding-block: 11px; }
.home .footer-privacy-inline p,.home .footer-privacy-inline nav { font-size: 9px; line-height: 1.55; }
.home .footer-bottom { padding-block: 13px; font-size: 10px; }
.home .preview-strip { font-size: 9px; padding: 7px max(16px,calc((100% - 1296px)/2)); }
/* On topic pages, too, a small patron signature is never an advertising overlay. */
.topic-patron img { max-width: 65px; height: 20px; filter: grayscale(1); opacity: .7; transition: filter .2s,opacity .2s; }
.topic-card:hover .topic-patron img,.topic-card:focus-within .topic-patron img { filter: none; opacity: 1; }
/* Tablet is recomposed: news remains first; rail becomes a useful three-module row. */
@media(max-width:1199px) and (min-width:1024px) {
  .home .primary-nav { display: flex; gap: 0; }
  .home .primary-nav a { font-size: 10px; padding-inline: 6px; }
  .home .header-inner { gap: 14px; grid-template-columns: auto auto minmax(0,1fr) auto auto; }
  .home .menu-button { display: none; }
  .home .cluster-badge { width: 135px; height: 40px; }
  .home .brand { min-width: 160px; }
  .home .brand__word { font-size: 29px; }
  .home .brand__tagline { font-size: 7px; }
  .home .search-button { width: 30px; min-width: 30px; }
  .home .header-cta { padding-inline: 14px; min-height: 40px; font-size: 11px; }
  .home .hero__inner { padding-top: 104px; gap: 25px; }
  .home .hero__copy h1 { font-size: 53px; }
  .home .hero[data-active-scene="0"] h1 { font-size: 42px; }
  .home .hero[data-active-scene="2"] h1 { font-size: 38px; }
  .home .hero__copy > p { font-size: 14px; }
  .home .countdown { padding: 19px; }
  .home .countdown-values strong { font-size: 28px; }
  .home .countdown-label { font-size: 10px; }
  .home .countdown > p { font-size: 11px; }
  .home-news .home-section-heading > div { display: block; }
  .home-news .home-section-heading p { margin-top: 5px; }
  .home-column-card { grid-template-columns: 42px minmax(0,1fr); gap: 7px; padding: 9px 7px; }
  .home-column-card > img,.column-initials { width: 42px; height: 42px; }
  .home-column-card h3 { font-size: 10px; }
  .home-column-card p { font-size: 9px; }
  .home-atlas { padding: 19px 18px 16px; }
  .home-atlas-layout p { font-size: 13px; }
  .home-eko { min-height: 325px; padding: 23px 17px 18px; }
  .home-eko h2 { font-size: 29px; }
  .home-eko p { font-size: 13px; }
  .home-eko .button { font-size: 10px; padding-inline: 10px; }
  .home-explore small { font-size: 9px; }
  .home-partners { grid-template-columns: 210px minmax(0,1fr) auto; gap: 10px; }
  .home-partner-logos a { padding-inline: 8px; }
}
@media(max-width:1023px) {
  .home .hero__inner { grid-template-columns: minmax(0,1fr) 310px; gap: 22px; min-height: 425px; padding-top: 102px; }
  .home .hero__copy h1 { font-size: 48px; min-height: 124px; }
  .home .hero[data-active-scene="0"] h1 { font-size: 40px; }
  .home .hero[data-active-scene="2"] h1 { font-size: 33px; }
  .home .hero__copy > p { font-size: 14px; min-height: 62px; }
  .home .countdown { padding: 17px; }
  .home .countdown-values strong { font-size: 27px; }
  .home .countdown-label { font-size: 10px; }
  .home .hero__copy>.eyebrow { font-size: 9px; }
  .home-layout { grid-template-columns: 1fr; }
  .home-news .home-section-heading > div { display: flex; }
  .home-news-mosaic { grid-template-columns: 1.05fr 1fr; }
  .home-lead-media > img { height: 195px; }
  .home-lead-copy h3 { font-size: 27px; }
  .home-row-copy h3 { font-size: 14px; }
  .compact-topic h3 { font-size: 14px; }
  .compact-topic-image { height: 94px; }
  .home-columns-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .home-sidebar { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 14px; }
  .home-atlas { grid-row: 1/3; }
  .home-explore { grid-column: 2; }
  .home-eko { margin-top: 0; grid-column: 2; min-height: 275px; padding: 22px 18px 16px; }
  .home-eko h2 { font-size: 28px; }
  .home-eko p { font-size: 13px; margin-bottom: 14px; }
  .home-eko > small { margin-top: 12px; }
  .home-atlas > h2 { font-size: 31px; }
  .home-atlas-layout p { font-size: 14px; }
  .home-partners { grid-template-columns: 1fr auto; }
  .home-partner-logos { grid-column: 1/-1; grid-row: 2; }
  .home-partners > .text-link { grid-row: 1; grid-column: 2; }
}
@media(max-width:767px) {
  .home .hero__inner { display: flex; flex-direction: column; align-items: stretch; padding-top: 90px; min-height: 0; gap: 18px; padding-bottom: 30px; }
  .home .hero__copy { max-width: none; }
  .home .hero__copy h1 { font-size: clamp(42px,8vw,58px); min-height: 112px; max-width: 620px; margin-bottom: 12px; }
  .home .hero[data-active-scene="0"] h1 { font-size: 39px; }
  .home .hero[data-active-scene="2"] h1 { font-size: clamp(31px,6vw,40px); }
  .home .hero__copy > p { min-height: 62px; font-size: 14px; max-width: 520px; margin-bottom: 12px; }
  .home .countdown { align-self: start; width: min(100%,430px); margin-top: 0; padding: 14px 17px; }
  .home .countdown-label { padding-bottom: 10px; font-size: 11px; }
  .home .countdown-values { margin: 10px 0; }
  .home .countdown-values strong { font-size: 27px; }
  .home .countdown > p { font-size: 11px; }
  .home .hero-curve { height: 18px; }
  .home .hero__image { object-position: 64% center; }
  .home .hero__shade { background: linear-gradient(90deg,#031d11eb,#042114bf 55%,#031f1226),linear-gradient(0deg,#031d11b8,transparent); }
  .home .edge-dock--wwf { top: 150px; width: 32px; min-width: 32px; padding: 8px 5px; }
  .home .edge-dock--wwf img { width: 20px; }
  .home-layout { padding-top: 16px; }
  .home-section-heading { align-items: start; }
  .home-news .home-section-heading > div { display: block; }
  .home-news .home-section-heading p { margin-top: 6px; }
  .home-section-heading h2 { font-size: 24px; }
  .home-section-heading > .text-link { font-size: 10px; }
  .home-news-mosaic { grid-template-columns: 1fr; gap: 12px; }
  .home-lead-media > img { height: 210px; }
  .home-lead-copy { padding: 14px; }
  .home-lead-copy h3 { font-size: 26px; }
  .home-lead-copy > p { font-size: 14px; -webkit-line-clamp: 3; }
  .home-read { min-height: 35px; }
  .home-news-row > a { grid-template-columns: 100px minmax(0,1fr); padding: 8px; gap: 12px; }
  .home-news-row > a > img { height: 96px; max-height: none; }
  .home-row-copy h3 { font-size: 15px; }
  .home-row-meta > time { font-size: 11px; }
  .home-row-bottom > span:first-child { font-size: 8px; }
  .home-row-bottom .home-read { font-size: 10px; }
  .home-news-list { grid-template-rows: none; }
  .compact-topic-viewport { overflow: visible; }
  .compact-topic-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
  .compact-topic { scroll-snap-align: none; }
  .compact-topic-image { height: 100px; }
  .compact-topic h3 { font-size: 15px; min-height: 3.4em; }
  .compact-topic-description { font-size: 11px; }
  .compact-topic .topic-metrics dd { font-size: 12px; }
  .compact-topic .topic-metrics dt { font-size: 9px; }
  .compact-topic-patron { min-height: 34px; }
  .compact-topic-patron span { font-size: 9px; }
  .compact-topic-patron img { max-width: 50px; height: 19px; }
  .compact-topic-cta { min-height: 44px; font-size: 11px; }
  .compact-topic-toolbar > div { display: none; }
  .compact-topic-toolbar small { font-size: 10px; }
  .home-columns-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .home-column-card { grid-template-columns: 49px minmax(0,1fr); padding: 12px 10px; }
  .home-column-card h3 { font-size: 12px; }
  .home-column-card p { font-size: 11px; }
  .home-column-card .badge { font-size: 8px; }
  .home-column-card > img,.column-initials { width: 49px; height: 49px; }
  .interviews-note { min-height: 36px; font-size: 11px; }
  .home-sidebar { display: flex; gap: 14px; }
  .home-atlas { padding: 25px 23px 18px; }
  .home-atlas-layout { grid-template-columns: 1fr 1fr; }
  .home-atlas-map { max-height: 210px; }
  .home-atlas > h2 { font-size: 33px; }
  .home-atlas > .button { min-height: 44px; }
  .home-explore > a { min-height: 63px; }
  .home-explore strong { font-size: 14px; }
  .home-explore small { font-size: 12px; }
  .home-eko { min-height: 345px; padding: 28px 22px 20px; }
  .home-eko h2 { font-size: 33px; }
  .home-eko p { font-size: 15px; margin-bottom: 25px; }
  .home-eko .button { min-height: 44px; font-size: 12px; }
  .home-eko > small { margin-top: 29px; }
  .home-partners { padding: 15px; gap: 12px; }
  .home-partners h2 { font-size: 15px; }
  .home-partners > .text-link { font-size: 9px; white-space: normal; }
  .home-partner-logos { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 0; }
  .home-partner-logos img { height: 30px; }
  .home .footer-grid { grid-template-columns: 1fr; gap: 20px; padding-block: 24px; }
  .home .footer-impressum { padding: 18px 0; border-left: 0; border-right: 0; border-top: 1px solid #ffffff26; border-bottom: 1px solid #ffffff26; }
  .home .footer-grid h2 { font-size: 12px; }
  .home .footer-grid p { font-size: 13px; }
  .home .footer-leadership,.home .footer-leadership li,.home .footer-leadership > a { font-size: 12px; }
  .home .footer-privacy-inline p,.home .footer-privacy-inline nav { font-size: 11px; }
  .home .footer-bottom { font-size: 11px; line-height: 1.6; }
}
@media(max-width:559px) {
  .compact-topic-track { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-section-heading p { max-width: 295px; }
  .home-topics .home-section-heading,.home-columns .home-section-heading { display: block; }
  .home-topics .home-section-heading > .text-link,.home-columns .home-section-heading > .text-link { min-height: 32px; }
  .home-lead-media > img { height: 195px; }
  .home-columns .home-section-heading h2 { font-size: 23px; }
  .home-eko-mascot { width: 48%; right: -1px; }
  .home-column-card { grid-template-columns: 43px minmax(0,1fr); gap: 7px; padding: 11px 7px; }
  .home-column-card > img,.column-initials { width: 43px; height: 43px; }
  .home-column-card .badge { font-size: 7px; }
  .home-column-card h3 { font-size: 11px; }
  .home-column-card p { font-size: 10px; }
}
@media(pointer:coarse) {
  .compact-topic-cta,.home .hero-controls .circle-button,.home .hero-dots button,.home .hero__actions .button { min-height: 44px; }
  .home .hero-controls .circle-button { min-width: 44px; width: 44px; }
  .home-section-heading .text-link,.compact-topic-toolbar .circle-button { min-height: 44px; }
  .compact-topic-toolbar .circle-button { min-width: 44px; }
}
@media(prefers-reduced-motion:reduce) {
  .compact-topic-viewport { scroll-behavior: auto; }
  .compact-topic-patron img,.home-partner-logos img { transition: none; }
}

/* Measured second pass: compact title slots and the unchanged footer text in four columns. */
@media(min-width:768px) {
  .compact-topic h3 { min-height: 2.3em; }
  .compact-topic-image { height: clamp(76px,6.3vw,90px); }
  .home .footer-grid { grid-template-columns: .9fr 1.15fr 1fr .85fr; align-items: start; gap: 22px; }
  .home .footer-grid > .footer-leadership { border-top: 0; margin: 0; padding: 0 8px; }
  .home .footer-grid > .footer-leadership > strong { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 11px; }
  .home .footer-leadership li { display: block; }
  .home .footer-leadership li b,.home .footer-leadership li span { display: block; }
  .home .footer-leadership li + li { margin-top: 6px; }
  .home .footer-leadership > a { display: inline-block; margin-top: 6px; }
  .home .footer-impressum { padding-inline: 18px; }
  .home .footer-bottom { padding-block: 10px; min-height: 40px; }
  .home .footer-bottom nav a { min-height: 24px; }
}
@media(max-width:767px) {
  .home-sidebar { align-items: stretch; }
  .home-explore,.home-eko,.home-atlas { width: 100%; }
}
/* Keep all four metrics legible when a card is narrow: avoid text collisions.
   Wide desktop / ordinary mobile cards retain the single four-value row. */
.compact-topic-copy { container-type: inline-size; }
@container (max-width: 128px) {
  .compact-topic .topic-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 4px; }
  .compact-topic .topic-metrics > div { gap: 3px; }
  .compact-topic .topic-metrics dt { font-size: 9px; }
}