/* Two original transparent watercolours frame the existing logo without adding a row. */
#gallery .atelier-masthead .brand-dreamworlds{
  --garden-wing:min(250px,max(64px,calc((100vw - 1000px)/2)));
}
#gallery .atelier-masthead .brand-dreamworlds::before,
#gallery .atelier-masthead .brand-dreamworlds::after{
  content:'';
  position:absolute;
  bottom:9%;
  width:var(--garden-wing);
  height:78%;
  background:transparent center bottom/contain no-repeat;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 3px 4px #3153341a);
}
#gallery .atelier-masthead .brand-dreamworlds::before{
  left:calc(-1 * var(--garden-wing));
  background-image:url('design/header-garden/cat-flowers.webp');
}
#gallery .atelier-masthead .brand-dreamworlds::after{
  right:calc(-1 * var(--garden-wing));
  background-image:url('design/header-garden/robin-blossoms.webp');
}
body.dark #gallery .atelier-masthead .brand-dreamworlds::before,
body.dark #gallery .atelier-masthead .brand-dreamworlds::after{
  opacity:.91;
  filter:brightness(.87) saturate(.88) drop-shadow(0 3px 7px #07152c55);
}
@media(max-width:700px){
  /* The right-hand upper logo area is empty; keep the face and lettering clear. */
  #gallery .atelier-masthead .brand-dreamworlds::before{display:none}
  #gallery .atelier-masthead .brand-dreamworlds::after{
    top:0;
    right:0;
    bottom:auto;
    width:clamp(60px,18vw,110px);
    height:clamp(24px,7vw,43px);
    background-position:right top;
    filter:none;
    opacity:.88;
  }
  body.dark #gallery .atelier-masthead .brand-dreamworlds::after{filter:brightness(.87) saturate(.88)}
}