/* Leonardo Firenze / v1.7 — targeted typographic and process-card refinements.
   The cinematic scroll, light/dark backgrounds and card stacking are unchanged. */

/* 1. Increase HeadingNow in both scenes; fit each intro line independently in JS. */
.lf13-hero .lf13-headline{
  font-size:clamp(145px,min(15vw,21svh),320px)!important;
  line-height:.84!important;
}
.lf13-hero .lf13-headline .lf15-headline-line{
  line-height:.84!important;
}
.lf13-hero .lf13-headline .lf15-headline-line:nth-child(2){
  font-size:1.08em;
}
.lf13-hero .lf08-bio h2,
.lf09-profile-layout .lf08-bio h2{
  font-size:clamp(84px,min(8.4vw,14.7svh),164px)!important;
  line-height:.86!important;
}

/* 2. More negative space INSIDE process cards; icon and copy share an inset. */
.lf13-method-fullbleed .method-card{
  padding:clamp(30px,3.5svh,54px) clamp(43px,3.8vw,76px)!important;
}
.lf13-method-fullbleed .method-card .method-icon{
  top:clamp(27px,3.4svh,50px)!important;
  right:clamp(36px,3.6vw,72px)!important;
}
.lf13-method-fullbleed .method-card h3,
.lf13-method-fullbleed .method-card p{
  max-width:calc(100% - 1px);
}

/* 3. Slightly quieter editorial headlines in Selected Works, without
   changing the scale/stacking of the cards themselves. */
.case-card__copy h3{
  font-size:clamp(48px,5.15vw,100px)!important;
  line-height:1.02!important;
}

@media(max-width:1100px){
  .lf13-hero .lf13-headline{font-size:clamp(90px,min(16vw,19svh),220px)!important}
  .lf13-hero .lf08-bio h2,.lf09-profile-layout .lf08-bio h2{
    font-size:clamp(64px,min(9.5vw,13svh),110px)!important;
  }
  .case-card__copy h3{font-size:clamp(46px,5.1vw,78px)!important}
}
@media(max-width:780px){
  .lf13-hero .lf13-headline{font-size:clamp(68px,min(17.5vw,16svh),140px)!important}
  .lf13-hero .lf13-headline .lf15-headline-line:nth-child(2){font-size:1em}
  .lf13-hero .lf08-bio h2,.lf09-profile-layout .lf08-bio h2{
    font-size:clamp(48px,9.5vw,82px)!important;
  }
  .lf13-method-fullbleed .method-card{padding:clamp(29px,5vw,42px)!important}
  .lf13-method-fullbleed .method-card .method-icon{top:28px!important;right:30px!important}
  .case-card__copy h3{font-size:clamp(44px,8vw,67px)!important}
}
@media(max-width:620px){
  .lf13-hero .lf13-headline{font-size:clamp(64px,min(18.5vw,14svh),100px)!important;gap:10px!important}
  /* Intentionally break the family name on phone-sized layouts. */
  .lf13-hero .lf13-headline .lf15-headline-line:nth-child(2){
    white-space:normal!important;
    width:100%!important;
    max-width:100%!important;
    font-size:1em;
    line-height:.88!important;
  }
  .lf13-hero .lf17-intro-group{display:inline-block;white-space:nowrap}
  .lf13-hero .lf17-surname{display:block;white-space:nowrap}
  .lf13-hero .lf13-scene--intro{gap:clamp(18px,3.4svh,32px)}
  .lf13-hero .lf08-bio h2,.lf09-profile-layout .lf08-bio h2{
    font-size:clamp(46px,10.8vw,64px)!important;
  }
  .case-card__copy h3{font-size:clamp(40px,9.4vw,61px)!important}
  .lf13-method-fullbleed .method-card{padding:clamp(28px,7vw,40px)!important}
  .lf13-method-fullbleed .method-card .method-icon{top:28px!important;right:28px!important}
}
/* A shorter browser viewport needs sufficient inner space without clipping copy. */
@media (max-height:700px) and (min-width:781px){
  .lf13-method-fullbleed .method-card{padding:clamp(27px,4.5svh,36px) clamp(42px,3.4vw,64px)!important}
  .lf13-method-fullbleed .method-card .method-icon{top:27px!important;right:clamp(36px,3.2vw,62px)!important}
}