/* Keep Koala's existing typography, colours and circular photography. */
.koala-site-nav a.koala-current-page {
  background: #00778c !important;
  color: #fff !important;
  border-radius: 1rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.koala-site-nav a.koala-current-page:focus-visible { outline: 2px solid #00778c; outline-offset: 3px; }
.koala-workspace-hero.koala-workspace-hero-expanded {
  display: grid; grid-template-columns: 1fr 1fr; align-items: center;
  gap: 2.5rem; max-width: 1280px; margin: 0 auto 1.5rem !important;
  padding: 3rem 3rem 1rem !important; min-height: 0 !important;
  overflow: visible !important;
}
.koala-workspace-hero-expanded .koala-workspace-hero-copy {
  grid-column: 1; grid-row: 1; width: 100%; max-width: 36rem !important;
  margin: 0 !important; padding: 0 !important;
}
.koala-workspace-hero-expanded .koala-workspace-bubble-main {
  display: flex !important; position: relative !important; grid-column: 2; grid-row: 1;
  width: 77% !important; height: auto !important; aspect-ratio: 1;
  top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
  justify-self: end; align-self: center; transform: none !important; opacity: 1 !important;
}
.koala-workspace-hero-expanded .koala-workspace-accents {
  display: block !important; position: relative; grid-column: 2; grid-row: 1;
  height: 29rem; width: 100%; pointer-events: none;
}
.koala-workspace-hero-expanded .koala-workspace-bubble-accent {
  display: block !important; opacity: 1 !important; aspect-ratio: 1;
  border: 5px solid #e9faf9; filter: none !important;
}
.koala-workspace-hero.koala-workspace-hero-expanded .koala-workspace-bubble-accent:has(img[alt="Circle 1"]) {
  width: 37% !important; height: auto !important; left: 0 !important; top: 0 !important; bottom: auto !important;
}
.koala-workspace-hero.koala-workspace-hero-expanded .koala-workspace-bubble-accent:has(img[alt="Circle 2"]) {
  width: 43% !important; height: auto !important; left: 0 !important; top: auto !important; bottom: 0 !important;
}
.koala-workspace-hero-expanded .koala-workspace-bubble img { display:block; width:100%; height:100%; aspect-ratio:1; object-fit:cover; }
.koala-workspace-hero-expanded .koala-workspace-bubble > div { display:none; }
.koala-meeting-card:has(.koala-room-photo) { justify-content: flex-start !important; }
.koala-room-photo {
  width: calc(100% + 4rem); margin: -2rem -2rem 1.5rem; aspect-ratio: 4 / 3;
  flex: 0 0 auto; overflow: hidden; border-radius: 1rem 1rem 0 0; background:#e4f3f2;
}
.koala-room-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.koala-room-photo-conference img { object-position:center 65%; }
@media (max-width: 1120px) {
  .koala-mobile-nav-panel a.koala-current-page { border-radius:1rem !important; box-shadow:none !important; }
}
@media (min-width: 960px) and (max-width: 1179px) {
  .koala-workspace-hero.koala-workspace-hero-expanded { padding-inline:2rem !important; gap:1.5rem; }
  .koala-workspace-hero-expanded .koala-workspace-accents { height:25rem; }
  .koala-workspace-hero-expanded h1 { font-size:2.65rem !important; }
}
@media (max-width: 959px) {
  .koala-workspace-hero.koala-workspace-hero-expanded {
    grid-template-columns:1fr; gap:1.5rem; padding:2rem 1.5rem .75rem !important; margin-bottom:1rem !important;
  }
  .koala-workspace-hero-expanded .koala-workspace-hero-copy { max-width:38rem !important; justify-self:center; }
  .koala-workspace-hero-expanded .koala-workspace-bubble-main {
    grid-column:1; grid-row:2; width:72% !important; max-width:24rem;
    justify-self:center; margin-left:23%;
  }
  .koala-workspace-hero-expanded .koala-workspace-accents {
    grid-column:1; grid-row:2; height:25rem; max-width:34rem; justify-self:center;
  }
  .koala-workspace-hero.koala-workspace-hero-expanded .koala-workspace-bubble-accent:has(img[alt="Circle 1"]) { width:35% !important; }
  .koala-workspace-hero.koala-workspace-hero-expanded .koala-workspace-bubble-accent:has(img[alt="Circle 2"]) { width:40% !important; }
}
@media (max-width: 599px) {
  .koala-workspace-hero-expanded .koala-workspace-accents { height:75vw; max-height:25rem; }
  .koala-workspace-hero-expanded .koala-workspace-bubble-accent { border-width:3px; }
  .koala-meeting-layout-inner, .koala-meeting-layout-outer { padding-left:0 !important; padding-right:0 !important; }
  .koala-meeting-layout-outer { padding-top:1.5rem !important; }
  .koala-meeting-card:has(.koala-room-photo) { padding:1.25rem !important; }
  .koala-room-photo { width:calc(100% + 2.5rem); margin:-1.25rem -1.25rem 1.25rem; }
}