/* The Lantern — mobile hero title safety v0.15.2
   Narrow-screen guard only. Desktop/tablet compositions remain untouched. */

@media (max-width:620px){
  .lantern-home-hero__copy,
  .lantern-begin-threshold__inner,
  .lantern-books-hero__copy,
  .lantern-identity-hero__copy,
  .lantern-mountains-hero__copy,
  .lantern-about-hero__copy,
  .lantern-letters-hero__copy,
  .lantern-press-hero__copy,
  .lantern-utility-hero__grid > *{
    min-width:0;
    max-width:100%;
  }

  .lantern-home-hero h1,
  .lantern-begin-threshold h1,
  .lantern-books-hero__copy h1,
  .lantern-identity-hero__copy h1,
  .lantern-mountains-hero__copy h1,
  .lantern-about-hero__copy h1,
  .lantern-letters-hero__copy h1,
  .lantern-press-hero__copy h1,
  .lantern-utility-hero h1{
    box-sizing:border-box;
    max-width:100%;
    max-inline-size:100%;
    font-size:clamp(2.85rem,14vw,4.75rem)!important;
    letter-spacing:.015em!important;
    overflow-wrap:normal;
    word-break:normal;
    hyphens:none;
    text-wrap:balance;
  }
}

/* Very small phones need a little more insurance for long single words
   such as MOUNTAINS and LANDSCAPE. */
@media (max-width:380px){
  .lantern-home-hero h1,
  .lantern-begin-threshold h1,
  .lantern-books-hero__copy h1,
  .lantern-identity-hero__copy h1,
  .lantern-mountains-hero__copy h1,
  .lantern-about-hero__copy h1,
  .lantern-letters-hero__copy h1,
  .lantern-press-hero__copy h1,
  .lantern-utility-hero h1{
    font-size:clamp(2.65rem,13.2vw,3.2rem)!important;
  }
}

/* v0.15.3 — mobile homepage hero vertical composition
   The title-safety pass made the copy block shorter, which caused the flex-end
   composition to sit lower in the hero. Tighten only the mobile hero height so
   the copy returns upward without changing the approved desktop composition. */
@media (max-width:700px){
  .lantern-home-hero{
    min-height:620px;
  }
}

@media (max-width:380px){
  .lantern-home-hero{
    min-height:580px;
  }
}

/* v0.15.4 — correct the actual source of the low mobile homepage copy.
   home.css reserves 320px above the copy on phones. After the title was made
   safer/smaller, that padding became the dominant vertical spacer and even
   forced the hero taller than its min-height. Reduce only that mobile spacer;
   desktop remains untouched. */
@media (max-width:700px){
  .lantern-home-hero__copy{
    padding:160px 0 44px;
  }
}

@media (max-width:380px){
  .lantern-home-hero__copy{
    padding:135px 0 40px;
  }
}

/* v0.15.5 — mobile vertical composition for Begin, Books, and Identity.
   These three cinematic heroes retained the old 280–310px mobile spacer even
   after the title-safety pass. Match the improved Home treatment by reducing
   only their narrow-screen reserved image space. Desktop/tablet remains intact. */
@media (max-width:700px){
  .lantern-begin-threshold{
    min-height:620px;
  }
  .lantern-begin-threshold__inner{
    padding:155px 0 50px;
  }

  .lantern-books-hero{
    min-height:620px;
  }
  .lantern-books-hero__copy{
    padding:155px 0 44px;
  }

  .lantern-identity-hero{
    min-height:610px;
  }
  .lantern-identity-hero__copy{
    padding:150px 0 44px;
  }
}

@media (max-width:380px){
  .lantern-begin-threshold{
    min-height:590px;
  }
  .lantern-begin-threshold__inner{
    padding:135px 0 46px;
  }

  .lantern-books-hero{
    min-height:590px;
  }
  .lantern-books-hero__copy{
    padding:130px 0 40px;
  }

  .lantern-identity-hero{
    min-height:585px;
  }
  .lantern-identity-hero__copy{
    padding:125px 0 40px;
  }
}

/* v0.15.6 — final mobile hero copy lift for Begin, Books, and Identity.
   Keep the approved type scale and cinematic crop; move only the text/CTA
   composition upward on phones so the first viewport feels intentional.
   Desktop/tablet layouts are untouched. */
@media (max-width:700px){
  .lantern-begin-threshold__inner{
    transform:translateY(-56px);
  }

  .lantern-books-hero__copy{
    transform:translateY(-46px);
  }

  .lantern-identity-hero__copy{
    transform:translateY(-46px);
  }
}

@media (max-width:380px){
  .lantern-begin-threshold__inner{
    transform:translateY(-58px);
  }

  .lantern-books-hero__copy{
    transform:translateY(-48px);
  }

  .lantern-identity-hero__copy{
    transform:translateY(-48px);
  }
}