/* enhance.css — gemeinsame Design-Politur (Hero, Galerie, Karten)
   Eingebunden in index.html und allen kuenstler-*.html */

/* Hero: Papier-Grain */
.hero{position:relative}
.hero .paper-grain{position:absolute;inset:0;opacity:.055;pointer-events:none;
  mix-blend-mode:multiply;z-index:0}
.hero > *:not(.paper-grain){position:relative;z-index:1}

/* Hero: Gold-Akzentlinie */
.hero .gold-rule{width:52px;height:2px;background:var(--gold);margin:22px 0}

/* Hero: kursiver Stimmungsträger in der Subline */
.hero p.lead em{font-family:"Fraunces",Georgia,serif;font-style:italic;
  font-weight:500;color:var(--ink)}

/* Hero: sanfter Dauer-Herzschlag auf dem Flash-Motiv */
@keyframes heartbeat-loop{0%,84%,100%{transform:scale(1)}88%{transform:scale(1.05)}
  92%{transform:scale(1)}95%{transform:scale(1.03)}}
.hero-flash img{transform-origin:center 70%;animation:heartbeat-loop 3.4s ease-in-out infinite}

/* Galerie: Hover-Overlay + Zoom */
.tile{position:relative;overflow:hidden}
.tile img{transition:transform .45s ease}
.tile:hover img{transform:scale(1.06)}
.tile .tile-ov{position:absolute;inset:0;background:rgba(21,18,13,.52);opacity:0;
  transition:opacity .35s ease;display:flex;flex-direction:column;justify-content:flex-end;
  padding:12px;pointer-events:none}
.tile:hover .tile-ov{opacity:1}
.tile .tile-ov .tag{align-self:flex-start;font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--gold);
  padding:3px 8px;border-radius:2px;margin-bottom:7px}
.tile .tile-ov .who{font-family:"Fraunces",serif;font-size:17px;color:var(--paper-2);line-height:1}
.tile .tile-ov .save{position:absolute;top:10px;right:11px;color:var(--paper-2);opacity:.9;
  width:17px;height:17px}

/* Künstlerkarten: Hover-Lift (falls noch nicht vorhanden) */
.artist{transition:transform .2s ease,box-shadow .2s ease}
.artist:hover{transform:translateY(-4px);box-shadow:0 16px 30px -22px rgba(21,18,13,.5)}

@media (prefers-reduced-motion: reduce){
  .hero-flash img{animation:none}
  .tile img,.artist{transition:none}
  .tile:hover img{transform:none}
  .artist:hover{transform:none}
}