/* Lọ Mơ: generated botanical cutouts, enhanced by a transparent Three.js scene. */
.floral-depth-stage {
  position: relative;
  isolation: isolate;
  --botanical-photo-x: 0px;
  --botanical-photo-y: 0px;
}
.floral-depth-stage .editorial-hero-img {
  transform: translate3d(var(--botanical-photo-x), var(--botanical-photo-y), 0) scale(1.035);
}
.floral-depth-ornaments {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.floral-piece {
  position: absolute;
  display: block;
  left: var(--bx);
  top: var(--by);
  width: var(--bw);
  transform: translate(-50%, -50%) rotate(var(--br));
}
.floral-piece img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(6px 10px 7px rgb(55 42 25 / 15%));
}
.floral-petal-a { --bx: -2%; --by: 37%; --bw: 17%; --br: -37deg; }
.floral-petal-b { --bx: 1%; --by: 59%; --bw: 11%; --br: 42deg; }
.floral-ribbon  { --bx: 11%; --by: 81%; --bw: 31%; --br: -22deg; }
.floral-leaf    { --bx: 93%; --by: 80%; --bw: 28%; --br: 24deg; }
.floral-petal-d { --bx: 99%; --by: 19%; --bw: 10%; --br: 32deg; }
.botanical-canvas {
  position: absolute;
  inset: -8% -14% -8% -18%;
  z-index: 3;
  pointer-events: none;
}
.botanical-canvas canvas { display: block; width: 100%; height: 100%; }
.floral-depth-stage.is-webgl-ready .floral-depth-ornaments { visibility: hidden; }
@media (min-width: 992px) {
  .editorial-hero-copy { position: relative; z-index: 4; }
}
@media (max-width: 991px) {
  .floral-petal-a { --bx: 5%; --bw: 15%; }
  .floral-petal-d { --bx: 95%; }
  .floral-leaf { --bx: 88%; --bw: 25%; }
  .floral-ribbon { --bx: 15%; --bw: 28%; }
}
@media (max-width: 600px) {
  .floral-petal-b, .floral-petal-d { display: none; }
  .floral-petal-a { --by: 39%; --bw: 16%; }
}