/* Shared EN/NL opening: native artwork, quiet hints and touch scrolling. */
.hero.hero-artwork{touch-action:pan-y}
.hero-artwork .pixel-canvas{pointer-events:none;image-rendering:crisp-edges;image-rendering:pixelated}
.hero-artwork-controls{position:absolute;inset:0;pointer-events:none}
.hero-artwork-zone{position:absolute;padding:0;border:0;border-radius:0;background:transparent;color:#111;cursor:pointer;pointer-events:auto;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.hero-artwork-zone:disabled{visibility:hidden;pointer-events:none}
.hero-artwork-zone:focus-visible{outline:2px solid #111;outline-offset:5px}
.hero-artwork-hint{position:absolute;left:20px;right:20px;text-align:center;font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;color:#777169;pointer-events:none;opacity:0;transition:opacity .24s ease}
.hero-artwork-hint.is-visible{opacity:1}
.hero-artwork-zone[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.hero-artwork-hint{transition:none}}
.hero-artwork-fallback{position:absolute;left:50%;bottom:-5%;transform:translateX(-50%);width:min(54vw,1024px);max-width:none;image-rendering:crisp-edges;image-rendering:pixelated}
@media(max-width:999px){.hero-artwork-fallback{width:min(150vw,832px)}}
@media(max-height:540px){.hero-artwork-hint{font-size:9px}}