/* Studio V11: isolated, responsive hero and studio layout repairs. */
.studio-new-hero {position:relative;isolation:isolate;overflow:hidden;min-height:clamp(640px,76vh,860px);display:flex;align-items:center;background:#07120f;color:#fff;}
.studio-new-hero-image {position:absolute;inset:0;z-index:-3;background:#07120f url('../images/studio-hero-collage.webp') center / cover no-repeat;}
.studio-new-hero-overlay {position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,12,10,.87) 0%,rgba(4,15,12,.83) 23%,rgba(4,15,12,.55) 44%,rgba(3,12,10,.10) 81%),linear-gradient(0deg,rgba(3,12,10,.52),transparent 31%);}
.studio-new-hero-content {position:relative;z-index:1;width:100%;padding-top:90px;padding-bottom:98px;}
.studio-new-hero-copy {max-width:790px;}
.studio-new-eyebrow {display:block;color:#8af0d1;font:700 .78rem/1.4 'Space Grotesk',sans-serif;letter-spacing:.18em;margin-bottom:28px;}
.studio-new-hero h1 {color:#fff;font:700 clamp(3.5rem,7vw,7.5rem)/.99 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:0 0 28px;text-wrap:balance;}
.studio-new-hero h1 em {font-style:normal;color:#80ebc8;}
.studio-new-hero-copy>p {color:#e3eee9;font-size:clamp(1.05rem,1.25vw,1.24rem);line-height:1.7;max-width:575px;margin:0;}
.studio-new-actions {display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:34px;}
.studio-new-secondary {font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px;}
.studio-new-secondary:hover {color:#80ebc8;border-color:#80ebc8;}
.studio-new-bottomline {position:absolute;left:max(24px,calc((100vw - 1180px)/2));bottom:28px;color:#bdcec8;font:700 .66rem/1.3 'Space Grotesk',sans-serif;letter-spacing:.13em;}
.studio-new-bottomline span {color:#66dab4;margin:0 14px;}
/* Repair legacy grids whose number column was removed from the PHP markup. */
.studio-practice-row {grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) 42px;}
.studio-method-steps article {grid-template-columns:minmax(0,1fr);}
.studio-section-intro {grid-template-columns:minmax(0,1fr) minmax(0,.55fr);}
@media(max-width:980px){.studio-new-hero {min-height:680px;}.studio-new-hero-content{padding-top:110px;padding-bottom:100px;}.studio-new-hero-overlay{background:linear-gradient(90deg,rgba(3,12,10,.9),rgba(3,12,10,.52) 78%);}.studio-practice-row{grid-template-columns:minmax(0,1fr) 30px;}.studio-practice-row>strong{grid-column:1;}.studio-practice-arrow{grid-column:2;grid-row:1;}.studio-section-intro{grid-template-columns:1fr;}}
@media(max-width:700px){.studio-new-hero{min-height:680px;}.studio-new-hero-image{background-position:58% center;}.studio-new-hero-overlay{background:linear-gradient(90deg,rgba(3,12,10,.92),rgba(3,12,10,.72)),linear-gradient(0deg,#07120f,transparent 65%);}.studio-new-hero-content{padding-top:90px;padding-bottom:100px;}.studio-new-hero h1{font-size:clamp(3rem,11.2vw,5.1rem);}.studio-new-eyebrow{font-size:.67rem;letter-spacing:.1em;}.studio-new-bottomline{left:24px;right:24px;bottom:26px;font-size:.57rem;}.studio-new-bottomline span{margin:0 7px;}.studio-new-actions{align-items:flex-start;flex-direction:column;}.studio-practice-row{grid-template-columns:minmax(0,1fr) 25px;gap:12px;}.studio-practice-row>strong{grid-column:1;}.studio-practice-arrow{display:block;grid-column:2;grid-row:1;}}
@media(max-width:380px){.studio-new-hero h1{font-size:2.8rem;}.studio-new-bottomline{font-size:.49rem;letter-spacing:.06em;}}

/* V12: Studio follows the shared Lognova hero typography and gutters. */
.studio-new-hero {
  min-height: var(--hero-height, clamp(630px, 82svh, 830px));
}
.studio-new-hero .container.studio-new-hero-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
  padding-inline: var(--hero-inset, clamp(24px, 6vw, 104px));
  padding-block: clamp(64px, 9vh, 110px);
}
.studio-new-hero-copy {
  width: 100%;
  max-width: 710px;
  min-width: 0;
}
.studio-new-hero h1 {
  font-size: clamp(2.9rem, 5.25vw, 5.4rem);
  line-height: 1.08;
  letter-spacing: -.047em;
  max-width: 800px;
  overflow-wrap: normal;
}
.studio-new-hero-copy > p {
  max-width: 620px;
  font-size: clamp(1.02rem, 1.25vw, 1.2rem);
}
.studio-new-bottomline {
  left: max(var(--hero-inset, 24px), calc((100vw - 1480px)/2 + var(--hero-inset, 24px)));
}
@media (max-width: 800px) {
  .studio-new-hero {
    min-height: var(--hero-height, clamp(620px, 84svh, 820px));
  }
  .studio-new-hero h1 {
    font-size: clamp(2.65rem, 7vw, 4.4rem);
  }
}
@media (max-width: 620px) {
  .studio-new-hero {
    min-height: 600px;
  }
  .studio-new-hero .container.studio-new-hero-content {
    padding-inline: 24px;
    padding-block: 62px;
  }
  .studio-new-hero h1 {
    font-size: clamp(2.55rem, 10.4vw, 3.6rem);
    letter-spacing: -.045em;
    overflow-wrap: break-word;
  }
  .studio-new-hero-copy > p {
    font-size: 1rem;
  }
  .studio-new-bottomline {
    left: 24px;
    right: 24px;
  }
}

/* V13: Creative Practice — correct structure and editorial typography.
   This section deliberately does not inherit the oversized legacy two-column heading. */
.studio-practice-section .studio-section-intro {
  display:block;
  width:100%;
  max-width:920px;
  margin:0 0 clamp(34px,5vw,64px);
}
.studio-practice-section .studio-section-intro .eyebrow {
  display:block; margin:0 0 20px;
}
.studio-practice-section .studio-section-intro h2 {
  max-width:860px;
  margin:0 0 20px;
  font-size:clamp(2.45rem,4.1vw,4.25rem);
  line-height:1.1;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.studio-practice-section .studio-section-intro p {
  max-width:650px;
  margin:0;
  color:#b6c8c2;
  font-size:clamp(1rem,1.25vw,1.13rem);
  line-height:1.7;
}
.studio-practice-section .studio-practice-row {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(180px,.7fr) 32px;
  gap:clamp(16px,3vw,40px);
  align-items:center;
}
.studio-practice-section .studio-practice-row > div {min-width:0;}
.studio-practice-section .studio-practice-row h3 {
  font-size:clamp(1.4rem,2vw,2.2rem);line-height:1.2;
}
.studio-practice-section .studio-practice-row p {line-height:1.65;}
@media(max-width:800px) {
  .studio-practice-section .studio-practice-row {
    grid-template-columns:minmax(0,1fr) 30px;gap:12px 18px;
  }
  .studio-practice-section .studio-practice-row > strong {grid-column:1;grid-row:2;}
  .studio-practice-section .studio-practice-arrow {grid-column:2;grid-row:1;}
}
@media(max-width:600px) {
  .studio-practice-section .studio-section-intro h2 {font-size:clamp(2rem,9vw,3rem);}
  .studio-practice-section .studio-practice-row {padding:24px 0;}
  .studio-practice-section .studio-practice-row h3 {font-size:1.45rem;}
  .studio-practice-section .studio-practice-row > strong {font-size:.67rem;letter-spacing:.03em;}
}