/* Filuma extends the family site's typography, palette, and native gallery. */
.filuma-page main { padding-top: var(--header-height); }
.filuma-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem);
  padding-block: clamp(2.5rem, 6vw, 6rem);
}
.filuma-back { display: inline-block; margin-bottom: 3rem; font-size: 0.875rem; }
.filuma-hero h1 {
  margin: 1.25rem 0 2rem;
  font-family: var(--font-display);
  font-size: clamp(3rem, 6.8vw, 6.6rem);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.055em;
}
.filuma-hero .lead { max-width: 36rem; }
.filuma-hero .intro-actions { margin-block: 2rem; }
.filuma-note { color: var(--color-ink-soft); font-size: 0.875rem; line-height: 1.7; }
.filuma-hero__screen { width: min(100%, 19rem); margin: 0 auto; }
.filuma-hero__screen img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--color-rule-strong);
  border-radius: 1.75rem;
  box-shadow: var(--shadow-card);
}
.filuma-hero__screen figcaption {
  margin-top: 1rem;
  color: var(--color-ink-soft);
  font-size: 0.875rem;
  text-align: center;
}
.filuma-story, .filuma-close {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(2.5rem, 7vw, 7rem);
}
.filuma-story .section-title, .filuma-close .section-title { margin-block: 1.25rem 2rem; }
.filuma-story__intro .lead { max-width: 29rem; }
.filuma-stack { margin-top: 2rem; font-family: var(--font-label); font-size: 0.875rem; }
.filuma-decisions article { border-top: 1px solid var(--color-rule-strong); padding-block: 1.75rem; }
.filuma-decisions article:last-child { border-bottom: 1px solid var(--color-rule-strong); }
.filuma-decisions h3, .filuma-release h3 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); line-height: 1.25; letter-spacing: -0.03em; }
.filuma-decisions p, .filuma-release p { color: var(--color-ink-soft); max-width: 36rem; }
.filuma-release { border-top: 2px solid var(--color-ink); padding-top: 1rem; align-self: start; }
.filuma-close .lead { max-width: 36rem; }
.filuma-page .mono-label { font-size: 0.875rem; }
.filuma-page .btn { white-space: normal; text-align: center; }
@media (max-width: 48rem) {
  .filuma-hero, .filuma-story, .filuma-close { grid-template-columns: minmax(0, 1fr); }
  .filuma-hero { gap: 2.5rem; }
  .filuma-hero__screen { width: min(76%, 17rem); }
  .filuma-back { margin-bottom: 2rem; }
  .filuma-hero h1 { font-size: clamp(2.75rem, 11vw, 5rem); }
}