/* A full-bleed photograph fills the first screen below the actual header. */
.hero-refined.hero-refined--cake>.hero-visual,
.hero-refined.hero-refined--sweet>.hero-visual,
.hero-refined.hero-refined--natural>.hero-visual{
 position:absolute;inset:0;grid-area:auto;width:100%;height:100%;container-type:normal;
}
.hero-refined.hero-refined--cake .hero-scene,
.hero-refined.hero-refined--sweet .hero-scene,
.hero-refined.hero-refined--natural .hero-scene{
 position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;
}
.customer-picture{display:block;width:100%;height:100%}
.hero-refined.hero-refined--cake .hero-photo,
.hero-refined.hero-refined--sweet .hero-photo,
.hero-refined.hero-refined--natural .hero-photo{
 display:block;width:100%;height:100%;object-fit:cover;object-position:center;
}
.hero-refined .hero-scene::after,.hero-refined.hero-refined--cake .hero-scene::after{content:none}
.hero-refined>.hero-visual::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(243,238,229,.96),rgba(243,238,229,.88) 25%,rgba(243,238,229,.42) 43%,transparent 62%);
}
.hero-refined--sweet>.hero-visual::after{background:linear-gradient(90deg,rgba(61,30,49,.97),rgba(61,30,49,.88) 25%,rgba(61,30,49,.36) 46%,transparent 65%)}
.hero-refined--natural>.hero-visual::after{background:linear-gradient(90deg,rgba(241,240,232,.96),rgba(241,240,232,.87) 25%,rgba(241,240,232,.35) 45%,transparent 65%)}
.hero-refined .hero-intro,.hero-refined .hero-details{z-index:2}
@media(max-width:959px){
 .hero-refined>.hero-visual::after{
  background:linear-gradient(180deg,rgba(243,238,229,.97),rgba(243,238,229,.84) 20%,rgba(243,238,229,.05) 36%,rgba(243,238,229,.04) 56%,rgba(243,238,229,.94) 77%,rgba(243,238,229,.99));
 }
 .hero-refined--sweet>.hero-visual::after{
  background:linear-gradient(180deg,rgba(61,30,49,.97),rgba(61,30,49,.88) 20%,rgba(61,30,49,.05) 36%,rgba(61,30,49,.04) 58%,rgba(61,30,49,.96) 78%,rgba(61,30,49,.99));
 }
 .hero-refined--natural>.hero-visual::after{
  background:linear-gradient(180deg,rgba(241,240,232,.97),rgba(241,240,232,.83) 19%,rgba(241,240,232,.05) 34%,rgba(241,240,232,.04) 57%,rgba(241,240,232,.95) 76%,rgba(241,240,232,.99));
 }
 .hero-refined.hero-refined--cake .hero-photo{object-position:50% 56%}
 .hero-refined.hero-refined--sweet .hero-photo{object-position:52% 50%}
 .hero-refined.hero-refined--natural .hero-photo{object-position:52% 50%}
}