/* Carnaby 2026-10-07 — compact connected section rhythm
   Scope: public pages carrying body.compact-rhythm only.
   Intent: preserve content/order/interactions while reducing dead space and keeping the next content beat visually close. */

body.compact-rhythm{
  --compact-y:clamp(34px,3vw,44px);
  --compact-y-tight:clamp(28px,2.2vw,34px);
  --compact-gap:clamp(12px,1.4vw,20px);
}

body.compact-rhythm .section{
  padding-top:var(--compact-y)!important;
  padding-bottom:var(--compact-y)!important;
}
body.compact-rhythm .section + .section,
body.compact-rhythm .section + .pull,
body.compact-rhythm .pull + .section{
  border-top:1px solid var(--line);
}
body.compact-rhythm .section-head,
body.compact-rhythm .whatson-section-head,
body.compact-rhythm .whatson-split-head,
body.compact-rhythm .join-section-head,
body.compact-rhythm .class-faq-head{
  gap:18px;
  margin-bottom:22px!important;
}
body.compact-rhythm .section-title{
  font-size:clamp(42px,5.3vw,78px);
  line-height:.84;
  letter-spacing:-.045em;
}
body.compact-rhythm .section-copy{
  max-width:600px;
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.38;
  margin-top:12px;
}
body.compact-rhythm .eyebrow{font-size:9px}

/* Public page heroes: generous enough to feel intentional, short enough to reveal the next beat. */
body.compact-rhythm .page-hero{
  min-height:clamp(500px,67svh,660px)!important;
  padding:clamp(30px,4vw,52px) var(--pad) clamp(28px,4vw,48px)!important;
}
body.compact-rhythm .page-hero h1{
  font-size:clamp(68px,9vw,132px);
  line-height:.74;
  letter-spacing:-.058em;
}
body.compact-rhythm .page-hero p{
  max-width:650px;
  font-size:clamp(15px,1.35vw,20px);
  line-height:1.28;
  margin-top:18px;
}
body.compact-rhythm .page-hero .hero-scribble{
  font-size:clamp(25px,3vw,44px);
}

/* Home hero */
body.compact-rhythm .hero,
body.compact-rhythm .hero-grid{min-height:clamp(540px,70svh,700px)}
body.compact-rhythm .hero-grid{
  padding:clamp(22px,3vw,36px) var(--pad) 22px;
  gap:clamp(18px,3vw,40px);
}
body.compact-rhythm .hero h1{
  font-size:clamp(72px,9vw,142px);
  line-height:.72;
  margin:14px 0 18px;
}
body.compact-rhythm .hero-lead{font-size:clamp(15px,1.35vw,20px);line-height:1.3}
body.compact-rhythm .hero-actions{margin-top:18px}
body.compact-rhythm .hero-actions a{padding:10px 14px;font-size:10px}
body.compact-rhythm .hero-collage{min-height:min(52vh,520px)}
body.compact-rhythm .hero-note{font-size:clamp(22px,2.4vw,34px)}
body.compact-rhythm .marquee{padding:8px 0}
body.compact-rhythm .marquee-track{font-size:20px;gap:26px}
body.compact-rhythm .marquee-track span{gap:26px}

/* Home content blocks */
body.compact-rhythm .mood-grid{gap:10px}
body.compact-rhythm .mood-card{min-height:430px;border-radius:22px}
body.compact-rhythm .mood-stack{gap:10px}
body.compact-rhythm .mood-stack .mood-card{min-height:210px}
body.compact-rhythm .mood-copy{left:20px;right:20px;bottom:18px}
body.compact-rhythm .mood-copy h3{font-size:clamp(38px,4.4vw,68px)}
body.compact-rhythm .why-carnaby-grid{gap:10px}
body.compact-rhythm .why-carnaby-card{min-height:205px;padding:18px;border-radius:20px}
body.compact-rhythm .why-carnaby-card h3{font-size:clamp(34px,3.6vw,52px);margin:16px 0 10px}
body.compact-rhythm .why-carnaby-card p{font-size:12px;line-height:1.4}
body.compact-rhythm .hour-section{min-height:0!important;overflow:hidden}
body.compact-rhythm .hour-layout{min-height:445px;gap:clamp(22px,3vw,48px)}
body.compact-rhythm .day-clock{width:clamp(285px,25vw,365px);gap:10px}
body.compact-rhythm .hour-clock-column{gap:14px}
body.compact-rhythm .hour-story{padding-top:52px}
body.compact-rhythm .hour-title{font-size:clamp(20px,1.8vw,28px);max-width:290px}
body.compact-rhythm .hour-now{padding:12px 0 0}
body.compact-rhythm .hour-now small{font-size:10px;margin-bottom:12px}
body.compact-rhythm .hour-now h3{font-size:clamp(50px,5.3vw,82px);margin-bottom:16px}
body.compact-rhythm .hour-now p{font-size:clamp(14px,1.2vw,18px);line-height:1.4;max-width:600px}
body.compact-rhythm .join-strip{border-radius:24px}
body.compact-rhythm .join-copy{padding:clamp(24px,3vw,42px)!important}
body.compact-rhythm .join-copy h2{font-size:clamp(48px,5.7vw,86px);line-height:.82!important}
body.compact-rhythm [data-requested-section="why-membership"] .join-copy h2 span{margin-top:10px!important}
body.compact-rhythm .join-copy p{font-size:14px;line-height:1.42;margin:18px 0}
body.compact-rhythm .join-image{min-height:360px}

/* Forms / enquiry */
body.compact-rhythm .enquiry-shell{gap:clamp(20px,3vw,42px)}
body.compact-rhythm .enquiry-copy h2{font-size:clamp(46px,5.4vw,82px);margin:10px 0 14px}
body.compact-rhythm .enquiry-copy p{font-size:14px;line-height:1.4}
body.compact-rhythm .enquiry-note{font-size:21px;margin-top:14px}
body.compact-rhythm .enquiry-form{padding:20px;border-radius:20px}
body.compact-rhythm .form-grid{gap:10px}
body.compact-rhythm .form-field{gap:5px}
body.compact-rhythm .form-field input,
body.compact-rhythm .form-field textarea,
body.compact-rhythm .form-field select{padding:10px 11px;border-radius:10px;font-size:12px}
body.compact-rhythm .form-field textarea{min-height:76px}
body.compact-rhythm .form-submit{margin-top:12px}

/* About */
body.compact-rhythm .story-grid{gap:10px}
body.compact-rhythm .story-block{min-height:315px;padding:22px;border-radius:20px}
body.compact-rhythm .story-block.media{padding:0}
body.compact-rhythm .story-block.media img{min-height:315px}
body.compact-rhythm .story-block h2{font-size:clamp(38px,4.2vw,64px);line-height:.86}
body.compact-rhythm .story-block p{font-size:13px;line-height:1.42}
body.compact-rhythm .pull{padding:clamp(36px,5vw,64px) var(--pad)}
body.compact-rhythm .pull p{font-size:clamp(42px,5.8vw,84px);line-height:.88;max-width:1180px}
body.compact-rhythm .pull:before{width:150px;height:150px}
body.compact-rhythm .pull:after{width:125px;height:125px}

/* Club */
body.compact-rhythm .compact-club-section{padding-top:var(--compact-y)!important;padding-bottom:var(--compact-y)!important}
body.compact-rhythm .club-mini-grid{gap:10px}
body.compact-rhythm .club-card{border-radius:20px}
body.compact-rhythm .club-card-media{aspect-ratio:2/1}
body.compact-rhythm .club-card-copy{padding:14px 15px 16px}
body.compact-rhythm .club-card h3{font-size:clamp(30px,3vw,44px);margin:9px 0 8px;line-height:.9}
body.compact-rhythm .club-card p{font-size:11.5px;line-height:1.38;margin-bottom:10px}
body.compact-rhythm .club-chip{padding:6px 8px;font-size:7px}
body.compact-rhythm .club-sticker{font-size:15px;padding:6px 8px}
body.compact-rhythm .club-burst{width:38px;height:38px;font-size:20px}
body.compact-rhythm .club-ticker{padding:7px 0}
body.compact-rhythm .club-ticker>div{font-size:19px}
body.compact-rhythm .club-split{gap:clamp(20px,3vw,44px)}
body.compact-rhythm .club-split-copy h2{font-size:clamp(46px,5.5vw,82px);margin:10px 0 14px}
body.compact-rhythm .club-split-copy p{font-size:14px;line-height:1.4}
body.compact-rhythm .club-split-collage{min-height:390px}

/* Membership */
body.compact-rhythm .membership-feature{gap:clamp(22px,4vw,58px)}
body.compact-rhythm .membership-feature-copy h2{font-size:clamp(48px,5.6vw,84px);margin:10px 0 14px}
body.compact-rhythm .membership-feature-copy p{font-size:14px;line-height:1.42;margin-bottom:16px}
body.compact-rhythm .membership-direct-link{font-size:20px}
body.compact-rhythm .membership-card{min-height:350px;padding:20px;border-radius:20px}
body.compact-rhythm .membership-card-feature{min-height:370px!important}
body.compact-rhythm .membership-group.membership-only .membership-card,
body.compact-rhythm .membership-group.daypass-only .membership-card{min-height:350px}
body.compact-rhythm .membership-card .price{font-size:clamp(50px,5vw,76px);margin:14px 0}
body.compact-rhythm .membership-card ul{margin:14px 0}
body.compact-rhythm .membership-card li{padding:8px 0;font-size:11.5px}
body.compact-rhythm .membership-card .note{font-size:21px}
body.compact-rhythm .join-section-head h2{font-size:clamp(46px,5.3vw,80px)}
body.compact-rhythm .join-section-head p{font-size:13px;margin-top:12px}

/* What's on */
body.compact-rhythm .whats-latest-hero{
  min-height:clamp(500px,67svh,650px)!important;
  padding:var(--compact-y) var(--pad)!important;
  gap:clamp(20px,3vw,44px);
}
body.compact-rhythm .whats-latest-copy h1{font-size:clamp(64px,7.5vw,108px);margin:0 0 12px}
body.compact-rhythm .whats-latest-copy p{font-size:clamp(14px,1.15vw,17px);line-height:1.35}
body.compact-rhythm .latest-event-wrap{width:min(100%,610px)}
body.compact-rhythm .latest-event-foot strong{font-size:25px}
body.compact-rhythm .whatson-section-head h2,
body.compact-rhythm .whatson-split-head h2,
body.compact-rhythm .parlor-hours h2{font-size:clamp(44px,5.2vw,78px)}
body.compact-rhythm .whatson-section-head p{font-size:13px}
body.compact-rhythm .event-filter{margin-bottom:14px}
body.compact-rhythm .event-grid{gap:10px}
body.compact-rhythm .event-card{min-height:370px;border-radius:19px}
body.compact-rhythm .event-body{padding:13px}
body.compact-rhythm .event-title{font-size:clamp(30px,3.1vw,46px);margin:13px 0 9px}
body.compact-rhythm .event-caption{font-size:12px;line-height:1.38}
body.compact-rhythm .event-note{font-size:18px}
body.compact-rhythm .whats-new-section,
body.compact-rhythm .parlor-hours-section{padding-top:var(--compact-y)!important;padding-bottom:var(--compact-y)!important}
body.compact-rhythm .whatson-new-grid{gap:10px}
body.compact-rhythm .whatson-new-card{min-height:215px;padding:18px;border-radius:20px}
body.compact-rhythm .whatson-new-card h3{font-size:clamp(32px,3.5vw,50px);margin:15px 0}
body.compact-rhythm .whatson-new-card p{font-size:12px}
body.compact-rhythm .parlor-hours{gap:clamp(20px,3vw,46px)}
body.compact-rhythm .parlor-hours-list>div{padding:10px 0}
body.compact-rhythm .parlor-hours-list strong{font-size:23px}
body.compact-rhythm .parlor-hours-list p{margin-top:10px}
body.compact-rhythm .birthday-shell{min-height:0!important;padding:22px!important;gap:20px!important}
body.compact-rhythm .birthday-shell h2{font-size:clamp(48px,5.6vw,84px)!important;margin:8px 0 12px!important}
body.compact-rhythm .birthday-shell p{font-size:13px!important;line-height:1.4}
body.compact-rhythm .birthday-shell a{margin-top:14px;padding:10px 15px}
body.compact-rhythm .birthday-elastic-stage{height:270px!important;max-width:590px!important}
body.compact-rhythm .birthday-shell>.birthday-sticker{font-size:clamp(23px,2.5vw,36px)!important}

/* Play: preserve the shoe interaction and the three-world layout, only tighten proportions. */
body.compact-rhythm .play-shoes-hero{
  min-height:clamp(500px,67svh,640px)!important;
  padding-top:clamp(34px,4vw,54px)!important;
  padding-bottom:clamp(34px,4vw,54px)!important;
}
body.compact-rhythm .play-worlds{padding:var(--compact-y) var(--pad)!important}
body.compact-rhythm .play-worlds-head{gap:20px;margin-bottom:18px}
body.compact-rhythm .play-worlds-head h2{font-size:clamp(44px,5vw,74px)}
body.compact-rhythm .play-worlds-head p{font-size:14px;line-height:1.4}
body.compact-rhythm .play-worlds-list{gap:12px}
body.compact-rhythm .play-world-card{min-height:300px;border-radius:24px}
body.compact-rhythm .play-world-copy{padding:clamp(20px,2.5vw,34px)}
body.compact-rhythm .play-world-meta{font-size:9px;margin-bottom:14px}
body.compact-rhythm .play-world-copy h3{font-size:clamp(38px,4vw,58px);margin-bottom:12px}
body.compact-rhythm .play-world-copy p{font-size:13px;line-height:1.42}
body.compact-rhythm .play-world-tags{margin-top:14px;gap:6px}
body.compact-rhythm .play-world-tags span{font-size:8px;padding:6px 8px}
body.compact-rhythm .play-world-nudge{font-size:19px;margin-top:14px}
body.compact-rhythm .play-world-visual{min-height:250px;margin:8px;border-radius:20px}
body.compact-rhythm .play-world-sticker{width:90px;font-size:21px}
body.compact-rhythm .play-games-section{padding-top:var(--compact-y)!important;padding-bottom:var(--compact-y)!important}
body.compact-rhythm .play-games-head{gap:18px;margin-bottom:16px}
body.compact-rhythm .play-games-head h2{font-size:clamp(44px,5.2vw,78px)}
body.compact-rhythm .play-games-intro{font-size:13px;margin-top:10px}
body.compact-rhythm .xoxo-game{min-height:250px;padding:13px;border-radius:20px}
body.compact-rhythm .xoxo-board{width:min(100%,190px)}
body.compact-rhythm .xoxo-head .hand{font-size:29px}
body.compact-rhythm .xoxo-cell{font-size:clamp(34px,3vw,50px)}
body.compact-rhythm .play-games-grid{gap:8px}
body.compact-rhythm .play-game-card{padding:15px!important;border-radius:18px}
body.compact-rhythm .play-game-card h3{font-size:clamp(28px,2.5vw,40px);margin-top:16px!important}
body.compact-rhythm .play-game-card p{font-size:11.5px;margin-top:12px!important}

/* Classes: host form gets compact; horizontal journey keeps its scroll logic and 20–30% next-card cue. */
body.compact-rhythm .class-host-hero{
  min-height:clamp(560px,72svh,700px);
  padding:var(--compact-y) var(--pad)!important;
  gap:clamp(20px,3vw,46px);
}
body.compact-rhythm .class-host-copy h1{font-size:clamp(62px,7vw,104px);margin:10px 0 16px}
body.compact-rhythm .class-host-copy>p{font-size:clamp(14px,1.2vw,17px);line-height:1.42}
body.compact-rhythm .class-host-note{font-size:clamp(21px,2.2vw,30px);margin-top:16px}
body.compact-rhythm .class-host-form{padding:18px;border-radius:22px}
body.compact-rhythm .class-form-top h2{font-size:clamp(34px,3vw,46px);margin:6px 0}
body.compact-rhythm .class-form-top p{font-size:11.5px;margin-bottom:14px}
body.compact-rhythm .class-worlds{border-top:1px solid var(--line)}
body.compact-rhythm .class-worlds-sticky{padding-top:20px!important;padding-bottom:20px!important;height:clamp(500px,64vh,590px)!important;gap:10px!important}
body.compact-rhythm .class-worlds-intro{min-height:58px!important}
body.compact-rhythm .class-worlds-intro h2{font-size:clamp(40px,4vw,60px)!important}
body.compact-rhythm .class-world{flex-basis:min(76vw,1000px)!important;width:min(76vw,1000px)!important;padding:clamp(20px,2vw,30px)!important}
body.compact-rhythm .class-world h3{font-size:clamp(46px,4.2vw,66px)!important}
body.compact-rhythm .class-world-punch{font-size:clamp(22px,2vw,30px)!important;margin:10px 0 12px!important}
body.compact-rhythm .class-world-copy p:not(.class-world-punch){font-size:12px!important}
body.compact-rhythm .class-faq-list summary{padding:14px 44px 14px 0;font-size:clamp(22px,2vw,30px)}
body.compact-rhythm .class-faq-list p{font-size:13px;line-height:1.45;margin-bottom:16px}

/* Footer */
body.compact-rhythm .footer{padding:40px var(--pad) 20px}
body.compact-rhythm .footer-big{font-size:clamp(62px,9vw,132px)!important}
body.compact-rhythm .footer-links{gap:6px 16px}
body.compact-rhythm .footer-links a{font-size:10px;padding:8px 0}
body.compact-rhythm .footer-bottom{margin-top:26px;padding-top:12px}

@media(max-width:1080px){
  body.compact-rhythm{--compact-y:30px}
  body.compact-rhythm .section-head{margin-bottom:18px!important}
  body.compact-rhythm .page-hero{min-height:clamp(480px,64svh,620px)!important}
  body.compact-rhythm .hero,body.compact-rhythm .hero-grid{min-height:auto}
  body.compact-rhythm .hero-grid{padding-top:26px;padding-bottom:24px}
  body.compact-rhythm .hero-collage{min-height:520px}
  body.compact-rhythm .mood-card{min-height:390px}
  body.compact-rhythm .mood-stack .mood-card{min-height:190px}
  body.compact-rhythm .join-image{min-height:330px}
  body.compact-rhythm .class-worlds{padding-top:30px!important;padding-bottom:34px!important}
  body.compact-rhythm .class-worlds-intro{margin-bottom:16px!important}
  body.compact-rhythm .class-world{flex-basis:76vw!important;width:76vw!important;min-height:430px}
  body.compact-rhythm .class-worlds-sticky{height:auto!important;padding:0!important}
}

@media(max-width:760px){
  body.compact-rhythm{--compact-y:28px;--compact-y-tight:24px}
  body.compact-rhythm .section{padding-top:28px!important;padding-bottom:28px!important}
  body.compact-rhythm .section-head,
  body.compact-rhythm .whatson-section-head,
  body.compact-rhythm .whatson-split-head,
  body.compact-rhythm .join-section-head,
  body.compact-rhythm .class-faq-head{gap:10px;margin-bottom:14px!important}
  body.compact-rhythm .section-title{font-size:clamp(38px,12vw,58px)}
  body.compact-rhythm .section-copy{font-size:13px;margin-top:8px}
  body.compact-rhythm .page-hero{min-height:clamp(430px,61svh,540px)!important;padding:24px 16px 28px!important}
  body.compact-rhythm .page-hero h1{font-size:clamp(62px,19vw,96px)}
  body.compact-rhythm .page-hero p{font-size:14px;margin-top:14px}
  body.compact-rhythm .hero-grid{padding:22px 16px 20px}
  body.compact-rhythm .hero h1{font-size:clamp(70px,22vw,105px);margin:12px 0 16px}
  body.compact-rhythm .hero-lead{font-size:14px}
  body.compact-rhythm .hero-collage{min-height:430px}
  body.compact-rhythm .mood-card{min-height:330px}
  body.compact-rhythm .mood-stack .mood-card{min-height:250px}
  body.compact-rhythm .why-carnaby-grid{grid-template-columns:1fr;gap:8px}
  body.compact-rhythm .why-carnaby-card{min-height:160px;padding:16px}
  body.compact-rhythm .hour-layout{min-height:0}
  body.compact-rhythm #everyday-carnaby.hour-section{padding-top:28px!important;padding-bottom:32px!important}
  body.compact-rhythm .join-copy{padding:22px!important}
  body.compact-rhythm .join-image{min-height:260px}
  body.compact-rhythm .enquiry-shell{grid-template-columns:1fr;gap:18px}
  body.compact-rhythm .form-grid{grid-template-columns:1fr}
  body.compact-rhythm .form-field.full{grid-column:auto}
  body.compact-rhythm .story-grid{gap:8px}
  body.compact-rhythm .story-block{grid-column:span 12;min-height:230px;padding:18px}
  body.compact-rhythm .story-block.media img{min-height:230px}
  body.compact-rhythm .pull{padding:34px 16px}
  body.compact-rhythm .pull p{font-size:clamp(38px,12vw,60px)}
  body.compact-rhythm .club-mini-grid{grid-template-columns:1fr;gap:8px}
  body.compact-rhythm .club-card-media{aspect-ratio:2.25/1}
  body.compact-rhythm .club-split{grid-template-columns:1fr}
  body.compact-rhythm .club-split-collage{min-height:300px}
  body.compact-rhythm .membership-feature{grid-template-columns:1fr;gap:18px}
  body.compact-rhythm .membership-card-feature,
  body.compact-rhythm .membership-card{min-height:300px!important}
  body.compact-rhythm .membership-group.daypass-only{grid-template-columns:1fr}
  body.compact-rhythm .whats-latest-hero{grid-template-columns:1fr!important;min-height:0!important;padding:28px 16px 32px!important;gap:18px}
  body.compact-rhythm .latest-event-wrap{width:100%;justify-self:stretch}
  body.compact-rhythm .whatson-new-grid{grid-template-columns:1fr}
  body.compact-rhythm .parlor-hours{grid-template-columns:1fr;gap:16px}
  body.compact-rhythm .birthday-shell{padding:20px 16px!important}
  body.compact-rhythm .birthday-elastic-stage{height:220px!important}
  body.compact-rhythm .play-shoes-hero{min-height:500px!important;padding:38px 16px 140px!important}
  body.compact-rhythm .play-worlds{padding:28px 12px!important}
  body.compact-rhythm .play-worlds-head{margin-bottom:14px}
  body.compact-rhythm .play-world-card .play-world-copy,
  body.compact-rhythm .play-world-card.reverse .play-world-copy{padding:20px 18px 22px}
  body.compact-rhythm .play-world-card .play-world-visual,
  body.compact-rhythm .play-world-card.reverse .play-world-visual{aspect-ratio:1.45/1;margin:8px 8px 0}
  body.compact-rhythm .play-world-copy p{font-size:13px}
  body.compact-rhythm .play-games-head{grid-template-columns:1fr;gap:12px}
  body.compact-rhythm .xoxo-game{min-height:0}
  body.compact-rhythm .play-games-grid{grid-template-columns:1fr 1fr}
  body.compact-rhythm .class-host-hero{grid-template-columns:1fr;min-height:0;padding:28px 16px!important;gap:20px}
  body.compact-rhythm .class-host-copy h1{font-size:clamp(58px,18vw,88px)}
  body.compact-rhythm .class-worlds{padding:28px 0 32px!important}
  body.compact-rhythm .class-worlds-intro{padding:0 16px!important;margin-bottom:14px!important}
  body.compact-rhythm .class-worlds-viewport{padding-left:16px!important;padding-right:16px!important}
  body.compact-rhythm .class-world{flex-basis:78vw!important;width:78vw!important;min-height:0}
  body.compact-rhythm .class-faq-list{margin-left:0}
  body.compact-rhythm .footer{padding:30px 16px 16px}
  body.compact-rhythm .footer-big{font-size:clamp(58px,20vw,88px)!important}
}

/* Final desktop density pass: bring the few remaining tall content grids into the same connected rhythm. */
@media(min-width:1081px){
  body.compact-rhythm{--compact-y:38px}
  body.compact-rhythm .section-title{font-size:clamp(40px,4.8vw,70px)}
  body.compact-rhythm .page-hero h1{font-size:clamp(64px,7.8vw,112px)}
  body.compact-rhythm .page-hero p{font-size:clamp(14px,1.18vw,18px)}

  body.compact-rhythm .mood-card{min-height:350px}
  body.compact-rhythm .mood-stack .mood-card{min-height:170px}
  body.compact-rhythm .mood-copy h3{font-size:clamp(34px,3.8vw,58px)}

  body.compact-rhythm .story-block{min-height:260px;padding:18px}
  body.compact-rhythm .story-block.media img{min-height:260px}
  body.compact-rhythm .story-block h2{font-size:clamp(34px,3.7vw,56px)}
  body.compact-rhythm .story-block p{font-size:12px;line-height:1.38}

  body.compact-rhythm .club-card-media{aspect-ratio:3.35/1}
  body.compact-rhythm .club-card-copy{padding:10px 12px 12px}
  body.compact-rhythm .club-card h3{font-size:clamp(25px,2.45vw,36px);margin:6px 0}
  body.compact-rhythm .club-card p{font-size:10.5px;line-height:1.32;margin-bottom:7px}
  body.compact-rhythm .club-chip{padding:4px 7px;font-size:6.5px}
  body.compact-rhythm .club-sticker{font-size:13px;padding:5px 7px;right:8px;bottom:8px}
  body.compact-rhythm .club-burst{width:32px;height:32px;font-size:17px;left:9px;top:8px}

  body.compact-rhythm .class-host-copy h1{font-size:clamp(58px,6.4vw,94px)}
}

/* Club desktop: turn the six experiences into compact landscape tiles so the section does not occupy a full screen. */
@media(min-width:1081px){
  body.compact-rhythm .club-card{
    display:grid;
    grid-template-columns:minmax(112px,.82fr) minmax(0,1.18fr);
    min-height:190px;
    align-items:stretch;
  }
  body.compact-rhythm .club-card-media{
    height:100%;
    min-height:190px;
    aspect-ratio:auto;
  }
  body.compact-rhythm .club-card-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
  }
  body.compact-rhythm .club-card h3{font-size:clamp(24px,2.15vw,32px)}
  body.compact-rhythm .club-card p{font-size:10px;line-height:1.3}
}