/* PLAY page only — 15 Oct. Replace clipped pinned rail with a visible responsive editorial card grid.
   Retain Carnaby palette, photography, heading copy, rest of site's design and behavior. */
body.compact-rhythm main section.play-worlds {
  position:relative!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  background:#fffaf1!important;
  padding:clamp(52px,5.3vw,83px) clamp(20px,3.7vw,70px) clamp(55px,6vw,90px)!important;
}
body.compact-rhythm main .play-worlds .play-worlds-pin {
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  max-width:1510px;
  margin:0 auto;
  display:block!important;
  padding:0!important;
  background:transparent!important;
}
body.compact-rhythm main .play-worlds .play-worlds-head {
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)!important;
  align-items:end!important;
  gap:20px clamp(22px,5vw,86px)!important;
  margin:0 0 clamp(26px,3vw,43px)!important;
  padding:0!important;
}
body.compact-rhythm main .play-worlds .play-worlds-head>div:first-child {
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  min-width:0;
  width:100%;
}
body.compact-rhythm main .play-worlds .play-worlds-head .eyebrow {
  display:block;
  margin-bottom:15px;
  font-size:clamp(10px,.8vw,12px);
  letter-spacing:.14em;
  color:#7a203e!important;
}
body.compact-rhythm main .play-worlds .play-worlds-head h2.co-overlay-title {
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  font:400 clamp(54px,5.2vw,80px)/.88 'Instrument Serif',serif!important;
  letter-spacing:-.052em!important;
  color:#7a203e!important;
}
body.compact-rhythm main .play-worlds .play-worlds-head h2.co-overlay-title>.hand {
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:clamp(7px,.8vw,11px) 0 0 clamp(24px,5vw,90px)!important;
  padding:0 5px 5px 0!important;
  font-size:clamp(25px,2.6vw,36px)!important;
  line-height:1.14!important;
  text-align:left!important;
  color:#2f7f8a!important;
  transform:rotate(-3deg)!important;
  transform-origin:left center!important;
  white-space:nowrap!important;
}
body.compact-rhythm main .play-worlds .play-worlds-head>p {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:end!important;
  margin:0 0 6px!important;
  max-width:450px!important;
  font:400 clamp(15px,1.1vw,18px)/1.48 'DM Sans',Arial,sans-serif!important;
  color:#332d29!important;
}
body.compact-rhythm main .play-worlds .play-worlds-toolbar {display:none!important}
body.compact-rhythm main .play-worlds .play-worlds-list {
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(14px,1.5vw,23px)!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  touch-action:auto!important;
}
body.compact-rhythm main .play-worlds .play-world-card,
body.compact-rhythm main .play-worlds .play-world-card.reverse {
  position:relative!important;
  box-sizing:border-box!important;
  flex:none!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid rgba(122,32,62,.18)!important;
  border-radius:clamp(21px,2vw,30px)!important;
  box-shadow:0 7px 0 rgba(122,32,62,.045);
  transform:none!important;
  scroll-snap-align:none!important;
  transition:transform .28s ease,box-shadow .28s ease;
}
body.compact-rhythm main .play-worlds .play-world-card.world-active {background:#f5cb4b!important}
body.compact-rhythm main .play-worlds .play-world-card.world-imaginative {background:#94b9e3!important}
body.compact-rhythm main .play-worlds .play-world-card.world-studios {background:#eeb5be!important}
body.compact-rhythm main .play-worlds .play-world-card:is(:hover,:focus-within) {
  transform:translateY(-3px)!important;
  box-shadow:0 13px 23px rgba(73,36,34,.10);
}
body.compact-rhythm main .play-worlds .play-world-card .play-world-visual,
body.compact-rhythm main .play-worlds .play-world-card.reverse .play-world-visual {
  display:block!important;
  position:relative!important;
  order:0!important;
  box-sizing:border-box!important;
  flex:none!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1.52/1!important;
  margin:0!important;
  border-radius:clamp(14px,1.4vw,22px)!important;
  overflow:hidden!important;
  background:#fffaf1!important;
}
body.compact-rhythm main .play-worlds .play-world-visual img {
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.compact-rhythm main .play-worlds .world-active .play-world-visual img {object-position:50% 53%!important}
body.compact-rhythm main .play-worlds .world-imaginative .play-world-visual img {object-position:50% 25%!important}
body.compact-rhythm main .play-worlds .world-studios .play-world-visual img {object-position:50% 45%!important}
body.compact-rhythm main .play-worlds .play-world-sticker {
  right:15px!important;
  top:15px!important;
  width:clamp(64px,5.5vw,85px)!important;
  height:auto!important;
  font-size:clamp(17px,1.4vw,21px)!important;
  line-height:.96!important;
  box-shadow:0 3px 9px rgba(33,25,25,.06);
}
body.compact-rhythm main .play-worlds .play-world-card .play-world-copy,
body.compact-rhythm main .play-worlds .play-world-card.reverse .play-world-copy {
  box-sizing:border-box!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  order:1!important;
  min-height:0!important;
  width:100%!important;
  padding:clamp(22px,2vw,30px) clamp(17px,1.6vw,25px) 20px!important;
  overflow:visible!important;
}
body.compact-rhythm main .play-worlds .play-world-copy:after {display:none!important}
body.compact-rhythm main .play-worlds .play-world-meta {
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 clamp(12px,1.2vw,17px)!important;
  font:600 10px/1.2 'DM Sans',Arial,sans-serif!important;
  letter-spacing:.14em!important;
}
body.compact-rhythm main .play-worlds .play-world-meta:before {width:21px!important}
body.compact-rhythm main .play-worlds .play-world-copy h3.co-overlay-title {
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 16px!important;
  color:#7a203e!important;
  font:400 clamp(39px,3.5vw,55px)/.92 'Instrument Serif',serif!important;
  letter-spacing:-.045em!important;
}
body.compact-rhythm main .play-worlds .play-world-copy h3.co-overlay-title>.hand {
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:7px 0 0 clamp(10px,1.5vw,23px)!important;
  padding:0 2px 2px 0!important;
  font:400 clamp(22px,2vw,28px)/1.2 'Gochi Hand',cursive!important;
  color:#7a203e!important;
  white-space:nowrap!important;
  transform:rotate(-3deg)!important;
  text-align:left!important;
}
body.compact-rhythm main .play-worlds .play-world-copy p {
  max-width:40em!important;
  font:400 clamp(14px,1vw,16px)/1.48 'DM Sans',Arial,sans-serif!important;
  margin:0!important;
  color:#332d29!important;
}
body.compact-rhythm main .play-worlds .play-world-tags {
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:18px 0 0!important;
}
body.compact-rhythm main .play-worlds .play-world-tags span {
  padding:7px 10px!important;
  font-size:9px!important;
  line-height:1.1!important;
  background:rgba(255,250,241,.33)!important;
}
body.compact-rhythm main .play-worlds .play-world-nudge {
  margin-top:auto!important;
  padding-top:15px!important;
  font-size:clamp(19px,1.65vw,25px)!important;
  line-height:1.1!important;
  color:#7a203e!important;
}
@media(max-width:1179px){
  body.compact-rhythm main .play-worlds .play-worlds-head{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)!important}
  body.compact-rhythm main .play-worlds .play-worlds-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.compact-rhythm main .play-worlds .play-world-card.world-studios {grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important}
  body.compact-rhythm main .play-worlds .play-world-card.world-studios .play-world-visual {height:100%!important;aspect-ratio:auto!important}
  body.compact-rhythm main .play-worlds .play-world-card.world-studios .play-world-copy {height:100%!important;order:1!important;justify-content:center!important;padding:clamp(20px,4vw,38px)!important}
  body.compact-rhythm main .play-worlds .play-world-copy h3.co-overlay-title {font-size:clamp(40px,4.2vw,52px)!important}
}
@media(max-width:760px){
  body.compact-rhythm main section.play-worlds {padding:46px 16px 55px!important}
  body.compact-rhythm main .play-worlds .play-worlds-head {display:block!important;margin-bottom:27px!important}
  body.compact-rhythm main .play-worlds .play-worlds-head h2.co-overlay-title {font-size:clamp(50px,10.9vw,67px)!important}
  body.compact-rhythm main .play-worlds .play-worlds-head h2.co-overlay-title>.hand {font-size:clamp(23px,5.3vw,29px)!important;margin-left:clamp(20px,5vw,42px)!important}
  body.compact-rhythm main .play-worlds .play-worlds-head>p {margin:20px 0 0!important;max-width:540px!important;font-size:15px!important;line-height:1.5!important}
  body.compact-rhythm main .play-worlds .play-worlds-list {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;overflow:visible!important}
  body.compact-rhythm main .play-worlds .play-world-card,
  body.compact-rhythm main .play-worlds .play-world-card.reverse,
  body.compact-rhythm main .play-worlds .play-world-card.world-studios {grid-column:auto!important;display:flex!important;flex-direction:column!important;height:auto!important}
  body.compact-rhythm main .play-worlds .play-world-card .play-world-visual,
  body.compact-rhythm main .play-worlds .play-world-card.world-studios .play-world-visual {height:auto!important;aspect-ratio:1.5/1!important;order:0!important}
  body.compact-rhythm main .play-worlds .play-world-card .play-world-copy,
  body.compact-rhythm main .play-worlds .play-world-card.world-studios .play-world-copy {order:1!important;height:auto!important;padding:23px 19px 22px!important}
  body.compact-rhythm main .play-worlds .play-world-copy h3.co-overlay-title {font-size:clamp(43px,9.6vw,55px)!important}
  body.compact-rhythm main .play-worlds .play-world-copy h3.co-overlay-title>.hand {font-size:clamp(22px,5.5vw,28px)!important}
  body.compact-rhythm main .play-worlds .play-world-copy p{font-size:14px!important}
  body.compact-rhythm main .play-worlds .play-world-sticker{width:73px!important;font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){body.compact-rhythm main .play-worlds .play-world-card{transition:none!important}}
/* Shoes-off is a playful annotation: increase it modestly without moving hero content. */
body.compact-rhythm main > section.play-shoes-hero > .hero-scribble {
  font-size:clamp(25px,2.1vw,34px)!important;
}
@media(max-width:760px){
  body.compact-rhythm main > section.play-shoes-hero > .hero-scribble {font-size:clamp(22px,5.5vw,27px)!important;top:54px!important;right:18px!important}
}
@media(max-width:390px){
  body.compact-rhythm main > section.play-shoes-hero > .hero-scribble {font-size:22px!important;top:54px!important;right:13px!important}
}