/* Milano Studios is isolated from the existing homepage stylesheet. */
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { min-height: 100svh; display: grid; place-items: center; background: #17113e; }
/* The complete artwork always remains visible; icons scale with it.
   On tall screens, matching dark margins frame the illustration. */
.studio-scene { position: relative; width: 100%; max-width: calc(100svh * 2048 / 1210); aspect-ratio: 2048 / 1210; isolation: isolate; }
.studio-background { display: block; width: 100%; height: 100%; pointer-events: none; user-select: none; }
.studio-icon { position: absolute; left: var(--x); top: var(--y); width: var(--width); height: var(--height); padding: 0; margin: 0; border: 0; background: transparent; appearance: none; line-height: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.studio-icon img { display: block; width: 100%; height: 100%; user-select: none; transition: transform 220ms ease, filter 220ms ease; transform-origin: 50% 80%; }
.studio-icon:hover, .studio-icon:focus-visible { z-index: 2; }
@media (hover: hover) {
  .studio-icon:hover img { transform: translateY(-3%) scale(1.07); filter: drop-shadow(0 0 7px #ffe78ecc) drop-shadow(0 5px 8px #060b3066); }
}
.studio-icon:focus-visible { outline: 2px solid #fff3b3; outline-offset: 5px; border-radius: 8px; }
.studio-icon:focus-visible img { transform: translateY(-3%) scale(1.07); filter: drop-shadow(0 0 7px #ffe78ecc); }
@media (prefers-reduced-motion: reduce) {
 .studio-icon img { transition: none; }
 .studio-icon:hover img, .studio-icon:focus-visible img { transform: none; }
}
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }


/* Wardrobe crop retained from the reference; decorative, with no interaction. */
.studio-wardrobe { position: absolute; pointer-events: none; user-select: none; left: 3.4941763727121464%; top: 31.46067415730337%; width: 17.554076539101498%; height: 67.5561797752809%; }

/* ICON POSITIONS — percentages of the full artwork canvas.
   --x: left; --y: top; --width: width; --height: height.
   Edit any values below to fine-tune placement or sizing. */
.icon--bookshelf { --x: 65.2246%; --y: 24.1573%; --width: 18.8852%; --height: 71.9101%; }
.icon--guitar-one { --x: 23.8769%; --y: 13.6236%; --width: 10.4825%; --height: 54.3539%; }
.icon--guitar-two { --x: 55.8236%; --y: 14.0449%; --width: 7.9035%; --height: 44.9438%; }
.icon--keyboard { --x: 31.6972%; --y: 68.5393%; --width: 31.8636%; --height: 27.9494%; }
.icon--painting { --x: 37.0216%; --y: 29.0730%; --width: 15.2246%; --height: 28.2303%; }
.icon--plant { --x: 23.0449%; --y: 68.5393%; --width: 6.6556%; --height: 28.0899%; }
.icon--speakers { --x: 69.9667%; --y: 78.0899%; --width: 6.9884%; --height: 16.0112%; }
.icon--camera { --x: 84.8586%; --y: 51.9663%; --width: 10.3161%; --height: 44.1011%; }
.icon--light-left { --x: 12.5624%; --y: 0.0000%; --width: 9.6506%; --height: 32.4438%; }
.icon--light-right { --x: 85.5241%; --y: 0.0000%; --width: 8.8186%; --height: 32.3034%; }