.home-premium .hero::before { background: linear-gradient(90deg,rgba(27,20,15,.85),rgba(27,20,15,.53) 42%,rgba(27,20,15,.02) 85%); }
.home-premium .hero-media img { object-position: center; filter: none; }
.concept-badge { position: absolute; right: 0; bottom: 18px; font-size: 12px; letter-spacing: .03em; color: #fff; background: rgba(20,20,16,.85); padding: 7px 10px; }
.design-studio { background: #f0ece3; }
.studio-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 45px; align-items: center; }
.studio-canvas { border: 1px solid #d9d0c0; border-radius: 6px; overflow: hidden; background: #fffaf2; box-shadow: 0 20px 50px #3524140a; }
.studio-toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #e3dacb; }
.studio-toolbar > span { font-size: 9px; letter-spacing: .12em; font-weight: 700; }
.studio-toolbar button { border: 0; padding: 10px 13px; color: #43503f; background: transparent; font-size: 12px; border-radius: 3px; }
.studio-toolbar button[aria-pressed="true"] { background: #304033; color: #fff; }
#studio-render img { width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; }
#studio-plan svg { width: 100%; display: block; aspect-ratio: 3/2; }
[data-plan-room].selected-room { fill: #c8d7bc; stroke: #395133; stroke-width: 4; }
.studio-caption { padding: 13px 20px; border-top: 1px solid #e3dacb; font-size: 11px; color: #6a6256; line-height: 1.6; }
.studio-details h3 { font-size: 33px; line-height: 1.2; }
.room-picker { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.room-picker button { padding: 9px 12px; font-size: 11px; border: 1px solid #d3c9b6; color: #3c4337; background: #fffaf4; border-radius: 3px; }
.room-picker button[aria-pressed="true"] { background: #304033; color: white; border-color: #304033; }
.room-info { min-height: 136px; border-top: 1px solid #d8cfbd; padding-top: 19px; }
.room-info h4 { margin: 0 0 9px; font-size: 15px; }
.room-info p { font-size: 14px; line-height: 1.75; color: #675f52; }
.studio-checks { margin: 18px 0 25px; padding: 0; list-style: none; font-size: 12px; color: #575c4e; }
.studio-checks li { padding: 6px 0; }
.studio-checks li::before { content: "✓"; margin-right: 10px; color: #596d4a; }
@media (max-width: 980px) { .studio-grid { grid-template-columns: 1fr; gap: 30px; } .studio-details { max-width: 650px; } }
@media (max-width: 640px) { .studio-toolbar { padding: 12px; gap: 7px; } .studio-toolbar > span { font-size: 8px; letter-spacing: .03em; } .studio-toolbar button { padding: 9px; font-size: 11px; } .studio-details h3 { font-size: 30px; } .concept-badge { right: 0; bottom: 16px; font-size: 12px; } .home-premium .hero::before { background: linear-gradient(90deg,rgba(27,20,15,.86),rgba(27,20,15,.45)); } }