/* v95 UI (PL): card system, hero, process-step connectors, illustrative captions, footer note. External file, no inline styles (CSP style-src 'self'). */
/* illustrative caption (one per illustrative picture) */
.il{display:block;margin:0;font:500 14px/1.4 var(--sans);letter-spacing:.02em;color:var(--muted)}
/* hero: square slot, caption under the picture */
.h5-img{display:flex;flex-direction:column;gap:8px}
.h5-img .ph{height:auto!important;min-height:0!important;aspect-ratio:1/1;flex:0 0 auto}
/* "Who are you buying for": every card 4:3, picture whole, equal heights */
.seg>li{display:flex;flex-direction:column;min-width:0}
.seg>li>.sc{flex:0 0 auto}
.seg>li>.sc-go{margin-top:auto}
body .seg .sc-img{aspect-ratio:4/3!important}
body .seg .sc-img picture,body .seg .sc-img img{object-fit:cover!important}
/* process steps: connectors sit in the gap between the cards and never touch a picture */
@media(min-width:561px){
  .hstrip{column-gap:clamp(36px,3.6vw,56px)}
  .hstrip .hs{container-type:inline-size}
  body .hstrip .hs+.hs::before,body .hstrip .hs+.hs::after{display:none}
}
@media(min-width:861px){
  body .hstrip .hs+.hs::before{display:block;content:"";position:absolute;left:calc(clamp(36px,3.6vw,56px)*-1 + 8px);top:37.5cqw;width:calc(clamp(36px,3.6vw,56px) - 16px);height:0;border:0;border-top:1px solid var(--gold);transform:none}
  body .hstrip .hs+.hs::after{display:block;content:"";position:absolute;left:-17px;top:calc(37.5cqw - 3px);width:7px;height:7px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:rotate(45deg)}
}
@media(min-width:561px) and (max-width:860px){
  body .hstrip .hs:nth-child(even)::before{display:block;content:"";position:absolute;left:calc(clamp(36px,3.6vw,56px)*-1 + 8px);top:37.5cqw;width:calc(clamp(36px,3.6vw,56px) - 16px);height:0;border:0;border-top:1px solid var(--gold);transform:none}
  body .hstrip .hs:nth-child(even)::after{display:block;content:"";position:absolute;left:-17px;top:calc(37.5cqw - 3px);width:7px;height:7px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:rotate(45deg)}
}
@media(max-width:560px){body .hstrip .hs+.hs::before,body .hstrip .hs+.hs::after{display:none}}
/* footer headings: T8.2 had shrunk the serif headings to 14px tracked labels; restore a heading size */
body .fh{letter-spacing:.01em}
/* footer: note block above the legal bar */
.ftr-note{border-top:var(--hair,1px) solid var(--rule);padding:var(--s3) 0 var(--s2)}
.ftr-note .fp{margin:0 0 8px;max-width:78ch}
.ftr-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}