.awg-brand-intro[data-opening-sequence] { animation: none; background: #000; opacity: 1; visibility: visible; }
.awg-opening-frame { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; visibility: hidden; transition: opacity 420ms ease; }
.awg-opening-frame[data-frame="4"] { background:#f4e5c6; }
.awg-brand-intro[data-frame="0"] .awg-opening-frame[data-frame="0"],
.awg-brand-intro[data-frame="1"] .awg-opening-frame[data-frame="1"],
.awg-brand-intro[data-frame="2"] .awg-opening-frame[data-frame="2"],
.awg-brand-intro[data-frame="3"] .awg-opening-frame[data-frame="3"],
.awg-brand-intro[data-frame="4"] .awg-opening-frame[data-frame="4"] { opacity: 1; visibility: visible; }
.awg-opening-frame img { position:relative; display: block; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.awg-logo-stack {
  position: relative;
  width: min(78vw, 52vh, 682.6667px);
  aspect-ratio: 2 / 3;
  transform: scale(.7);
}
.awg-opening-frame[data-frame="4"] .awg-logo-stack > img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  box-sizing: content-box;
  padding: 3px; border: 1px solid #fff9ec; border-radius: 2px;
  background: #fbf4e6;
  box-shadow: 1px 1px 0 #e5d9c3, 2px 2px 0 #c9b995, 3px 3px 0 #eee1c8,
    4px 4px 0 #b7a789, 5px 5px 0 #e5d9c3, 6px 6px 0 #a9987b, 8px 10px 7px #00000042;
}
.awg-logo-stack > img:nth-child(1) { transform: translate(-6%, -2%) rotate(-7deg); }
.awg-logo-stack > img:nth-child(2) { transform: translate(6%, -1%) rotate(6deg); }
.awg-logo-stack > img:nth-child(3) { transform: translate(-3%, 2%) rotate(-3deg); }
.awg-logo-stack > img:nth-child(4) { transform: translate(3%, 3%) rotate(3deg); }
@media (prefers-reduced-motion: reduce) { .awg-opening-frame { transition-duration: 1ms; } }