.studio-home .studio-hero { display: flex; flex-direction: column; min-height: 0; height: auto; background: #000; padding: 0; }
.studio-home .studio-hero-cover { position: relative; inset: auto; order: 2; width: 100%; height: auto; max-height: none; object-fit: contain; opacity: 1; }
.studio-home .studio-hero-shade, .studio-home .studio-cover-brand { display: none; }
.studio-home .studio-hero-copy { position: relative; inset: auto; order: 1; width: 100%; max-width: 100%; padding: 48px 6% 0; text-align: center; }
.studio-home .studio-hero-copy h1 { font-size: clamp(36px, 4.4vw, 66px); line-height: 1.08; margin: 14px auto; }
.studio-home .studio-hero-copy > p { margin-left: auto; margin-right: auto; max-width: 620px; }
.studio-home .studio-actions { justify-content: center; margin-top: 20px; }
.mms-metal-finish-chart { display: block; width: 100%; height: auto; background: #000; border: 1px solid #282828; border-radius: 12px; margin: 8px 0 16px; }
.mms-metal-finish-buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mms-metal-finish-buttons button { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; }
.mms-metal-finish-buttons button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.mms-finish-swatch { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #777; }
.mms-finish-swatch[data-finish="Gold Gloss"] { background: linear-gradient(135deg,#9a6820,#fff0ad 42%,#b68b34 65%,#fae4a0); }
.mms-finish-swatch[data-finish="Rose Gold Gloss"] { background: linear-gradient(135deg,#986650,#ffe2d3 42%,#ac7864 65%,#efc1ae); }
.mms-finish-swatch[data-finish="Gold Matte"] { background: #c2aa69; }
.mms-finish-swatch[data-finish="Rose Gold Matte"] { background: #be9180; }
.mms-finish-swatch[data-finish="Black Matte"] { background: #171717; }
.mms-finish-swatch[data-finish="Chrome Gloss"] { background: linear-gradient(135deg,#777,#fafafa 42%,#999 65%,#ddd); }
.mms-selected-finish { font-size: 13px; color: #c7bba5; margin: 12px 0 0; }
@media(max-width:600px) { .studio-home .studio-hero-copy { padding: 30px 20px 0; } .studio-home .studio-hero-cover { margin: 12px 0; } .mms-metal-finish-buttons button { font-size: 12px!important; padding: 10px 5px!important; } }

/* Show the complete mirror lineup first. */
.studio-home .studio-hero-cover { order: 1; max-height: 540px; object-fit: contain; margin: 0; }
.studio-home .studio-hero-copy { order: 2; padding: 0 6% 48px; }
.studio-home .studio-hero-copy h1 { font-size: clamp(34px, 3.8vw, 56px); }
@media(max-width:600px) { .studio-home .studio-hero-copy { padding: 8px 20px 32px; } }