.office-gallery{padding:94px 0 100px;background:var(--ink2);color:var(--paper);overflow:hidden}.office-gallery-heading{max-width:740px;margin:0 auto 30px;text-align:center}.office-gallery-heading .section-intro{margin:0 auto}.office-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.office-gallery-card{grid-column:span 3;min-width:0;margin:0;background:var(--ink);border:1px solid color-mix(in srgb,var(--paper) 10%,transparent);border-radius:15px;padding:9px;overflow:hidden;transition:transform .25s,border-color .25s}.office-gallery-card:first-child{grid-column:span 6}.office-gallery-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--lime) 48%,transparent)}.office-gallery-photo{height:clamp(170px,18vw,245px);overflow:hidden;border-radius:9px;background:#10151b}.office-gallery-card:first-child .office-gallery-photo{height:clamp(220px,26vw,345px)}.office-gallery-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.office-gallery-card:hover .office-gallery-img{transform:scale(1.035)}.office-gallery-card figcaption{padding:12px 5px 6px;color:var(--paper);font:700 13px/1.4 var(--display)}.office-gallery-disclosure{margin:18px auto 0;text-align:center;color:var(--muted);font-size:11px}.office-gallery-disclosure:before{content:'ⓘ ';color:var(--lime)}
@media(max-width:850px){.office-gallery{padding:72px 0}.office-gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.office-gallery-card{grid-column:span 2}.office-gallery-card:first-child{grid-column:span 4}.office-gallery-photo{height:210px}.office-gallery-card:first-child .office-gallery-photo{height:260px}}
@media(max-width:560px){.office-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.office-gallery-card,.office-gallery-card:first-child{grid-column:span 1}.office-gallery-card:first-child{grid-column:span 2}.office-gallery-photo,.office-gallery-card:first-child .office-gallery-photo{height:clamp(145px,44vw,230px)}.office-gallery-card:first-child .office-gallery-photo{height:clamp(190px,58vw,280px)}.office-gallery-card figcaption{font-size:12px;padding:10px 3px 5px}.office-gallery-card{padding:7px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.office-gallery-card,.office-gallery-img{transition:none}}