.demo-profiles-site{background:var(--chalk);color:var(--black)}.demo-wrap{width:min(1440px,100% - clamp(40px,9vw,144px));margin-inline:auto}.demo-profiles-header{background:var(--black);color:var(--chalk);justify-content:space-between;align-items:center;gap:32px;min-height:88px;padding:18px clamp(20px,4.5vw,72px);display:flex}.demo-profiles-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.demo-profiles-header nav>a{align-items:center;gap:20px;min-height:48px;display:flex}.demo-profiles-header nav>a:hover{text-underline-offset:5px;text-decoration:underline}.demo-profiles-header .demo-start{background:var(--yellow);color:var(--black);padding:12px 18px;font-weight:650}:is(.demo-profiles-header a:focus-visible,.demo-profiles-footer a:focus-visible){outline-color:var(--yellow)}.demo-eyebrow{letter-spacing:.11em;font-size:10px;font-weight:700;line-height:1.7}.demo-directory-intro{padding-block:70px 48px}.demo-directory-intro h1{font:var(--display-weight) clamp(45px,6.5vw,99px)/var(--display-leading) var(--display);letter-spacing:var(--display-tracking);max-width:18ch;margin-top:24px}.demo-deck{max-width:48ch;margin-top:28px;font-size:clamp(18px,1.8vw,23px);line-height:1.65}.demo-disclosure{border-left:3px solid var(--black);max-width:72ch;margin-top:32px;padding:5px 0 5px 20px}.demo-disclosure strong{font-size:13px;font-weight:700;line-height:1.6}.demo-disclosure p{color:#55554d;margin-top:6px;font-size:13px;line-height:1.75}.demo-directory{padding-bottom:80px}.demo-directory-topline{border-top:1px solid var(--black);justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding-top:22px;display:flex}.demo-directory-topline h2{font:var(--display-weight) clamp(25px,2.4vw,35px)/var(--display-leading) var(--display);letter-spacing:var(--display-tracking)}.demo-directory-topline>span{letter-spacing:.09em;white-space:nowrap;font-size:9px;line-height:1.6}.demo-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 26px;display:grid}.demo-profile-card{border-bottom:1px solid #08080855;flex-direction:column;min-width:0;padding-bottom:18px;display:flex}.demo-profile-card-top{justify-content:space-between;gap:16px;margin-bottom:22px;display:flex}.demo-profile-card-top>span{font:var(--display-weight) 30px/var(--display-leading) var(--display);letter-spacing:var(--display-tracking);color:#77776c}.demo-profile-avatar{background:var(--profile-color,var(--yellow));aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:102px;display:flex;position:relative;overflow:hidden}.demo-profile-avatar>span{font:var(--display-weight) 42px/var(--display-leading) var(--display);letter-spacing:var(--display-tracking)}.demo-profile-avatar>i{font:650 5px/1 var(--sans);letter-spacing:.08em;font-style:normal;position:absolute;bottom:8px;left:9px}.demo-profile-card h3{font:650 25px/1.12 var(--sans);letter-spacing:-.025em;margin-top:7px}.demo-profile-tagline{min-height:3.3em;margin-top:12px;font-size:14px;line-height:1.65}.demo-card-song{margin-top:22px;font-size:13px;font-weight:650;line-height:1.5}.demo-card-song>small{color:#55554d;margin-top:5px;font-size:10px;font-weight:400;line-height:1.5;display:block}.demo-profile-card-link{justify-content:space-between;align-items:center;gap:15px;min-height:44px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:650;display:flex}.demo-profile-card:hover .demo-profile-card-link{text-underline-offset:4px;text-decoration:underline}.demo-profile-card:hover .demo-profile-card-link svg{transform:translate(2px,-2px)}.demo-back{align-items:center;gap:12px;min-height:48px;margin-top:28px;font-size:13px;display:inline-flex}.demo-back:hover{text-underline-offset:5px;text-decoration:underline}.demo-profile-hero{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:58px;padding-block:36px 8px;display:grid}.demo-profile-hero>.demo-profile-avatar{width:250px}.demo-profile-hero>.demo-profile-avatar>span{font-size:100px}.demo-profile-hero>.demo-profile-avatar>i{font-size:10px;bottom:17px;left:18px}.demo-profile-hero h1{font:var(--display-weight) clamp(48px,5.8vw,86px)/var(--display-leading) var(--display);letter-spacing:var(--display-tracking);margin-top:17px}.demo-profile-hero-tagline{max-width:36ch;margin-top:19px;font-size:clamp(19px,2vw,26px);line-height:1.4}.demo-profile-bio{max-width:60ch;margin-top:22px;font-size:17px;line-height:1.75}.demo-profile-notice{max-width:84ch;margin-block:34px 54px}.demo-profile-songs{padding-bottom:72px}.demo-profile-song{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,7vw,110px);display:grid}.demo-profile-song-summary h3{font:700 clamp(34px,3.7vw,54px)/1.08 var(--sans);letter-spacing:-.035em;max-width:17ch;margin-top:18px}.demo-profile-song-summary>p:not(.demo-eyebrow){color:#55554d;margin-top:20px;font-size:16px;line-height:1.7}.demo-profile-audio{margin-top:28px}.demo-profile-audio audio{width:100%;height:52px;display:block}.demo-profile-audio p{color:#55554d;margin-top:12px;font-size:12px;line-height:1.7}.demo-profile-song-story h4{letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:11px;line-height:1.6}.demo-profile-song-story>p{font-size:18px;line-height:1.8}.demo-profile-lyrics{border-top:1px solid #08080855;margin-top:26px}.demo-profile-lyrics summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:56px;font-size:15px;font-weight:650;list-style:none;display:flex}.demo-profile-lyrics summary::-webkit-details-marker{display:none}.demo-profile-lyrics[open] summary svg{transform:rotate(45deg)}.demo-profile-lyrics>div{white-space:pre-line;padding-block:12px 22px;font-size:16px;line-height:1.85}.demo-profile-coming{border-block:1px solid #08080855;margin-top:28px;padding:18px 0}.demo-profile-coming strong{font-size:14px}.demo-profile-coming p{margin-top:8px;font-size:13px;line-height:1.7}.demo-invitation{background:var(--yellow);justify-content:space-between;align-items:center;gap:40px;padding:58px clamp(20px,4.5vw,72px);display:flex}.demo-invitation h2{font:var(--display-weight) clamp(34px,4vw,58px)/var(--display-leading) var(--display);letter-spacing:var(--display-tracking);margin-top:18px}.demo-invitation p:last-child{margin-top:18px;font-size:17px;line-height:1.7}.demo-invitation>.button{flex-shrink:0;gap:40px;font-size:16px}.demo-profiles-footer{background:var(--black);color:var(--chalk);justify-content:space-between;align-items:center;gap:30px;padding:30px clamp(20px,4.5vw,72px);display:flex}.demo-profiles-footer>p{max-width:22ch;font-size:12px;line-height:1.6}.demo-profiles-footer>a:last-child{align-items:center;gap:18px;min-height:44px;font-size:13px;display:flex}.demo-creators-teaser{border-block:1px solid var(--black);grid-template-columns:.9fr 1.1fr;gap:48px;margin-bottom:48px;padding:32px 0;display:grid}.demo-creators-teaser h2{font:var(--display-weight) clamp(27px,3vw,42px)/var(--display-leading) var(--display);letter-spacing:var(--display-tracking);max-width:14ch;margin-top:16px}.demo-creators-teaser>div>p:not(.demo-eyebrow){max-width:43ch;margin-top:18px;font-size:15px;line-height:1.75}.demo-teaser-all{text-underline-offset:5px;align-items:center;gap:20px;min-height:48px;margin-top:16px;font-size:13px;font-weight:650;text-decoration:underline;display:inline-flex}.demo-teaser-grid{grid-template-columns:1fr 1fr;gap:20px 26px;display:grid}.demo-teaser-grid>a{border-bottom:1px solid #08080835;grid-template-columns:60px minmax(0,1fr) 18px;align-items:center;gap:12px;padding-block:10px;display:grid}.demo-teaser-grid .demo-profile-avatar{width:60px}.demo-teaser-grid .demo-profile-avatar>span{font-size:26px}.demo-teaser-grid .demo-profile-avatar>i{display:none}.demo-teaser-grid>a>span small{letter-spacing:.05em;font-size:7px;line-height:1.5;display:block}.demo-teaser-grid>a>span strong{margin-top:5px;font-size:14px;line-height:1.3;display:block}.demo-teaser-grid>a>span>span{color:#55554d;margin-top:6px;font-size:10px;line-height:1.6;display:block}.demo-teaser-grid>a:hover strong{text-underline-offset:4px;text-decoration:underline}@media (max-width:1100px){.demo-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-creators-teaser{grid-template-columns:1fr;gap:24px}.demo-teaser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-teaser-grid>a{grid-template-columns:48px minmax(0,1fr);gap:10px}.demo-teaser-grid .demo-profile-avatar{width:48px}.demo-teaser-grid>a>svg,.demo-teaser-grid>a>span>span{display:none}.demo-profile-hero{grid-template-columns:200px minmax(0,1fr);gap:35px}.demo-profile-hero>.demo-profile-avatar{width:200px}.demo-profile-hero>.demo-profile-avatar>span{font-size:82px}}@media (max-width:700px){.demo-profiles-header{flex-wrap:wrap;gap:8px;padding-block:12px}.demo-profiles-header .myband-brand{font-size:22px}.demo-profiles-header nav{border-top:1px solid #ffffff30;justify-content:space-between;gap:12px;width:100%;padding-top:7px;font-size:12px}.demo-profiles-header nav>a{gap:8px;min-height:44px}.demo-profiles-header .demo-start{padding:8px 10px}.demo-directory-intro{padding-block:42px 35px}.demo-directory-intro h1{margin-top:21px;font-size:clamp(39px,10vw,64px)}.demo-deck{margin-top:23px;font-size:18px}.demo-disclosure{margin-top:26px;padding-left:15px}.demo-disclosure strong,.demo-disclosure p{font-size:12px}.demo-directory{padding-bottom:48px}.demo-directory-topline{align-items:flex-start;gap:16px;margin-bottom:26px;padding-top:20px}.demo-directory-topline h2{max-width:15ch;font-size:25px}.demo-directory-topline>span{white-space:normal;text-align:right;max-width:13ch;font-size:8px}.demo-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.demo-profile-avatar{width:86px}.demo-profile-avatar>span{font-size:37px}.demo-profile-card-top{gap:10px;margin-bottom:18px}.demo-profile-card-top>span{font-size:21px}.demo-profile-card>.demo-eyebrow{font-size:8px}.demo-profile-card h3{font-size:24px}.demo-profile-tagline{min-height:0;font-size:13px}.demo-card-song{margin-top:18px;font-size:12px}.demo-card-song>small{font-size:9px}.demo-profile-card-link{gap:8px;font-size:11px;line-height:1.5}.demo-profile-card-link svg{flex-shrink:0;width:16px}.demo-back{margin-top:17px;font-size:12px}.demo-profile-hero{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:24px 20px;padding-block:24px 0}.demo-profile-hero>.demo-profile-avatar{width:100px}.demo-profile-hero>.demo-profile-avatar>span{font-size:43px}.demo-profile-hero>.demo-profile-avatar>i{font-size:4px;bottom:9px;left:8px}.demo-profile-hero .demo-eyebrow{font-size:8px;line-height:1.5}.demo-profile-hero h1{margin-top:10px;font-size:clamp(33px,8.5vw,51px)}.demo-profile-hero-tagline{margin-top:12px;font-size:17px;line-height:1.4}.demo-profile-bio{margin-top:18px;font-size:16px;line-height:1.75}.demo-profile-notice{margin-block:28px 36px}.demo-profile-song{grid-template-columns:1fr;gap:32px}.demo-profile-song-summary h3{margin-top:16px;font-size:37px}.demo-profile-song-summary>p:not(.demo-eyebrow){margin-top:16px;font-size:15px}.demo-profile-audio{margin-top:23px}.demo-profile-audio p{font-size:11px}.demo-profile-song-story>p{font-size:17px}.demo-profile-lyrics>div{font-size:15px}.demo-profile-songs{padding-bottom:44px}.demo-invitation{padding-block:40px;display:block}.demo-invitation h2{margin-top:17px;font-size:36px}.demo-invitation p:last-child{font-size:16px}.demo-invitation>.button{justify-content:space-between;width:100%;min-height:54px;margin-top:26px;font-size:15px}.demo-profiles-footer{flex-wrap:wrap;gap:20px}.demo-profiles-footer>p{display:none}.demo-profiles-footer .myband-brand{font-size:23px}.demo-profiles-footer>a:last-child{font-size:12px}.demo-creators-teaser{margin-bottom:30px;padding-block:26px}.demo-creators-teaser h2{max-width:16ch;font-size:31px}.demo-creators-teaser>div>p:not(.demo-eyebrow){font-size:14px}.demo-creators-teaser .demo-eyebrow{font-size:8px}.demo-teaser-grid{grid-template-columns:1fr 1fr;gap:12px 18px}.demo-teaser-grid>a{grid-template-columns:45px minmax(0,1fr)}.demo-teaser-grid .demo-profile-avatar{width:45px}.demo-teaser-grid>a>span strong{font-size:13px}}@media (max-width:370px){.demo-profile-hero{grid-template-columns:80px minmax(0,1fr);gap:16px}.demo-profile-hero>.demo-profile-avatar{width:80px}.demo-profile-hero>.demo-profile-avatar>span{font-size:36px}.demo-profile-card-top>span{display:none}}@media (prefers-reduced-motion:reduce){.demo-profile-card:hover .demo-profile-card-link svg{transform:none}}.demo-profile-hero{row-gap:20px}.demo-profile-hero>.demo-profile-avatar{grid-area:1/1/3;align-self:center}.demo-profile-hero>div:last-of-type{grid-area:1/2}.demo-profile-hero>.demo-profile-bio{grid-area:2/2;margin-top:0}.demo-profile-note{color:#55554d;margin:30px 0 45px;font-size:12px;line-height:1.7}@media (max-width:700px){.demo-profile-hero{row-gap:24px}.demo-profile-hero>.demo-profile-avatar{grid-row:1;align-self:start}.demo-profile-hero>.demo-profile-bio{grid-area:2/1/auto/-1}.demo-profile-note{margin:22px 0 34px;font-size:11px}}.demo-profile-card-top{display:block}.demo-profile-card-top>.demo-profile-avatar{aspect-ratio:1;width:100%;height:auto}.demo-profile-card-top>span{display:none}.demo-profile-card-top>.demo-profile-avatar[data-artwork=fallback]{min-height:160px}.demo-profile-card-top>.demo-profile-avatar[data-artwork=fallback]>span{font-size:65px}.demo-profile-hero>.demo-profile-avatar[data-artwork=ready]{aspect-ratio:1;height:auto;padding:0}.demo-profile-card .demo-profile-card-top{margin-bottom:21px}.demo-profile-avatar.song-artwork>img{object-fit:cover}.demo-teaser-grid .demo-profile-avatar.song-artwork{aspect-ratio:1;height:auto}@media (max-width:700px){.demo-profile-card .demo-profile-card-top{margin-bottom:17px}.demo-profile-card-top>.demo-profile-avatar[data-artwork=fallback]{min-height:0}.demo-profile-card-top>.demo-profile-avatar[data-artwork=fallback]>span{font-size:50px}}.demo-profiles-header .demo-start{white-space:nowrap}.demo-start svg{flex-shrink:0}@media (max-width:380px){.demo-profiles-header nav{flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.demo-profiles-header .demo-start{flex-basis:100%;justify-content:space-between;padding:10px 14px}}
