/* Targeted Oct 09: first-section mobile height for three pages only. */
@media (max-width:760px){
  body.compact-rhythm.about-page .page-hero,
  body.compact-rhythm.membership-page .page-hero,
  body.compact-rhythm.club-page .page-hero{
    min-height:0!important;height:auto!important;
    padding:clamp(44px,9vw,66px) 16px 35px!important;
    display:flex;justify-content:center;gap:0;
  }
  body.compact-rhythm.about-page .page-hero h1,
  body.compact-rhythm.membership-page .page-hero h1,
  body.compact-rhythm.club-page .page-hero h1{font-size:clamp(68px,19vw,96px);line-height:.83}
  body.compact-rhythm.about-page .page-hero p,
  body.compact-rhythm.membership-page .page-hero p,
  body.compact-rhythm.club-page .page-hero p{margin-top:20px;font-size:14px;line-height:1.45;max-width:36rem}
  body.membership-page .membership-hero-photo{display:none!important}
}
/* Classes: square-ish tactile cards, measured media, never a stretched or clipped canvas. */
@media(min-width:1081px){
  body.compact-rhythm .class-worlds-sticky{height:min(740px,calc(100svh - 98px))!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto!important}
  body.compact-rhythm .class-worlds-viewport{min-height:0!important}
  body.compact-rhythm .class-world{flex-basis:min(76vw,960px)!important;width:min(76vw,960px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(14px,2vw,30px)!important;padding:clamp(18px,2vw,30px)!important}
  body.compact-rhythm .class-world:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  body.compact-rhythm .class-world-play{height:100%!important;max-height:100%;min-width:0;min-height:0!important;display:grid;place-items:center;overflow:hidden}
  body.compact-rhythm .atelier-canvas,body.compact-rhythm .stem-lab{width:min(100%,440px)!important;height:auto!important;aspect-ratio:1/1!important;max-height:100%!important}
  body.compact-rhythm .music-play,body.compact-rhythm .kitchen-play{align-content:center}
  body.compact-rhythm .class-world h3{font-size:clamp(44px,4.3vw,70px)!important}
}
@media(max-width:1080px){
  body.compact-rhythm .class-worlds{height:auto!important}
  body.compact-rhythm .class-worlds-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth!important;overscroll-behavior-x:contain}
  body.compact-rhythm .class-world{min-height:0!important;height:auto!important;grid-template-columns:1fr!important;gap:16px!important;align-content:start;flex-basis:min(84vw,660px)!important;width:min(84vw,660px)!important;padding:20px!important}
  body.compact-rhythm .class-world:nth-child(even){grid-template-columns:1fr!important}
  body.compact-rhythm .class-world:nth-child(even) .class-world-copy{order:0!important}
  body.compact-rhythm .class-world:nth-child(even) .class-world-play{order:1!important}
  body.compact-rhythm .class-world-copy{align-self:start!important}
  body.compact-rhythm .class-world-play{height:auto!important;min-height:0!important;aspect-ratio:1/1!important;overflow:hidden}
  body.compact-rhythm .atelier-canvas,body.compact-rhythm .stem-lab{width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:1/1!important}
  body.compact-rhythm .class-world h3{font-size:clamp(42px,8vw,62px)!important}
}
@media(max-width:760px){
  body.compact-rhythm .class-world{flex-basis:86vw!important;width:86vw!important;padding:16px!important;gap:12px!important;border-radius:22px!important}
  body.compact-rhythm .class-world-play{aspect-ratio:1/1!important;border-radius:17px!important}
  body.compact-rhythm .class-worlds-intro h2{font-size:clamp(43px,10vw,65px)!important}
  body.compact-rhythm .class-world-punch{font-size:clamp(22px,5.5vw,30px)!important}
  body.compact-rhythm .class-world-copy p:not(.class-world-punch){font-size:12px!important}
  body.compact-rhythm .class-worlds{padding-bottom:30px!important}
}