.card--commercial{display:grid;grid-template-columns:1fr 1fr;margin-top:32px}
.card--commercial .card-media{height:100%;min-height:290px;aspect-ratio:auto}
.card--commercial .card-body{justify-content:center;padding:30px}
.card--commercial .card-actions{margin-top:18px}
.card--segments .card-media img{object-position:center 40%}
.page-segments .offer-intro .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.segments-location{font-size:15px;color:#59636d;margin:12px 0 0}
.segments-visual{margin:0}
.segments-visual-link{display:block;position:relative;cursor:zoom-in;border-radius:6px;overflow:hidden;background:#f3f6f5}
.segments-visual-link>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.segments-zoom{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:#fff;color:#163f88;box-shadow:0 2px 12px #0002}
.segments-zoom img{width:22px;height:22px}
.segments-visual figcaption,.segments-reference figcaption{font-size:12px;line-height:1.65;color:#59636d;margin:12px 0 0;max-width:860px}
.segments-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:52px 0;padding-bottom:44px;border-bottom:1px solid #e4e8eb}
.segments-story h2,.segments-architecture h2,.segments-contact h2{font-size:28px;line-height:1.3;margin:0 0 18px}
.segments-story p,.segments-architecture p{font-size:16px;line-height:1.8;color:#4b5857;margin:0 0 16px}
.segments-story p:last-child,.segments-architecture p:last-child{margin-bottom:0}
.segments-note{font-size:14px!important}
.segments-architecture{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:44px 0 52px}
.segments-reference{margin:0;min-width:0}
.segments-reference img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.segments-architecture .btn{margin-top:8px}
.segments-contact.back-link{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;text-align:left;border-block:1px solid #dce5e0;padding:30px 0;margin:0;background:none;border-radius:0}
.segments-contact p{color:#59636d;line-height:1.7;margin:0}
.segments-contact-links{display:flex;align-items:flex-start;flex-direction:column;gap:14px;min-width:0}
.segments-contact-links>a:not(.btn){overflow-wrap:anywhere;font-size:15px}
.segments-contact-links .btn{gap:10px}
.segments-contact-links .btn-primary img{filter:brightness(0) invert(1)}
.segments-contact-links>a:not(.btn),.segments-back a{color:#163f88;text-underline-offset:4px;line-height:1.7}
.segments-contact-links>a:not(.btn):hover,.segments-back a:hover{color:#1a56db}
.segments-back{margin:28px 0 0;font-size:14px}
.segments-dialog{padding:16px;border:0;border-radius:6px;width:min(1500px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);background:#fff;color:#333}
.segments-dialog::backdrop{background:rgba(15,20,24,.85)}
.segments-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.segments-dialog-head p{font-size:13px;margin:0}
.segments-dialog-tools{display:flex;gap:8px;flex-shrink:0}
.segments-dialog-tools button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #dce2e7;border-radius:4px;background:#fff;cursor:pointer}
.segments-dialog-tools button:hover{background:#f3f5f7}
.segments-dialog-frame{width:100%;aspect-ratio:3/2;max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain;background:#f3f5f7}
.segments-dialog-frame>img{display:block;width:100%;height:100%;object-fit:contain}
.segments-dialog-frame.is-zoomed>img{width:200%;max-width:none;height:auto}
.segments-dialog-caption{font-size:12px;line-height:1.5;margin:12px 0 0;color:#59636d}
@media(max-width:900px){
  .card--commercial{grid-template-columns:1fr}
  .card--commercial .card-media{height:auto;min-height:0;aspect-ratio:1.85}
  .card--commercial .card-body{padding:24px}
  .segments-story,.segments-architecture{gap:30px}
}
@media(max-width:700px){
  .card--commercial{margin-top:24px}
  .card--commercial .card-body{padding:20px}
  .card--commercial .card-media{aspect-ratio:1.6}
  .page-segments .offer-intro .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .segments-location{font-size:14px;margin-top:10px}
  .segments-story{grid-template-columns:1fr;gap:18px;margin:30px 0;padding-bottom:30px}
  .segments-story h2,.segments-architecture h2,.segments-contact h2{font-size:24px;margin-bottom:14px}
  .segments-story p,.segments-architecture p{font-size:15px;line-height:1.75}
  .segments-architecture{grid-template-columns:1fr;gap:22px;margin:30px 0}
  .segments-contact.back-link{grid-template-columns:1fr;gap:20px;padding-block:26px}
  .segments-reference img{aspect-ratio:4/3}
  .segments-zoom{right:10px;bottom:10px}
  .segments-dialog{padding:12px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
}