/* Rounded CTAs with the quiet proportions and light typography of Apple's buttons. */
:root{--cta-radius:980px;--cta-padding:12px 22px;--cta-height:46px}
body .button,body a.text-link,body button.text-link,body .stage-world-link,body .world-about-link,body .world-answer a.text-link,body .world-journey .journey-all,body #directory-index-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--cta-radius);min-height:var(--cta-height);padding:var(--cta-padding);font-family:var(--body);font-size:14px;font-weight:400;line-height:1.2858;letter-spacing:-.016em;text-transform:none;text-decoration:none;white-space:normal;max-width:100%;box-sizing:border-box;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer}
body .button{border-width:1px;border-style:solid;box-shadow:none}body a.text-link,body button.text-link,body .world-about-link,body .world-journey .journey-all{border:1px solid currentColor;background:transparent;width:max-content;text-decoration:none}
body .button:not(:disabled):hover,body a.text-link:hover,body button.text-link:hover,body .world-about-link:hover{filter:brightness(1.06);box-shadow:0 4px 18px #0d071019}
body .button:not(:disabled):active,body a.text-link:active,body button.text-link:active,body .stage-world-link:active,body .world-about-link:active{transform:scale(.975)}
body .button:focus-visible,body a.text-link:focus-visible,body button.text-link:focus-visible,body .stage-world-link:focus-visible,body .world-about-link:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
body .button>.icon,body a.text-link>.icon,body button.text-link>.icon,body .stage-world-link>.icon,body .world-about-link>.icon{width:17px;height:17px;flex-shrink:0;transform:none}
body .button.purple{background:var(--purple);border-color:var(--purple);color:#150c20}body .button.purple:hover{background:#b187f4;border-color:#b187f4;color:#150c20}
body .button.dark{background:#1d1424;border-color:#1d1424;color:#fff}body .button.dark:hover{background:#392344;border-color:#392344}
body .button.outline{border-color:currentColor;background:transparent}
body .site-header .button.small{font-size:12px;min-height:36px;padding:8px 16px;gap:8px}
body .site-header .button.small .icon{width:14px;height:14px}
body .yarn-read-button,body .merch-page .button.merch-cta,body .world-primary{background:#fff;color:#211329;border-color:#fff;gap:10px}
body .yarn-read-button:hover,body .world-primary:hover{background:#f0e7f6;border-color:#f0e7f6;color:#211329}
body .merch-page .button.merch-cta:hover{background:#eee2f7;border-color:#eee2f7;color:#321146}
body .intro-vibe-link{min-width:0;width:max-content}
body .stage-world-link{background:#fff;border:1px solid #fff;color:#211329;font-size:14px;gap:15px;min-height:46px;padding:12px 22px}
body .stage-world-link:hover{background:#eee3f6;color:#211329;border-color:#eee3f6}
body .world-about-link{border-color:#ffffff70;color:#fff;background:#1d0c2b30;backdrop-filter:blur(8px)}
body #directory-index-open{min-height:42px;padding:9px 17px;font-size:12px;gap:12px;border-color:#ffffff65}
body .world-answer a.text-link{font-size:12px;color:#603445;border-color:#9a596080;margin-top:24px;background:#ffe8d52e}
body .world-answer a.text-link:hover{background:#ffe8d55c}
body .world-journey .journey-all{font-size:12px;flex:0 0 auto;min-height:42px;padding:10px 17px;border:1px solid #ffffff35;margin-top:0}
body .profile-player a.text-link{font-size:12px;min-height:41px;padding:9px 17px}
body .section-head a.text-link{margin-top:20px;font-size:12px;min-height:41px;padding:10px 17px}
body .waitlist-submit,body .waitlist-done,body .request-form .button{border-radius:var(--cta-radius);font-size:15px;min-height:48px;padding:13px 23px;letter-spacing:-.016em;font-weight:400}
body .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
body .directory-step>button,body .world-photo-dialog figcaption button,body .artist-scroll-controls button,body .release-scroll-controls button{border-radius:50%;transition:background-color .18s ease,transform .18s ease}
body .directory-step>button:not(:disabled):active,body .world-photo-dialog figcaption button:active{transform:scale(.96)}
.world-country{display:flex;align-items:center;gap:13px;margin:0 0 27px;font-family:var(--body);font-size:11px;color:#e0cbe9;line-height:1.5}
.world-country>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#b69ac6}.world-country>div{display:flex;flex-wrap:wrap;gap:14px}.world-country>div>span{display:inline-flex;align-items:center;gap:8px}.world-country img{display:block;width:28px;height:21px;object-fit:cover;border:1px solid #ffffff40;border-radius:2px;box-shadow:0 2px 8px #0c071533}
@media(max-width:760px){body .button,body a.text-link,body button.text-link,body .stage-world-link,body .world-about-link{min-height:44px;padding:11px 19px;font-size:14px;gap:10px}body .site-header .button.small{font-size:12px;min-height:36px;padding:8px 15px}body .yarn-hero-story .button{font-size:13px;min-height:44px;padding:11px 19px}body .world-hero-actions{gap:12px}body .world-about-link{font-size:12px}body #directory-index-open{font-size:11px;min-height:44px;padding:10px 14px}body .world-answer a.text-link{font-size:12px;min-height:44px;padding:11px 17px}body .world-journey .journey-all{flex-basis:100%;margin-top:5px;border:1px solid #ffffff35;padding:11px 17px;min-height:44px}body .waitlist-submit,body .waitlist-done,body .request-form .button{font-size:15px;min-height:48px;padding:13px 22px}.world-country{font-size:11px;gap:12px;margin-bottom:24px}.world-country>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){body .button,body a.text-link,body button.text-link,body .stage-world-link,body .world-about-link,body #directory-index-open{transition:none}body .button:not(:disabled):active,body a.text-link:active,body button.text-link:active,body .stage-world-link:active,body .world-about-link:active{transform:none}}
[data-motion=off] .button,[data-motion=off] a.text-link,[data-motion=off] .stage-world-link{transition:none}

body [hidden]{display:none!important}

/* The homepage Club invitation uses the MV orange accent. */
.mv-home #club-heading,.mv-home #club-heading>span{color:var(--orange)}
.mv-home #club-explore{background:var(--orange);border-color:var(--orange);color:#150c20}
.mv-home #club-explore:hover{background:#ff8d59;border-color:#ff8d59;color:#150c20}

/* Artist categories are text navigation, with no pill backgrounds. */
body .artist-text-filters{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none}
body .artist-text-filters button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:11px 0;border:0;border-radius:0;background:none;color:#cfbddb;box-shadow:none;backdrop-filter:none;font:700 12px/1.3 var(--body);letter-spacing:.01em;white-space:nowrap;text-transform:none;transition:color .18s ease;transform:none}
body .artist-text-filters button::before{display:none}
body .artist-text-filters button::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
body .artist-text-filters button:is([aria-pressed=true],.active){color:var(--orange);background:none;border:0;box-shadow:none}
body .artist-text-filters button:is([aria-pressed=true],.active)::after{transform:scaleX(1)}
body .artist-text-filters button:hover{color:#fff;background:none;box-shadow:none}
body .artist-text-filters button:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}
body .directory-step>button{min-width:44px;min-height:44px}
@media(max-width:760px){
 body .artist-text-filters{gap:17px}
 body .artist-text-filters button{font-size:10.5px;padding:11px 0}
 body #directory-index-open{min-height:44px;font-size:10px;gap:7px;padding:8px 12px}
 body #directory-index-open .icon{width:14px;height:14px}
}
@media(max-width:390px){body .artist-text-filters{gap:13px}body .artist-text-filters button{font-size:10px}body #directory-index-open{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){body .artist-text-filters button,body .artist-text-filters button::after{transition:none}}

.footer .footer-youtube{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;border-radius:50%;color:inherit;transition:color .2s,background .2s}.footer .footer-youtube svg{display:block;width:24px;height:24px;flex:none}.footer .footer-youtube:hover{color:var(--orange);background:rgba(255,255,255,.06)}

/* Footer navigation sits beneath the wordmark and wraps naturally. */
body .footer .footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;padding-bottom:24px}
body .footer .footer-top>p{margin:0 0 8px}
body .footer .footer-top>div{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 22px;width:100%;min-width:0}
body .footer .footer-top>div>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;line-height:1.4;white-space:nowrap}
body .footer .footer-top>div>a .icon{width:17px;height:17px;flex:none}
body .footer .footer-top>div>a.platform-icon-link,body .footer .footer-top>div>a.footer-youtube{width:44px;min-height:44px;padding:10px!important}
body .footer .footer-top>div>a.platform-icon-link svg,body .footer .footer-top>div>a.footer-youtube svg{width:24px;height:24px}
@media(max-width:760px){body .footer .footer-top{gap:0;padding-bottom:20px}body .footer .footer-top>a{height:112px}body .footer .footer-top>div{gap:2px 18px}body .footer .footer-top>div>a{font-size:12px}}
body .footer{color:#f4f0e8}
body .footer .footer-top>div>a.footer-youtube{color:#f4f0e8}
body .footer .footer-top>div>a.footer-youtube:hover{color:var(--orange)}