/* invite2 targeted production overrides */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#1d1713}
.hero-image{z-index:0!important}
.hero-shade{z-index:1!important;pointer-events:none}
.hero-inner{position:relative;z-index:2}
.scroll-note{z-index:2}
.hero:after{z-index:3;pointer-events:none}

.invitation-letter-v2{position:relative;overflow:hidden}
.invitation-collage{width:100%;display:grid!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.2fr) minmax(0,.88fr);gap:8px;align-items:end;margin:34px 0 0}
.collage-photo{min-width:0}
.collage-photo img{display:block;width:100%;height:100%;object-fit:cover}
.collage-photo-left,.collage-photo-right{height:225px}
.collage-photo-center{height:240px}
.family-card-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.family-card-v2 strong{word-break:keep-all}

.account-row{align-items:center;gap:12px}
.account-row span{min-width:0}
.account-row b{flex:0 0 auto}

.floating-actions{max-width:calc(100vw - 28px)}
.music-guide{max-width:calc(100vw - 90px);overflow:hidden;text-overflow:ellipsis}

@media(max-width:420px){
  .hero h1{font-size:50px}
  .hero-inner{padding:92px 22px}
  .scroll-note{bottom:28px}
  .invitation-letter-v2{padding-top:48px;padding-bottom:50px}
  .invitation-collage{gap:6px;margin-top:28px}
  .collage-photo-left,.collage-photo-right{height:178px;border-radius:999px 999px 20px 20px}
  .collage-photo-center{height:192px;border-radius:14px}
  .family-card-v2{gap:4px}
  .family-card-v2 span{font-size:11px}
  .family-card-v2 strong{font-size:16px}
  .account-row{padding:14px 12px}
  .account-row strong{font-size:13px;word-break:keep-all}
  .deadline-notice{padding:20px 14px}
}

@media(max-width:340px){
  .invitation-collage{gap:4px}
  .collage-photo-left,.collage-photo-right{height:158px}
  .collage-photo-center{height:170px}
  .family-card-v2 strong{font-size:14px}
}