/* Floor detail: Figma 45:234. Image crops preserve the supplied design geometry. */
.gutflex-floor-page { position: relative; }
.gutflex-floor-header { color: var(--residence-brand); background: rgba(255,255,255,.9); backdrop-filter: blur(8px); }
.gutflex-floor-logo { position: relative; width: 136.297px; height: 40px; margin: 0; }
.gutflex-floor-logo .gutflex-logo-home { position: absolute; inset: 0; z-index: 1; display: block; }
.gutflex-logo-home:focus-visible, .gutflex-logo a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.gutflex-floor-logo .gutflex-floor-letter { position: absolute; margin: 0 !important; }
.gutflex-floor-letter img { display: block; max-width: none; }
.gutflex-floor-letter-0 { left: 7.19%; top: 24.49%; }
.gutflex-floor-letter-1 { left: 20%; top: 24.49%; }
.gutflex-floor-letter-2 { left: 27.4%; top: 23.9%; }
.gutflex-floor-letter-3 { left: 45.52%; top: 24.49%; }
.gutflex-floor-letter-4 { left: 59.72%; top: 24.49%; }
.gutflex-floor-letter-5 { left: 64.47%; top: 24.49%; }
.gutflex-floor-letter-6 { left: 80.39%; top: 24.49%; }
.gutflex-floor-letter-7 { left: 9.9%; top: 50.44%; }
.gutflex-floor-title { padding: 42px 24px 27px; text-align: center; }
.gutflex-floor-title .is-style-eyebrow { justify-content: center; margin: 0; }
.gutflex-floor-title h1 { font: 300 clamp(30px,3.1vw,48px)/1.12 var(--residence-heading); color: inherit; margin: 20px 0 0; }
.gutflex-floor-map { position: relative; background: #f3f5f4; aspect-ratio: 1551/710.547; overflow: hidden; }
.gutflex-floor-map figure { margin: 0; }
.gutflex-floor-plan { position: absolute; left: 10%; top: 22.517%; width: 95.809%; aspect-ratio: 1486/468; overflow: hidden; }
.gutflex-floor-plan img { position: absolute; width: 113.03%; height: 159.47%; left: -4%; top: -34.01%; max-width: none; object-fit: fill; border-radius: 0; }
.gutflex-floor-plan .lightbox-trigger { right: 10% !important; top: 12px !important; }
.gutflex-floor-controls { position: absolute; z-index: 2; left: 5.158%; top: 11.259%; display: flex; align-items: flex-start; gap: 16px; }
.gutflex-floor-controls p { margin: 0 0 8px; font-size: 18px; line-height: 25.2px; letter-spacing: .5px; }
.gutflex-floor-levels { width: 56px; display: grid; gap: 8px; }
.gutflex-floor-levels span { height: 1px; background: #7a6f5833; position: relative; }
.gutflex-floor-levels span:nth-child(7)::after { content: ''; position: absolute; inset: -1.5px 0 auto; height: 4px; background: var(--residence-brand); }
.gutflex-floor-arrows { display: grid; gap: 2px; }
.gutflex-floor-arrows button { display: grid; place-items: center; width: 36px; height: 47.594px; padding: 0; border: 0; background: #7a6f5833; cursor: not-allowed; }
.gutflex-floor-arrows button:first-child { opacity: .4; }
.gutflex-floor-arrows button:first-child img { transform: scaleY(-1); }
.gutflex-floor-arrows button:last-child img { transform: scaleY(-1) rotate(180deg); }
.gutflex-floor-building { position: absolute; bottom: 11.259%; left: 5.158%; width: 99px; height: 200px; overflow: hidden; mask: url('images/floor/5232e.svg') 0 0/99px 200px no-repeat; }
.gutflex-floor-building-art { position: absolute; top: 60px; left: .332px; }
.gutflex-floor-building-art img { display: block; max-width: none; }
.gutflex-floor-compass { position: absolute; right: 5.158%; bottom: 11.259%; width: 53px; height: 52px; }
.gutflex-floor-compass img { display: block; max-width: none; }
.gutflex-floor-page .gutflex-v2-registration .gutflex-small { font-family: var(--residence-label); font-weight: 400; }
@media(max-width:900px) {
 .gutflex-floor-map { min-height: 560px; aspect-ratio: auto; }
 .gutflex-floor-plan { top: 160px; left: 0; width: 100%; }
 .gutflex-floor-building { bottom: 24px; }
 .gutflex-floor-compass { bottom: 24px; }
 .gutflex-floor-controls { top: 32px; }
}
@media(max-width:540px) {
 .gutflex-floor-title { padding: 42px 20px 32px; }
 .gutflex-floor-title h1 { font-size: 30px; }
 .gutflex-floor-map { min-height: 490px; }
 .gutflex-floor-plan { top: 170px; }
 .gutflex-floor-building { bottom: 16px; transform: scale(.7); transform-origin: bottom left; }
 .gutflex-floor-compass { right: 24px; bottom: 24px; }
}