/* Ausschließlich die Künstlerseite. Die Tourseite behält ihre rote Gestaltung. */
.artist-page{--bg:#080808;--panel:#111;--red:#ededeb;--text:#f2f2ef;--muted:#a7a7a7;--line:#303030;background:#080808}.artist-page .header{background:#080808ef;border-color:#ffffff1f}.artist-page .brand span{color:#fff}.artist-page .btn-primary{background:#f0f0ed;color:#080808;border-color:#f0f0ed}.artist-page .btn-primary:hover{background:#bfbfbc;border-color:#bfbfbc;color:#080808}.artist-page .eyebrow{color:#b4b4b4}.artist-page em{color:#fff}.artist-page .cta-box{background:#171717;border:1px solid #555}.artist-page .cta-box .btn{color:#080808;background:#f0f0ed;border-color:#f0f0ed}.artist-page .cta-box .eyebrow{color:#bbb}.artist-page .cta-box h2{color:#fff}.artist-page .disc-filters button[aria-pressed=true]{background:#eeeeeb;color:#080808;border-color:#eeeeeb}.artist-page .album-play{background:#eee;color:#080808}.artist-page .album-art img{filter:none}.artist-page .album-art:hover img{filter:none}.artist-page .source-note{color:#a0a0a0}.artist-page .fan-chapters{background:#0b0b0b}.artist-page .milestones,.artist-page .collectors{background:#111}.artist-page .track-highlights article{border-top-color:#bcbcbc;background:#141414}.artist-page .fan-chapter .chapter{color:#999}.artist-page .timeline article>span{color:#c0c0c0}.artist-page .artist-jumps{padding-block:24px;font-size:.76rem}.artist-page .artist-jumps a{letter-spacing:.06em;text-transform:uppercase}.artist-page .artist-jumps a:hover{color:white}.artist-page .text-link,.artist-page .album-listen{border-bottom-color:#777}.artist-page .text-link:hover,.artist-page .album-listen:hover{color:#fff;border-bottom-color:white}.artist-page a:focus-visible,.artist-page button:focus-visible,.artist-page summary:focus-visible{outline-color:#fff}
.artist-page .about-hero-cinematic{isolation:isolate;position:relative;min-height:850px;min-height:100svh;display:flex;align-items:flex-end;padding:150px 0 70px;background:#080808;border-bottom:0;overflow:hidden}.artist-hero-art{position:absolute;inset:0;z-index:-3;display:block}.artist-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);display:block}.about-hero-cinematic:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#080808 0%,#08080885 22%,transparent 65%),linear-gradient(90deg,#080808bb 0%,#08080845 38%,transparent 66%)}.artist-page .about-hero-cinematic .wrap{position:relative;z-index:1}.artist-page .about-hero-cinematic .back-link{color:#ddd;margin-bottom:50px;font-size:.71rem;letter-spacing:.1em;text-transform:uppercase}.artist-page .about-hero-cinematic .eyebrow{color:#bbb;letter-spacing:.24em}.artist-page .about-hero-cinematic h1{font-size:clamp(5rem,9vw,10rem);margin:26px 0 18px;line-height:.86;letter-spacing:-.075em;max-width:660px}.about-hero-cinematic h1 span{display:block;font-size:.25em;line-height:1.12;letter-spacing:-.025em;margin-bottom:20px;color:#c2c2c2}.about-hero-cinematic h1 span br{display:none}.about-hero-cinematic h1 span br:after{content:' '}.about-hero-cinematic h1 em{display:block;font-size:1.8em;line-height:.8;font-style:normal;letter-spacing:-.085em;margin-left:-.045em}.artist-page .about-hero-cinematic p{color:#d0d0d0;font-size:1rem;line-height:1.7;margin:30px 0 0;max-width:360px}.artist-frame{position:absolute;inset:104px 32px 30px;border:1px solid #ffffff1c;z-index:-1;pointer-events:none}.artist-page .about-hero-number{z-index:-1;color:#ffffff09;right:35px;bottom:35px;font-size:15vw;line-height:.85}.artist-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.hero-story-link{font-size:.8rem;color:#ccc}.hero-story-link:hover{color:white}.artist-original-photo{filter:grayscale(1);border:1px solid #333}.artist-page .artist-tour-reference{margin-top:30px;filter:grayscale(1);max-height:390px;object-fit:contain;object-position:left;background:#080808}.artist-page .artist-figure figcaption{font-size:.62rem;color:#999}.artist-interlude{padding:80px 0;background:#e0e0dc;color:#090909;overflow:hidden}.artist-interlude-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.artist-photo-caption .eyebrow{color:#444}.artist-photo-caption>p{font-weight:950;font-size:clamp(3rem,6vw,6rem);line-height:.92;letter-spacing:-.07em;margin:34px 0;text-transform:uppercase}.artist-photo-caption>p em{color:#080808}.artist-photo-credit{font-size:.65rem;color:#555}.artist-interlude figure{margin:0;transform:rotate(2deg);background:#101010;padding:12px 12px 20px}.artist-interlude img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.1)}.artist-interlude figcaption{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;padding:16px 4px 0;color:#aaa}.artist-page .album-meta{color:#aaa}.artist-page .disc-stats{border-block-color:#555}.artist-page .singles-list time,.artist-page .collector-item time{color:#bdbdbd}.artist-page .track-highlights span{color:#bbb}.artist-page .artist-interlude .eyebrow{color:#444}
@media(min-width:1800px){.artist-page .about-hero-cinematic{min-height:960px}.artist-hero-art img{object-position:center 38%}}
@media(max-width:960px){.artist-page .about-hero-cinematic{min-height:850px}.artist-interlude-grid{gap:45px}.artist-frame{inset:100px 20px 24px}.artist-page .about-hero-cinematic h1 em{font-size:1.65em}.artist-page .about-hero-cinematic .back-link{margin-bottom:45px}}
@media(max-width:700px){.artist-page .about-hero-cinematic{min-height:860px;min-height:100svh;padding:120px 0 45px;align-items:flex-end}.artist-hero-art img{object-position:center top}.about-hero-cinematic:after{background:linear-gradient(0deg,#080808 0%,#080808d9 24%,#08080830 53%,transparent 70%)}.artist-page .about-hero-cinematic .back-link{margin-bottom:22px;font-size:.62rem}.artist-page .about-hero-cinematic .eyebrow{font-size:.55rem;letter-spacing:.16em}.artist-page .about-hero-cinematic h1{font-size:19vw;max-width:100%;margin:20px 0 0}.about-hero-cinematic h1 span{font-size:.26em;margin-bottom:16px}.artist-page .about-hero-cinematic h1 em{font-size:1.5em}.artist-page .about-hero-cinematic p{font-size:.85rem;line-height:1.6;margin-top:20px}.artist-hero-actions{margin-top:22px;gap:18px}.artist-hero-actions .btn{min-height:46px;padding:0 16px;font-size:.75rem}.hero-story-link{font-size:.7rem}.artist-frame{inset:82px 12px 18px}.artist-page .about-hero-number{font-size:30vw;bottom:24px;right:20px}.artist-interlude{padding:60px 0}.artist-interlude-grid{grid-template-columns:1fr;gap:40px}.artist-photo-caption>p{font-size:15vw;margin-block:24px}.artist-interlude figure{max-width:420px;width:94%;justify-self:center}.artist-page .artist-jumps{gap:8px 18px;padding-block:20px}.artist-page .artist-jumps a{font-size:.64rem}.artist-page .artist-tour-reference{max-height:320px}.artist-page .biography-layout h2{font-size:11vw}}
@media(max-width:400px){.artist-page h2,.artist-page .biography-layout h2{font-size:clamp(1.9rem,9.5vw,2.4rem);overflow-wrap:anywhere}.artist-page .editorial-grid>*,.artist-interlude-grid>*{min-width:0}.artist-photo-caption>p{font-size:13.5vw}.artist-page .about-hero-cinematic h1 span{word-spacing:.15em}}
/* Die Abschnittsnavigation dockt erst nach dem Hero unter dem Hauptmenü an. */
.artist-page{--site-header-height:76px;--artist-jumps-height:80px}.artist-page .artist-jumps{position:sticky;top:var(--site-header-height);z-index:25;width:100%;margin:0;padding:18px max(32px,calc((100% - var(--max))/2));background:#080808;border-top:1px solid #303030;border-bottom:1px solid #444;gap:10px 28px}.artist-page section[id],.artist-page .album-card[id]{scroll-margin-top:calc(var(--site-header-height) + var(--artist-jumps-height) + 24px)}.artist-page .artist-jumps a{padding:4px 0;white-space:nowrap}.artist-page .artist-jumps a[aria-current="location"]{color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.artist-page .artist-jumps a:focus-visible{outline-offset:3px}
@media(max-width:700px){.artist-page{--site-header-height:64px;--artist-jumps-height:100px}.artist-page .artist-jumps{padding:10px 18px;gap:4px 18px}.artist-page .artist-jumps a{font-size:.62rem;line-height:1.8}}
/* Originalportrait als eigene Bildebene: Gesicht und Tattoos werden nicht neu generiert. */
.artist-desktop-original{position:absolute;right:0;top:0;width:66%;height:100%;z-index:-3;object-fit:contain;object-position:right center;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 95%,transparent 100%)}
@media(max-width:700px){.artist-desktop-original{display:none}}
@media(min-width:701px){.artist-desktop-original{top:var(--site-header-height);height:calc(100% - var(--site-header-height));mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 95%,transparent 100%)}}
@media(min-width:701px){.artist-page .artist-desktop-original{mask-image:url('assets/silla2-freistellmaske.png');-webkit-mask-image:url('assets/silla2-freistellmaske.png');mask-size:contain;-webkit-mask-size:contain;mask-position:right center;-webkit-mask-position:right center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-mode:alpha}}
