/* Studio photography and the AI office concept, in the existing light palette. */
.office-frame{margin:0;min-width:0}
.office-frame .office-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:24px;background:#e9ede4}
.office-frame figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px 0;color:var(--muted);font-size:10px;line-height:1.6}
.office-frame figcaption a{flex-shrink:0;border-bottom:1px solid var(--line);padding:4px 0;color:#4d5c49}
.studio-banner{grid-template-columns:1.3fr 1fr;gap:58px;align-items:center}
.studio-banner .office-frame .office-photo{aspect-ratio:4/3}
.office-frame-concept .office-photo{aspect-ratio:16/9;object-position:center}
.office-concept .section-head{align-items:flex-end;margin-bottom:32px}
.office-concept .section-head p{max-width:290px}
.office-concept .office-frame figcaption{font-size:10px;padding-top:14px}
@media(max-width:980px){.studio-banner{gap:32px}.office-frame figcaption{font-size:9px;gap:10px}.office-frame .office-photo{border-radius:21px}}
@media(max-width:760px){.studio-banner{grid-template-columns:1fr;gap:28px}.office-teaser{gap:28px}.office-frame figcaption{flex-wrap:wrap;gap:3px 15px;padding-top:11px}.office-frame figcaption a{min-height:28px;display:inline-flex;align-items:center}.office-frame-concept .office-photo{aspect-ratio:4/3;object-position:57% center}.office-concept .section-head{display:block}.office-concept .section-head p{font-size:13px;margin-top:18px;max-width:270px}}