/* GRACZ.PL — approved Full Max Premium hero (R14), actual supplied artwork on desktop.
 * Text / links remain accessible native HTML; mobile keeps semantic R4 layout.
 * Artwork intrinsic size 2172x724: keep whole desktop image in its 3:1 ratio.
 */
.r4-owner-picture,.r4-owner-hotspot{display:none}
@media(min-width:1181px){
 .homepage-premium-max .r4-hero{
   position:relative!important;display:block!important;width:100%!important;
   height:auto!important;min-height:0!important;aspect-ratio:2172/724!important;
   background:#041421!important;border-bottom:1px solid rgba(235,187,98,.25)!important;
   overflow:hidden!important;
 }
 .homepage-premium-max .r4-owner-picture{display:block;width:100%;height:auto;line-height:0}
 .homepage-premium-max .r4-owner-image{
   display:block;width:100%;height:auto;aspect-ratio:2172/724;
   object-fit:contain;object-position:center;
   max-width:none;filter:none!important;image-rendering:auto;
 }
 /* Image contains the approved visible copy; keep the original actual H1 and
    paragraph in DOM for assistive technology and SEO without doubled text. */
 .homepage-premium-max .r4-hero-copy{
   position:absolute!important;left:0!important;top:0!important;
   width:1px!important;height:1px!important;max-width:1px!important;
   padding:0!important;margin:-1px!important;overflow:hidden!important;
   clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
   white-space:nowrap!important;
 }
 .homepage-premium-max .r4-hero-copy .r4-hero-actions{display:none!important}
 .homepage-premium-max .r4-hero-art{display:none!important}
 .homepage-premium-max .r4-owner-hotspot{
   display:block;position:absolute;z-index:5;top:69.1%;height:14.1%;
   background:transparent;border:0;border-radius:10px;
   text-decoration:none!important;cursor:pointer;
 }
 .homepage-premium-max .r4-owner-hotspot--games{left:1.35%;width:19.2%}
 .homepage-premium-max .r4-owner-hotspot--guides{left:21.35%;width:20.8%}
 /* The clickable hotspots overlay text baked into the HERO image: no hover border, which would be displaced from the visible buttons. */
 .homepage-premium-max .r4-owner-hotspot:focus-visible{
    outline:3px solid #ffe3a0;outline-offset:3px;background:rgba(250,196,97,.12)
 }
 .homepage-premium-max .r4-owner-hotspot__label{
   position:absolute;width:1px;height:1px;margin:-1px;padding:0;
   overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
 }
}
/* On tablets/phones, keep the existing reflowing, sharp HTML text and genuine
   buttons; do not squeeze rasterized typography to unreadable dimensions. */
@media(max-width:1180px){
 .homepage-premium-max .r4-owner-picture,.homepage-premium-max .r4-owner-hotspot{display:none!important}
 .homepage-premium-max .r4-hero-art{
   background-image:linear-gradient(90deg,rgba(3,14,25,.40),rgba(3,14,25,.05) 65%),url("/assets/gracz-hero-mobile-art-r14.webp")!important;
   background-size:100% 100%,cover!important;
   background-position:center,center!important;
   background-repeat:no-repeat!important;
 }
 .homepage-premium-max .r4-hero-motto{font-style:italic;letter-spacing:.01em}
 .homepage-premium-max .r4-hero-claim{color:#e5eef9!important}
}