.office-section{background:#fff;padding:90px 0 70px;color:#4a4a4a;position:relative;border-bottom:1px solid #e3e3e3}
.office-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:36px}
.office-heading h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08;margin:12px 0 0}
.office-heading h2 span,.office-heading .eyebrow span{color:#a2c617}
.office-heading>p{font-size:17px;line-height:1.6;color:#717171;max-width:400px;margin:0 0 3px}
.office-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:270px 250px;gap:18px}
.office-photo{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#e9e9e9;isolation:isolate;min-width:0}
.office-photo--raum{grid-column:1/3;grid-row:1/3}
.office-photo--fassade{grid-column:3;grid-row:1}
.office-photo--eingang{grid-column:3;grid-row:2}
.office-photo--arbeitsplatz{position:absolute;width:190px;height:230px;right:calc(33.333% + 36px);bottom:22px;z-index:2;border:5px solid #fff;box-shadow:0 12px 35px #0003;border-radius:13px}
.office-gallery{position:relative}
.office-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.office-photo--raum img{object-position:43% center}
.office-photo--fassade img{object-position:center 20%}
.office-photo--eingang img{object-position:center 49%}
.office-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 20px 18px;color:#fff;font-size:16px;font-weight:700;background:linear-gradient(transparent,#000b);display:flex;gap:12px;align-items:center;line-height:1.3}
.office-photo figcaption span{color:#a2c617;font-size:12px;letter-spacing:.1em}
.office-photo--raum figcaption{padding-right:220px}
.office-photo--arbeitsplatz figcaption{font-size:12px;padding:26px 10px 10px;gap:6px}
.office-note{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px;font-size:14px;color:#717171}
.office-location{font-weight:700;color:#4a4a4a;border-left:3px solid #a2c617;padding-left:12px}
.office-note p{margin:0}
.office-note a{margin-left:auto;display:flex;gap:12px;align-items:center;min-height:44px;color:#4a4a4a;font-weight:700;text-underline-offset:5px}
.office-note a:hover{color:#668000}
.office-note .icon{width:18px;height:18px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.office-photo:hover img{transform:scale(1.035)}}
@media(max-width:1000px){.office-heading{gap:30px}.office-gallery{grid-template-rows:230px 230px}.office-photo--arbeitsplatz{width:160px;height:195px}.office-photo--raum figcaption{padding-right:190px}}
@media(max-width:800px){.office-section{padding:56px 0 44px}.office-heading{grid-template-columns:1fr;gap:20px;text-align:center;margin-bottom:28px}.office-heading .eyebrow{justify-content:center}.office-heading>p{margin:auto}.office-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px}.office-photo--raum{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}.office-photo--fassade,.office-photo--eingang{grid-column:auto;grid-row:auto;aspect-ratio:3/4}.office-photo--arbeitsplatz{position:relative;inset:auto;width:auto;height:auto;border:0;box-shadow:none;grid-column:1/-1;aspect-ratio:16/10}.office-photo--raum figcaption{padding-right:20px}.office-photo--arbeitsplatz figcaption{font-size:16px;padding:36px 20px 18px;gap:12px}.office-note{justify-content:center;text-align:center;gap:8px 20px}.office-note a{margin:0}.office-photo figcaption{font-size:14px}}
@media(max-width:520px){.office-gallery{grid-template-columns:1fr}.office-photo--fassade,.office-photo--eingang{aspect-ratio:4/3}.office-photo--arbeitsplatz{aspect-ratio:4/3}.office-note{flex-direction:column}.office-note a{justify-content:center}.office-photo--fassade img{object-position:center 20%}.office-photo--eingang img{object-position:center 48%}}