/*
Theme Name: Pauls Music Group 2026
Theme URI: https://paulsmusicgroup.com/
Author: Pauls Music Group
Author URI: https://paulsmusicgroup.com/
Description: Eigenes Theme der Booking-Agentur Pauls Music Group (Koeln). Einseitiger Auftritt fuer Veranstalter und Kuenstler, mit 3D-Schallplatte, Kuenstlerverwaltung und Anfrageformularen. Texte, Bilder und Kontaktdaten sind im Customizer pflegbar.
Version: 1.0.5
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pauls-music-group
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, footer-widgets, translation-ready
*/

@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400;font-display:swap;src:url(assets/fonts/bodoni-moda-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(assets/fonts/jost-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/jost-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/jost-latin-500-normal.woff2) format('woff2')}

/* ───────────── Tokens ───────────── */
:root{
  --navy-0:#060D1C; --navy-1:#0A1730; --navy-2:#111E38; --navy-3:#16233F; --navy-4:#22314F;
  --silver:#E3E8F0; --silver-2:#C2CCDC; --steel:#9AA7BD;
  --hair:rgba(227,232,240,.13); --hair-2:rgba(227,232,240,.24);
  --display:'Bodoni Moda','Didot','Bodoni 72',Georgia,serif;
  --text:'Jost','Segoe UI',system-ui,sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,5vw,72px);
  --nav-h:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
html.lock{overflow:hidden}
body{background:var(--navy-1);color:var(--silver);font-family:var(--text);font-weight:300;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--silver);color:var(--navy-1)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--navy-0)}::-webkit-scrollbar-thumb{background:var(--navy-4);border-radius:8px;border:2px solid var(--navy-0)}
:focus-visible{outline:2px solid var(--silver);outline-offset:3px;border-radius:2px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.04;text-wrap:balance;font-variation-settings:'opsz' 96}
h1{font-size:clamp(2.1rem,3.9vw,3.5rem)}
h2{font-size:clamp(1.7rem,3.3vw,2.9rem)}
h3{font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.15}
em{font-style:italic}
p.lead{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.55;color:var(--silver-2);max-width:52ch}
p{max-width:58ch}
.wrap{padding-left:var(--pad);padding-right:var(--pad);max-width:1240px;margin:0 auto;position:relative}
.sec{position:relative;padding:clamp(72px,9vw,128px) 0}
.tag{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);font-weight:400}
main{position:relative;z-index:1}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.4rem;border-radius:999px;font-weight:500;font-size:.92rem;letter-spacing:.01em;border:1px solid var(--silver);background:var(--silver);color:var(--navy-1);cursor:pointer;transition:transform .5s var(--ease-out),background .3s,color .3s,box-shadow .5s var(--ease-out);white-space:nowrap}
.btn:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -18px rgba(227,232,240,.55)}
.btn.ghost{background:transparent;color:var(--silver);border-color:var(--hair-2)}
.btn.ghost:hover{background:rgba(227,232,240,.08);border-color:var(--silver);box-shadow:none}
.btn svg{width:15px;height:15px;transition:transform .5s var(--ease-out)}
.btn:hover svg{transform:translateX(4px)}
.link{display:inline-flex;align-items:center;gap:.45rem;font-weight:500;color:var(--silver);position:relative;padding-bottom:2px;font-size:.95rem}
.link::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--silver);transform:scaleX(.35);transform-origin:left;transition:transform .6s var(--ease-out)}
.link:hover::after{transform:scaleX(1)}
.link svg{width:15px;height:15px}

/* ───────────── Intro ───────────── */
#intro{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:transparent;color:var(--silver)}
#intro .brand{text-align:center;transform:translateY(24vh);opacity:0}
#intro .word{font-family:var(--display);font-size:clamp(1.1rem,4.2vw,3.4rem);letter-spacing:.22em;text-transform:uppercase;display:flex;justify-content:center;padding-left:.22em}
#intro .word span{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(6px)}
#intro .word span.sp{width:.5em}
#intro .line{height:1px;width:0;background:var(--silver-2);margin:1.1rem auto .8rem;opacity:.7}
#intro .sub{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--steel);opacity:0}
#intro .skip{position:absolute;right:clamp(20px,4vw,48px);bottom:clamp(20px,4vw,40px);background:none;border:1px solid var(--hair-2);border-radius:999px;color:var(--steel);padding:.45rem .9rem;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0;transition:color .3s,border-color .3s}
#intro .skip:hover{color:var(--silver);border-color:var(--silver)}
#intro.done{display:none}

/* ───────────── 3D stage + grooves ───────────── */
#stage{position:fixed;inset:0;z-index:0;pointer-events:none}
#stage canvas{display:block;width:100%;height:100%}
.grooves{position:fixed;top:-20vh;width:70vw;height:140vh;z-index:0;pointer-events:none;opacity:.55}
.grooves.l{left:-42vw}.grooves.r{right:-42vw}
.grooves svg{width:100%;height:100%}
.grooves circle{fill:none;stroke:var(--silver);stroke-opacity:.06}

/* ───────────── Nav ───────────── */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;border-bottom:1px solid transparent;opacity:0;transform:translateY(-12px)}
.nav.ready{opacity:1;transform:none;transition:opacity .9s var(--ease-out) .1s,transform .9s var(--ease-out) .1s,background .5s,border-color .5s}
.nav.solid{background:rgba(6,13,28,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--hair)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem;max-width:1400px}
.logo{display:flex;align-items:center;gap:.7rem}
.logo img{width:36px;height:36px}
.logo span{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.88rem}
.menu{display:flex;gap:2rem;align-items:center}
.menu a{font-size:.88rem;font-weight:400;color:var(--silver-2);position:relative;padding:.3rem 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--silver);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.menu a:hover{color:var(--silver)}.menu a:hover::after{transform:scaleX(1)}
.nav .btn{padding:.62rem 1.15rem;font-size:.85rem}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:1.5px;background:var(--silver)}
.burger i:nth-child(1){top:16px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:28px}
.mnav{position:fixed;inset:0;z-index:49;background:var(--navy-0);display:grid;place-items:center;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease-out)}
.mnav.open{clip-path:inset(0 0 0 0)}
.mnav nav{display:grid;gap:1.3rem;text-align:center}
.mnav a{font-family:var(--display);font-size:clamp(1.8rem,7vw,2.6rem)}
.mnav .btn{margin-top:1rem;justify-content:center}

/* ───────────── Hero ───────────── */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-top:var(--nav-h)}
.hero .wrap{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:center}
.hero h1{margin-bottom:1.2rem}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
@media (min-width:1025px){.hero h1 .l{white-space:nowrap}}
.hero h1 .l span{display:block;transform:translateY(110%)}
.hero .lead{margin-bottom:1.9rem;opacity:0;transform:translateY(16px)}
.cta{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;opacity:0;transform:translateY(16px)}
.hero-foot{position:absolute;left:0;right:0;bottom:clamp(18px,3.5vw,36px);opacity:0}
.hero-foot .wrap{display:flex;justify-content:space-between;align-items:flex-end}
.hero-foot .tag{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-foot .tag i{font-style:normal;opacity:.5}
.scroll-cue{display:flex;align-items:center;gap:.7rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel)}
.scroll-cue b{display:block;width:1px;height:44px;background:var(--hair-2);position:relative;overflow:hidden}
.scroll-cue b::after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:var(--silver);animation:cue 2.2s var(--ease-out) infinite}
@keyframes cue{0%{top:-100%}60%{top:100%}100%{top:100%}}

/* ───────────── 3D reveal grammar ───────────── */
.js .pmg-front .r3d{opacity:0}

/* ───────────── Doors ───────────── */
.doors{padding:clamp(24px,4vw,56px) 0 clamp(56px,7vw,104px);overflow-x:clip}
.doors .wrap{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:stretch}
.door{padding:clamp(20px,3vw,44px) clamp(20px,3.5vw,56px);backface-visibility:hidden}
.door:first-child{padding-left:0}.door:last-child{padding-right:0}
.door .tag{display:block;margin-bottom:1.1rem}
.door h2{margin-bottom:.9rem}
.door p{color:var(--silver-2);margin-bottom:1.5rem}
.divider{background:var(--hair);transform:scaleY(0);transform-origin:top}

/* ───────────── Section heads ───────────── */
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 4rem;align-items:end;margin-bottom:clamp(36px,5vw,64px)}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
[data-split] .w span{display:inline-block;transform:translateY(105%)}

/* ───────────── Veranstalter ───────────── */
.flow{position:relative}
.flow svg.track{position:absolute;left:0;right:0;top:6px;width:100%;height:2px;overflow:visible}
.flow .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,2vw,28px);perspective:1000px}
.step{position:relative;padding-top:1.9rem;transform-style:preserve-3d}
.step::before{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border-radius:50%;border:1px solid var(--steel);background:var(--navy-1);transition:background .5s,transform .5s var(--ease-out)}
.step.on::before{background:var(--silver);border-color:var(--silver);transform:scale(1.15)}
.step h3{margin-bottom:.4rem}
.step p{color:var(--silver-2);font-size:.92rem;line-height:1.5}
.tiles{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;perspective:1200px;list-style:none}
.tile{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;display:flex;align-items:flex-end;padding:clamp(16px,2vw,24px);font-family:var(--display);font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.15;background:var(--navy-2);transform-style:preserve-3d;transition:transform .7s var(--ease-out)}
.tile:nth-child(1),.tile:nth-child(6){grid-column:span 2;aspect-ratio:auto}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transform:scale(1.04);transition:transform 1.2s var(--ease-out),opacity .6s}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,28,0) 35%,rgba(6,13,28,.82));pointer-events:none}
.tile span,.tile a{position:relative;z-index:1}
.tile:hover img{transform:scale(1.12);opacity:1}
.tile:hover{transform:translateZ(16px)}
.tile.link-tile a{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;width:100%}
.tile.link-tile svg{width:20px;height:20px;flex:none;margin-bottom:.15em}
.v-cta{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;gap:1rem 2.2rem;align-items:center}
.v-cta .tel{color:var(--silver-2);font-size:.95rem}
.v-cta .tel span{font-family:var(--display);font-size:clamp(1.2rem,1.7vw,1.5rem);letter-spacing:.02em;color:var(--silver);margin-left:.3rem}

/* ───────────── Roster ───────────── */
.roster{background:rgba(6,13,28,.62)}
.artist{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:center;perspective:1400px}
.card3d{position:relative;aspect-ratio:4/5;max-width:420px;border-radius:8px;overflow:hidden;background:radial-gradient(120% 90% at 30% 20%,#1a2947 0%,var(--navy-1) 55%,var(--navy-0) 100%);border:1px solid var(--hair);transform-style:preserve-3d;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.card3d .sig{position:absolute;inset:auto -22% -30% auto;width:90%;opacity:.35;transform:translateZ(20px)}
.card3d .init{position:absolute;left:clamp(18px,2.4vw,32px);top:clamp(14px,2vw,26px);font-family:var(--display);font-size:clamp(5rem,11vw,9rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(227,232,240,.35);transform:translateZ(40px)}
.card3d .meta{position:absolute;left:clamp(18px,2.4vw,32px);right:clamp(18px,2.4vw,32px);bottom:clamp(18px,2.4vw,32px);transform:translateZ(60px)}
.card3d .meta h3{font-size:clamp(1.7rem,2.6vw,2.3rem)}
.card3d .meta .tag{display:block;margin-top:.6rem}
.card3d .note{position:absolute;right:clamp(18px,2.4vw,32px);top:clamp(18px,2.4vw,32px);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);border:1px solid var(--hair-2);border-radius:999px;padding:.35rem .7rem;transform:translateZ(30px)}
.artist-copy h2{margin-bottom:1rem}
.artist-copy .lead{margin-bottom:1.6rem}
.genres{margin-top:clamp(56px,7vw,96px)}
.genres h3{margin-bottom:1.2rem;color:var(--silver-2);font-size:1.05rem;font-family:var(--text);font-weight:400}
.genres .tiles{margin-top:0}

/* ───────────── Leistungen ───────────── */
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px);perspective:1200px}
.svc{border-top:1px solid var(--hair-2);padding-top:1.2rem;transform-style:preserve-3d}
.svc h3{margin-bottom:.6rem}
.svc p{color:var(--silver-2);font-size:.95rem;line-height:1.5}

/* ───────────── Künstler ───────────── */
.artists{background:rgba(6,13,28,.62)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);perspective:1200px}
.s3{padding-top:1.2rem;border-top:1px solid var(--hair-2);position:relative;transform-style:preserve-3d}
.s3::before{content:"";position:absolute;top:-1px;left:0;height:1px;width:100%;background:var(--silver);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease-out)}
.s3.on::before{transform:scaleX(1)}
.s3 h3{margin-bottom:.5rem}
.s3 p{color:var(--silver-2);font-size:.95rem}
.a-cta{margin-top:clamp(36px,5vw,56px)}

/* ───────────── Agentur ───────────── */
.agency .grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,6vw,96px);align-items:start}
.quote{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.22;text-wrap:balance}
.quote footer{font-family:var(--text);font-size:.85rem;color:var(--steel);margin-top:1.2rem;letter-spacing:.06em}
.values{display:grid;gap:1.4rem}
.val{border-top:1px solid var(--hair);padding-top:1rem}
.val h3{font-size:1.15rem;margin-bottom:.3rem}
.val p{color:var(--silver-2);font-size:.92rem}

/* ───────────── Finale / Kontakt ───────────── */
.finale{position:relative;padding:clamp(96px,14vw,200px) 0 clamp(72px,9vw,128px);text-align:center;background:linear-gradient(180deg,rgba(6,13,28,0),rgba(6,13,28,.75) 70%)}
.finale h2{font-size:clamp(2.1rem,4.6vw,4.2rem);margin-bottom:1rem}
.finale .lead{margin:0 auto 2.4rem}
.cdata{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 3rem;margin:0 auto clamp(48px,6vw,80px)}
.cdata a{display:block;font-family:var(--display);font-size:clamp(1.15rem,1.8vw,1.6rem);word-break:break-word}
.cdata small{display:block;font-family:var(--text);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin-bottom:.25rem}
.formbox{max-width:640px;margin:0 auto;text-align:left;border:1px solid var(--hair);border-radius:10px;padding:clamp(22px,3vw,40px);background:rgba(6,13,28,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tabs{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;border-bottom:1px solid var(--hair);margin-bottom:1.6rem;position:relative}
.tabs button{background:none;border:0;padding:0 0 .8rem;color:var(--steel);font-weight:500;font-size:.95rem;cursor:pointer;transition:color .3s}
.tabs button[aria-selected="true"]{color:var(--silver)}
.tabs .ind{position:absolute;left:0;bottom:-1px;height:1px;background:var(--silver);transition:transform .6s var(--ease-out)}
form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}
form[hidden]{display:none}
.f{display:grid;gap:.35rem}
.f.full{grid-column:1/-1}
.f label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.f input,.f select,.f textarea{background:transparent;border:0;border-bottom:1px solid var(--hair-2);padding:.6rem 0;color:var(--silver);border-radius:0;transition:border-color .3s;width:100%;-webkit-appearance:none;appearance:none;font-size:.95rem}
.f select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239AA7BD' stroke-width='1.5'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 0 center;padding-right:1.5rem}
.f select option{background:var(--navy-2);color:var(--silver)}
.f input::placeholder,.f textarea::placeholder{color:#7F8BA1}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--silver)}
.f textarea{min-height:96px;resize:vertical}
.f.error input,.f.error select,.f.error textarea{border-color:#E2A0A0}
.f .err{display:none;font-size:.8rem;color:#E2A0A0}
.f.error .err{display:block}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.submit{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;margin-top:.2rem}
.submit p{font-size:.82rem;color:var(--steel);margin:0}
.ok{grid-column:1/-1;display:none;padding:1rem 0 0;border-top:1px solid var(--hair);color:var(--silver-2);font-size:.95rem}
.ok.show{display:block}

/* ───────────── Footer ───────────── */
footer.site{padding:1.6rem 0;border-top:1px solid var(--hair);position:relative;z-index:1;background:var(--navy-0)}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem;font-size:.82rem;color:var(--steel)}
footer.site nav{display:flex;flex-wrap:wrap;gap:1.2rem}
footer.site nav a:hover{color:var(--silver)}
footer.site .brand{display:flex;align-items:center;gap:.6rem;color:var(--silver-2)}
footer.site .brand img{width:26px;height:26px}
footer.site .brand b{font-family:var(--display);font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}

/* ───────────── Responsive ───────────── */
@media (max-width:1024px){
  .menu,.nav .btn{display:none}.burger{display:block}
  .hero .wrap{grid-template-columns:1fr}
  .hero{align-items:start;padding-bottom:clamp(40px,6vw,72px)}
  .hero-copy{max-width:600px;padding-top:44vh;padding-top:44svh}
  .hero-foot{display:none}
  .doors .wrap{grid-template-columns:1fr}
  .door{padding-left:0;padding-right:0}
  .divider{display:none}
  .head{grid-template-columns:1fr}
  .flow .steps{grid-template-columns:repeat(2,1fr);gap:1.6rem}
  .flow svg.track{display:none}
  .step{padding-top:1rem;border-top:1px solid var(--hair-2)}
  .step::before{display:none}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .tile:nth-child(1),.tile:nth-child(6){grid-column:span 2;aspect-ratio:2/1}
  .artist{grid-template-columns:1fr}
  .card3d{max-width:460px;aspect-ratio:5/4}
  .services,.steps3{grid-template-columns:repeat(2,1fr)}
  .agency .grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .flow .steps,.tiles,.services,.steps3{grid-template-columns:1fr}
  .tile,.tile:nth-child(1),.tile:nth-child(6){grid-column:auto;aspect-ratio:16/9}
  form{grid-template-columns:1fr}
  .f.full,.submit,.ok{grid-column:auto}
  .card3d{aspect-ratio:4/5}
  .btn{white-space:normal;text-align:left}
  .cdata{flex-direction:column;gap:1.2rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-cue b::after{animation:none}
}

/* ───────────── WordPress-Ergänzungen ───────────── */
.admin-bar .nav{top:32px}
@media screen and (max-width:782px){.admin-bar .nav{top:46px}}
.admin-bar #intro{top:32px}
@media screen and (max-width:782px){.admin-bar #intro{top:46px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--silver);color:var(--navy-1);padding:.7rem 1.2rem;border-radius:0 0 6px 0}
.skip-link:focus{left:0}
.notice-box{grid-column:1/-1;padding:.9rem 1.1rem;border-radius:6px;border:1px solid var(--hair-2);background:rgba(227,232,240,.06);color:var(--silver-2);font-size:.92rem;margin-bottom:1.2rem}
.notice-box.err{border-color:#E2A0A0;color:#E9C4C4}
.artist-grid{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);perspective:1200px}
.artist-grid .card3d{max-width:none;aspect-ratio:4/5}
.card3d .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.card3d::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,13,28,0) 40%,rgba(6,13,28,.88));pointer-events:none}
.card3d>*{position:relative;z-index:1}
.card3d .photo{z-index:0}
.artist-link{position:absolute;inset:0;z-index:2}
/* Inhaltsseiten (Impressum, Datenschutz, Beiträge) */
.page-hero{padding:calc(var(--nav-h) + clamp(56px,8vw,112px)) 0 clamp(28px,4vw,48px)}
.entry{padding-bottom:clamp(72px,9vw,128px)}
.entry .wrap{max-width:820px}
.entry-content{color:var(--silver-2)}
.entry-content h2{font-size:clamp(1.4rem,2.4vw,2rem);margin:2.2rem 0 .8rem;color:var(--silver)}
.entry-content h3{margin:1.8rem 0 .6rem;color:var(--silver)}
.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1.1rem;max-width:70ch}
.entry-content ul,.entry-content ol{padding-left:1.3rem}
.entry-content li{margin-bottom:.35rem}
.entry-content a{color:var(--silver);text-decoration:underline;text-underline-offset:.2em}
.entry-content img{border-radius:6px;margin:1.4rem 0}
.entry-content blockquote{border-left:1px solid var(--hair-2);padding-left:1.2rem;margin:1.4rem 0;font-family:var(--display);font-size:1.15rem}
.entry-content table{width:100%;border-collapse:collapse;margin-bottom:1.2rem}
.entry-content th,.entry-content td{border-bottom:1px solid var(--hair);padding:.6rem .4rem;text-align:left}
.entry-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:rgba(227,232,240,.08);padding:.15em .4em;border-radius:3px}
.alignleft{float:left;margin:0 1.4rem 1rem 0}.alignright{float:right;margin:0 0 1rem 1.4rem}.aligncenter{margin-left:auto;margin-right:auto}
.wp-caption-text{font-size:.85rem;color:var(--steel)}
@media (max-width:1024px){.artist-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.artist-grid{grid-template-columns:1fr}}