/* Only the photo/overlay panel changes bounds; cards keep their original geometry. */
@media (min-width:1101px) {
  /* Double only the existing tail; the slot's net flow height stays unchanged. */
  .about-page .about-pc [data-about-part="feature"]{--feature-tail:200px;padding-bottom:var(--feature-tail)}
  .about-page .about-pc [data-name="feature-background"]{
    height:calc(100svh + var(--feature-tail));margin-bottom:calc(-1 * var(--feature-tail));
  }
  /* The added interval equals the entry range. Its end stays in normal flow.
     Removing the slot's compensating tail keeps its net flow height at 100svh. */
  .about-page .about-pc [data-about-part="feature"].is-feature-panel-active{
    padding-bottom:0;
  }
  /* Keep the exit interval inside the sticky parent's content box. Padding
     alone ends native sticky before the panel can perform its reverse. */
  .about-page .about-pc [data-about-part="feature"].is-feature-panel-active::after{
    content:"";display:block;width:100%;height:calc(var(--feature-tail) + 75svh);flex:none;
  }
  .about-page .about-pc [data-name="feature-background"].feature-panel-motion{
    height:100svh;margin-bottom:0;
  }
  .about-page .about-pc .feature-panel-motion > .about-design-39 {
    left:var(--feature-panel-inline,0px);
    right:var(--feature-panel-inline,0px);
    top:var(--feature-panel-block,0px);
    bottom:var(--feature-panel-bottom,0px);
    border-radius:var(--feature-panel-radius,0px);
    overflow:hidden;
  }
}

@media (max-width:1100px) {
  .about-page .about-sp [data-about-part="feature"]{padding-bottom:240px}
}

/* SP uses the same controller; only the absolute background frame changes bounds. */
@media(max-width:760px){
 .about-page .about-sp [data-about-part="feature"].is-feature-panel-active{background:#fff;isolation:isolate;padding-bottom:80px}
 .about-page .about-sp [data-about-part="feature"].feature-panel-motion>.about-design-39{
  left:var(--feature-panel-inline,24px);right:var(--feature-panel-inline,24px);
  top:var(--feature-panel-block,16px);bottom:var(--feature-panel-bottom,16px);
  border-radius:var(--feature-panel-radius,16px);overflow:hidden;
 }
 .about-page .about-sp [data-about-part="feature"].is-feature-panel-active::after{
  content:"";display:block;width:100%;height:80px;margin-top:-80px;flex:none;pointer-events:none;
 }
}