.office-sequence{height:380svh}.office-sequence .building-pin{grid-template-columns:68% 32%}.office-sequence .building-visual{width:100%;height:100%;margin-left:0;display:flex;align-items:center}.office-sequence .building-copy{padding-right:clamp(24px,4vw,80px)}.office-scene{max-width:calc((100svh - 170px) * 4 / 3);margin-inline:auto}.office-frame,.office-scene{width:100%;position:relative}.office-frame{aspect-ratio:4/3}.office-canvas,.office-fallback,.office-final-render{position:absolute;inset:0;width:100%;height:100%;transition:opacity .22s ease}.office-canvas{display:block}.office-fallback img{opacity:0;-o-object-fit:contain;object-fit:contain;transition:opacity .35s ease}.office-fallback img.is-active{opacity:1}.office-final-render{-o-object-fit:contain;object-fit:contain;pointer-events:none;transition:none}.office-annotations{position:absolute;inset:0;pointer-events:none}.office-callout{position:absolute;z-index:1;transform:translate(-50%,-100%);max-width:225px;padding:10px 13px;border:1px solid #ffffff80;border-radius:9px;background:linear-gradient(135deg,#ffffff66,#f4f4ec2e);backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff70,0 4px 22px #25342d14;color:#263c34;font-size:10px;line-height:1.5;white-space:nowrap}.office-callout strong{display:block;font-size:11px;font-weight:500}.office-callout span{color:#384e41}.office-callout i{display:block;position:absolute;left:50%;top:100%;height:22px;width:1px;background:#8b9986}.office-callout i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#8b9986;left:-2px;bottom:0}.office-layer-list{color:#626c60;font-size:12px;letter-spacing:.025em;margin-top:18px}.office-export-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 9% 0}.office-export-tools button{border:1px solid #b8bbad;color:#435348;padding:7px 10px;border-radius:20px;font-size:11px}.office-export-tools button:hover{background:#e4e6dc}.office-export-tools span{font-size:12px}.office-export-tools a{font-size:12px;align-self:center;text-decoration:underline}@media (max-width:1000px) and (min-width:701px){.office-sequence .building-pin{grid-template-columns:64% 36%}.office-callout{font-size:8px;padding:7px 9px}.office-callout strong{font-size:9px}.office-layer-list{font-size:10px}}@media (max-width:700px){.office-sequence{height:320svh}.office-sequence .building-pin{grid-template-columns:1fr;grid-template-rows:50% 50%}.office-sequence .building-visual{align-items:end}.office-sequence .building-copy{padding:12px 28px 24px}.office-callout{padding:6px 8px;font-size:8px}.office-callout strong{font-size:9px}.office-callout-electrical,.office-callout-load{display:none}.office-layer-list{font-size:10px;margin-top:10px}.office-sequence .building-description{margin-top:16px}.office-export-tools{margin:6px 7% 0}}@media (max-height:650px) and (max-width:700px){.office-sequence .building-pin{grid-template-rows:45% 55%}.office-layer-list{margin-top:5px}}@media (prefers-reduced-motion:reduce){.office-sequence{height:auto}.office-canvas,.office-fallback img{transition:none}}@media (max-height:450px){.office-sequence{height:auto}.office-sequence .building-pin{grid-template-columns:58% 42%;grid-template-rows:auto;padding:80px 24px 30px;gap:0}.office-sequence .building-visual{min-height:220px}.office-sequence .building-copy{padding:0 10px}}