/* V118 text scale stays fixed. Compact composition uses the same production
   layers at their original aspect ratios; no regenerated or stretched motifs. */
@media(min-width:1051px){
  body#start.compact-layout :is(.adult-hero,.parents-intro){min-height:39.8cqw;isolation:isolate}
  body#start.compact-layout :is(.hero-copy,.parents-intro-copy){padding-top:1.6cqw;width:44%}
  body#start.compact-layout :is(.adult-hero,.parents-intro)::before{
    content:"";position:absolute;z-index:-3;pointer-events:none;left:-6.054%;top:-10.7cqw;
    width:112.108%;height:23cqw;background:url(parents-convergence-hero-paint-v1.webp) center top/100% auto no-repeat;
    mask-image:linear-gradient(#000 65%,transparent);
  }
  body#start.compact-layout :is(.adult-hero,.parents-intro)::after{
    content:"";position:absolute;z-index:-2;pointer-events:none;left:-6.054%;bottom:0;
    width:112.108%;height:28cqw;background:url(parents-convergence-hero-paint-v1.webp) center bottom/100% auto no-repeat;
    mask-image:linear-gradient(transparent,#000 30%,#000 87%,transparent);
  }
  body#start.compact-layout .parents-opening-scene::before{display:none}
  body#start.compact-layout .parents-opening-scene{width:100%;left:6.054%;top:-14.4cqw}
  body#start.compact-layout .practice-illustration{width:100%;left:6.054%;top:-4.5cqw}
  /* Keep the existing copper pearl sharp above the native scene's cream floor. */
  body#start.compact-layout .compact-hero-pearl{
    position:absolute;z-index:1;pointer-events:none;left:-6.054%;bottom:0;
    width:112.108%;height:28cqw;background:url(parents-convergence-hero-paint-v1.webp) center bottom/100% auto no-repeat;
    mask-image:radial-gradient(ellipse 1.3cqw 1.3cqw at 53.78% 54.68%,#000 70%,transparent);
  }

  body#start.parents-exact.compact-layout .parents-reading-fields{min-height:0;padding-top:14px;padding-bottom:18px}
  body#start.parents-exact.compact-layout .parents-reading-fields>div>p:not(.identity-welcome){min-height:0;margin-bottom:16px}
  body#start.parents-exact.compact-layout .parents-reading-fields h2{margin-bottom:16px}
  body#start.parents-exact.compact-layout .identity-welcome{margin-top:16px}
  body#start.parents-exact.compact-layout .family-shared-art{container-type:inline-size;width:74%;height:31.08cqw;margin:0 auto;mask-image:linear-gradient(transparent,#000 3.5cqw,#000),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}

  body#start.parents-exact.compact-layout .parents-practice-calm{min-height:45cqw;padding-top:12px;--room-drop:18px}
  body#start.parents-exact.compact-layout .parents-practice-calm::before{
    width:75%;height:44.5759cqw;top:calc(var(--room-drop) - .75cqw);
    background-size:100% 100%;mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent),linear-gradient(90deg,#000 87%,transparent);
    mask-composite:intersect;
  }
  body#start.parents-exact.compact-layout .practice-calm-layout{grid-template-columns:43% 51%;gap:6%}
  body#start.parents-exact.compact-layout .practice-calm-room-photo{width:38.25cqw;height:28.6875cqw;margin:calc(var(--room-drop) - 1.2cqw) 0 0 -2.925cqw}
  body#start.parents-exact.compact-layout .practice-calm-room h2{white-space:normal;margin-bottom:14px}
  body#start.parents-exact.compact-layout .practice-calm-room>.text-link{margin:16px 0 0;transform:none}
  body#start.parents-exact.compact-layout .practice-calm-profile{grid-template-columns:96px minmax(0,1fr);gap:12px 18px;margin-bottom:18px}
  body#start.parents-exact.compact-layout .practice-calm-ewald{height:130px}
  body#start.parents-exact.compact-layout .practice-calm-jamie{width:96px}
  body#start.parents-exact.compact-layout .practice-calm-profile h2{margin-bottom:8px}
  body#start.parents-exact.compact-layout .parents-practice-calm>.practice-calm-wave{display:none}
  body#start.parents-exact.compact-layout .parents-practice-calm:has(details[open]){padding-bottom:32px}
  body#start.parents-exact.compact-layout .parents-practice-calm:has(details[open]) .practice-calm-room>.text-link{transform:none;color:var(--ink);text-shadow:none}

  body#start.parents-exact.compact-layout .parents-meeting{padding-top:16px;padding-bottom:24px}
  body#start.parents-exact.compact-layout .parents-meeting>h2{margin-bottom:24px}
  body#start.parents-exact.compact-layout .meeting-age{margin:22px auto}
  body#start.compact-layout .contact-chapter{padding-top:28px;padding-bottom:32px}
  body#start.compact-layout .adult-footer{padding-top:24px;padding-bottom:70px}
}
/* On small screens content already determines the height. Reduce only gaps
   and decorative footprints; controls and body text retain V118 dimensions. */
@media(max-width:1050px){
  body#start.compact-layout .parents-opening-scene{container-type:inline-size;width:min(112.108%,640px);left:50%;transform:translateX(-50%);margin:6px 0 0}
  body#start.compact-layout .practice-calm-room-photo{max-width:460px;margin-inline:auto}
  body#start.compact-layout .parents-meeting{padding-top:24px;padding-bottom:24px}
  body#start.compact-layout .parents-meeting>h2{margin-bottom:24px}
  body#start.compact-layout .meeting-steps{gap:18px}
  body#start.compact-layout .contact-chapter{padding-top:24px;padding-bottom:24px}
  body#start.compact-layout .parents-practice-calm{padding-bottom:12px}
}
@media(max-width:650px){
  body#start.compact-layout .parents-opening-scene{width:min(112.108%,540px)}
  body#start.compact-layout .parents-reading-fields{gap:24px}
  body#start.compact-layout .practice-calm-layout{gap:24px}
  body#start.compact-layout .practice-calm-profile{margin-bottom:18px}
  body#start.compact-layout .contact-chapter{gap:24px}
  body#start.compact-layout .contact-form{padding-top:24px}
}

/* Compact form spacing without reducing type or control hit areas. */
body#start.compact-layout .contact-chapter h2{margin-bottom:16px}
body#start.compact-layout .field{margin-bottom:14px}
body#start.compact-layout .field textarea{height:136px;min-height:136px}
body#start.compact-layout .form-intro{margin-bottom:16px}
body#start.compact-layout .form-hint{margin-bottom:14px}

/* Keep the complete photo-painting group. On narrow columns or expanded
   profiles its side fades before the text; no horizontal cut through paint. */
@media(min-width:1051px){
  body#start.parents-exact.compact-layout .parents-practice-calm:has(details[open])::before{mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent),linear-gradient(90deg,#000 60%,transparent 65%);mask-composite:intersect}
  body#start.parents-exact.compact-layout .parents-practice-calm:has(details[open]) .practice-calm-room>.text-link{color:#fff4e2;text-decoration-color:currentColor;text-shadow:0 1px 2px #073c40}
}
@media(min-width:1051px) and (max-width:1320px){
  body#start.parents-exact.compact-layout .parents-practice-calm::before{mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent),linear-gradient(90deg,#000 60%,transparent 65%);mask-composite:intersect}
  body#start.parents-exact.compact-layout .practice-calm-room>.text-link{color:#fff4e2;text-decoration-color:currentColor;text-shadow:0 1px 2px #073c40}
}