.aalto-live-brief {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  height: var(--aalto-live-height, 100svh);
  min-height: 560px;
  overflow: hidden;
  background: #211e19;
}

.aalto-live-brief--full-bleed {
  left: 50%;
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
}

.aalto-live-brief__frame {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  background: #211e19;
}

@supports (width: 100dvw) {
  .aalto-live-brief--full-bleed {
    width: 100dvw;
    max-width: 100dvw;
    margin-left: -50dvw;
  }
}

@media (max-width: 782px) {
  .aalto-live-brief {
    height: var(--aalto-live-height, 100svh);
    min-height: 100svh;
  }
}