/* Block 03: one six-second montage, filling the viewport edge to edge. */
.bakery {
  position: relative;
  z-index: 3;
  color: #382c20;
  background: #eee7db;
}
.bakery__title {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip-path: inset(50%);
  white-space: nowrap;
}
.bakery__scene {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: #e3e3d9;
}
.bakery__scene--navidad { background: #eae0cc; }
.bakery__ambient { display: none; }
.bakery__media,
.bakery__still {
  display: block;
  width: 100%;
  height: 100vh;
  height: 100svh;
  object-fit: cover;
  object-position: center;
}
.bakery__media { display: none; }
.bakery__copy {
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* Reserved for future HTML copy; no commercial message added here. */
}
.bakery.is-enhanced {
  height: 460vh;
  height: 460svh;
  /* Meet the existing Easy Bag fade at p=.84; its geometry stays untouched. */
  margin-top: -148vh;
  margin-top: -148svh;
  background: transparent;
}
.is-enhanced .bakery__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  isolation: isolate;
  visibility: hidden;
  opacity: var(--bakery-entry, 0);
  background: #f4f0e8;
}
.is-enhanced.is-active .bakery__sticky { visibility: visible; }
.is-enhanced .bakery__scene {
  position: absolute;
  inset: 0;
  opacity: 1;
}
.is-enhanced .bakery__fallback { display: none; }
.is-enhanced .bakery__media { display: block; }
.is-enhanced .bakery__still { display: none; }
.is-enhanced .is-failed .bakery__media { display: none; }
.is-enhanced .is-failed .bakery__still { display: block; }
