.brand-gallery{margin:30px auto;padding:45px;border:1px solid #ffffff65;border-radius:30px;background:linear-gradient(135deg,#ffffff24,#ffffff10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.brand-gallery h2{margin:12px 0 28px;font-size:clamp(30px,3.4vw,46px);line-height:1.25}
.brand-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.brand-photo-grid figure{margin:0;min-width:0}
.brand-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1600/905;object-fit:contain;border-radius:20px;background:#153b48}
.brand-photo-grid figcaption{padding:15px 2px 0;color:#f0f5f1;font-size:14px;line-height:1.5}
.brand-gallery .image-context{margin:26px 0 0;font-size:11px;line-height:1.8;color:#e0ebe7;max-width:690px}
.approach .approach-photo.brand-photo-stack{height:auto;align-self:start;display:grid;gap:24px;overflow:visible}
.approach .brand-photo-stack figure{margin:0;position:relative}
.approach .brand-photo-stack img{width:100%;height:auto;aspect-ratio:1600/905;object-fit:contain;display:block}
.approach .brand-photo-stack figcaption{padding-top:12px;font-size:12px;color:#e0ebe7}
@media(max-width:700px){.brand-gallery{width:88%;padding:28px 22px;margin:24px auto;border-radius:25px}.brand-photo-grid{grid-template-columns:1fr;gap:26px}.brand-gallery h2{font-size:31px}.brand-photo-grid img{border-radius:17px}.brand-photo-grid figcaption{font-size:13px}.approach .approach-photo.brand-photo-stack{gap:22px}}

/* Two landscape photographs beside a complete portrait dining composition. */
@media(min-width:701px){.brand-photo-grid:has(.portrait){grid-template-columns:1fr .85fr;align-items:start}.brand-photo-grid .portrait{grid-column:2;grid-row:1/3}}

@media(min-width:1100px){.school-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
@media(min-width:701px) and (max-width:1099px){.school-photo-grid>figure:first-child{grid-column:1/-1;max-width:720px;justify-self:center}}