/* The idea on the left; the complete business taking shape on the right. */
.showroom{display:flex;align-items:center;padding:64px clamp(28px,4.4vw,84px);min-height:100svh;scroll-margin-top:0}
.showroom-layout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.65fr);align-items:center;gap:clamp(32px,4vw,76px);max-width:1600px;width:100%;margin:auto}
.showroom-heading{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:32px;margin:0;max-width:none}
.showroom-heading h2{font-size:clamp(44px,4.5vw,74px);font-weight:550;line-height:1.06;letter-spacing:-.06em;max-width:480px;text-wrap:balance}
.showroom-heading .build-creafy{display:inline-flex;align-items:center;gap:12px;border:1px solid #aa4f272b;background:#fffaf5f5;color:#472c20;border-radius:100px;padding:13px 18px;font-size:13px;font-weight:600;box-shadow:0 5px 20px #5e321010;transition:transform .25s,background .25s}
.build-creafy img{width:25px;height:25px;object-fit:contain}.build-creafy svg{width:15px;height:15px;margin-left:12px}
.build-creafy:hover{transform:translateY(-2px);background:#fff}.build-creafy:focus-visible{outline:2px solid #c45f30;outline-offset:5px}
.showroom-stage{min-width:0;display:flex;flex-direction:column;align-items:center;gap:18px}
.showroom-switcher{margin:0;gap:5px;max-width:100%;justify-content:center}.showroom-switcher>button{min-width:0;gap:10px;padding:11px 16px}.showroom-switcher strong{font-size:22px}.showroom-switcher>button>span{font-size:9px}
.showroom-device{margin:0 auto;flex-shrink:0}.showroom-foot{margin:0;display:block}.showroom-foot .showroom-note{margin:0;text-align:center;font-size:9px;color:#77624f}
.showroom-scroll{overflow:hidden;scrollbar-width:none;pointer-events:none}.showroom-app{pointer-events:none;user-select:none}.showroom-scroll::-webkit-scrollbar{display:none}
.showroom-film::after{background:linear-gradient(90deg,#fff9f0ed 0%,#fbefdfcf 36%,#f8ead9a6 100%)}
/* Match the approved skincare plate's warmth without obscuring the filmed people. */
.hero-film-layer[data-film-key=style]{filter:sepia(.22) saturate(1.17) contrast(1.03)}
.hero-film-layer[data-film-key=home]{filter:sepia(.38) saturate(1.22) contrast(1.03)}
@media(max-width:1000px) and (min-width:761px){.showroom{padding:40px 30px}.showroom-layout{grid-template-columns:minmax(220px,.65fr) minmax(0,1fr);gap:24px}.showroom-heading h2{font-size:46px}.showroom-switcher>button{padding:9px 10px;gap:7px}.showroom-switcher>button>span{display:none}}
@media(max-width:760px){.showroom{padding:58px 20px 38px;min-height:auto}.showroom-layout{grid-template-columns:1fr;gap:38px}.showroom-heading{gap:22px}.showroom-heading h2{font-size:clamp(42px,8vw,58px);max-width:520px}.showroom-heading h2 br{display:none}.showroom-heading h2 br::after{content:' '}.showroom-stage{gap:16px}.showroom-switcher>button{padding:10px 11px;gap:9px}.showroom-switcher strong{font-size:22px}.showroom-switcher>button>span{font-size:8px}.showroom-heading .build-creafy{font-size:12px;padding:11px 16px}.showroom-device{max-width:100%}}
@media(prefers-reduced-motion:reduce){.build-creafy{transition:none}}