/* v12: bronze-gold identity, shared display typography and independent icon motion. */
:root{
 --essenzi-logo-gradient:radial-gradient(ellipse at 32% 0%,#d88e2c 0%,#d88e2c00 46%),linear-gradient(174deg,#ab6617 0%,#87500d 35%,#4c2505 68%,#160b06 100%);
 --essenzi-heading-color:#c90b32;
 --essenzi-heading-shadow:0 .045em 0 #d5ac55,0 .18em .3em #8d24412a;
}

/* Keep the original Essenzi silhouette and accessible image name. The logo has
   its own bronze palette; the existing gold/white CTA gradient is unchanged. */
@supports ((mask-image:url('assets/essenzi-logo.png')) or (-webkit-mask-image:url('assets/essenzi-logo.png'))){
 .campaign-header .official-logo:after{background:var(--essenzi-logo-gradient)}
 .footer-top .official-logo{position:relative;--logo-mask-width:202px}
 .footer-top .official-logo img{opacity:0}
 .footer-top .official-logo:after{
  content:'';position:absolute;inset:0;background:var(--essenzi-logo-gradient);
  -webkit-mask:url('assets/essenzi-logo.png') left top / var(--logo-mask-width) auto no-repeat;
  mask:url('assets/essenzi-logo.png') left top / var(--logo-mask-width) auto no-repeat;
  mask-mode:alpha;
 }
}

/* Match the Winners reference across public headings, keeping each placement's
   existing responsive size and line height. Scale the gold edge with the text. */
body :is(h1,h2,h3,h4,h5,h6){
 font-family:var(--heading)!important;font-weight:800!important;
 color:var(--essenzi-heading-color)!important;
 text-shadow:var(--essenzi-heading-shadow);
}
body :is(h1,h2,h3,h4,h5,h6) em{font-family:inherit;font-weight:inherit!important;font-style:normal}
.page-intro h1,.section-heading h2,.loyalty-copy h2,.live-videos-intro h2,dialog h2{
 letter-spacing:-.035em;
}
/* Light gold keeps the same heading treatment legible over red campaign art. */
.banner-loyalty,.banner-car,.banner-how,.app-copy,.mobile-footer-promo,.live-draw-hero,.calculator,.draw-tile.grand{
 --essenzi-heading-color:#fff3d3;
 --essenzi-heading-shadow:0 .045em 0 #a86d29,0 .18em .3em #4e001a40;
}
/* Small headings use a restrained edge so labels remain crisp on mobile. */
.footer-top,.calendar-month,.rule,.store,.privacy-card,.step,.draw-tile:not(.grand){
 --essenzi-heading-shadow:0 .045em 0 #d5ac55,0 .12em .22em #8d244112;
}

/* Each illustration owns its hover area. Animate the SVG, not its centered
   wrapper or card, using the existing Winners prize-float motion. */
.participation-v11 .step-illustration{pointer-events:auto}
.participation-v11 .step-illustration svg{transform-origin:50% 75%;animation:none}
@media(hover:hover) and (pointer:fine){
 .participation-v11 .quick-step:hover{transform:none;box-shadow:0 14px 30px #8e382319}
 .participation-v11 .step-illustration:hover svg{animation:prize-float 2.4s ease-in-out 1}
}
.participation-v11 .quick-step:focus-within .step-illustration svg{animation:prize-float 2.4s ease-in-out 1}
@media(prefers-reduced-motion:reduce){
 .participation-v11 .step-illustration svg{animation:none!important;transform:none!important}
}
@media(forced-colors:active){
 .campaign-header .official-logo img,.footer-top .official-logo img{opacity:1}
 .campaign-header .official-logo:after,.footer-top .official-logo:after{display:none}
 body :is(h1,h2,h3,h4,h5,h6){color:CanvasText!important;text-shadow:none}
}