/* Carnaby Play: first hero only. The brand, shoe animation and rest of the site remain intact. */
body.compact-rhythm main > section.page-hero.play-shoes-hero {
  position:relative!important;
  box-sizing:border-box!important;
  min-height:clamp(465px,55svh,555px)!important;
  height:auto!important;
  padding:clamp(46px,5vw,68px) var(--pad)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  isolation:isolate;
}
body.compact-rhythm main > section.play-shoes-hero > .play-hero-eyebrow{
  position:relative;z-index:6;
  display:block;
  margin:0 0 10px!important;
  color:#7a203e;
  font:600 12px/1.4 'DM Sans',Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title {
  position:relative;z-index:6;
  width:max-content;
  max-width:56%!important;
  margin:0 0 clamp(25px,2.8vw,38px)!important;
  font-family:'Instrument Serif',serif!important;
  font-size:clamp(72px,6.5vw,106px)!important;
  font-weight:400!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  color:#7a203e!important;
  text-align:left!important;
}
body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title > .hand {
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:clamp(7px,.75vw,11px) 0 0 clamp(32px,6vw,86px)!important;
  font-family:'Gochi Hand',cursive!important;
  font-size:var(--co-fitted-hand,clamp(24px,2.5vw,38px))!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  white-space:nowrap;
  color:#2f7f8a!important;
  transform:rotate(-3deg)!important;
  transform-origin:left center!important;
  text-align:left!important;
}
body.compact-rhythm main > section.play-shoes-hero > p{
  position:relative;z-index:6;
  width:100%;max-width:min(47%,550px)!important;
  margin:0!important;
  font:400 clamp(16px,1.24vw,19px)/1.52 'DM Sans',Arial,sans-serif!important;
  color:#322d2b!important;
  text-align:left!important;
}
/* Keep the original playful shoes-off note, now as a small editorial annotation. */
body.compact-rhythm main > section.play-shoes-hero > .hero-scribble{
  position:absolute!important;z-index:8!important;
  top:11%!important;right:7%!important;bottom:auto!important;left:auto!important;
  margin:0!important;padding:0!important;
  font-size:clamp(19px,1.7vw,26px)!important;
  font-family:'Gochi Hand',cursive!important;
  font-weight:400!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
  transform:rotate(4deg)!important;
  color:#7a203e!important;
}
/* Make the actual Carnaby space the visual anchor rather than a tiny sticker. */
body.compact-rhythm main > section.play-shoes-hero > figure.play-shoes-added-photo {
  position:absolute!important;z-index:2!important;
  width:clamp(340px,35vw,520px)!important;
  max-width:42%!important;
  aspect-ratio:1.4/1!important;
  height:auto!important;
  top:52%!important;right:5.5%!important;bottom:auto!important;left:auto!important;
  margin:0!important;
  overflow:hidden!important;
  border:8px solid #fffaf1!important;
  border-radius:clamp(18px,2.2vw,30px)!important;
  box-shadow:0 18px 35px rgba(73,36,34,.14)!important;
  transform:translateY(-50%) rotate(2deg)!important;
  pointer-events:none;
}
body.compact-rhythm main > section.play-shoes-hero > figure.play-shoes-added-photo > img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center 50%!important;display:block!important;
}
/* Preserve the shoe drop behaviour; ensure shoes do not eclipse the copy. */
body.compact-rhythm main > section.play-shoes-hero .falling-shoes-stage{
  right:0!important;width:42%!important;
}
@media(min-width:761px) and (max-width:1100px){
  body.compact-rhythm main > section.page-hero.play-shoes-hero{min-height:clamp(450px,53svh,525px)!important}
  body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title{font-size:clamp(65px,7vw,84px)!important;max-width:52%!important}
  body.compact-rhythm main > section.play-shoes-hero > p{max-width:48%!important}
  body.compact-rhythm main > section.play-shoes-hero > figure.play-shoes-added-photo{width:40%!important;right:4%!important;max-width:none!important}
  body.compact-rhythm main > section.play-shoes-hero > .hero-scribble{right:5%!important}
}
@media(max-width:760px){
  body.compact-rhythm main > section.page-hero.play-shoes-hero {
    min-height:610px!important;height:auto!important;
    padding:49px 18px 265px!important;
    display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > .play-hero-eyebrow {
    font-size:10px!important;letter-spacing:.14em;margin-bottom:14px!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title {
    width:100%!important;max-width:100%!important;
    font-size:clamp(62px,13.4vw,86px)!important;
    line-height:.87!important;
    margin:0 0 20px!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title > .hand {
    font-size:var(--co-fitted-hand,clamp(24px,6vw,31px))!important;
    margin:10px 0 0 clamp(34px,11vw,64px)!important;
    line-height:1.18!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > p {
    width:100%!important;max-width:560px!important;
    font-size:15px!important;line-height:1.45!important;
    margin:0!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > .hero-scribble {
    top:54px!important;right:18px!important;left:auto!important;bottom:auto!important;
    font-size:18px!important;transform:rotate(4deg)!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > figure.play-shoes-added-photo {
    top:auto!important;bottom:24px!important;
    right:calc((100% - min(345px, 84%))/2)!important;left:auto!important;
    width:min(345px,84%)!important;max-width:none!important;
    aspect-ratio:1.48/1!important;
    border-width:6px!important;
    border-radius:20px!important;
    transform:rotate(2deg)!important;
  }
  body.compact-rhythm main > section.play-shoes-hero .falling-shoes-stage{
    width:100%!important;right:0!important;
  }
  body.compact-rhythm main > section.play-shoes-hero .falling-shoe{
    width:clamp(95px,27vw,132px)!important;
  }
}
@media(max-width:390px){
  body.compact-rhythm main > section.page-hero.play-shoes-hero{
    min-height:590px!important;padding-bottom:247px!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > h1.co-overlay-title {
    font-size:clamp(59px,13.2vw,65px)!important;
  }
  body.compact-rhythm main > section.play-shoes-hero > figure.play-shoes-added-photo{
    width:84%!important;right:8%!important;bottom:21px!important;
  }
}