/* The hero contains illustrative interfaces, with user-controlled scene changes. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;min-height:680px}
.showroom{min-width:0;width:100%;padding:26px;background:#242a34;border:1px solid #ffffff2e;border-radius:18px;position:relative}
.showroom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;color:#bdc3ce;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}
.showroom-heading b{font-weight:500;letter-spacing:0;color:#d0d8e5}
.showroom-window{background:white;border:1px solid #d4dce7;border-radius:9px;overflow:hidden;box-shadow:0 20px 40px #26344813}
.showroom-bar{display:flex;align-items:center;gap:5px;height:32px;padding:0 13px;background:#fff;border-bottom:1px solid #e3e7ed}
.showroom-bar i{height:5px;width:5px;border-radius:50%;background:#b7c0cc}
.showroom-bar span{margin:auto;font-size:.62rem;letter-spacing:.05em;color:#697483}
.showroom-panel{animation:showroom-in .5s ease both}
.showroom-page{height:280px;display:grid;grid-template-columns:1fr 1fr;background:#f6f1e8;color:#33231d}
.showroom-copy{padding:23px 18px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:14px;min-width:0}
.showroom-copy .demo-brand{font:600 .72rem/1.3 var(--body);letter-spacing:.12em}
.showroom-copy h2{font-family:Georgia,serif;font-size:clamp(1.8rem,2.9vw,3rem);line-height:1.07;font-weight:400;letter-spacing:-.04em}
.showroom-copy p{font-size:.75rem;line-height:1.6;margin:0;color:inherit}
.showroom-copy .demo-action{padding:9px 12px;background:#542b2a;color:white;font-size:.66rem;border-radius:3px}
.showroom-page img{width:100%;height:280px;object-fit:cover}
.showroom-page.salon-scene{background:#eef0e9;color:#2e392c}
.salon-scene .demo-action{background:#344532}
.salon-scene h2{font-style:italic}
.showroom-page.workshop-scene{background:#202b39;color:#fff;grid-template-columns:1.1fr 1fr}
.workshop-scene h2{font-family:var(--display);font-size:clamp(1.7rem,2.5vw,2.7rem);font-weight:500}
.workshop-scene .demo-action{background:#fff;color:#202b39}
.service-preview{margin:23px 16px 23px 0;align-self:center;background:#fff;color:#202b39;border-radius:6px;padding:17px 13px;font-size:.72rem}
.service-preview strong{display:block;font-weight:500;margin-bottom:14px}
.service-preview div{padding:9px 0;border-top:1px solid #dde3eb;display:flex;justify-content:space-between;gap:8px}
.service-preview small{display:block;margin-top:12px;color:#566477}
.showroom-result{padding:16px;background:#fff;color:#191d24;display:flex;align-items:center;gap:11px;min-height:77px}
.showroom-result>span{height:30px;width:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#eaf2ec;color:#356046}
.showroom-result strong{display:block;font-size:.78rem;font-weight:500;line-height:1.4}
.showroom-result small{display:block;font-size:.68rem;color:#5d6878;line-height:1.5;margin-top:3px}
.showroom-controls{display:flex;align-items:center;gap:7px;margin-top:23px;flex-wrap:wrap}
.showroom-tab{padding:8px 11px;background:transparent;color:#bdc3ce;border:1px solid transparent;border-radius:99px;font-size:.75rem}
.showroom-tab[aria-selected=true]{background:#fff;color:#191d24;border-color:#c4cedc;box-shadow:0 2px 5px #19233208}
.showroom-tab:hover{background:#ffffff15}.showroom-tab[aria-selected=true]:hover{background:#fff}
.showroom-pause{margin-left:auto;color:#bdc3ce;background:none;border:0;padding:8px 0 8px 7px;font-size:.72rem;text-decoration:underline;text-underline-offset:3px}
.showroom-caption{font-size:.7rem!important;line-height:1.6!important;margin:16px 0 0!important;color:#bdc3ce!important;max-width:none!important}
@keyframes showroom-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero{gap:28px}.showroom{padding:20px}.showroom-copy{padding:18px 14px}.showroom-page,.showroom-page img{height:260px}.showroom-tab{padding:8px}.showroom-copy h2{font-size:2rem}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px}.showroom{max-width:570px;margin:0 auto 24px}.showroom-copy h2{font-size:2.7rem}.showroom-page,.showroom-page img{height:300px}}
@media(max-width:540px){.showroom{padding:15px;border-radius:12px}.showroom-heading{font-size:.63rem;margin-bottom:16px}.showroom-page,.showroom-page img{height:260px}.showroom-copy h2{font-size:2rem}.showroom-copy p{font-size:.7rem}.showroom-copy .demo-brand{font-size:.64rem}.showroom-copy .demo-action{font-size:.61rem;padding:8px}.showroom-controls{gap:2px;margin-top:15px}.showroom-tab{font-size:.7rem;padding:7px}.showroom-pause{font-size:.65rem}.service-preview{padding:12px 9px;margin-right:10px;font-size:.65rem}.workshop-scene h2{font-size:1.75rem}}
@media(max-width:370px){.showroom-copy{padding:15px 11px}.showroom-copy h2{font-size:1.65rem}.showroom-page,.showroom-page img{height:245px}.showroom-pause{margin-left:0}.showroom-copy .demo-action{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.showroom-panel{animation:none}}
.showroom-page{height:auto;min-height:280px}
.showroom-photo{position:relative;min-width:0;overflow:hidden}
.showroom-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.showroom-page{min-height:300px}}
@media(max-width:540px){.showroom-page{min-height:320px}.showroom-copy h2{font-size:1.8rem}}
@media(max-width:370px){.showroom-copy h2{font-size:1.65rem}}