.office-title{padding-top:30px;padding-bottom:26px}.office-title .back-link{margin-bottom:22px}.office-title .eyebrow{margin-bottom:14px}.office-title h1{font-size:clamp(48px,6vw,84px);margin-bottom:20px}.office-title>p:last-child{max-width:760px;color:var(--muted);margin-bottom:0}.office-tools{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--line);flex-wrap:wrap}.office-tools>div{display:flex;gap:8px;flex-wrap:wrap}.office-tools button{color:#eee;background:transparent;border:1px solid #58604d;padding:9px 15px;font-size:13px}.office-tools button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#111}.office-stage{position:relative;height:min(64vh,660px);min-height:360px;background:#d5cbbb;overflow:hidden}.office-stage>img{height:100%;object-fit:cover}.office-stage canvas{width:100%;height:100%;display:block}#office-canvas{position:absolute;inset:0;touch-action:pan-y}#office-canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.scene-label{position:absolute;top:18px;left:18px;padding:7px 12px;background:#101210d9;font-size:11px;letter-spacing:1.5px;pointer-events:none}#office-status{position:absolute;bottom:12px;left:18px;background:#101210d9;padding:6px 12px;font-size:12px;margin:0;pointer-events:none}.office-note{display:flex;gap:24px;justify-content:space-between;padding:14px 0;font-size:12px;color:var(--muted)}.office-note p{max-width:48%;margin:0}.office-designs{padding-top:35px;padding-bottom:50px}.office-designs h2{font-size:clamp(32px,4vw,46px);margin-bottom:20px}.office-designs>p{color:var(--muted)}.render-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.render-grid img{aspect-ratio:1.35;object-fit:cover}.render-grid span{display:block;font-size:13px;padding-top:10px;color:#d1d5c9}.render-grid a:hover span{color:var(--gold)}@media(max-width:650px){.render-grid{grid-template-columns:repeat(2,1fr);gap:14px}.office-note{display:block}.office-note p{max-width:100%;margin-bottom:7px}.office-tools button{padding:8px 10px}.office-stage{min-height:320px;height:52vh}}
.office-embedded .site-header,.office-embedded .footer,.office-embedded .whatsapp-float,.office-embedded .office-title,.office-embedded .skip-link{display:none}
.office-embedded body{padding:0}
.office-embedded .page-width{width:calc(100% - 40px)}
.office-embedded .office-tools{border-top:0;padding-top:16px}
.office-embedded .office-stage{height:66vh;height:66dvh;min-height:300px;max-height:800px}
.office-tools button,.render-grid span,.office-note,#office-status{font-size:14px}
.office-tools button{min-height:44px}
.scene-label{font-size:12px}
@media(max-width:650px){.office-embedded .page-width{width:calc(100% - 24px)}.office-embedded .office-stage{height:58vh;height:58dvh;min-height:290px}.office-tools>div{gap:6px}.office-tools button{font-size:14px}#office-status{left:10px;right:10px;bottom:10px;width:fit-content;max-width:calc(100% - 20px)}}

.design-stage{background:#090d0b;height:min(68vh,850px);min-height:300px}
.design-stage>img{width:100%;height:100%;object-fit:contain}
#office-original{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:14px}
#office-design-count{font-size:14px;color:var(--muted);margin:12px 0}
.office-embedded .design-stage{height:70dvh;max-height:850px}
@media(max-width:650px){.office-embedded .design-stage{height:57dvh;min-height:240px}.office-tools{gap:8px}.design-stage{min-height:240px}.render-grid img{object-fit:contain;background:#090d0b}}
/* Full-office viewer, using the approved Blender layout. */
.office-stage{background:#cbcaca;height:65vh;min-height:360px;max-height:780px}
.office-stage>img{width:100%;object-fit:contain}
.office-stage>img[hidden]{display:none}
#office-canvas{touch-action:none}
#office-status{max-width:calc(100% - 36px);color:#fff;line-height:1.4}
.office-tools button:disabled,.zoom-tools button:disabled{opacity:.45;cursor:wait}
.office-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 30px}
.office-bottom p{font-size:14px;color:var(--muted);margin:0}
.zoom-tools{display:flex;gap:8px}
.zoom-tools button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:24px}
.office-tools button:focus-visible,.zoom-tools button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:650px){.office-stage{height:53vh;min-height:310px}.office-bottom{gap:8px}.office-bottom p{flex-basis:calc(100% - 108px)}.office-tools button{padding:8px 10px}.office-title h1{font-size:48px}}
.office-mode{display:flex;gap:8px;padding:12px 0 16px;flex-wrap:wrap}
.office-mode button{min-height:44px;padding:10px 18px;border:1px solid #58604d;background:transparent;color:#fff;font-size:14px}
.office-mode button[aria-pressed=true]{background:var(--gold);color:#111;border-color:var(--gold)}
.office-mode button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.office-tools[hidden],.office-bottom[hidden],#office-canvas[hidden],#office-status[hidden]{display:none}

/* Clear room views and full-resolution material references. */
.office-stage[hidden],#office-design-view[hidden]{display:none}
.office-stage,.office-embedded .office-stage{height:68vh;height:68dvh;max-height:900px}
.design-controls{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px}
.design-controls button{min-height:44px;padding:8px 14px;border:1px solid #58604d;color:#fff;background:transparent;font-size:14px}
.design-controls button[aria-pressed=true]{background:var(--gold);color:#111}
.design-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#office-design-image{display:block;width:100%;height:auto;max-height:74dvh;object-fit:contain;background:#151815}
#office-design-count{line-height:1.5}
@media(max-width:650px){.office-stage,.office-embedded .office-stage{height:64vh;height:64dvh;min-height:320px}.office-embedded .page-width{width:calc(100% - 16px)}.office-mode{gap:6px}.office-mode button{padding:9px 12px}.office-tools>div{gap:6px}}