.dellioo-page { background: #fff; }
.dellioo-stream { padding-top: 88px; overflow: clip; }
.dellioo-hero {
  height: calc(100svh - 88px);
  min-height: 620px;
  margin: 0;
  padding: clamp(28px, 5vw, 78px);
  display: grid;
  place-items: center;
  background: #f4eee9;
  overflow: hidden;
}
.dellioo-hero img {
  display: block;
  width: min(100%, 1560px);
  max-height: 100%;
  object-fit: contain;
  box-shadow: 0 28px 80px rgba(53,34,23,.13);
}
.dellioo-frame {
  margin: 0;
  padding: clamp(20px, 4.5vw, 76px);
  display: grid;
  place-items: center;
  background: #f4eee9;
  overflow: hidden;
}
.dellioo-frame--soft { background: #f1f3f5; }
.dellioo-frame--orange { background: #ff5a24; }
.dellioo-frame img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 22px 70px rgba(53,34,23,.12);
}
.dellioo-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.dellioo-pair .dellioo-frame { align-content: center; }

@media screen and (max-width: 900px) {
  .dellioo-stream { padding-top: 72px; }
  .dellioo-hero { height: auto; min-height: 0; padding: 48px 14px; }
  .dellioo-pair { grid-template-columns: 1fr; }
  .dellioo-frame { padding: 32px 14px; }
}