/* Carnaby & Oak | 13 October 2026
   One restrained finishing layer for ALL public pages. The original fonts,
   nav, admin, forms, scripts, play animation, carousels and clock stay intact. */
body.compact-rhythm{
  --co-page-gutter:var(--pad);
  --co-standard-pad:clamp(38px,5.2vw,74px);
  --co-standard-gap:clamp(16px,2vw,28px);
  --co-hand-angle:-3deg;
  --co-hand-top:clamp(7px,1vw,12px);
  --co-hand-bottom:4px;
}
/* Palette restoration | 13 Oct 2026.
   Use only colours already present in the original Carnaby website.
   Alternate a coloured LIGHT panel and the original EXTRA-LIGHT paper.
   Keep each existing page hero's original colour (garden / yellow / sky / blush).
   The interactive home clock retains its original hour-sensitive colour. */
body.compact-rhythm main>section:nth-of-type(even):not(.hour-section){
  background:var(--paper)!important;
  color:var(--ink)!important;
}
body.compact-rhythm main>section:nth-of-type(8n + 3):not(.hour-section){
  background:var(--paper2)!important;
  color:var(--ink)!important;
}
body.compact-rhythm main>section:nth-of-type(8n + 5):not(.hour-section){
  background:#e9efdc!important; /* existing Carnaby garden shade */
  color:var(--ink)!important;
}
body.compact-rhythm main>section:nth-of-type(8n + 7):not(.hour-section){
  background:#dceaf2!important; /* existing Carnaby sky shade */
  color:var(--ink)!important;
}
body.compact-rhythm main>section:nth-of-type(8n + 1):not(:first-of-type):not(.hour-section){
  background:#f4dfda!important; /* existing Carnaby enquiry blush */
  color:var(--ink)!important;
}
/* Preserve the original changing clock scenes rather than a fixed dark shade. */
body.compact-rhythm main #everyday-carnaby.hour-section{
  background:var(--hour-bg)!important;
  color:var(--ink)!important;
}
/* The original brand uses wine for main headings and teal / yellow for
   handwriting. Photo overlays retain their own white-on-photo typography. */
/*body.compact-rhythm main>section :is(.co-simple-eyebrow,.co-section-intro,.co-spotlight-head,.play-worlds-head,.play-games-head,.class-worlds-intro,.class-faq-head,.class-host-copy,.birthday-details-head,.co-birthday-section-head,.site-faq-head,.whatson-section-head,.whatson-split-head,.join-section-head,.hour-intro,.enquiry-copy,.membership-feature-copy,.club-split-copy,.parlor-hours,.join-copy,.co-way-footer,.co-ways-toolbar){*/
/*  color:var(--ink)!important;*/
/*}*/
body.compact-rhythm main>section :is(.co-simple-eyebrow,.co-section-intro,.co-spotlight-head,.play-worlds-head,.play-games-head,.class-worlds-intro,.class-faq-head,.class-host-copy,.birthday-details-head,.co-birthday-section-head,.site-faq-head,.whatson-section-head,.whatson-split-head,.join-section-head,.enquiry-copy,.membership-feature-copy,.club-split-copy,.parlor-hours,.join-copy) :is(h1,h2,h3){
  color:var(--wine)!important;
}
body.compact-rhythm main>section :is(.co-simple-eyebrow,.co-section-intro,.co-spotlight-head,.play-worlds-head,.play-games-head,.class-worlds-intro,.class-faq-head,.class-host-copy,.birthday-details-head,.co-birthday-section-head,.site-faq-head,.whatson-section-head,.whatson-split-head,.join-section-head,.enquiry-copy,.membership-feature-copy,.club-split-copy,.parlor-hours,.join-copy) :is(h1,h2,h3)>.hand{
  color:var(--teal)!important;
}
/* Keep text inside the actual image cards and coloured interior cards as-is. */
body.compact-rhythm main .co-mosaic-copy :is(h2,h3,p),
body.compact-rhythm main .co-spotlight-card :is(strong,small){color:#fffaf1!important}
body.compact-rhythm main .co-activity-body :is(h3,p,.eyebrow,.co-card-link){color:var(--ink)!important}

/* Uniform readable text margins. Hero remains large; H2/H3 keep their
   intentionally smaller semantic scale. Only the handwriting treatment is
   strictly shared: positioning, baseline, padding and tilt. */
body.compact-rhythm main :is(h1,h2,h3){font-family:'Instrument Serif',serif; font-weight:400; text-wrap:balance}
body.compact-rhythm main :is(h1,h2,h3)>.hand,
body.compact-rhythm main .co-overlay-title>.hand,
body.compact-rhythm main .co-overlay-title.co-overlay-title>span.hand.hand{
  font-family:'Gochi Hand',cursive!important;
  font-weight:400!important;
  display:block!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:max-content!important;
  max-width:100%!important;
  margin:var(--co-hand-top) 0 0 auto!important;
  padding:0 3px var(--co-hand-bottom) 0!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  word-break:normal!important;
  transform:rotate(var(--co-hand-angle))!important;
  transform-origin:75% 50%!important;
  text-align:right!important;
  font-size:var(--co-fitted-hand,clamp(22px,2.6vw,36px))!important;
}
body.compact-rhythm main :is(.co-overlay-title,.co-display.co-overlay-title) {max-width:100%!important; overflow:visible!important}
body.compact-rhythm main .co-overlay-title>.hand{max-width:100%!important}
body.compact-rhythm main :is(.section,.co-spotlight,.co-ways)>.co-simple-eyebrow{margin-bottom:var(--co-standard-gap)!important}
body.compact-rhythm main .section:not([data-vertical-rail]):not(.play-worlds):not(.class-worlds):not(.co-spotlight){padding-block:var(--co-standard-pad)}
body.compact-rhythm main .pull{padding-block:clamp(50px,7vw,90px)!important}
body.compact-rhythm main .section :is(.section-head,.co-section-intro,.co-birthday-section-head,.site-faq-head,.class-faq-head,.whatson-section-head,.join-section-head){margin-bottom:var(--co-standard-gap)!important}
body.compact-rhythm main :is(.section-copy,.hero-lead,.enquiry-copy>p,.join-copy>p){line-height:1.48!important}

/* Home #02: move the former #05 content here, keeping the #02's distinctive
   large-left/two-right, picture-first masonry layout. Every whole card links. */
body.compact-rhythm main #life-at-the-club.co-feature-offers{padding-inline:var(--pad)!important;overflow:hidden!important}
#life-at-the-club .co-offer-mosaic{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;
  height:clamp(410px,37vw,540px);min-width:0
}
#life-at-the-club .co-mosaic-card{position:relative;display:block;overflow:hidden;border-radius:24px;min-width:0;min-height:0;isolation:isolate;outline-offset:4px}
#life-at-the-club .co-mosaic-primary{grid-area:1/1/3/2}
#life-at-the-club .co-mosaic-social{grid-area:1/2/2/3}
#life-at-the-club .co-mosaic-make{grid-area:2/2/3/3}
#life-at-the-club .co-mosaic-card img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s ease}
#life-at-the-club .co-mosaic-card:hover img{transform:scale(1.045)}
#life-at-the-club .co-mosaic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,17,25,.03) 5%,rgba(30,16,25,.3) 35%,rgba(27,13,23,.91) 100%);z-index:0}
#life-at-the-club .co-mosaic-card:focus-visible{outline:3px solid #287887}
#life-at-the-club .co-mosaic-copy{color:#fffaf1;position:absolute;z-index:1;left:clamp(18px,2vw,30px);right:clamp(18px,2vw,30px);bottom:clamp(16px,2vw,28px);text-align:left}
#life-at-the-club .co-mosaic-kicker{font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#ffebbf}
body.compact-rhythm main #life-at-the-club .co-mosaic-copy h2{font:400 clamp(28px,3vw,47px)/.96 'Instrument Serif',serif!important;letter-spacing:-.04em!important;margin:8px 0!important;color:#fffaf1!important;text-wrap:balance}
body.compact-rhythm main #life-at-the-club .co-mosaic-primary h2{font-size:clamp(40px,5vw,70px)!important}
#life-at-the-club .co-mosaic-copy h2>.hand{font-size:clamp(20px,2vw,28px)!important;color:#f2c84b!important;margin-top:5px!important}
#life-at-the-club .co-mosaic-copy p{font:400 clamp(12px,1.05vw,14px)/1.42 'DM Sans',sans-serif;max-width:56ch;margin:10px 0!important;color:#fffaf1!important}
#life-at-the-club .co-mosaic-social .co-mosaic-copy p,
#life-at-the-club .co-mosaic-make .co-mosaic-copy p{font-size:12px;line-height:1.35;margin:6px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#life-at-the-club .co-mosaic-link{display:inline-flex;gap:8px;align-items:center;color:#ffdb69;font:700 10px/1.3 'DM Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:0 0 4px;margin-top:7px}

/* Home #03: the cards advance vertically with the natural PAGE scroll; the
   editorial heading stays to the LEFT and images fill the RIGHT. No enormous
   pinned blank area or trapped horizontal scroll. */
body.compact-rhythm main #club-corners.co-vertical-spotlight{height:auto!important;min-height:0!important;overflow:visible!important;padding:var(--co-standard-pad) var(--pad)!important}
body.compact-rhythm main #club-corners.co-vertical-spotlight>.co-scroll-pin{
  display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:clamp(26px,5vw,78px)!important;
  position:relative!important;top:auto!important;width:100%!important;
  height:auto!important;min-height:0!important;padding:0!important;
  overflow:visible!important;align-items:start!important;max-width:none!important
}
body.compact-rhythm main #club-corners .co-spotlight-head{
  position:sticky!important;top:clamp(98px,9vw,122px)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:clamp(18px,2.5vw,32px)!important;
  margin:0!important;min-width:0!important;color:var(--ink)!important;
}
body.compact-rhythm main #club-corners .co-spotlight-head>div{min-width:0!important;width:100%!important}
body.compact-rhythm main #club-corners .co-spotlight-head :is(h2,.eyebrow,.co-spotlight-cue){color:var(--wine)!important}
body.compact-rhythm main #club-corners .co-spotlight-head .hand{color:var(--teal)!important}
body.compact-rhythm main #club-corners .co-spotlight-head h2{font-size:clamp(51px,5.7vw,82px)!important;line-height:.94!important;max-width:570px!important}
body.compact-rhythm main #club-corners .co-spotlight-cue{
  margin:0!important;max-width:340px!important;align-self:flex-start!important;
  text-align:left!important;line-height:1.5!important;opacity:.92;font-size:14px!important
}
body.compact-rhythm main #club-corners .co-spotlight-track{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:16px!important;min-width:0!important;width:100%!important;max-width:100%!important;
  overflow:visible!important;scroll-snap-type:none!important;scroll-behavior:auto!important;
  padding:0!important;margin:0!important;transform:none!important
}
body.compact-rhythm main #club-corners .co-spotlight-card{
  width:100%!important;flex:none!important;min-height:0!important;height:clamp(225px,22vw,315px)!important;
  border-radius:24px!important;overflow:hidden!important;position:relative!important;
  display:block!important;scroll-snap-align:none!important
}
body.compact-rhythm main #club-corners .co-spotlight-card:after{background:linear-gradient(180deg,transparent 22%,rgba(22,23,30,.78) 100%)}
body.compact-rhythm main #club-corners .co-spotlight-card :is(strong,small){color:#fffaf1!important}

/* Home #04: vibrant, deliberately distinct brand colours on EVERY activity.
   Card photo preserves detail and the solid caption plate is always readable. */
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+1){background:var(--yellow)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+2){background:var(--sky)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+3){background:var(--pink)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+4){background:var(--peach)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+5){background:var(--slime)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+6){background:var(--sky)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+7){background:var(--pink)!important}
body.compact-rhythm main #ways-to-play .co-activity-card:nth-child(8n+8){background:var(--yellow)!important}
body.compact-rhythm main #ways-to-play .co-activity-card{border-color:rgba(62,32,48,.18)!important;box-shadow:0 8px 20px rgba(55,27,40,.07)}
body.compact-rhythm main #ways-to-play .co-activity-body{flex:1;min-height:174px;padding:18px 21px 20px!important; color:#472736!important}
body.compact-rhythm main #ways-to-play .co-activity-body :is(h3,p,.eyebrow,.co-card-link){color:#472736!important}
body.compact-rhythm main #ways-to-play .co-activity-body h3{font-size:clamp(30px,3vw,42px)!important}
body.compact-rhythm main #ways-to-play .co-ways-buttons button{background:#fffaf1!important;color:#672c46!important}

/* Fill the previously sparse right-hand area alongside the interactive clock
   with an EXISTING approved Carnaby venue photograph. */
body.compact-rhythm main #everyday-carnaby .hour-story{gap:clamp(16px,2vw,25px)!important;justify-content:center!important;min-width:0!important}
body.compact-rhythm main #everyday-carnaby .co-hour-side-photo{
  display:block;width:min(100%,510px);height:clamp(185px,17.5vw,255px);
  border-radius:22px;overflow:hidden;position:relative;flex:0 0 auto;
  margin:0!important;background:#e8c9d9
}
body.compact-rhythm main #everyday-carnaby .co-hour-side-photo img{width:100%;height:100%;object-fit:cover}
body.compact-rhythm main #everyday-carnaby .co-hour-side-photo figcaption{
 position:absolute;left:13px;bottom:12px;padding:8px 12px;max-width:calc(100% - 26px);
 border-radius:30px;background:#f2c84b;color:#4d293b;font:400 17px/1.1 'Gochi Hand',cursive;
 transform:rotate(-2deg)
}
/* Clock remains interactive and its period cards retain their own colours. */
/*body.compact-rhythm main #everyday-carnaby .hour-clock-column>.eyebrow{color:var(--ink)!important}*/
/*body.compact-rhythm main #everyday-carnaby .hour-now{color:var(--ink)!important}*/
/*body.compact-rhythm main #everyday-carnaby .hour-now :is(h3,p,small){color:var(--ink)!important}*/
/* Light CTA buttons must keep dark lettering on dark backgrounds. */
/*body.compact-rhythm main .garden-hero .hero-actions a:first-child,*/
/*body.compact-rhythm main .join-copy>a,*/
/*body.compact-rhythm main .enquiry-form button[type=submit]{color:#4c2839!important}*/

@media(min-width:1081px){
  body.compact-rhythm main #life-at-the-club .co-offer-mosaic{max-height:525px}
}
@media(max-width:1080px){
  body.compact-rhythm main #club-corners.co-vertical-spotlight>.co-scroll-pin{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:22px!important}
  body.compact-rhythm main #club-corners .co-spotlight-head h2{font-size:clamp(39px,5.7vw,61px)!important}
  body.compact-rhythm main #club-corners .co-spotlight-card{height:245px!important}
}
@media(max-width:760px){
  body.compact-rhythm{--co-standard-pad:clamp(26px,7vw,42px);--co-standard-gap:16px;--co-hand-top:8px;--co-hand-bottom:3px}
  body.compact-rhythm main :is(h1,h2,h3)>.hand,
  body.compact-rhythm main .co-overlay-title>.hand,
  body.compact-rhythm main .co-overlay-title.co-overlay-title>span.hand.hand{font-size:var(--co-fitted-hand,clamp(18px,5.3vw,26px))!important}
  body.compact-rhythm main #life-at-the-club .co-offer-mosaic{height:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:12px!important}
  body.compact-rhythm main #life-at-the-club .co-mosaic-card{grid-area:auto!important;height:clamp(235px,60vw,320px)!important;border-radius:20px!important}
  body.compact-rhythm main #life-at-the-club .co-mosaic-primary{height:clamp(305px,83vw,410px)!important}
  body.compact-rhythm main #life-at-the-club .co-mosaic-copy h2{font-size:clamp(34px,9vw,46px)!important}
  body.compact-rhythm main #life-at-the-club .co-mosaic-primary h2{font-size:clamp(43px,12vw,60px)!important}
  body.compact-rhythm main #life-at-the-club .co-mosaic-copy p{font-size:12px!important}
  body.compact-rhythm main #club-corners.co-vertical-spotlight>.co-scroll-pin{display:block!important}
  body.compact-rhythm main #club-corners .co-spotlight-head{
    position:static!important;display:block!important;top:auto!important;margin:0 0 20px!important
  }
  body.compact-rhythm main #club-corners .co-spotlight-head h2{font-size:clamp(42px,11.4vw,59px)!important}
  body.compact-rhythm main #club-corners .co-spotlight-cue{margin-top:14px!important}
  body.compact-rhythm main #club-corners .co-spotlight-track{display:flex!important;flex-direction:column!important;gap:12px!important}
  body.compact-rhythm main #club-corners .co-spotlight-card{height:clamp(190px,54vw,245px)!important;width:100%!important}
  body.compact-rhythm main #ways-to-play .co-activity-body{min-height:168px;padding:16px!important}
  body.compact-rhythm main #everyday-carnaby .co-hour-side-photo{width:100%;height:185px}
}
@media(prefers-reduced-motion:reduce){#life-at-the-club .co-mosaic-card img{transition:none!important}}
/* Final original palette protection (no dark teal / wine section fills). */
body.compact-rhythm main>section:first-of-type{color:var(--ink)!important}
body.compact-rhythm main>section:first-of-type :is(.hero-copy,.classes-colour-inner,.whats-latest-copy,.birthday-landing-copy){color:var(--ink)!important}
body.compact-rhythm main>section:first-of-type :is(.hero-copy,.classes-colour-inner,.whats-latest-copy,.birthday-landing-copy) :is(h1,h2,h3,p,.kicker,.eyebrow){color:inherit!important}
body.compact-rhythm main>section:first-of-type :is(.hero-copy,.classes-colour-inner,.whats-latest-copy,.birthday-landing-copy) :is(h1,h2,h3){color:var(--wine)!important}
body.compact-rhythm main>section:first-of-type :is(.hero-copy,.classes-colour-inner,.whats-latest-copy,.birthday-landing-copy) :is(h1,h2,h3)>.hand{color:var(--teal)!important}
body.compact-rhythm main #everyday-carnaby .hour-intro h2.hour-title{color:var(--wine)!important}
body.compact-rhythm main #everyday-carnaby .hour-intro h2.hour-title>.hand{color:var(--teal)!important}
body.compact-rhythm main #everyday-carnaby .hour-clock-column>.eyebrow{color:var(--ink)!important}
body.compact-rhythm main #everyday-carnaby .hour-now :is(h3,p,small){color:var(--ink)!important}
body.compact-rhythm main .co-ways-toolbar :is(span,button){color:var(--ink)!important}
body.compact-rhythm main #ways-to-play .co-ways-buttons button{background:var(--paper)!important;color:var(--wine)!important}
/* Page hero titles: restore wine ink on the original pale hero colours. */
body.compact-rhythm main>section:first-of-type.hero .hero-copy h1.co-overlay-title,
body.compact-rhythm main>section:first-of-type.page-hero h1,
body.compact-rhythm main>section:first-of-type.page-hero h2{color:var(--wine)!important}
body.compact-rhythm main>section:first-of-type.page-hero>p{color:var(--ink)!important}
/* Membership hero's legacy wine-container rule expected a dark block;
   the original hero is blush, so keep its headline legible in brand wine. */
body.compact-rhythm.membership-page main>section:first-of-type.page-hero.wine-bg h1.co-overlay-title{color:var(--wine)!important}
body.compact-rhythm.membership-page main>section:first-of-type.page-hero.wine-bg h1.co-overlay-title>.hand{color:var(--teal)!important}