/* ROSA's original identity, and interactions added for the second concept. */
.opening-overlay{position:fixed;inset:0;z-index:150;background:#f8f7fb;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:28px;pointer-events:none;animation:opening-fallback 1.8s forwards}.opening-overlay img{width:210px;height:auto;object-fit:contain}.opening-overlay span{font-size:12px;letter-spacing:.12em;color:#716882}.opening-overlay i{width:75px;height:1px;background:#472483;transform-origin:left;animation:opening-line .7s both}.opening .opening-overlay{animation:none;opacity:1}.entered .opening-overlay{animation:opening-out .7s forwards}.opening .hero-content,.opening header{opacity:0}.entered .hero-content{animation:opening-copy 1s both .05s}.entered header{animation:opening-copy .8s both}.opening .hero-image{animation:none;transform:scale(1.035)}.entered .hero-image{animation:hero-reveal 2s both}.opening .hero-bottom{opacity:0}.entered .hero-bottom{animation:opening-copy 1.1s both .4s}
@keyframes opening-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes opening-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes opening-out{to{opacity:0;visibility:hidden}}@keyframes opening-fallback{70%{opacity:1}100%{opacity:0;visibility:hidden}}
.studio-products{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding-bottom:6px}.studio-products button{padding:13px 22px;border:1px solid #c6bdd5;background:transparent;border-radius:3px;font-size:14px;transition:background .2s,color .2s}.studio-products button[aria-pressed=true]{background:#2a2074;color:white;border-color:#2a2074}.studio-products button:hover{border-color:#472483}.studio-light{display:flex;align-items:center;gap:14px;width:100%;border-top:1px solid #d2ccdf;padding-top:16px;margin-top:4px}.studio-light label{flex:0 1 auto!important;white-space:nowrap}.studio-light input{flex:1;max-width:130px;min-width:50px}.studio-light span{font-size:11px;color:var(--muted)}.stage-bottom .pill{font-size:13px}.studio-stage{background:#e9e5ef}.studio-controls .eyebrow{color:#472483}.studio-controls .selection{border-top-color:#c9bfda}.product-layout{align-items:start}.product-image{position:sticky;top:105px;height:min(640px,calc(100svh - 140px));align-self:start}.inline-product-photo{display:none;margin:0 0 22px}.preview-link{margin-left:0;display:block}.product-description .preview-link{font-size:14px;color:var(--accent)}.model-status{position:absolute;bottom:15px;left:15px;font-size:12px;background:var(--paper);padding:8px;max-width:calc(100% - 30px)}.showroom-visual{overflow:hidden}.showroom-visual img{animation:gallery-image .5s}.showroom-view-controls{display:flex;gap:0;border-bottom:1px solid var(--line);margin-top:15px}.showroom-view-controls button{border:0;border-bottom:2px solid transparent;background:none;flex:1;padding:12px 6px;font-size:13px}.showroom-view-controls button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);font-weight:600}#showroom-view-text{font-size:13px;color:var(--muted);margin-top:15px;min-height:42px}.showroom-visual span{background:#241d39cf}.reviews .stars{color:#cbb4eb}.closing .eyebrow{color:#d8c7ed}.closing p:last-child{color:#d4c6e3}.quote-aside p:not(.eyebrow),.quote-aside small{color:#d7c9e6}.review-controls button:hover{background:#3b3054}.hero-shade{background:linear-gradient(90deg,#18132caf 0%,#241d3752 42%,transparent 72%),linear-gradient(0deg,#1a142ba1,transparent 45%)}.choice[aria-pressed=true]{background:#eee8f6}.btn:hover{background:#2a2074}.btn.dark:hover{background:#3e2b62}header nav a:hover{color:#d3b5ef}
@keyframes gallery-image{from{opacity:.7;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.studio-products{gap:7px;margin-bottom:3px}.studio-products button{font-size:12px;padding:11px 13px}.studio-stage #model{height:330px}.studio-light{gap:10px}.studio-light label{font-size:11px}.studio-light span{font-size:10px}.studio-light input{width:65px}.stage-bottom .pill{font-size:12px}.products .product-image{display:none}.product-layout{gap:0}.inline-product-photo{display:block;margin:3px 0 20px}.inline-product-photo img{height:245px;object-fit:cover;border-radius:2px}.product-description{padding-left:0;padding-right:0;font-size:16px}.product-description .text-link{margin-left:34px}.product-description .preview-link{margin-left:34px}.showroom-view-controls button{font-size:12px}.opening-overlay img{width:165px}.opening-overlay span{font-size:10px}.hero-shade{background:linear-gradient(90deg,#20172dd2,#251d3455),linear-gradient(0deg,#24193188,transparent 60%)}}
@media(prefers-reduced-motion:reduce){.opening-overlay{display:none}.opening .hero-content,.opening header,.opening .hero-bottom{opacity:1}.opening .hero-image{transform:none}}
.extra-products{margin:24px 0 30px}.extra-products h3{font-size:18px;margin:0 0 8px}.extra-products p{font-size:14px;margin-bottom:14px}.choice:disabled{opacity:1;cursor:default}.quote-nav [hidden]{display:none!important}
.scroll-depth .hero-image{translate:0 var(--hero-drift,0px);scale:var(--hero-depth,1.055);will-change:translate,scale}.scroll-depth .project-photo,.scroll-depth .team-photo,.scroll-depth .showroom-visual{transform:perspective(1400px) rotateX(var(--depth-tilt,0deg)) translateY(var(--depth-lift,0px));transform-origin:center;backface-visibility:hidden}.scroll-depth .studio-stage{box-shadow:0 22px 50px -36px #2a20745e}.studio-motion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 24px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.studio-motion>span{display:flex;align-items:center;gap:8px}.studio-motion i{width:6px;height:6px;background:#472483;border-radius:50%;box-shadow:0 0 0 4px #47248312}.studio-motion button{border:0;background:transparent;color:#472483;font-size:11px;padding:7px 0;text-decoration:underline;text-underline-offset:3px}.studio-motion button[aria-pressed=false]{color:var(--muted)}@media(max-width:760px){.studio-motion{padding:9px 15px;font-size:10px}.studio-motion button{font-size:10px}.scroll-depth .project-photo,.scroll-depth .team-photo,.scroll-depth .showroom-visual{transform:perspective(1000px) rotateX(var(--depth-tilt,0deg)) translateY(var(--depth-lift,0px))}}@media(prefers-reduced-motion:reduce){.scroll-depth .hero-image{translate:none;scale:1}.scroll-depth .project-photo,.scroll-depth .team-photo,.scroll-depth .showroom-visual{transform:none}}
