/* Raccordable artwork stays behind the entire page, never in an empty hero column. */
main.artist-site { position:relative; isolation:isolate; }
.artist-pattern { position:absolute; z-index:-1; inset:0 0 -768px; pointer-events:none; background:var(--artist-accent); mask-image:var(--artist-pattern); mask-repeat:repeat; mask-size:768px 768px; opacity:.38; animation:artist-pattern-flow 140s linear infinite; }
@keyframes artist-pattern-flow { to { transform:translate3d(0,-768px,0); } }
main.artist-site .artist-hero { display:block; min-height:0; padding:clamp(48px,7vw,100px) clamp(22px,6vw,90px); background:transparent; }
main.artist-site .artist-hero .artist-intro { display:flex; flex-direction:column; align-items:flex-start; gap:0; width:100%; max-width:1100px; min-width:0; margin-inline:auto; padding:0; transform:none; background:transparent; }
main.artist-site .artist-intro > * { min-width:0; max-width:100%; grid-column:auto; grid-row:auto; }
main.artist-site .artist-intro:has(.artist-project-photo) { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(200px,.8fr); grid-template-areas:"kicker photo" "title photo" "tagline photo" "actions photo"; gap:0 clamp(28px,5vw,72px); align-content:center; align-items:start; }
main.artist-site .artist-intro > .artist-kicker { grid-area:kicker; margin:0 0 18px!important; }
main.artist-site .artist-intro > h1 { grid-area:title; width:100%; }
main.artist-site .artist-intro > .artist-tagline { grid-area:tagline; margin:20px 0 0!important; }
main.artist-site .artist-intro > .artist-project-photo { grid-area:photo; align-self:center; justify-self:center; width:min(100%,380px); margin:0; }
main.artist-site .artist-intro > .artist-hero-actions { grid-area:actions; margin:26px 0 0!important; max-width:100%; }
main.artist-site:is(.layout-poster,.layout-horizon,.layout-hearth,.layout-pop,.layout-marquee,.layout-folio,.layout-club,.layout-gorealtar,.layout-goremaw,.layout-gorecathedral,.layout-goreritual) .artist-intro { display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; }
main.artist-site:is(.layout-poster,.layout-horizon,.layout-hearth,.layout-pop,.layout-marquee,.layout-folio,.layout-club,.layout-gorealtar,.layout-goremaw,.layout-gorecathedral,.layout-goreritual) .artist-intro > .artist-tagline { margin-inline:auto!important; }
main.artist-site:is(.layout-poster,.layout-horizon,.layout-hearth,.layout-pop,.layout-marquee,.layout-folio,.layout-club,.layout-gorealtar,.layout-goremaw,.layout-gorecathedral,.layout-goreritual) .artist-project-photo { margin:28px auto 0; width:min(100%,360px); }
main.artist-site:is(.layout-poster,.layout-horizon,.layout-hearth,.layout-pop,.layout-marquee,.layout-folio,.layout-club,.layout-gorealtar,.layout-goremaw,.layout-gorecathedral,.layout-goreritual) .artist-hero-actions { justify-content:center; }
main.artist-site .artist-hero > .artist-feature { position:relative; inset:auto; width:auto; max-width:1100px; margin:30px auto 0; }
main.artist-site .artist-hero-note { position:static; display:block; margin:42px 0 0; text-align:inherit; }
main.artist-site.gore-site .artist-intro::after,main.artist-site.gore-site h1::before,main.artist-site.gore-site h1::after,main.artist-site.gore-site .artist-section::after { display:none; }
main.artist-site .artist-section,main.artist-site .release-card,main.artist-site .member-grid article { min-width:0; }
main.artist-site .concert-row { text-align:left; }
main.artist-site .concert-row > div { min-width:0; }
main.artist-site .concert-row h3 { overflow-wrap:anywhere; }
.artist-cascade-enter { animation:artist-cascade-in .65s cubic-bezier(.22,.61,.36,1) both; animation-delay:var(--cascade-delay,0ms); }
@keyframes artist-cascade-in { from { opacity:0; translate:0 18px; } to { opacity:1; translate:0 0; } }
@media(max-width:700px) {
 main.artist-site .artist-hero .artist-intro:has(.artist-project-photo) { display:flex; flex-direction:column; gap:0; }
 main.artist-site .artist-intro > .artist-project-photo { margin-top:24px; align-self:auto; }
 main.artist-site .artist-hero > .artist-feature { max-width:100%; flex-wrap:wrap; }
 main.artist-site .concert-row > .artist-reactable-link { grid-column:2; }
 main.artist-site .artist-nav { flex-wrap:wrap; gap:16px; }
 main.artist-site .artist-nav > div { flex-wrap:wrap; gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .artist-pattern,.artist-cascade-enter { animation:none!important; transform:none!important; translate:none!important; opacity:1; } .artist-pattern { opacity:.38; } }

/* Opaque reading surfaces preserve palette contrast while artwork stays visible around them. */
main.artist-site .artist-intro > :is(h1,.artist-kicker,.artist-tagline),main.artist-site .artist-section > *,main.artist-site .artist-nav { background-color:var(--artist-bg); }
main.artist-site .artist-intro > :is(h1,.artist-kicker,.artist-tagline) { width:fit-content; max-width:100%; box-shadow:0 0 24px 12px var(--artist-bg); }

main.artist-site .artist-hero-note,main.artist-site .artist-feature { background-color:var(--artist-bg); }