.service-layout{align-items:start}
.service-photo-panel{min-width:0;background:#f2f6f8;border:1px solid #dce5eb;padding:16px}
.service-photo-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:14px;font-size:10px;letter-spacing:.12em;color:#53738d}
.service-photo-heading>span{font-size:11px;letter-spacing:0;color:var(--ink);font-weight:650}
.service-photo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.service-photo-card{position:relative;display:block;min-width:0;overflow:hidden;padding:0;aspect-ratio:1.8;background:#dce5eb;text-align:left}
.service-photo-main{grid-column:1/-1;aspect-ratio:16/9}
.service-photo-card>img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.service-photo-main>img{object-position:center}
.service-photo-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:25px 12px 10px;background:linear-gradient(transparent,#0b233ed9);color:#fff;font-size:10px;font-weight:550;line-height:1.5}
.service-photo-main .service-photo-label{font-size:12px;padding:32px 16px 13px}
.service-photo-label>span{font-size:18px}
.service-photo-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.service-photo-card:hover .service-photo-label{background:linear-gradient(transparent,#0b233ef2)}
.service-photo-note{padding-top:12px;font-size:10px;color:#657787;line-height:1.6}
.service-photo-dialog{width:min(1100px,calc(100% - 48px));background:#f7f9fb}
.service-photo-dialog>img{width:100%;height:auto;max-height:70dvh;object-fit:contain;background:#e9eef2}
.service-photo-dialog .dialog-body{padding:20px 28px 25px}
.service-photo-dialog .eyebrow{margin-bottom:8px}
.service-photo-dialog h2{font-size:24px}
@media(max-width:860px){.service-photo-panel{max-width:640px;width:100%;margin-inline:auto}}
@media(max-width:560px){
  .service-photo-panel{padding:12px}
  .service-photo-grid{gap:8px}
  .service-photo-heading{font-size:8px;margin-bottom:11px}
  .service-photo-heading>span{font-size:10px}
  .service-photo-card{aspect-ratio:1.2}
  .service-photo-main{aspect-ratio:16/9}
  .service-photo-label{font-size:9px;padding-inline:9px}
  .service-photo-main .service-photo-label{font-size:11px;padding:26px 12px 10px}
  .service-photo-note{font-size:9px}
  .service-photo-dialog{width:calc(100% - 24px)}
  .service-photo-dialog>img{max-height:67dvh}
  .service-photo-dialog .dialog-body{padding:18px}
  .service-photo-dialog h2{font-size:20px}
}