.couple-portraits{padding:58px 48px 52px;overflow:hidden}
.couple-portraits .person{gap:48px;margin-top:62px;margin-left:32px;align-items:center}
.portrait-frame{position:relative;flex:0 0 196px;width:196px;height:264px;isolation:isolate}
.couple-portraits .cameo{position:relative;z-index:1;width:100%;height:100%;border:12px solid transparent;border-radius:50%;outline:0;background:#304936;background-clip:padding-box;box-shadow:none;overflow:hidden}
.couple-portraits .cameo::before{content:none}
.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.person-bride .portrait-photo{object-position:50% 65%}
.vintage-frame{position:absolute;z-index:2;inset:-13px -14px;width:calc(100% + 28px);height:calc(100% + 26px);pointer-events:none}
.couple-portraits .cameo>span{font-size:76px;color:#dee3d1}
.couple-portraits .cameo small{color:#e0e5d7;letter-spacing:.04em;font-size:9px}
.portrait-florals{position:absolute;z-index:3;left:-32px;bottom:-18px;width:112px;height:122px;object-fit:contain;pointer-events:none}
.couple-portraits .person-copy{position:relative;z-index:3;min-width:0}
.couple-portraits .person-copy h2{font-size:44px}
.couple-portraits .person-role{color:#eeeade}
.couple-portraits .couple-ampersand{margin:60px 0 2px;font-size:48px;color:#b7c09f}
.couple-portraits .person-groom{margin-top:35px;margin-left:0;margin-right:32px}
.person-groom .portrait-florals{left:auto;right:-32px;transform:scaleX(-1)}
.couple-portraits .tiny-note{margin-top:62px;font-size:10px;color:#d3d9c4}
@media(min-width:761px) and (max-width:1100px){
  .couple-portraits{padding:50px 28px 46px}
  .couple-portraits .person{gap:28px;margin-left:22px}
  .portrait-frame{flex-basis:156px;width:156px;height:220px}
  .portrait-florals{width:96px;height:106px;left:-26px;bottom:-16px}
  .person-groom .portrait-florals{right:-26px}
  .couple-portraits .person-groom{margin-left:0;margin-right:22px}
  .couple-portraits .person-copy h2{font-size:38px}
}
@media(max-width:760px){
  .couple-portraits{padding:44px 28px 42px}
  .couple-portraits .person{gap:24px;margin-top:54px;margin-left:18px}
  .portrait-frame{flex-basis:148px;width:148px;height:210px}
  .couple-portraits .cameo{border-width:10px}
  .couple-portraits .cameo>span{font-size:62px}
  .couple-portraits .cameo small{font-size:8px}
  .portrait-florals{width:86px;height:96px;left:-24px;bottom:-14px}
  .couple-portraits .person-copy h2{font-size:36px}
  .couple-portraits .person-role{font-size:29px}
  .couple-portraits .person-copy>p:last-child{font-size:13px}
  .couple-portraits .person-copy>p:last-child span{font-size:11px}
  .couple-portraits .couple-ampersand{margin-top:54px;font-size:42px}
  .couple-portraits .person-groom{margin-top:29px;margin-left:0;margin-right:18px}
  .person-groom .portrait-florals{right:-24px}
  .couple-portraits .tiny-note{margin-top:52px}
}
@media(max-width:360px){
  .couple-portraits{padding-inline:22px}
  .couple-portraits .person{gap:18px;margin-left:12px}
  .portrait-frame{flex-basis:128px;width:128px;height:184px}
  .portrait-florals{width:76px;height:86px;left:-20px;bottom:-12px}
  .person-groom .portrait-florals{right:-20px}
  .couple-portraits .person-groom{margin-left:0;margin-right:12px}
  .couple-portraits .person-copy h2{font-size:32px}
  .couple-portraits .person-role{font-size:27px}
  .couple-portraits .person-copy>p:last-child span{font-size:10px}
}
