/* Cloud service section only, the locked Overview and seven native floor renderers are untouched */
.cloud-section[data-cloud-pavilion] {
  --pavilion-copper: #d2a071;
  --pavilion-muted: #b9a795;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - var(--header-height));
  padding: 0;
  scroll-margin-top: var(--header-height);
  background: radial-gradient(ellipse at 24% 57%, #7a3f1d14, transparent 58%), radial-gradient(ellipse at 84% 27%, #7a482115, transparent 40%), #090909;
  border-top: 1px solid #b9824d3d;
}
.cloud-section[data-cloud-pavilion] > .page-width { width: min(calc(100% - var(--page-inline-space)), 1600px); }
.pavilion-topline { display: flex; align-items: center; gap: 22px; padding-block: 12px; border-bottom: 1px solid #a9724533; }
.pavilion-topline p, .pavilion-chapter { font: 400 8px/1.5 var(--font-body); letter-spacing: .17em; color: #c1ab93; }
.pavilion-topline p > span { margin-right: 9px; color: #e5b181; }
.pavilion-chapter { margin-left: auto; }
.pavilion-chapter-mark { font-size: 19px; line-height: 1; color: var(--pavilion-copper); }
.pavilion-layout { display: grid; flex: 1 0 auto; grid-template-columns: minmax(0, 1.9fr) minmax(290px, .85fr); align-items: center; gap: clamp(30px, 3.2vw, 58px); padding-block: 16px; }
.pavilion-theatre { min-width: 0; }
.pavilion-shot-heading { display: flex; align-items: center; gap: 15px; padding-bottom: 13px; font: 400 8px/1.5 var(--font-body); letter-spacing: .16em; color: #c29a77; }
.pavilion-shot-rule { flex: 1; height: 1px; background: linear-gradient(90deg, #98613966, #9861390d); }
.pavilion-shot-index { color: #a18c77; font-size: 7px; letter-spacing: .13em; }
.pavilion-frame { position: relative; isolation: isolate; width: 100%; max-width: min(100%, max(320px, calc((100svh - var(--header-height) - 180px) * 1.777778))); margin-inline: auto; padding: 1px; border: 1px solid #a46d424d; border-top-color: #dfb08061; border-radius: 4px; background: linear-gradient(135deg, #58361f, #100d0a 28%, #302014 90%); box-shadow: 0 24px 55px #0007, 0 3px 0 #17120f, 0 5px 0 #8d60373d, 0 10px 0 #0c0b0a, 0 11px 0 #704d2b33; }
.pavilion-frame::before { content: ''; position: absolute; inset: 10px -6px -10px 6px; z-index: -1; border: 1px solid #865b3624; border-radius: 4px; background: #0a0908; transform: translateZ(-10px); pointer-events: none; }
.pavilion-media { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #090a0b; border-radius: 2px; }
.pavilion-poster, .pavilion-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.pavilion-video { display: block; opacity: 0; pointer-events: none; transition: opacity .24s ease; }
.pavilion-media.is-playing .pavilion-video { opacity: 1; }
.pavilion-media.has-no-poster .pavilion-poster { visibility: hidden; }
.pavilion-zones { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pavilion-zone { opacity: 0; transition: opacity .3s ease; }
.pavilion-zone-wash { fill: #dd995f; fill-opacity: .035; stroke: none; }
.pavilion-zone-bracket { fill: none; stroke: #ffd0a1; stroke-opacity: .78; stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-cloud-pavilion][data-pavilion-focus='infrastructure'].is-enhanced .pavilion-zone[data-pavilion-zone='infrastructure'],
[data-cloud-pavilion][data-pavilion-focus='identity'].is-enhanced .pavilion-zone[data-pavilion-zone='identity'],
[data-cloud-pavilion][data-pavilion-focus='storage'].is-enhanced .pavilion-zone[data-pavilion-zone='storage'],
[data-cloud-pavilion][data-pavilion-focus='monitoring'].is-enhanced .pavilion-zone[data-pavilion-zone='monitoring'] { opacity: 1; }
.pavilion-corner { position: absolute; width: 13px; height: 13px; pointer-events: none; border-color: #b9875d; border-style: solid; opacity: .65; }
.pavilion-corner-top { top: 8px; left: 8px; border-width: 1px 0 0 1px; }
.pavilion-corner-bottom { right: 8px; bottom: 8px; border-width: 0 1px 1px 0; }
.pavilion-unavailable { position: absolute; inset: 0; display: grid; place-content: center; max-width: 440px; margin-inline: auto; padding: 30px; color: #d1bfae; font-size: 13px; text-align: center; line-height: 1.8; }
.pavilion-caption { display: flex; align-items: center; gap: 14px; min-height: 50px; padding-top: 8px; color: #a99683; font-size: 9px; line-height: 1.5; }
.pavilion-motion-status { display: inline-flex; align-items: center; gap: 7px; margin-left: auto; white-space: nowrap; }
.pavilion-motion-status i { width: 4px; height: 4px; border: 1px solid #a77b55; border-radius: 50%; }
.pavilion-theatre:has(.is-playing) .pavilion-motion-status i { background: #d7b187; border-color: #d7b187; box-shadow: 0 0 8px #d0a57344; }
.pavilion-motion { min-height: 44px; min-width: 84px; padding: 8px 0 8px 12px; border: 0; border-left: 1px solid #986a4138; background: transparent; color: #d0ac87; text-align: right; font-size: 9px; }
.pavilion-motion:hover { color: #ffdfb8; }
.pavilion-motion:disabled { cursor: default; color: #a9947f; opacity: 1; }
.pavilion-motion:focus-visible { outline-offset: 2px; }
.pavilion-editorial { min-width: 0; padding: 6px 0; }
.pavilion-eyebrow { margin-bottom: 8px; color: #c09165; font: 400 7px/1.6 var(--font-body); letter-spacing: .18em; }
.pavilion-title { font: 400 clamp(38px, 3.5vw, 56px)/1.035 var(--font-display); letter-spacing: -.047em; }
.pavilion-title em { display: inline-block; font-family: var(--font-editorial); font-size: 1.025em; letter-spacing: -.055em; color: #d6ab80; }
.pavilion-intro { margin-top: 15px; max-width: 390px; color: var(--pavilion-muted); font-size: 12px; line-height: 1.8; }
.pavilion-capabilities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 18px; }
.pavilion-capabilities button { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 9px; min-height: 56px; padding: 10px; border: 1px solid #96633d45; border-radius: 2px; background: linear-gradient(135deg, #2c1b101c, #090909); color: #bdac99; text-align: left; font: 400 11px/1.5 var(--font-body); transition: border-color .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease; }
.pavilion-control-number { padding-top: 1px; color: #b38760; font-size: 8px; letter-spacing: .03em; }
.pavilion-control-arrow { align-self: end; color: #9b704b; font-size: 11px; }
.pavilion-capabilities button:hover { color: #f4dfc8; border-color: #d5a06d8c; background: #39231430; }
.pavilion-capabilities button:focus-visible { outline-offset: 2px; }
.pavilion-capabilities button[aria-pressed='true'] { color: #ffe0bd; border-color: #d7a06a9c; background: linear-gradient(135deg, #633b213f, #2a1b1330); box-shadow: inset 2px 0 0 #d29a65, inset 0 1px 0 #d9a37112, 0 3px 18px #0002; }
.pavilion-capabilities button[aria-pressed='true'] .pavilion-control-number, .pavilion-capabilities button[aria-pressed='true'] .pavilion-control-arrow { color: #ecc395; }
.pavilion-panels { margin-top: 20px; }
.is-enhanced .pavilion-panels { min-height: 175px; }
.pavilion-panel + .pavilion-panel { margin-top: 28px; padding-top: 22px; border-top: 1px solid #96633d38; }
.is-enhanced .pavilion-panel + .pavilion-panel { margin-top: 0; padding-top: 0; border-top: 0; }
.pavilion-panel-kicker { margin-bottom: 9px; color: #bc8c61; font: 400 7px/1.6 var(--font-body); letter-spacing: .14em; }
.pavilion-panel h3 { color: #edddca; font: 400 23px/1.15 var(--font-display); letter-spacing: -.025em; }
.pavilion-panel > p:not(.pavilion-panel-kicker) { max-width: 410px; margin-top: 12px; color: #baa996; font-size: 11.5px; line-height: 1.75; }
.pavilion-panel ul { display: grid; gap: 5px; list-style: none; margin: 13px 0 0; padding: 0; }
.pavilion-panel li { position: relative; padding-left: 12px; color: #c9b39a; font-size: 10px; line-height: 1.7; }
.pavilion-panel li::before { content: ''; position: absolute; left: 0; top: .68em; width: 4px; height: 1px; background: #ba8758; }
.pavilion-cta { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; margin-top: 14px; padding-block: 10px; border-top: 1px solid #b17a4f73; border-bottom: 1px solid #b17a4f38; color: #e8be93; text-decoration: none; font-size: 12px; transition: color .2s ease, border-color .2s ease; }
.pavilion-cta > span:last-child { font-size: 21px; }
.pavilion-cta:hover { color: #ffe5c7; border-color: #e2b486; }
.pavilion-announcement { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.pavilion-bottomline { display: flex; align-items: center; gap: 20px; min-height: 43px; padding-block: 5px; border-top: 1px solid #a972452b; color: #b59b81; font-size: 7px; line-height: 1.5; letter-spacing: .15em; }
.pavilion-bottom-note { margin-left: auto; font-size: 9px; letter-spacing: .01em; }
.pavilion-bottomline a { display: inline-flex; align-items: center; gap: 13px; min-height: 30px; color: #cfac88; text-decoration: none; font-size: 9px; letter-spacing: .01em; }
.pavilion-bottomline a > span { font-size: 15px; }
.pavilion-bottomline a:hover { color: #ffe0ba; }

@media (min-width: 960px) and (max-height: 760px) {
  .pavilion-topline { padding-block: 10px; }
  .pavilion-layout { padding-block: 15px; gap: 30px; }
  .pavilion-eyebrow { margin-bottom: 7px; }
  .pavilion-title { font-size: clamp(34px, 3vw, 42px); }
  .pavilion-intro { margin-top: 10px; font-size: 11px; line-height: 1.65; }
  .pavilion-capabilities { margin-top: 15px; }
  .pavilion-capabilities button { min-height: 50px; padding-block: 9px; font-size: 10px; gap: 7px; }
  .pavilion-panels { margin-top: 16px; }
  .is-enhanced .pavilion-panels { min-height: 152px; }
  .pavilion-panel h3 { font-size: 21px; }
  .pavilion-panel > p:not(.pavilion-panel-kicker) { margin-top: 8px; font-size: 11px; line-height: 1.65; }
  .pavilion-panel ul { margin-top: 9px; gap: 3px; }
  .pavilion-panel li { font-size: 9.5px; }
  .pavilion-cta { margin-top: 12px; }
  .pavilion-bottomline { min-height: 36px; padding-block: 5px; }
}
@media (max-width: 1199px) {
  .cloud-section[data-cloud-pavilion] > .page-width { width: calc(100% - var(--page-inline-space)); }
  .pavilion-layout { grid-template-columns: minmax(0, 1.5fr) minmax(290px, 1fr); gap: 28px; }
  .pavilion-title { font-size: 39px; }
  .pavilion-capabilities button { gap: 7px; padding-inline: 8px; font-size: 10px; }
  .pavilion-caption { gap: 9px; font-size: 8px; }
  .pavilion-motion { min-width: 76px; font-size: 8px; padding-left: 9px; }
}
@media (min-width: 960px) and (max-width: 1199px) and (max-height: 760px) {
  .pavilion-title { font-size: clamp(34px, 3vw, 36px); }
}
@media (max-width: 959px) {
  .cloud-section[data-cloud-pavilion] { min-height: 0; }
  .pavilion-layout { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-block: 26px; }
  .pavilion-frame { max-width: none; }
  .pavilion-editorial { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; align-items: start; padding: 0; }
  .pavilion-eyebrow, .pavilion-title, .pavilion-intro, .pavilion-cta { grid-column: 1; }
  .pavilion-eyebrow { grid-row: 1; }
  .pavilion-title { grid-row: 2; font-size: 43px; }
  .pavilion-intro { grid-row: 3; margin-top: 14px; }
  .pavilion-capabilities { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
  .pavilion-panels { grid-column: 2; grid-row: 3 / 5; margin-top: 18px; }
  .pavilion-cta { grid-row: 4; margin-top: 25px; }
  .pavilion-capabilities button { min-height: 60px; font-size: 11px; }
  .pavilion-bottomline { font-size: 6.5px; }
}
@media (max-width: 759px) {
  .cloud-section[data-cloud-pavilion] > .page-width { width: calc(100% - var(--page-inline-space)); }
  .pavilion-topline { padding-block: 14px; gap: 14px; }
  .pavilion-topline p, .pavilion-chapter { font-size: 7px; letter-spacing: .1em; }
  .pavilion-chapter-mark { font-size: 17px; }
  .pavilion-shot-heading { font-size: 7px; gap: 10px; }
  .pavilion-shot-index { font-size: 6px; }
  .pavilion-frame { max-width: none; }
  .pavilion-caption { flex-wrap: wrap; gap: 6px 10px; font-size: 8px; min-height: 52px; }
  .pavilion-motion { min-width: 78px; }
  .pavilion-editorial { display: block; }
  .pavilion-title { font-size: clamp(38px, 8.3vw, 54px); }
  .pavilion-eyebrow { font-size: 8px; }
  .pavilion-intro { max-width: 500px; font-size: 13px; }
  .pavilion-capabilities { margin-top: 24px; }
  .pavilion-capabilities button { min-height: 64px; padding: 13px 11px; font-size: 12px; gap: 10px; }
  .pavilion-control-number { font-size: 9px; }
  .pavilion-panels { margin-top: 24px; }
  .is-enhanced .pavilion-panels { min-height: 0; }
  .pavilion-panel h3 { font-size: 27px; }
  .pavilion-panel-kicker { font-size: 8px; }
  .pavilion-panel > p:not(.pavilion-panel-kicker) { max-width: none; font-size: 13px; line-height: 1.8; }
  .pavilion-panel li { font-size: 12px; }
  .pavilion-cta { margin-top: 27px; font-size: 13px; min-height: 50px; }
  .pavilion-bottomline { flex-wrap: wrap; gap: 4px 14px; padding-block: 12px; }
  .pavilion-bottom-note { display: none; }
  .pavilion-bottomline a { margin-left: auto; min-height: 44px; font-size: 10px; }
}
@media (max-width: 359px) {
  .cloud-section[data-cloud-pavilion] > .page-width { width: calc(100% - var(--page-inline-space)); }
  .pavilion-capabilities button { gap: 7px; padding-inline: 8px; font-size: 11px; }
  .pavilion-caption > span:first-child { width: 100%; }
  .pavilion-motion-status { margin-left: 0; }
  .pavilion-motion { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .pavilion-video, .pavilion-zone, .pavilion-capabilities button, .pavilion-cta { transition: none; }
}
@media (forced-colors: active) {
  .cloud-section[data-cloud-pavilion] { background: Canvas; color: CanvasText; }
  .pavilion-frame, .pavilion-topline, .pavilion-bottomline { border-color: CanvasText; background: Canvas; box-shadow: none; }
  .pavilion-frame::before, .pavilion-zones, .pavilion-corner, .pavilion-shot-rule, .pavilion-motion-status i { display: none; }
  .pavilion-title, .pavilion-title em, .pavilion-topline p, .pavilion-topline p > span, .pavilion-chapter, .pavilion-chapter-mark, .pavilion-eyebrow, .pavilion-intro, .pavilion-shot-heading, .pavilion-shot-index, .pavilion-caption, .pavilion-panel h3, .pavilion-panel > p, .pavilion-panel li, .pavilion-bottomline, .pavilion-bottomline a, .pavilion-control-number, .pavilion-control-arrow { color: CanvasText; }
  .pavilion-capabilities button, .pavilion-motion, .pavilion-cta { border: 1px solid ButtonText; color: ButtonText; background: Canvas; box-shadow: none; }
  .pavilion-capabilities button[aria-pressed='true'] { outline: 2px solid Highlight; outline-offset: -3px; color: ButtonText; background: Canvas; box-shadow: none; }
  .pavilion-capabilities button[aria-pressed='true'] .pavilion-control-number, .pavilion-capabilities button[aria-pressed='true'] .pavilion-control-arrow { color: ButtonText; }
  .pavilion-motion:disabled { color: GrayText; border-color: GrayText; }
  .pavilion-panel li::before { background: CanvasText; }
}