/* Mild circular letter baselines for the public Home and Parent hero only.
   Uses the child page's proven per-character technique with ~1/3 amplitude.
   Heading remains accessible via its unchanged aria-label. */
.mockup-home #main .home-hero .hero-copy h1,
.mockup-parent #main .parent-hero .hero-copy h1 {
 transform:none;
 transform-origin:left center;
 overflow:visible;
 padding-top:.12em;
 padding-bottom:.09em;
}
.mockup-home #main .home-hero .hero-copy .soft-arc-line,
.mockup-parent #main .parent-hero .hero-copy .soft-arc-line {
 display:block;
 width:max-content;
 max-width:none;
 white-space:nowrap;
 line-height:1.06;
}
.mockup-home #main .home-hero .hero-copy .soft-arc-char,
.mockup-parent #main .parent-hero .hero-copy .soft-arc-char {
 display:inline-block;
 white-space:pre;
 transform:translateY(var(--soft-y,0em)) rotate(var(--soft-r,0deg));
 transform-origin:50% 84%;
 backface-visibility:hidden;
}
.mockup-home #main .home-hero .hero-copy .home-soft-second {
 margin-top:.035em;
}
.mockup-home #main .home-hero .hero-copy .home-soft-second em{
 font-style:normal;
 color:var(--mainpage-orange,#ff7300);
}
@media(max-width:640px){
 .mockup-home #main .home-hero .hero-copy h1{
  font-size:clamp(28px,8.7vw,39px);
  line-height:1.07;
 }
 .mockup-home #main .home-hero .hero-copy .soft-arc-line{
  line-height:1.08;
 }
 .mockup-parent #main .parent-hero .hero-copy h1{
  font-size:clamp(29px,9vw,39px);
  line-height:1.06;
 }
}
@media(max-width:350px){
 .mockup-home #main .home-hero .hero-copy h1{font-size:clamp(27px,8.45vw,30px);}
 .mockup-parent #main .parent-hero .hero-copy h1{font-size:clamp(27px,8.65vw,31px);}
}