.office-section{padding:80px 0;border-bottom:1px solid var(--line)}
.office-main{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.office-section h2{font-size:clamp(34px,3.5vw,48px);margin:0 0 24px;max-width:600px;line-height:1.12}
.office-section .intro{font-size:19px;line-height:1.65;max-width:540px;margin:0 0 24px}
.office-formats{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;padding:0;list-style:none}
.office-formats li{font-size:12px;font-weight:650;color:#50555b;border:1px solid #d8dce0;border-radius:5px;padding:4px 9px;letter-spacing:.03em}
.office-visual{margin:0;background:#f2f3f5;border:1px solid #e3e5e8;border-radius:20px;overflow:hidden;padding:12px 12px 16px}
.office-visual img{display:block;width:100%;height:auto}
.office-visual figcaption{font-size:12px;color:#5c6269;padding:0 12px;line-height:1.5}
.office-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:48px}
.office-benefits article{border-top:1px solid #d8dce0;padding-top:22px}
.office-benefits .number{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent-ink);margin-bottom:14px}
.office-benefits h3{font-size:23px;margin-bottom:12px;line-height:1.25}
.office-benefits p{font-size:16px;line-height:1.6;margin:0}
.office-note{margin:32px 0 0;font-size:14px;line-height:1.6;color:#50555b;max-width:870px}
.office-section a:focus-visible{outline:3px solid #151719;outline-offset:5px}
.preview-header{padding:24px 0;border-bottom:1px solid #dde0e3;display:flex;align-items:center;justify-content:space-between;gap:16px}
.preview-header img{width:150px;height:44px;object-fit:contain}.preview-header span{font-size:12px;color:#50555b}
.preview-next{padding:42px 0}.preview-next h2{font-size:32px}.preview-next p{font-size:14px}
@media(max-width:900px){.office-main{grid-template-columns:1fr;gap:32px}.office-copy{max-width:640px}.office-visual{max-width:640px}.office-section{padding:52px 0}.office-benefits{gap:24px}.office-benefits h3{font-size:21px}}
@media(max-width:600px){.office-section{padding:36px 0}.office-section h2{font-size:34px;line-height:1.12}.office-section .intro{font-size:17px}.office-benefits{grid-template-columns:1fr;gap:26px;margin-top:32px}.office-formats{margin-bottom:24px}.office-section .button{width:100%}.office-note{font-size:13px}.preview-header span{max-width:130px;text-align:right}.wrap{width:calc(100% - 40px)}}

.office-internet{margin-top:10px}