/* Фотогалерея. Палитра не задаётся жёстко — блок наследует цвет страницы,
   подложка полупрозрачная, поэтому работает и на светлых, и на тёмных секциях. */
.ph-gallery{padding:clamp(46px,7vw,86px) clamp(16px,4vw,40px);background:rgba(127,127,127,.07);color:inherit}
.ph-wrap{max-width:1240px;margin:0 auto}
.ph-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.55;margin:0 0 10px}
.ph-title{font-family:'Playfair Display',Georgia,serif;font-weight:500;
  font-size:clamp(24px,3.4vw,36px);line-height:1.18;margin:0 0 12px}
.ph-intro{max-width:62ch;margin:0 0 28px;opacity:.78;line-height:1.66;font-size:16px}
.ph-grid{display:grid;grid-template-columns:1fr;gap:clamp(10px,1.4vw,18px)}
.ph-grid figure{margin:0}
.ph-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;
  background:rgba(127,127,127,.14);border-radius:2px}
.ph-grid figcaption{font-size:12.5px;line-height:1.5;margin-top:8px;opacity:.6}
.ph-note{margin-top:26px;font-size:12.5px;opacity:.55;line-height:1.6}
.ph-note a{color:inherit}
@media(min-width:760px){
  .ph-grid{grid-template-columns:repeat(2,1fr)}
  .ph-grid figure:first-child{grid-column:1 / -1}
  .ph-grid figure:first-child img{aspect-ratio:16/9}
}
@media(min-width:1080px){
  .ph-grid{grid-template-columns:repeat(3,1fr)}
  .ph-grid figure:first-child{grid-column:span 2}
  .ph-grid figure:first-child img{aspect-ratio:3/2}
}