/* Homepage editorial composition: presentation-only, data and routes stay in home.html. */
:root {
  --ss-editorial-ink: #241310;
  --ss-editorial-wine: #591719;
  --ss-editorial-night: #16090a;
  --ss-editorial-paper: #f7f0e2;
  --ss-editorial-paper-deep: #ead8b7;
  --ss-editorial-gold: #d99a37;
  --ss-editorial-line: rgba(89, 23, 25, 0.15);
}

.ss-home-page .ss-home {
  background: var(--ss-editorial-paper);
  color: var(--ss-editorial-ink);
}

.ss-home-page .ss-shell { width: min(1240px, calc(100% - 48px)); }

.ss-home-page .ss-kicker {
  color: #a25c1f;
  font-size: 0.68rem;
  letter-spacing: 0.2em;
}

.ss-home-page .ss-section-head { align-items: flex-end; margin-bottom: clamp(28px, 4vw, 52px); }

.ss-home-page .ss-section-head h2,
.ss-home-page .ss-trust h2,
.ss-home-page .ss-grow h2,
.ss-home-page .ss-final h2 {
  max-width: 740px;
  color: var(--ss-editorial-ink);
  font-size: clamp(2.2rem, 4.1vw, 4.4rem);
  letter-spacing: -0.035em;
}

.ss-home-page .ss-section-head a,
.ss-home-page .ss-inline-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ss-editorial-wine);
}

.ss-home-page .ss-section-head a::after,
.ss-home-page .ss-inline-link::after {
  content: "→";
  font-size: 1.1em;
  transition: transform 180ms ease;
}

.ss-home-page .ss-section-head a:hover::after,
.ss-home-page .ss-inline-link:hover::after { transform: translateX(4px); }

/* Poster hero */
.ss-home-page .ss-hero {
  min-height: max(720px, calc(100svh - 72px));
  background:
    linear-gradient(90deg, rgba(16, 7, 7, 0.96) 0%, rgba(22, 9, 10, 0.84) 39%, rgba(22, 9, 10, 0.2) 75%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.42)),
    url("../images/daily_slokam_scene.png") 68% center / cover no-repeat;
}

.ss-home-page .ss-hero::before {
  opacity: 0.58;
  mask-image: linear-gradient(90deg, #000, rgba(0,0,0,0.5) 62%, transparent);
}

.ss-home-page .ss-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 180px;
  z-index: 0;
  background: linear-gradient(transparent, rgba(22, 9, 10, 0.94));
  pointer-events: none;
}

.ss-home-page .ss-hero__content {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(30px, 8vw, 124px);
  padding: 82px 0 54px;
}

.ss-home-page .ss-hero__copy { max-width: 740px; }
.ss-home-page .ss-hero__logo { width: 74px; height: 74px; margin-bottom: 20px; }

.ss-home-page .ss-hero h1 {
  max-width: 680px;
  font-size: clamp(3.7rem, 8.5vw, 8.8rem);
  line-height: 0.82;
  letter-spacing: -0.06em;
}

.ss-home-page .ss-hero__headline {
  max-width: 570px;
  margin-top: 24px;
  font-size: clamp(1.5rem, 3vw, 2.85rem);
  letter-spacing: -0.035em;
}

.ss-home-page .ss-hero__text { max-width: 510px; font-size: 1.04rem; line-height: 1.65; }
.ss-home-page .ss-hero__signature { margin-bottom: 22px; }

.ss-home-page .ss-actions { gap: 10px; }
.ss-home-page .ss-action { border-radius: 999px; min-height: 50px; padding: 13px 23px; }
.ss-home-page .ss-action--gold { background: var(--ss-editorial-gold); color: #21100a; }
.ss-home-page .ss-action--glass { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); }

.ss-home-page .ss-hero__scroll { margin-top: 28px; }
.ss-home-page .ss-hero__pathways { max-width: 620px; margin-top: 24px; }

.ss-home-page .ss-hero__console {
  min-height: 0;
  align-self: end;
  padding: 28px;
  border-radius: 3px;
  border-top: 2px solid var(--ss-editorial-gold);
  background: rgba(24, 9, 10, 0.82);
  box-shadow: 0 26px 85px rgba(0,0,0,0.38);
}

.ss-home-page .ss-console__ring { width: 145px; height: 145px; margin-bottom: 15px; }
.ss-home-page .ss-hero__console h2 { font-size: 1.5rem; }

/* Search as a clear editorial command bar */
.ss-home-page .ss-search-band {
  padding: clamp(72px, 9vw, 132px) 0;
  background: var(--ss-editorial-paper);
}

.ss-home-page .ss-search-band .ss-section-head h2 { max-width: 620px; }
.ss-home-page .ss-search {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.ss-home-page .ss-search label { color: var(--ss-editorial-wine); }
.ss-home-page .ss-search__grid { gap: 0; border-bottom: 2px solid var(--ss-editorial-ink); }
.ss-home-page .ss-search input,
.ss-home-page .ss-search select,
.ss-home-page .ss-search button { min-height: 64px; border: 0; border-radius: 0; background: transparent; }
.ss-home-page .ss-search input { padding-left: 0; font-size: 1.1rem; }
.ss-home-page .ss-search select { border-left: 1px solid var(--ss-editorial-line); }
.ss-home-page .ss-search button { background: var(--ss-editorial-wine); color: #fff8e8; }

/* Dark mandala interlude */
.ss-home-page .ss-orbit-section {
  padding: clamp(82px, 10vw, 150px) 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(218, 154, 55, 0.16), transparent 33%),
    var(--ss-editorial-night);
}
.ss-home-page .ss-orbit-section .ss-section-head h2 { color: #fff8e8; }
.ss-home-page .ss-orbit-section .ss-kicker { color: var(--ss-editorial-gold); }
.ss-home-page .ss-orbit { --orbit-size: min(760px, 79vw); }
.ss-home-page .ss-orbit__core { width: 208px; background: radial-gradient(circle at 38% 26%, #ffe6a3, #bd6d1f 43%, #501014 77%); }
.ss-home-page .ss-orbit > a { width: 142px; background: rgba(255,255,255,0.045); }

/* Credibility strip */
.ss-home-page .ss-trust { padding: 0; background: var(--ss-editorial-wine); }
.ss-home-page .ss-trust__grid { grid-template-columns: 0.85fr 1.15fr; gap: 54px; padding: 62px 0; }
.ss-home-page .ss-trust h2 { color: #fff7e4; font-size: clamp(2rem, 3.2vw, 3.4rem); }
.ss-home-page .ss-trust .ss-kicker { color: #f6ca74; }
.ss-home-page .ss-metrics { gap: 0; border-left: 1px solid rgba(255,255,255,0.22); }
.ss-home-page .ss-metrics div { min-height: 0; padding: 8px 18px 8px 24px; border: 0; border-right: 1px solid rgba(255,255,255,0.22); border-radius: 0; background: transparent; }
.ss-home-page .ss-metrics dt { color: #f6ca74; }

/* Light editorial content */
.ss-home-page .ss-portals,
.ss-home-page .ss-directory,
.ss-home-page .ss-knowledge { background: var(--ss-editorial-paper); }
.ss-home-page .ss-portals { padding-top: clamp(88px, 10vw, 148px); }
.ss-home-page .ss-portal-grid { gap: 28px 18px; }
.ss-home-page .ss-portal { border-radius: 0; background: transparent; box-shadow: none; border-bottom: 1px solid var(--ss-editorial-line); }
.ss-home-page .ss-portal__media { border-radius: 3px; }
.ss-home-page .ss-portal__body { padding: 18px 0 20px; }
.ss-home-page .ss-portal__body h3 { font-size: 1.52rem; }

.ss-home-page .ss-directory { padding-top: 28px; }
.ss-home-page .ss-directory__grid { gap: 0; border-top: 1px solid var(--ss-editorial-line); border-bottom: 1px solid var(--ss-editorial-line); }
.ss-home-page .ss-directory__panel { padding: clamp(32px, 5vw, 72px) clamp(22px, 5vw, 68px); border: 0; border-radius: 0; background: transparent; }
.ss-home-page .ss-directory__panel + .ss-directory__panel { border-left: 1px solid var(--ss-editorial-line); }
.ss-home-page .ss-directory__panel--gold { background: var(--ss-editorial-ink); }
.ss-home-page .ss-directory__panel--gold .ss-kicker { color: #f6ca74; }
.ss-home-page .ss-list { gap: 0; }
.ss-home-page .ss-list a { padding: 13px 0; border-radius: 0; border-bottom: 1px solid var(--ss-editorial-line); background: transparent; }
.ss-home-page .ss-directory__panel--gold .ss-list a { background: transparent; border-color: rgba(255,255,255,0.15); }

/* Media becomes one immersive chapter */
.ss-home-page .ss-media { background: #1a0a0b; padding: clamp(88px, 10vw, 148px) 0; }
.ss-home-page .ss-media .ss-section-head h2 { color: #fff8e8; }
.ss-home-page .ss-media .ss-kicker { color: #f6ca74; }
.ss-home-page .ss-media__grid { gap: 0; border: 1px solid rgba(246,202,116,0.25); }
.ss-home-page .ss-music,
.ss-home-page .ss-video { padding: clamp(30px, 5vw, 64px); border: 0; border-radius: 0; background: transparent; }
.ss-home-page .ss-video { border-left: 1px solid rgba(246,202,116,0.25); }
.ss-home-page .ss-video__feature img { border-radius: 2px; }

.ss-home-page .ss-knowledge { padding-top: clamp(90px, 10vw, 140px); }
.ss-home-page .ss-knowledge__map { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--ss-editorial-line); border-left: 1px solid var(--ss-editorial-line); }
.ss-home-page .ss-knowledge__map a { min-height: 210px; padding: 25px; border-right: 1px solid var(--ss-editorial-line); border-bottom: 1px solid var(--ss-editorial-line); border-radius: 0; background: transparent; color: var(--ss-editorial-ink); }
.ss-home-page .ss-knowledge__map a:nth-child(1),
.ss-home-page .ss-knowledge__map a:nth-child(5) { background: var(--ss-editorial-wine); color: #fff8e8; }
.ss-home-page .ss-knowledge__map a:nth-child(1) span,
.ss-home-page .ss-knowledge__map a:nth-child(5) span { color: rgba(255,248,232,0.7); }

.ss-home-page .ss-network { background: var(--ss-editorial-night); }
.ss-home-page .ss-network .ss-kicker { color: #f6ca74; }
.ss-home-page .ss-network h2 { color: #fff8e8; }
.ss-home-page .ss-network__links { gap: 0; border-top: 1px solid rgba(246,202,116,0.22); border-left: 1px solid rgba(246,202,116,0.22); }
.ss-home-page .ss-network__links a { min-height: 110px; border: 0; border-right: 1px solid rgba(246,202,116,0.22); border-bottom: 1px solid rgba(246,202,116,0.22); border-radius: 0; background: transparent; }
.ss-home-page .ss-grow { border-radius: 2px; background: linear-gradient(145deg, #7a2420, #2b0b0c); }

.ss-home-page .ss-final { padding: clamp(96px, 12vw, 180px) 0; }
.ss-home-page .ss-final__inner { max-width: 900px; }
.ss-home-page .ss-final h2 { color: #fff8e8; font-size: clamp(2.7rem, 5vw, 5.6rem); }

@media (max-width: 980px) {
  .ss-home-page .ss-hero { min-height: auto; background-position: 64% center; }
  .ss-home-page .ss-hero__content { padding: 74px 0 46px; }
  .ss-home-page .ss-hero__console { max-width: 560px; }
  .ss-home-page .ss-trust__grid { grid-template-columns: 1fr; gap: 30px; }
  .ss-home-page .ss-metrics { border-top: 1px solid rgba(255,255,255,0.22); }
  .ss-home-page .ss-directory__panel + .ss-directory__panel { border-top: 1px solid var(--ss-editorial-line); border-left: 0; }
  .ss-home-page .ss-video { border-top: 1px solid rgba(246,202,116,0.25); border-left: 0; }
}

@media (max-width: 680px) {
  .ss-home-page .ss-shell { width: min(100% - 28px, 1240px); }
  .ss-home-page .ss-hero { background-position: 60% center; }
  .ss-home-page .ss-hero__content { padding-top: 48px; }
  .ss-home-page .ss-hero h1 { font-size: clamp(3.6rem, 17vw, 5rem); }
  .ss-home-page .ss-hero__headline { font-size: 1.55rem; }
  .ss-home-page .ss-hero__pathways { display: none; }
  .ss-home-page .ss-search__grid { grid-template-columns: 1fr; border-bottom: 0; }
  .ss-home-page .ss-search input,
  .ss-home-page .ss-search select { border-bottom: 1px solid var(--ss-editorial-line); }
  .ss-home-page .ss-search select { border-left: 0; }
  .ss-home-page .ss-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ss-home-page .ss-metrics div { padding: 15px; border-bottom: 1px solid rgba(255,255,255,0.22); }
  .ss-home-page .ss-portal-grid,
  .ss-home-page .ss-knowledge__map { grid-template-columns: 1fr; }
  .ss-home-page .ss-knowledge__map a { min-height: 144px; }
}

/* A deliberately different above-the-fold composition: parchment editorial copy, sacred image plane. */
@media (min-width: 981px) {
  .ss-home-page .ss-hero {
    background:
      linear-gradient(102deg, rgba(249, 242, 227, 0.99) 0%, rgba(249, 242, 227, 0.98) 46%, rgba(249, 242, 227, 0.76) 56%, rgba(249, 242, 227, 0.06) 72%),
      linear-gradient(180deg, transparent 70%, rgba(61, 13, 14, 0.42)),
      url("../images/daily_slokam_scene.png") 68% center / cover no-repeat;
  }

  .ss-home-page .ss-hero::before {
    opacity: 0.3;
    mix-blend-mode: multiply;
  }

  .ss-home-page .ss-hero::after {
    height: 12px;
    background: linear-gradient(90deg, var(--ss-editorial-wine), var(--ss-editorial-gold), var(--ss-editorial-wine));
  }

  .ss-home-page .ss-hero .ss-kicker { color: #a55f19; }
  .ss-home-page .ss-hero h1 { color: var(--ss-editorial-wine); text-shadow: none; }
  .ss-home-page .ss-hero__headline { color: #9b601d; }
  .ss-home-page .ss-hero__text { color: #573c33; }
  .ss-home-page .ss-hero__signature { color: #633e26; }
  .ss-home-page .ss-hero__signature span { color: var(--ss-editorial-wine); border-color: rgba(89, 23, 25, 0.5); }
  .ss-home-page .ss-action--glass { border-color: rgba(89, 23, 25, 0.26); background: rgba(255, 255, 255, 0.46); color: var(--ss-editorial-wine); }
  .ss-home-page .ss-hero__scroll { color: #6b4933; }
  .ss-home-page .ss-hero__scroll span { border-color: rgba(89, 23, 25, 0.58); }
  .ss-home-page .ss-hero__pathways { border-color: rgba(89, 23, 25, 0.2); }
  .ss-home-page .ss-hero__pathways a { color: var(--ss-editorial-wine); }
  .ss-home-page .ss-hero__pathways a + a { border-left-color: rgba(89, 23, 25, 0.2); }
  .ss-home-page .ss-hero__pathways small { color: #775e4e; }
  .ss-home-page .ss-hero__pathways a:hover,
  .ss-home-page .ss-hero__pathways a:focus-visible { background: rgba(89, 23, 25, 0.08); }
}

@media (max-width: 980px) {
  .ss-home-page .ss-hero {
    min-height: 780px;
    background:
      linear-gradient(180deg, rgba(249, 242, 227, 0.98) 0%, rgba(249, 242, 227, 0.94) 49%, rgba(249, 242, 227, 0.17) 73%, rgba(31, 8, 9, 0.82) 100%),
      url("../images/daily_slokam_scene.png") 65% bottom / cover no-repeat;
  }

  .ss-home-page .ss-hero::before { opacity: 0.18; mix-blend-mode: multiply; }
  .ss-home-page .ss-hero h1 { color: var(--ss-editorial-wine); text-shadow: none; }
  .ss-home-page .ss-hero .ss-kicker { color: #a55f19; }
  .ss-home-page .ss-hero__headline { color: #9b601d; }
  .ss-home-page .ss-hero__text,
  .ss-home-page .ss-hero__signature { color: #573c33; }
  .ss-home-page .ss-hero__signature span { color: var(--ss-editorial-wine); border-color: rgba(89,23,25,0.44); }
  .ss-home-page .ss-action--glass { border-color: rgba(89,23,25,0.22); background: rgba(255,255,255,0.5); color: var(--ss-editorial-wine); }
  .ss-home-page .ss-hero__scroll { color: #6b4933; }
  .ss-home-page .ss-hero__scroll span { border-color: rgba(89,23,25,0.5); }
  .ss-home-page .ss-hero__console {
    background: rgba(34, 10, 11, 0.9);
    border-top-color: var(--ss-editorial-gold);
  }
}