/* photography-pr 固有CSS (共通style.cssに無い分。元HTML <style>より自動抽出) */
  .gallery-sec{padding-top:8px}
  .gallery{display:grid;gap:16px;grid-template-columns:1fr}
  @media(min-width:620px){.gallery{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:980px){.gallery{grid-template-columns:repeat(4,1fr)}}
  .gal{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--sky);
    box-shadow:0 4px 16px rgba(7,31,61,.06)}
  .gal .ph{aspect-ratio:4/5;overflow:hidden;background:#0b1c33}
  .gal .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
  .gal:hover .ph img{transform:scale(1.06)}
  .gal .cap{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 12px;
    background:linear-gradient(transparent,rgba(7,31,61,.86));color:#fff}
  .gal .cap b{display:block;font-size:14px;font-weight:800;line-height:1.4}
  .gal .cap span{display:block;margin-top:2px;font-size:11.5px;color:rgba(255,255,255,.82)}
  .gallery-lead{max-width:760px;margin:0 auto 26px;text-align:center;font-size:14.5px;line-height:1.95;color:var(--ink-sub)}
  @media(min-width:880px){.gallery-lead{font-size:15.5px}}
  .anim-ready .gal{opacity:0}
  @media (prefers-reduced-motion: reduce){ .anim-ready *{opacity:1!important;transform:none!important} }