/* SA Production Media — curated portfolio / layout refinements */

/* Homepage proof strip: four equal proof points, compact on mobile. */
.proof-banner .proof-banner-grid{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  padding:0!important;
}
.proof-banner-grid>span{
  min-height:92px!important;
  padding:18px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-right:1px solid var(--line)!important;
  border-bottom:0!important;
}
.proof-banner-grid>span:first-child{padding-left:18px!important}
.proof-banner-grid>span:last-child{padding-right:18px!important;border-right:0!important}

/* Footer now carries five social destinations. */
.footer-socials{flex-wrap:wrap}
.footer-socials a[data-social="tiktok"] svg,
.footer-socials a[data-social="youtube"] svg{fill:currentColor!important;stroke:none!important}

/* Embedded wedding-film portfolio. */
.film-showcase{padding-top:78px!important}
.film-showcase-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:end;margin-bottom:38px}
.film-showcase-intro h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-.035em}
.film-showcase-intro p{margin:0;color:var(--muted);max-width:570px}
.film-embed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.film-embed-card{background:#fff;border:1px solid var(--line);overflow:hidden}
.film-frame{aspect-ratio:16/9;background:#111}
.film-frame iframe{width:100%;height:100%;border:0;display:block}
.film-meta{padding:20px 20px 22px}
.film-meta span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:7px}
.film-meta h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.12;font-weight:400;margin:0}
.film-page-cta{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px}
.film-page-cta p{margin:0;color:var(--muted)}

@media(max-width:950px){
  .proof-banner-grid>span{min-height:76px!important}
  .film-showcase-intro{grid-template-columns:1fr;gap:18px}
  .film-embed-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .proof-banner .proof-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .proof-banner-grid>span{
    min-height:60px!important;
    padding:12px 8px!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
    text-align:center!important;
    border-right:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
  }
  .proof-banner-grid>span:nth-child(2n){border-right:0!important}
  .proof-banner-grid>span:nth-last-child(-n+2){border-bottom:0!important}
  .proof-banner-grid>span:first-child{padding:12px 8px!important}
  .proof-banner-grid>span:last-child{padding:12px 8px!important;border-right:0!important}
  .home-triptych-section{padding:18px 0 54px!important}
  .home-triptych figure:first-child{margin-top:8px!important}
  .film-showcase{padding-top:56px!important}
  .film-meta h3{font-size:22px}
  .film-page-cta{display:block}
  .film-page-cta .btn{margin-top:16px}
}