/* duos and trios in the site's own card model: one rounded card, the portraits side by side, the names and combined
   price on a gradient at the foot, a tag top left and a gold Book together pill top right. Shared by the duo page and the home section. */
.grps{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:8px}
.grp{position:relative;display:block;aspect-ratio:3/4;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#1a1210;transition:border-color .3s,box-shadow .3s}
.grp:hover{border-color:rgba(242,181,107,.5);box-shadow:0 0 34px rgba(255,140,60,.22)}
.grp-pics{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.grp-3 .grp-pics{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.grp-3 .grp-pics img:first-child{grid-row:1/3}
.grp-pics img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .8s}
.grp:hover .grp-pics img{transform:scale(1.06)}
.grp .info{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(transparent,rgba(5,4,6,.94));display:grid}
.grp strong{font-family:"Playfair Display",serif;font-weight:500;font-size:24px;line-height:1.1}
.grp small{margin-top:6px;font-size:10.5px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:rgba(244,236,227,.78)}
.grp small i{display:inline-block;width:3px;height:3px;margin:0 8px;border-radius:50%;background:var(--gold);vertical-align:middle}
.grp em{margin-top:7px;font-size:12px;font-style:normal;color:rgba(244,236,227,.6)}
.grp em b{margin:0 3px;font-family:"Playfair Display",serif;font-size:19px;font-style:italic;font-weight:500;color:var(--gold)}
.grps-more{text-align:center;margin-top:30px}
.grps-more a{display:inline-block;padding:14px 26px 13px;border-radius:99px;border:1px solid rgba(242,181,107,.5);background:rgba(242,181,107,.06);color:var(--gold);font-size:12.5px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;transition:background .25s,color .25s}
.grps-more a:hover{background:linear-gradient(135deg,#ffe0b0,#f2b56b 45%,#ff8a3d);color:#120c08;border-color:transparent}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 4px}
.facts div{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.facts dt{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.facts dd{margin-top:6px;font-family:"Playfair Display",serif;font-size:28px;line-height:1;color:var(--gold)}
.duo-about h3{margin:26px 0 8px;font-family:"Playfair Display",serif;font-weight:500;font-size:22px}
.duo-about h3 em{font-style:italic;color:var(--gold)}
@media(max-width:860px){
  .grps{grid-template-columns:1fr 1fr;gap:12px}
  .grp strong{font-size:21px}
  .grp .info{padding:40px 16px 15px}
  .facts{grid-template-columns:1fr 1fr;gap:10px}
  .facts dd{font-size:24px}
}
@media(max-width:600px){.grps{grid-template-columns:1fr}.grp strong{font-size:23px}}