.office-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #163b2910}
.office-visual{display:flex;flex-direction:column;justify-content:center;min-width:0;background:var(--deep)}
.office-photo{display:block;background:var(--deep);border:0;padding:0;width:100%;line-height:0}
.office-photo img{width:100%;height:auto;aspect-ratio:16/9;display:block;object-fit:contain}
.office-info{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.office-info h2{font-size:clamp(1.8rem,2.3vw,2.2rem);max-width:360px}.office-info>.eyebrow{font-size:.75rem}
.office-capacity{margin-top:12px;color:var(--muted);font-size:1rem;font-weight:700}
.office-price-card{width:100%;padding:20px 0;margin:16px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.from-label{font-size:.875rem;font-weight:900;letter-spacing:.08em;color:var(--teal)}
.office-price-card .price strong{font-size:clamp(2.3rem,3vw,2.8rem)}.office-price-card .price>span{font-size:1rem}
.price-note{font-size:.875rem;line-height:1.6;margin-top:10px;color:var(--muted)}
.office-benefits{margin-top:24px;padding:28px 30px;background:#edf5f1;border:1px solid #d5e5dc;border-radius:18px}
.benefits-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.benefits-heading .eyebrow{margin:0}.benefits-heading h2{font-size:1.45rem;letter-spacing:-.03em}
.office-benefits ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;margin:26px 0 0;padding:0}
.office-benefits li{display:flex;gap:14px;align-items:center;line-height:1.5;font-size:1rem;min-width:0}.office-benefits strong{font-weight:900}
.benefit-check{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:1px solid #bfd5ce;border-radius:50%;background:#fff;color:var(--teal);font-weight:900}
.field-help,.form-note{font-size:.875rem}.photo-caption .text-button{min-height:44px}.photo-caption{padding-block:8px}
dialog{width:min(1200px,96vw)}
@media(max-width:1000px){.office-panel{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.office-info{padding:25px}.office-benefits{padding:26px}.office-benefits ul{gap:20px}.office-info>.eyebrow{line-height:1.6}}
@media(max-width:760px){.office-panel{display:block;border-radius:16px}.office-info{padding:26px 22px}.office-info h2{max-width:none;font-size:2rem}.office-price-card{margin-top:18px}.office-benefits{padding:25px 22px}.benefits-heading{display:block}.benefits-heading h2{margin-top:9px}.office-benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.office-benefits li{align-items:flex-start;gap:10px}.benefit-check{width:26px;height:26px}.photo-caption{flex-wrap:wrap;gap:4px 12px}.photo-caption>span{font-size:.75rem}.intro-note{display:none}}
@media(max-width:480px){.office-benefits ul{grid-template-columns:1fr;gap:18px}.office-benefits li br{display:none}.office-benefits li strong::before{content:' '}.office-benefits li strong::after{content:' '}.office-benefits li{align-items:center}.office-benefits .benefit-check{width:30px;height:30px}.office-price-card .price strong{font-size:2.5rem}.photo-caption{padding:8px 16px}}