/* Workbench N21: all presentation is scoped to the public profile mount. */
.wn-artist-public{--artist-red:var(--red,#ce1425);--artist-line:var(--line,#85858c55);--artist-paper:var(--paper,#fff);--artist-ink:var(--ink,#19191e);display:grid;gap:24px;width:100%;max-width:100%;min-width:0;color:var(--artist-ink);font:400 17px/1.7 var(--body,Arial,sans-serif)}
.wn-artist-public *{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
.wn-artist-public [hidden]{display:none!important}
.wn-artist-public h2,.wn-artist-public h3,.wn-artist-public h4{font-family:var(--display,Arial,sans-serif);font-weight:400;font-synthesis:none;letter-spacing:-.025em;color:inherit}
.wn-artist-public h2{font-size:clamp(32px,5vw,60px);line-height:1.13;margin:14px 0 22px}
.wn-artist-public h3{font-size:clamp(25px,3.4vw,36px);line-height:1.25;margin:0 0 18px}
.wn-artist-public h4{font-size:clamp(23px,3vw,30px);line-height:1.28;margin:0}
.wn-artist-public p{font-size:17px;line-height:1.7;margin:12px 0}
.wn-artist-public a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
.wn-artist-public a:hover{text-decoration-color:var(--artist-red)}
.wn-artist-public button,.wn-artist-public input,.wn-artist-public select{font:inherit;font-size:17px;min-height:48px;max-width:100%;border:1px solid var(--artist-line);border-radius:10px;background:var(--artist-paper);color:var(--artist-ink)}
.wn-artist-public button{padding:12px 18px;line-height:1.45;white-space:normal;text-align:start;cursor:pointer}
.wn-artist-public button:hover{border-color:var(--artist-red)}
.wn-artist-public input,.wn-artist-public select{padding:12px;width:100%}
.wn-artist-public :focus-visible{outline:3px solid var(--artist-red);outline-offset:4px}
.wn-artist-public .wn-artist-primary{background:var(--artist-red);border-color:var(--artist-red);color:#fff;font-weight:750}
.wn-artist-public .wn-artist-eyebrow{display:block;color:var(--artist-red);font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.wn-artist-public .wn-artist-hero{border:1px solid var(--artist-line);border-top:5px solid var(--artist-red);border-radius:18px;padding:clamp(24px,5vw,52px);background:radial-gradient(ellipse at top right,#ce142518,transparent 75%),var(--artist-paper)}
.wn-artist-public .wn-artist-hero>p{max-width:760px}
.wn-artist-public .wn-artist-filter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.7fr);gap:20px;padding:24px;border:1px solid var(--artist-line);border-radius:16px;background:var(--artist-paper)}
.wn-artist-public .wn-artist-filter>label{display:grid;align-content:start;gap:10px;font-size:17px;font-weight:700}
.wn-artist-public .wn-artist-filter>.wn-artist-actions,.wn-artist-public .wn-artist-filter>.wn-artist-note{grid-column:1/-1}
.wn-artist-public .wn-artist-note{font-size:15px;line-height:1.65}
.wn-artist-public .wn-artist-filter>.wn-artist-note{margin:0}
.wn-artist-public .wn-artist-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.wn-artist-public .wn-artist-status{margin:0;border-left:4px solid var(--artist-red);min-height:52px;padding:12px 18px;background:#ce14250a}
.wn-artist-public .wn-artist-status-quiet{border:0;min-height:0;padding:0;background:none;font-size:15px}
.wn-artist-public .wn-artist-content{display:grid;gap:24px}
.wn-artist-public .wn-artist-results-title,.wn-artist-public .wn-artist-profile-title{scroll-margin-top:110px}
.wn-artist-public .wn-artist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wn-artist-public .wn-artist-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:26px;border:1px solid var(--artist-line);border-top:3px solid var(--artist-red);border-radius:16px;background:var(--artist-paper)}
.wn-artist-public .wn-artist-card>p{margin:0}
.wn-artist-public .wn-artist-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.wn-artist-public .wn-artist-type{display:inline-flex;align-items:center;font-size:16px;font-weight:800;color:var(--artist-red)}
.wn-artist-public .wn-artist-genre{padding:9px 14px;border-radius:30px;background:#ce14250a;font-size:16px}
.wn-artist-public .wn-artist-genres{width:100%;border:1px solid var(--artist-line);border-radius:12px;background:var(--artist-paper)}
.wn-artist-public .wn-artist-genres>summary{min-height:48px;padding:12px 14px;font-size:17px;line-height:1.5;cursor:pointer}
.wn-artist-public .wn-artist-genres>.wn-artist-badges{padding:0 14px 14px}
.wn-artist-public .wn-artist-open,.wn-artist-public .wn-artist-back,.wn-artist-public .wn-artist-source-link{display:inline-flex;align-items:center;min-height:48px;font-size:17px;line-height:1.5;padding:8px 0}
.wn-artist-public .wn-artist-open{font-weight:800;margin-top:auto}
.wn-artist-public .wn-artist-empty{border:1px solid var(--artist-line);border-radius:14px;padding:24px;background:var(--artist-paper)}
.wn-artist-public .wn-artist-detail{display:grid;gap:24px;padding:clamp(20px,4vw,44px);border:1px solid var(--artist-line);border-top:5px solid var(--artist-red);border-radius:18px;background:var(--artist-paper)}
.wn-artist-public .wn-artist-detail h3{margin:0}
.wn-artist-public .wn-artist-profile-header{display:grid;gap:12px}
.wn-artist-public .wn-artist-profile-title{font-size:clamp(26px,4vw,42px);line-height:1.2;margin:0}
.wn-artist-public .wn-artist-lead{font-size:clamp(18px,2vw,22px);line-height:1.7;margin:0}
.wn-artist-public .wn-artist-text{white-space:pre-wrap}
.wn-artist-public .wn-artist-bio{font-size:17px;line-height:1.85}
.wn-artist-public .wn-artist-references{display:grid;gap:18px;border-top:1px solid var(--artist-line);padding-top:26px}
.wn-artist-public .wn-artist-reference-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.wn-artist-public .wn-artist-reference{display:flex;flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--artist-line);border-radius:13px;padding:22px}
.wn-artist-public .wn-artist-reference p{margin:0}
.wn-artist-public .wn-artist-reference-position{font-size:15px;font-weight:800;color:var(--artist-red)}
.wn-artist-public .wn-artist-reference .wn-artist-source-link{margin-top:auto}
.wn-artist-public .wn-artist-date{font-variant-numeric:tabular-nums}
.wn-artist-public .wn-artist-date-state{font-size:16px;font-weight:750}
.wn-artist-public .wn-artist-unavailable{border-style:dashed;background:#85858c08}
@media(min-width:1440px){.wn-artist-public .wn-artist-grid{gap:28px}.wn-artist-public .wn-artist-detail{gap:30px}}
@media(max-width:1024px){.wn-artist-public .wn-artist-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.wn-artist-public .wn-artist-filter>label:last-of-type{grid-column:1/-1}}
@media(max-width:768px){.wn-artist-public .wn-artist-grid,.wn-artist-public .wn-artist-reference-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.wn-artist-public h2,.wn-artist-public h3,.wn-artist-public h4{font-family:Arial,sans-serif;font-weight:800}}
@media(max-width:540px){.wn-artist-public{gap:20px}.wn-artist-public .wn-artist-filter{grid-template-columns:minmax(0,1fr);padding:20px 18px}.wn-artist-public .wn-artist-actions>*{flex:1 1 100%}.wn-artist-public .wn-artist-hero,.wn-artist-public .wn-artist-card,.wn-artist-public .wn-artist-detail,.wn-artist-public .wn-artist-empty{padding:22px 18px}.wn-artist-public .wn-artist-reference{padding:20px 16px}}
@media(max-width:412px){.wn-artist-public h2{font-size:32px}.wn-artist-public .wn-artist-status{padding:12px 14px}}
@media(max-width:390px){.wn-artist-public .wn-artist-hero,.wn-artist-public .wn-artist-card,.wn-artist-public .wn-artist-detail{padding-inline:16px}}
@media(max-width:360px){.wn-artist-public .wn-artist-filter{padding-inline:14px}.wn-artist-public button{padding-inline:14px}}
@media(max-width:320px){.wn-artist-public h2{font-size:30px}.wn-artist-public h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wn-artist-public *,.wn-artist-public *::before,.wn-artist-public *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
html[data-motion=paused] .wn-artist-public *,html[data-motion=paused] .wn-artist-public *::before,html[data-motion=paused] .wn-artist-public *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
/* An editorial culture directory; decoration depicts no actual artist. */
.wn-artist-public .wn-artist-hero{position:relative;isolation:isolate;overflow:hidden;min-height:360px;border:1px solid var(--artist-line);border-radius:23px;padding:clamp(30px,5vw,60px);background:linear-gradient(105deg,#181b31 5%,#24203bed 58%,#271d33b3),url('demo-assets/night.webp') right center/cover;color:white}.wn-artist-public .wn-artist-hero:after{content:'♫';position:absolute;right:7%;bottom:-24px;z-index:-1;font:240px/1 Arial,sans-serif;color:#f2bbff22;transform:rotate(-12deg)}.wn-artist-public .wn-artist-hero .wn-artist-eyebrow{max-width:85%;font:800 11px/1.7 Arial,sans-serif;letter-spacing:.13em;color:#f2c981}.wn-artist-public .wn-artist-hero h2{max-width:900px;font:850 clamp(33px,4.8vw,60px)/1.08 Arial,sans-serif;letter-spacing:-.035em;margin:22px 0;color:#fff}.wn-artist-public .wn-artist-hero>p{max-width:720px;font-size:18px;line-height:1.8;color:#e7e2ee}.wn-artist-public .wn-artist-filter{padding:28px;border-radius:18px;background:linear-gradient(110deg,#a77ce109,transparent),var(--artist-paper);gap:22px}.wn-artist-public .wn-artist-filter>label{font:750 15px/1.6 Arial,sans-serif;gap:11px}.wn-artist-public .wn-artist-filter input,.wn-artist-public .wn-artist-filter select{min-height:54px;background:var(--surface-soft,var(--artist-paper));font-size:17px;padding:13px}.wn-artist-public .wn-artist-filter .wn-artist-primary{min-height:52px;padding-inline:23px}.wn-artist-public .wn-artist-grid{gap:26px}.wn-artist-public .wn-artist-card{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid var(--artist-line);border-radius:18px;padding:178px 30px 30px;gap:18px;--artist-card-tone:#4d365d}.wn-artist-public .wn-artist-card:before{content:'∿  ✦  ♫';display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;height:145px;background:radial-gradient(ellipse at 80% 10%,#f0c37733,transparent),linear-gradient(120deg,#222a41,var(--artist-card-tone));color:#fff;font:800 66px/1 Arial,sans-serif;letter-spacing:.12em}.wn-artist-public .wn-artist-card:nth-child(3n+2){--artist-card-tone:#24564d}.wn-artist-public .wn-artist-card:nth-child(3n){--artist-card-tone:#74532f}.wn-artist-public .wn-artist-card h4{font:800 clamp(26px,2.8vw,34px)/1.18 Arial,sans-serif;letter-spacing:-.025em}.wn-artist-public .wn-artist-card .wn-artist-type{padding:7px 11px;border:1px solid #af85db44;background:#af85db0d;border-radius:8px;font:750 13px/1.5 Arial,sans-serif;color:var(--artist-ink)}.wn-artist-public .wn-artist-card>p{font-size:17px;line-height:1.8;color:var(--muted,#626570)}.wn-artist-public .wn-artist-open{width:100%;justify-content:space-between;border-top:1px solid var(--artist-line);padding-top:18px;text-decoration:none;font:800 15px/1.6 Arial,sans-serif}.wn-artist-public .wn-artist-genre{font-size:14px;padding:8px 12px;background:#b492d910;border:1px solid #b492d933}.wn-artist-public .wn-artist-empty{position:relative;padding:30px;border-style:dashed;border-radius:18px;font-size:18px;line-height:1.8}.wn-artist-public .wn-artist-empty:before{content:'✦';display:block;font:42px/1 Arial,sans-serif;color:var(--artist-red);margin-bottom:18px}.wn-artist-public .wn-artist-profile-header{border-bottom:1px solid var(--artist-line);padding-bottom:28px}.wn-artist-public .wn-artist-detail{border-top:5px solid #9970ba;border-radius:20px}.wn-artist-public .wn-artist-profile-title{font:800 clamp(28px,4vw,44px)/1.16 Arial,sans-serif;letter-spacing:-.025em}.wn-artist-public .wn-artist-reference{background:linear-gradient(145deg,#a984cd0b,transparent),var(--artist-paper);padding:24px}.wn-artist-public .wn-artist-reference-list{gap:20px}
@media(max-width:600px){.wn-artist-public .wn-artist-hero{padding:28px 22px;min-height:340px}.wn-artist-public .wn-artist-hero h2{font-size:clamp(31px,7.5vw,42px)}.wn-artist-public .wn-artist-hero>p{font-size:17px}.wn-artist-public .wn-artist-hero .wn-artist-eyebrow{max-width:100%;font-size:10px}.wn-artist-public .wn-artist-card{padding:163px 23px 25px}.wn-artist-public .wn-artist-card:before{height:135px;font-size:58px}.wn-artist-public .wn-artist-filter{padding:24px 19px}.wn-artist-public .wn-artist-hero:after{right:0;font-size:200px}.wn-artist-public .wn-artist-empty{padding:25px 21px}}
