/* Only the editable artwork is styled here. Typography, content layout and seal use the original homepage rules. */
body.home .damtHomeCleanHero.damtHeroEditable {
  background:#080808 !important;
  isolation:isolate;
}
body.home .damtHeroEditable .damtHeroVisual {
  position:absolute;
  right:0;
  top:140px;
  width:64%;
  height:calc(100% - 160px);
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:radial-gradient(ellipse at 60% 65%, #383838, #080808 74%);
  background-position:center;
  background-size:cover;
  /* Blend the whole composition, including an uploaded backdrop, into the page. */
  -webkit-mask-image:linear-gradient(to right, transparent, #000 16%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 84%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 16%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 84%, transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
body.home .damtHeroEditable .damtHeroVisual img {
  display:block;
  position:absolute;
  max-width:none;
  object-fit:contain;
}
/* Fade the actual photo edges even when the photo is smaller than its backdrop. */
body.home .damtHeroEditable .damtHeroVisual[data-mode="photo"] img {
  -webkit-mask-image:linear-gradient(to right, transparent, #000 14%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 14%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
html.damtHeroPreview #damtCookieBanner {display:none !important;}
/* Extend the picture window upwards while keeping its bottom at the hero edge. */
@media(min-width:1441px) {
  body.home .damtHeroEditable .damtHeroVisual {
    top:60px;
    bottom:0;
    height:auto;
  }
}
@media(max-width:760px) {
  body.home .damtHeroEditable .damtHeroVisual {top:160px;width:100%;height:360px;}
}