/* Homepage composition, deliberately separate from the retained original scenes. */
.home-with-skipping .title-shapes {position:relative;}
.home-with-skipping .home-intro {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  align-items:center;
  column-gap:var(--site-hero-gap);
  min-height: min(55rem, 100svh);
  max-width:var(--site-content-width);
  margin:0 auto;
  padding:var(--site-header-clearance) 0 4rem;
  overflow:visible;
}
.home-intro-copy {position:relative;z-index:2;}
.home-intro-copy h1 {
  font-size:clamp(2.5rem,4.8vw,4.25rem);
  line-height:1.06;
  letter-spacing:-.035em;
  margin:0;
}
.home-intro-copy p {font-size:clamp(1.125rem,1.6vw,1.45rem);line-height:1.45;max-width:24em;margin:1.25em 0 0;}
.home-intro-copy .home-intro-description {font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.5;max-width:29em;}
.home-illustration {min-width:0;padding:1.5rem 0 2.25rem;}
.skipping-hero {position:relative;width:100%;max-width:30rem;margin-inline:auto;overflow:visible;isolation:isolate;}
.skipping-hero .tb-skipping {width:100%;overflow:visible;outline:none;}
.skipping-hero [role="button"] {cursor:pointer;-webkit-tap-highlight-color:transparent;}
.skipping-hero [role="button"]:focus-visible {outline:var(--site-focus-width) dashed currentColor;outline-offset:1rem;border-radius:1rem;}
.skipping-hero [role="button"][aria-pressed="true"] {cursor:pointer;}
/* A zero-height origin lets later shapes follow measured scene centres rather
 * than guessing with em offsets tied to the former stacked hero. */
.home-with-skipping .home-opening-stage {position:relative;height:0;pointer-events:none;}
.home-with-skipping .home-opening-stage > .home-shapes {position:absolute;left:0;right:0;top:0;margin-inline:auto;opacity:0;transition:opacity .22s;}
.home-with-skipping .home-opening-stage.show-original-shapes > .home-shapes {opacity:1;}
.home-with-skipping .title-shapes .title-section {min-height:26rem;height:auto;margin-top:9rem;padding-block:4rem;}
.home-with-skipping .title-shapes .title-section:last-child {margin-bottom:8rem;}
@media(max-width:767px){
 .home-with-skipping .home-intro {grid-template-columns:minmax(0,1fr);min-height:auto;row-gap:1rem;padding:7rem 0 2.5rem;}
 .home-intro-copy {grid-row:1;}
 .home-intro-copy h1 {font-size:clamp(2.25rem,8.5vw,3.75rem);line-height:1.08;max-width:13ch;}
 .home-intro-copy p {font-size:1.125rem;max-width:25em;margin-top:1em;}
 .home-illustration {padding:1.5rem 1rem 2.5rem;}
 .skipping-hero {width:90%;max-width:24rem;}
 .home-with-skipping .title-shapes .title-section {min-height:30rem;margin-top:3rem;padding-top:17rem;padding-bottom:3rem;}
 .home-with-skipping .title-shapes .title-section:last-child {margin-bottom:5rem;}
 .home-with-skipping .home-shapes {width:70%;height:14rem;max-width:17rem;}
}
@media(max-height:520px) and (min-width:768px){
 .home-with-skipping .home-intro {min-height:35rem;padding-top:6rem;}
}
@media(prefers-reduced-motion:reduce){
 .home-with-skipping .home-opening-stage > .home-shapes {transition:none;}
}