.picture-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}
.picture-layout>.section-head{margin-bottom:0}
.picture-layout h2{font-size:clamp(30px,3vw,42px)}
.picture-layout figure,.picture-wide{margin:0}
.picture-layout img,.picture-wide img{display:block;width:100%;height:auto;border-radius:6px}
.picture-layout figcaption,.picture-wide figcaption{font-size:12px;line-height:1.6;color:var(--muted,#52606c);padding-top:10px}
.picture-wide{margin-top:32px}

/* Consistent illustrated opening across the fuller bilingual mockup. */
.page-hero.picture-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px}
.page-hero.picture-layout h1{font-size:clamp(34px,3.3vw,52px);line-height:1.12;max-width:100%;overflow-wrap:break-word}
.page-hero.picture-layout .lead{max-width:100%}
.page-hero.picture-layout .picture-wide{margin-top:0;min-width:0}
.page-hero.picture-layout .picture-wide img{width:100%;height:auto}
.page-hero.picture-layout .picture-wide figcaption a{color:inherit;text-underline-offset:3px}
.product-hero-art{background:#fff;border:1px solid #e6e2dd;border-top:4px solid #ff9933;border-radius:6px;padding:24px;text-align:center}
.page-hero.picture-layout .product-hero-art .hero-partner-mark{width:200px;height:142px;object-fit:contain;margin:0 auto 12px}
.page-hero.picture-layout .product-hero-art .hero-device{width:100%;height:240px;object-fit:contain}
.product-catalogue .catalogue-example{margin:0 0 22px;padding:8px 0 16px;border-bottom:1px solid #e6e2dd}
.product-catalogue .catalogue-example img{display:block;width:100%;height:140px;object-fit:contain;background:#fff;border-radius:4px}
.product-catalogue .catalogue-example figcaption{font-size:11px;line-height:1.5;color:var(--muted,#52606c);margin-top:10px;overflow-wrap:anywhere}
.product-catalogue .catalogue-example figcaption a{color:inherit;text-underline-offset:3px}
.product-catalogue #physical-security .product-brand-row,.product-catalogue #cybersecurity .product-brand-row,.product-catalogue #remote-access .product-brand-row{min-height:192px;align-content:center}
.catalogue-connection{margin:0 0 24px;padding:40px 16px;background:#f7f6f3;border:1px solid #e6e2dd;border-radius:4px;color:#252525}
.catalogue-connection>div{display:flex;align-items:center;justify-content:center;gap:14px;min-height:140px}
.catalogue-connection span{padding:18px 12px;border:1px solid #c4bfba;border-radius:4px;background:#fff;font-weight:600}
.catalogue-connection b{color:#a94200;font-size:22px}
.catalogue-connection figcaption{font-size:12px;text-align:center;line-height:1.6}
@media(max-width:900px){.page-hero.picture-layout{grid-template-columns:1fr;gap:28px}.page-hero.picture-layout h1{font-size:clamp(32px,6vw,46px)}.page-hero.picture-layout .product-hero-art .hero-device{height:210px}}
@media(max-width:480px){.page-hero.picture-layout .product-hero-art{padding:18px}.catalogue-connection{padding:24px 8px}.catalogue-connection>div{gap:6px}.catalogue-connection span{padding:14px 7px;font-size:12px}}
@media(max-width:900px){.picture-layout{grid-template-columns:1fr;gap:24px}.picture-layout h2{font-size:32px}}

/* Contact: the actual office location, with a direct map fallback. */
.contact-map iframe{display:block;width:100%;height:420px;border:1px solid #e6e2dd;border-radius:6px;background:#f7f6f3}
.contact-map figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}
.contact-map figcaption a{font-weight:600}
@media(max-width:600px){.contact-map iframe{height:320px}}