/* medienwerkstatt006 · DINE WITH THE ARTISTS · Verlinkung Index/BIO → Projektseite + SHOP STMARX · 03.11.2026
   .dwa-mine        Block „Mein Tisch“ in der Event-Sektion (verschwindet mit der Sektion nach dem 18.11.)
   .dwa-shop-hero   dauerhafter SHOP-Button in der Hero-Zeile „Neu 2026“ (index)
   .bmn-dwashop     dauerhafter SHOP-Button in der BIO-Navigation */
.dwa-mine{position:relative;max-width:1500px;margin:0 auto;padding:0 clamp(18px,4vw,56px) 52px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px clamp(24px,4vw,56px);align-items:center}
.dwa-mine::before{content:"";position:absolute;left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px);top:-14px;height:8px;background:linear-gradient(90deg,#ff2d8a,#ff7a2f,#ffe600,#2ee6a8,#00c8ff,#8c3cff,#ff2d8a);background-size:300% 100%;animation:dwaL-fil 12s linear infinite}
.dwa-mine-img{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;text-decoration:none;background:#120705;padding:6px;box-shadow:10px 10px 0 #8c3cff,-6px -6px 0 #ffe600}
.dwa-mine-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;transition:transform .5s}
.dwa-mine-img img:first-child{grid-row:1/3;aspect-ratio:auto}
.dwa-mine-img:hover img{transform:scale(1.03)}
.dwa-mine-t .dwa-lab{margin-bottom:8px}
.dwa-mine-t h3{margin:0 0 8px;font:800 clamp(32px,4vw,58px)/.9 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;color:#fff}
.dwa-mine-t p.d{margin:0 0 16px;font:500 17px/1.4 "Barlow Condensed",sans-serif;color:#f9c9bf}
.dwa-mine-cta{display:flex;flex-wrap:wrap;gap:10px}
.dwa-mine-cta a{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 16px 10px;font:800 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .2s,box-shadow .2s}
.dwa-mine-cta a.pj{border:2px solid #fff;color:#fff}
.dwa-mine-cta a.pj:hover,.dwa-mine-cta a.pj:focus-visible{background:#120705;border-color:#120705}
.dwa-mine-cta a.sh,a.dwa-shop-hero,.bio-machine-nav a.bmn-dwashop{color:#07060a!important;border:0!important;background:linear-gradient(110deg,#8c3cff 0%,#ff2d8a 22%,#ff7a2f 40%,#ffe600 58%,#2ee6a8 78%,#8c3cff 100%)!important;background-size:260% 100%!important;animation:dwaL-flow 6s linear infinite;box-shadow:0 0 0 2px #120705,0 0 0 3px rgba(255,255,255,.7),0 0 26px rgba(255,45,138,.5)}
.dwa-mine-cta a.sh:hover,.dwa-mine-cta a.sh:focus-visible,a.dwa-shop-hero:hover,a.dwa-shop-hero:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 2px #120705,0 0 0 4px #fff,0 0 40px rgba(255,230,0,.6)}
.dwa-mine-cta a.sh b,a.dwa-shop-hero b{font-weight:800;letter-spacing:.2em}
.hero-actions .ha-row a.dwa-shop-hero{display:inline-flex;align-items:center;gap:9px;font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-weight:800!important;font-size:15px!important;letter-spacing:.07em;text-transform:uppercase;border-radius:0!important}
a.dwa-shop-hero i{font-style:normal;font-weight:700;opacity:.85}
a.dwa-shop-hero::before{content:"";width:9px;height:9px;border-radius:50%;background:#07060a;box-shadow:0 0 0 3px rgba(7,6,10,.25);animation:dwaL-pulse 1.8s ease-in-out infinite}
.bio-machine-nav a.bmn-dwashop{font-weight:700}
@keyframes dwaL-flow{to{background-position:260% 0}}
@keyframes dwaL-fil{to{background-position:300% 0}}
@keyframes dwaL-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
@media (max-width:900px){.dwa-mine{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dwa-mine::before,.dwa-mine-cta a.sh,a.dwa-shop-hero,a.dwa-shop-hero::before,.bio-machine-nav a.bmn-dwashop{animation:none}}
.k1{text-transform:none!important;letter-spacing:.02em}
