/* Final reference-match geometry: the desktop hero reaches the right edge exactly like the approved screen. */
@media(min-width:1101px){
  .site-nav .nav-inner{width:calc(100% - 112px);max-width:none;padding:0 24px}
  .reference-hero{width:calc(100% - 56px);max-width:calc(100% - 56px);margin:0 0 0 56px;grid-template-columns:minmax(0,34%) minmax(0,66%);height:clamp(450px,29.3vw,520px);min-height:450px;box-sizing:border-box}
  .reference-hero-copy{padding-left:24px;padding-right:28px}
  .reference-hero-art{margin-left:0;height:100%;min-width:0;max-width:100%;border-radius:0;box-sizing:border-box}
  .reference-hero-art img{height:100%;object-position:center center;border-radius:26px 0 0 0}
  .reference-discovery,.reference-offers,.reference-proof{width:calc(100% - 112px);max-width:none}
}
@media(max-width:720px){
  .reference-hero-copy{padding:30px 18px 26px}
  .reference-hero h1{font-size:clamp(44px,12vw,59px);line-height:.94;letter-spacing:-.06em}
  .reference-hero h1 span{white-space:normal}
  .reference-kicker{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
  .reference-actions{flex-wrap:wrap}
  .reference-button{flex:1 1 145px;min-width:0}
  .reference-trust{flex-wrap:wrap;justify-content:flex-start;row-gap:10px}
  .reference-hero-art{height:auto;aspect-ratio:1.38;min-height:250px;max-height:360px}
  .reference-hero-art img{object-position:58% center;border-radius:0 0 24px 24px}
  .reference-stamp{top:14px;right:14px}
}
@media(min-width:721px) and (max-width:1100px){
  .reference-hero{width:calc(100% - 48px);height:auto;display:grid;grid-template-columns:minmax(0,1fr);margin:0 auto}
  .reference-hero-copy{padding:44px 32px 34px}
  .reference-hero h1{font-size:clamp(58px,8vw,78px)}
  .reference-hero-art{height:auto;aspect-ratio:1.65;min-height:360px;max-height:520px;margin:0}
  .reference-hero-art img{clip-path:none;border-radius:0 0 26px 26px;object-position:center center}
  .reference-stamp{top:24px;right:25px;width:132px;height:132px;font-size:22px}
}
@media(min-width:1101px){
  .reference-offers{grid-template-columns:minmax(0,2.18fr) repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
  .reference-small-grid{grid-column:2 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
  .reference-featured,.reference-small-offer{border:1px solid #efedeb;box-shadow:0 2px 10px rgba(14,29,49,.045)}
  .reference-featured-copy{display:flex;flex-direction:column;align-items:flex-start;padding:42px 24px 22px}
  .reference-featured-copy h3{margin:24px 0 18px}
  .reference-featured-copy .reference-button{margin-top:auto}
  .reference-small-image{height:143px}
  .reference-small-copy h3{font-size:17px;line-height:1.08}
}