/* Carnaby & Oak / safe editorial typography, 12 Oct 2026
   Preserve brand palette and section colours; never position handwriting over letters. */
body.compact-rhythm main .co-overlay-title {
  position: relative !important;
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-bottom: clamp(18px,2.2vw,30px) !important;
  text-align: left !important;
  isolation: auto !important;
}
/* One handwriting line, anchored to the LOWER RIGHT of its own serif heading.
   The bottom baseline is part of normal layout, not absolutely over the serif glyphs. */
body.compact-rhythm main .co-overlay-title > .hand,
body.compact-rhythm main .co-overlay-title.co-long-hand > .hand,
body.birthday-page main .birthday-shell .co-overlay-title > .hand {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  float: none !important;
  box-sizing: border-box;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  margin: clamp(10px,1.3vw,17px) 0 0 auto !important;
  padding: 0 3px 2px 0 !important;
  font-family:'Gochi Hand',cursive !important;
  font-weight:400 !important;
  font-size: var(--co-fitted-hand,clamp(22px,2.6vw,36px)) !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
  text-align:right !important;
  transform:rotate(-3deg) !important;
  transform-origin:70% 50% !important;
  vertical-align:baseline !important;
  text-transform:none !important;
}
/* Each editorial role stays the same throughout the website. */
body.compact-rhythm main :is(.co-section-intro,.section-head,.co-birthday-section-head,.co-spotlight-head,.birthday-details-head) .co-overlay-title {
  font-family:'Instrument Serif',serif !important;
  font-size:var(--co-section-title,clamp(46px,5.2vw,75px)) !important;
  font-weight:400 !important;
  line-height:.94 !important;
  letter-spacing:-.044em !important;
}
body.compact-rhythm main .co-overlay-title.co-display{font-size:var(--co-section-title,clamp(46px,5.2vw,75px))!important;}
/* Bring back Carnaby's established accents rather than applying one forced teal to every section. */
body.compact-rhythm main .co-overlay-title > .hand {color:var(--teal) !important}
body.compact-rhythm main :is(.co-birthday-addons,.co-birthday-faq,.co-birthday-pricing,.co-birthday-visit) .co-overlay-title > .hand{color:var(--tomato)!important}
body.compact-rhythm main .co-birthday-visit .co-overlay-title > .hand{color:var(--teal)!important}
body.compact-rhythm main .wine .co-overlay-title > .hand,
body.compact-rhythm main .wine-bg .co-overlay-title > .hand,
body.compact-rhythm main .join-copy .co-overlay-title > .hand,
body.compact-rhythm main .birthday-shell .co-overlay-title > .hand,
body.compact-rhythm main .mood-copy .co-overlay-title > .hand {color:var(--yellow)!important}
body.compact-rhythm main .birthday-landing-copy .co-overlay-title > .hand {color:var(--tomato)!important}
/* Card titles sit inside the photo without hiding its caption. */
body.compact-rhythm main .mood-copy h3.co-overlay-title{
  color:#fff!important;
  font-size:clamp(40px,4.5vw,68px)!important;
  line-height:.94!important;
  margin-bottom:0!important;
}
body.compact-rhythm main .mood-copy .co-overlay-title > .hand{font-size:var(--co-fitted-hand,clamp(21px,2.4vw,31px))!important;margin-top:7px!important}
body.compact-rhythm main .play-world-copy h3.co-overlay-title{font-size:var(--co-card-title,clamp(32px,3vw,43px))!important;line-height:.98!important}
/* Original approved surfaces / cream, wine, yellow, blue and peach.
   Avoid the new orange-washed backgrounds added around birthday sections. */
body.birthday-page main .co-birthday-addons{background:var(--paper)!important}
body.birthday-page main .co-birthday-pricing{background:var(--paper)!important}
body.birthday-page main .co-birthday-visit{background:var(--paper2)!important}
body.birthday-page main .co-birthday-faq{background:var(--paper)!important}
body.compact-rhythm main .co-spotlight{background:var(--paper)!important}
/* Prevent handwriting from pushing nearby copy and CTAs into tight gaps. */
body.compact-rhythm main :is(.section-head,.co-section-intro,.co-birthday-section-head,.co-spotlight-head,.birthday-details-head) .co-overlay-title + p{margin-top:0!important}
body.compact-rhythm main .co-overlay-title + :is(p,a,div){clear:both}
body.compact-rhythm main .co-birthday-section-head{align-items:start}
body.compact-rhythm main .co-birthday-section-head>p{align-self:end;white-space:normal}
@media(max-width:760px){
  body.compact-rhythm main .co-overlay-title{
    max-width:100%!important;
    padding:0!important;
    margin-bottom:22px!important;
  }
  body.compact-rhythm main .co-overlay-title > .hand,
  body.compact-rhythm main .co-overlay-title.co-long-hand > .hand,
  body.birthday-page main .birthday-shell .co-overlay-title > .hand {
    font-size:var(--co-fitted-hand,clamp(17px,5.4vw,25px))!important;
    margin-top:10px!important;
    padding-bottom:3px!important;
  }
  body.compact-rhythm main .mood-copy h3.co-overlay-title{font-size:clamp(35px,11vw,51px)!important}
  body.compact-rhythm main .mood-copy .co-overlay-title > .hand{margin-top:6px!important}
  body.compact-rhythm main :is(.co-section-intro,.section-head,.co-birthday-section-head,.co-spotlight-head,.birthday-details-head) .co-overlay-title{font-size:var(--co-section-title,clamp(46px,5.2vw,75px))!important;}
}
/* Priority reset for co-display selectors from the older client-direction sheet.
   Deliberately more specific, so every heading gets the SAME one-line rule. */
body.compact-rhythm main .co-overlay-title.co-overlay-title > span.hand.hand {
  position:relative!important;
  display:block!important;
  inset:auto!important;
  float:none!important;
  width:max-content!important;
  max-width:none!important;
  margin:clamp(10px,1.3vw,17px) 0 0 auto!important;
  padding:0 3px 2px 0!important;
  font-family:'Gochi Hand',cursive!important;
  font-size:var(--co-fitted-hand,clamp(22px,2.6vw,36px))!important;
  line-height:1.12!important;
  font-weight:400!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  transform:rotate(-3deg)!important;
  text-align:right!important;
  color:var(--teal)!important;
}
body.compact-rhythm main .wine .co-overlay-title.co-overlay-title > span.hand.hand,
body.compact-rhythm main .wine-bg .co-overlay-title.co-overlay-title > span.hand.hand,
body.compact-rhythm main .join-copy .co-overlay-title.co-overlay-title > span.hand.hand,
body.compact-rhythm main .birthday-shell .co-overlay-title.co-overlay-title > span.hand.hand,
body.compact-rhythm main .mood-copy .co-overlay-title.co-overlay-title > span.hand.hand{color:var(--yellow)!important}
body.compact-rhythm main .birthday-landing-copy .co-overlay-title.co-overlay-title > span.hand.hand,
body.compact-rhythm main :is(.co-birthday-addons,.co-birthday-faq,.co-birthday-pricing) .co-overlay-title.co-overlay-title > span.hand.hand{color:var(--tomato)!important}
@media(max-width:760px){
 body.compact-rhythm main .co-overlay-title.co-overlay-title > span.hand.hand{
    font-size:var(--co-fitted-hand,clamp(17px,5.4vw,25px))!important;
    margin-top:10px!important;
 }
}

/* Light editorial backgrounds keep the approved wine serif. Dark/photo titles retain white. */
body.compact-rhythm main h1.co-overlay-title,body.compact-rhythm main h2.co-overlay-title { color:var(--wine)!important; }
body.compact-rhythm main :is(.wine-bg,.wine,.join-copy,.birthday-shell,.mood-copy,.story-block.wine) .co-overlay-title { color:#fff!important; }
body.compact-rhythm main .page-hero.yellow-bg .co-overlay-title { color:var(--wine)!important; }