/* One photographic rhythm for the corridor end, landing and its two destinations.
   Preserve the full architecture: no cover crop, blurred extension or light halo. */
.giarda-studio :is(
  [data-gs-interior-room="corridor_left"][data-gs-corridor-step="2"],
  [data-gs-interior-room="student_stairs"],
  [data-gs-interior-room="gallery"],
  [data-gs-interior-room="students"]
) .gs-interior-visual {
  height: auto!important;
  min-height: 0!important;
  max-height: none!important;
  overflow: hidden!important;
  background: #10161c!important;
}
.giarda-studio :is(
  [data-gs-interior-room="corridor_left"][data-gs-corridor-step="2"],
  [data-gs-interior-room="student_stairs"],
  [data-gs-interior-room="gallery"],
  [data-gs-interior-room="students"]
) .gs-interior-frame {
  box-sizing: border-box;
  width: min(100%, 1140px)!important;
  min-width: 0!important;
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 3 / 2;
  margin-inline: auto;
  background: #10161c!important;
  border-block: 1px solid #ba9b6538;
}
.giarda-studio :is(
  [data-gs-interior-room="corridor_left"][data-gs-corridor-step="2"],
  [data-gs-interior-room="student_stairs"],
  [data-gs-interior-room="gallery"],
  [data-gs-interior-room="students"]
) .gs-interior-image {
  object-fit: contain!important;
  object-position: center;
  filter: saturate(.94) brightness(.98);
}
.giarda-studio :is(
  [data-gs-interior-room="corridor_left"][data-gs-corridor-step="2"],
  [data-gs-interior-room="student_stairs"],
  [data-gs-interior-room="gallery"],
  [data-gs-interior-room="students"]
) .gs-interior-portal {
  min-width: 44px!important;
  min-height: 44px!important;
}
.giarda-studio .gs-learning-return {
  min-height: 44px;
  border: 1px solid #b7985c80;
  border-radius: 3px;
  padding: 10px 15px;
  background: #151c24;
  color: #ead9b7;
  font: 14px/1.4 Georgia, "Times New Roman", serif;
  letter-spacing: .01em;
  cursor: pointer;
}
.giarda-studio .gs-learning-return:hover { background: #222a31; border-color: #c7aa72; }
.giarda-studio .gs-learning-return:focus-visible { outline: 3px solid #ead49f; outline-offset: 3px; }
.giarda-studio .gs-learning-return[hidden] { display: none!important; }
@media (forced-colors: active) {
  .giarda-studio .gs-learning-return { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
}

/* Desktop: fit the complete photograph below the existing site header.
   svh is the small viewport height, stable when browser bars move.
   150svh - 258px is (100svh - 172px) multiplied by the 3:2 ratio. */
@media (min-width: 701px) {
 .giarda-studio :is(
  [data-gs-interior-room="corridor_left"][data-gs-corridor-step="2"],
  [data-gs-interior-room="student_stairs"],
  [data-gs-interior-room="gallery"],
  [data-gs-interior-room="students"]
 ) .gs-interior-frame {
  width: min(100%, 1140px)!important;
  width: min(100%, 1140px, calc(150svh - 258px))!important;
 }
}