/* Three requested changes only: selected-style hero sticker, larger solid-green
   desktop logo, normal left-aligned logo on phones. No other sections changed. */

/* A deliberate yellow paper-label, not just yellow text. Remains visible. */
body.compact-rhythm main .garden-hero .hero-note {
  display:block!important;
  position:absolute!important;
  z-index:20!important;
  left:auto!important;
  right:clamp(14px,5.7vw,110px)!important;
  bottom:clamp(14px,3.8vw,60px)!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin:0!important;
  padding:.09em .18em .11em!important;
  background:var(--yellow,#f2c84b)!important;
  color:#29221e!important;
  font-family:'Gochi Hand',cursive!important;
  font-weight:400!important;
  font-size:clamp(22px,2.5vw,37px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  text-align:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:rotate(-7deg)!important;
  transform-origin:center!important;
  pointer-events:none!important;
}

/* Entire navbar and the circular logo backing use the same one solid colour,
   including the part of the logo that hangs beneath the navbar. */
body.compact-rhythm .site-nav[data-carnaby-fluid-nav] {
  background:#e9efdc!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .brand {
  width:86px!important;
  height:86px!important;
  padding:4px!important;
  border-radius:50%!important;
  background:#e9efdc!important;
  flex:0 0 86px!important;
  transform:translateY(39%) scale(1.12)!important;
}
body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .brand-logo {
  width:100%!important;
  height:100%!important;
  flex:0 0 auto!important;
  object-fit:contain!important;
}
body.compact-rhythm .site-nav[data-carnaby-fluid-nav].is-scrolled .brand {
  transform:translateY(0) scale(.62)!important;
  transform-origin:left center!important;
}
@media(min-width:761px) and (max-width:1024px){
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .brand{
    width:70px!important;height:70px!important;flex-basis:70px!important;
    transform:translateY(40%) scale(1.06)!important;
  }
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav].is-scrolled .brand{
    transform:translateY(0) scale(.72)!important;
  }
}

/* Mobile always keeps a regular left-aligned mark WITHIN the 66px header.
   No half-in / half-out treatment before or after scrolling. */
@media(max-width:760px){
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav],
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav].is-scrolled {
    height:66px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    background:#e9efdc!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav]::before{
    background:#e9efdc!important;
  }
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .brand,
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav].is-scrolled .brand{
    grid-area:1/1!important;
    justify-self:start!important;
    align-self:center!important;
    width:52px!important;
    height:52px!important;
    flex-basis:52px!important;
    padding:2px!important;
    margin:0!important;
    transform:none!important;
    transform-origin:center center!important;
    background:#e9efdc!important;
  }
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .nav-left{
    display:none!important;
  }
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav] .nav-right,
  body.compact-rhythm .site-nav[data-carnaby-fluid-nav].is-scrolled .nav-right{
    grid-area:1/3!important;
    justify-self:end!important;
  }
  body.compact-rhythm main .garden-hero .hero-note{
    display:block!important;
    right:clamp(12px,3.3vw,22px)!important;
    bottom:clamp(13px,5vw,25px)!important;
    font-size:clamp(21px,5.7vw,28px)!important;
    max-width:calc(100vw - 30px)!important;
    transform:rotate(-6deg)!important;
  }
}