/* User-supplied artwork; scoped to the home hero, preserving all site navigation. */
.home-page > .site-header { background: #520700; }
.reference-showcase { background: linear-gradient(#850a00dc,#730800dc),url('/assets/website2/hero-reference/assets/card-suit-pattern.svg') center/190px, radial-gradient(ellipse at 48% 40%,#b31c0c,#820b02 65%,#500500); padding-bottom: 42px; }
.reference-showcase .showcase-stage { max-width: 1480px; margin: auto; min-height: 480px; }
.reference-showcase .showcase-scene { z-index: 0; width: 53%; right: auto; height: 100%; overflow: hidden; }
.reference-showcase .showcase-scene img { position: absolute; width: 108%; max-width: none; height: auto; left: -3%; top: 50%; transform: translateY(-55%); object-fit: contain; clip-path: url(#reference-game-cutout); }
.reference-showcase .showcase-layout { justify-content: flex-end; min-height: 480px; padding-block: 65px; }
.reference-showcase .showcase-copy { width: 48%; text-align: center; position: relative; }
.reference-showcase .showcase-copy h1 { font-family: Arial,Helvetica,sans-serif; font-style: italic; font-weight: 950; font-size: clamp(38px,4.2vw,65px); line-height: 1.06; letter-spacing: -.045em; color: #fff077; text-shadow: 0 4px 0 #6b1609; }
.reference-showcase .showcase-copy h1 em { color: #fff077; font: inherit; font-size: .79em; margin-top: 8px; }
.reference-subtitle { font-family: Arial,Helvetica,sans-serif; font-size: clamp(19px,2.1vw,30px); font-weight: 900; font-style: italic; margin: 20px 0; color: white; }
.reference-showcase .showcase-flourish { display: none; }
.reference-showcase .showcase-copy > p { font-size: 17px; line-height: 1.6; max-width: 420px; margin: 0 auto 25px; }
.reference-showcase .showcase-actions { justify-content: center; }
.reference-showcase .showcase-download { background: linear-gradient(#28cb43,#129c2d); color: white; border: 1px solid #6eeb74; box-shadow: 0 5px 0 #076f1a,0 12px 30px #38040066; border-radius: 10px; min-height: 74px; width: 380px; max-width: 100%; font-size: 23px; animation: none; }
.reference-showcase .showcase-download:hover { background: linear-gradient(#39df54,#16ad33); transform: translateY(-2px); }
.reference-showcase .showcase-download:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.reference-showcase .showcase-footer { background: none; border: 0; padding: 0; min-height: 0; }
.reference-showcase .showcase-assurances { background: #fff0ba; border-radius: 60px; color: #4c180c; padding: 22px 28px; width: min(1220px,90%); grid-template-columns: repeat(3,minmax(0,1fr)); }
.reference-showcase .showcase-assurance { border-color: #bc8e66; padding: 0 26px; }
.reference-showcase .showcase-assurance strong { color: #421709; }
.reference-showcase .showcase-assurance span { color: #79563b; }
.reference-showcase .showcase-assurance svg { stroke: #8a220c; }
.reference-showcase .showcase-age { color: #8a220c; }
.reference-showcase .showcase-card-fan,.reference-showcase .showcase-gold-curve { display: none; }
@media(max-width:980px) and (min-width:721px) {
  .reference-showcase .showcase-stage,.reference-showcase .showcase-layout { min-height: 390px; }
  .reference-showcase .showcase-layout { padding-block: 40px; }
  .reference-showcase .showcase-copy h1 { font-size: 38px; }
  .reference-showcase .showcase-copy > p { font-size: 15px; }
  .reference-showcase .showcase-assurance { padding-inline: 12px; gap: 10px; }
}
@media(max-width:720px) {
  .reference-showcase { padding-bottom: 26px; }
  .reference-showcase .showcase-stage { min-height: 0; }
  .reference-showcase .showcase-scene { position: relative; width: 100%; height: clamp(235px,66vw,390px); order: 0; }
  .reference-showcase .showcase-scene img { width: 118%; left: -9%; top: 50%; transform: translateY(-56%); }
  .reference-showcase .showcase-scene::after { display: none; }
  .reference-showcase .showcase-layout { min-height: 0; padding: 5px 0 30px; order: 1; }
  .reference-showcase .showcase-copy { width: 100%; }
  .reference-showcase .showcase-copy h1 { font-size: clamp(35px,8.5vw,52px); }
  .reference-subtitle { font-size: 22px; margin: 16px 0 12px; }
  .reference-showcase .showcase-copy > p { font-size: 15px; margin-bottom: 22px; }
  .reference-showcase .showcase-download { min-height: 68px; font-size: 21px; width: 100%; }
  .reference-showcase .showcase-assurances { border-radius: 22px; grid-template-columns: 1fr; gap: 0; padding: 8px 20px; }
  .reference-showcase .showcase-assurance { padding: 16px 0; border: 0; border-bottom: 1px solid #d8bd85; }
  .reference-showcase .showcase-assurance:last-child { border-bottom: 0; }
}