/* ShakeHands | Guest-ready rooms carousel v21.
   The original photographs are never altered. Visual colour is adjusted in-browser only. */
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:38px 0 48px;
  overflow:hidden;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-scene-header {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin-bottom:24px;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-scene-header > div:first-of-type {
  flex:1 1 auto;
  min-width:0;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-controls {
  display:flex;
  flex:0 0 auto;
  gap:10px;
  align-items:center;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-controls button {
  appearance:none;
  cursor:pointer;
  background:white;
  color:#1d2088;
  border:1px solid #c9cddf;
  border-radius:50%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  font:700 20px/1 sans-serif;
  transition:background .2s,border-color .2s,color .2s,opacity .2s;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-controls button:is(:hover,:focus-visible) {
  background:#1d2088;
  color:#fff;
  border-color:#1d2088;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-controls button:disabled {
  cursor:default;
  opacity:.32;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-pictures.shreal-carousel-track {
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-left:0;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  min-width:0;
  width:100%;
  padding:0 0 4px;
  margin:0;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-track::-webkit-scrollbar {display:none;}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure {
  display:block!important;
  flex:0 0 min(84%,430px)!important;
  width:min(84%,430px);
  min-width:0;
  max-width:none;
  margin:0!important;
  padding:0;
  grid-area:auto!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure img {
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3;
  max-height:none!important;
  border-radius:5px;
  background:#f1f2f7;
  object-fit:cover!important;
  object-position:center center;
  /* Gentle non-destructive brightness and colour balance for the completed rooms. */
  filter:brightness(1.045) contrast(1.035) saturate(1.045);
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure figcaption {
  padding:13px 2px 0!important;
  color:#303145!important;
  font-size:14px!important;
  line-height:1.65;
  font-weight:750;
  min-height:43px;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-carousel-footer {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:36px;
  margin-top:17px;
  padding:0 1px;
  color:#424663;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-counter {
  margin:0!important;
  flex:0 0 auto;
  font:800 12px/1.2 sans-serif!important;
  letter-spacing:.08em;
  color:#1d2088!important;
  font-variant-numeric:tabular-nums;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-dots {
  display:flex;
  align-items:center;
  flex:1 1 auto;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-dots button {
  appearance:none;
  cursor:pointer;
  width:9px;
  height:9px;
  border-radius:50%;
  padding:0;
  border:0;
  background:#c7c9d4;
  transition:background .25s,transform .25s;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-dots button[aria-current="true"] {
  background:#1d2088;
  transform:scale(1.25);
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-play {
  appearance:none;
  border:1px solid #d8dbe6;
  border-radius:99px;
  padding:9px 12px;
  background:#fff;
  color:#4b4f72;
  font-size:11px;
  line-height:1;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
}
.s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-scene-note {
  grid-column:1!important;
  margin-top:22px!important;
  max-width:800px;
  color:#646575!important;
}
.s5-app[data-s5-palette="brand"] .shreal-carousel-controls button:focus-visible,
.s5-app[data-s5-palette="brand"] .shreal-carousel-dots button:focus-visible,
.s5-app[data-s5-palette="brand"] .shreal-carousel-play:focus-visible,
.s5-app[data-s5-palette="brand"] .shreal-carousel-track:focus-visible {
  outline:3px solid #6678d2;
  outline-offset:3px;
}
@media(min-width:760px) {
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 {
    grid-template-columns:minmax(0,1fr)!important;
    padding:53px 0 66px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-scene-header {
    margin-bottom:30px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-pictures.shreal-carousel-track {
    gap:22px!important;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure {
    flex:0 0 calc((100% - 22px) / 2.1)!important;
    width:calc((100% - 22px) / 2.1);
  }
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure figcaption {
    font-size:14px!important;
  }
}
@media(max-width:450px) {
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-story-scene-header {
    align-items:center;
    gap:7px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-carousel-controls{gap:6px;}
  .s5-app[data-s5-palette="brand"] .shreal-carousel-controls button {
    width:34px;
    height:34px;
    font-size:17px;
  }
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-story-scene-06 .shreal-carousel-track .shreal-story-figure{
    flex:0 0 88%!important;
    width:88%;
  }
  .s5-app[data-s5-palette="brand"] .shreal-carousel-play{padding:8px 10px;}
}
@media(prefers-reduced-motion:reduce){
  .s5-app[data-s5-palette="brand"] .shreal-story .shreal-carousel-track{scroll-behavior:auto!important;}
  .s5-app[data-s5-palette="brand"] .shreal-carousel-controls button,
  .s5-app[data-s5-palette="brand"] .shreal-carousel-dots button{transition:none;}
}