/* Isolated Catering study: original foreground, fuller-color photographic depth. */
.bakery-home #catering.shell {
  position:relative;isolation:isolate;
  width:100%;max-width:none;margin-inline:0;
  padding-inline:max(48px,calc((100% - 1200px)/2));
}
.catering-depth-background {
  position:absolute;inset:0;z-index:0;overflow:hidden;
  pointer-events:none;user-select:none;background:#fcf9f4;
}
.catering-depth-slide {
  position:absolute;inset:-2.5%;width:105%;height:105%;max-width:none;
  object-fit:cover;object-position:42% 50%;opacity:0;
  filter:saturate(.92);
  transition:opacity 1800ms cubic-bezier(.4,0,.2,1);
  will-change:opacity,transform;
}
.catering-depth-slide.is-active {opacity:.62;}
.catering-depth-slide:nth-child(2) {object-position:45% 58%;}
.catering-depth-slide:nth-child(3) {object-position:50% 43%;}
.catering-depth-slide:nth-child(3).is-active {opacity:.48;}
.catering-depth-background::after {
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,#fcf9f4 0%,#fcf9f43d 10%,transparent 24%,transparent 76%,#fcf9f4 100%),
    linear-gradient(90deg,#fcf9f426 0%,#fcf9f44d 35%,#fcf9f4d9 52%,#fcf9f4f2 72%,#fcf9f499 100%);
}
#catering > .catering-art,#catering > .wedding-copy {position:relative;z-index:1;}
/* Only the foreground participates in the section reveal. A transformed,
   translucent ancestor made the clipped photo/gradient edge shimmer. */
.bakery-home #catering[data-reveal-foreground] {
  opacity:1;transform:none;scale:1;transition:none;
}
#catering[data-reveal-foreground] > :is(.catering-art,.wedding-copy) {
  opacity:1;transform:none;
  transition:opacity 900ms cubic-bezier(.22,.61,.36,1),transform 900ms cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--reveal-delay,0ms);
}
html[data-bakery-opening="catering"] #catering[data-reveal-foreground] > :is(.catering-art,.wedding-copy),
#catering[data-reveal-foreground][data-reveal-visible="false"] > :is(.catering-art,.wedding-copy) {
  opacity:0;transform:translate3d(0,var(--reveal-from-y,16px),0);
}
#catering[data-reveal-foreground][data-reveal-instant] > :is(.catering-art,.wedding-copy) {transition:none;}
#catering .wedding-art-caption {
  background:none;
  text-shadow:none;
  color:#573e4b;
  font-weight:600;
}
@media(max-width:1000px) {.bakery-home #catering.shell {padding-inline:32px;}}
@media(max-width:700px) {
  .bakery-home #catering.shell {padding-inline:20px;}
  .catering-depth-slide {object-position:50% 35%;}
  .catering-depth-slide:nth-child(2) {object-position:38% 40%;}
  .catering-depth-slide.is-active {opacity:.52;}
  .catering-depth-slide:nth-child(3).is-active {opacity:.42;}
  .catering-depth-background::after {
    background:linear-gradient(180deg,#fcf9f4 0%,#fcf9f426 10%,#fcf9f426 27%,#fcf9f4d9 43%,#fcf9f4f5 55%,#fcf9f4ed 87%,#fcf9f4 100%);
  }
}
@media(prefers-reduced-motion:reduce) {.catering-depth-slide {transition:none;transform:none!important;}}
@media(prefers-reduced-motion:reduce) {
  #catering[data-reveal-foreground][data-reveal-visible] > :is(.catering-art,.wedding-copy) {
    opacity:1;transform:none;transition:none;
  }
}