/* Seven languages, one quiet selector. Text direction never reverses the piano. */
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/noto-sans-arabic-400.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/noto-sans-arabic-500.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Arabic';font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/noto-sans-arabic-600.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Devanagari';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/noto-sans-devanagari-400.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Devanagari';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/noto-sans-devanagari-500.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Devanagari';font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/noto-sans-devanagari-600.woff2') format('woff2')}
html .languages,html.menu-ready .languages{display:block;position:relative;inset:auto;margin:0;flex:none;z-index:8;font-family:var(--body);letter-spacing:0;text-transform:none;direction:ltr}
/* The visible pill is only 32px high; its hit area stays 44px. */
html .languages>summary{display:flex;align-items:center;min-height:44px;padding:6px 0;list-style:none;cursor:pointer;border:0;border-radius:18px;color:#ded6e0;background:none;white-space:nowrap}
.languages summary::-webkit-details-marker{display:none}.languages summary:focus-visible{outline:2px solid #cfacd8;outline-offset:2px}
.language-trigger{display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 10px;border:1px solid #8e729b45;border-radius:20px;background:linear-gradient(145deg,#211b28e6,#0e0b13ef);box-shadow:inset 0 1px 0 #e0c6ee0a,0 2px 8px #0004;transition:box-shadow .2s,border-color .2s}
.language-code{font:400 .69rem/1 'Share Tech Mono',monospace;letter-spacing:.1em!important}
.language-globe{color:#baa3c4;flex:none}.language-chevron{color:#ac9fb4;transition:transform .2s;flex:none}
.languages[open] .language-chevron{transform:rotate(180deg)}
.languages[open] .language-trigger,.languages>summary:hover .language-trigger{border-color:#c5a2d279;box-shadow:inset 0 1px 0 #e0c6ee0f,0 0 12px #a16abb14,4px 0 16px #657cb80b}
.languages:not([open])>.language-options{display:none}
html .languages>.language-options{position:absolute;top:calc(100% + 3px);right:0;width:202px;max-width:calc(100vw - 32px);max-height:min(420px,calc(100dvh - 170px));overflow-y:auto;overscroll-behavior:contain;padding:8px;background:radial-gradient(ellipse at 20% 0,#8f609e16,transparent 65%),#100d16f7;border:1px solid #9d80ab47;border-radius:17px;box-shadow:inset 0 1px 0 #ead9f211,0 18px 36px #0009,0 0 24px #8c5ca110;backdrop-filter:blur(18px);animation:language-unfold .18s ease-out;transform-origin:top right;scrollbar-width:thin;scrollbar-color:#695473 transparent}
.language-panel-label{margin:2px 8px 5px;padding:3px 0 8px;border-bottom:1px solid #a38bab1f;color:#bdb0c3;font:400 .66rem/1.6 var(--body);text-align:start}
html .languages .language-options a{--language-accent:#c494e7;display:grid;grid-template-columns:8px minmax(0,1fr) 20px 12px;align-items:center;gap:9px;min-height:44px;padding:6px 9px;width:100%;border:1px solid transparent;border-radius:9px;white-space:nowrap;font:400 .84rem/1.5 'Zen Kaku Gothic New',sans-serif;letter-spacing:0;text-decoration:none;color:#e0d8e4;background:transparent;box-shadow:none;transition:background-color .15s,border-color .15s}
html .languages .language-options a:nth-of-type(2){--language-accent:#a69cdd}html .languages .language-options a:nth-of-type(3){--language-accent:#86bad7}html .languages .language-options a:nth-of-type(4){--language-accent:#8bc6ae}html .languages .language-options a:nth-of-type(5){--language-accent:#d8c687}html .languages .language-options a:nth-of-type(6){--language-accent:#d6ab88}html .languages .language-options a:nth-of-type(7){--language-accent:#d69aa5}
.language-orb{width:4px;height:4px;justify-self:center;border-radius:50%;background:var(--language-accent);box-shadow:0 0 7px 1px color-mix(in srgb,var(--language-accent) 35%,transparent)}
.language-name{text-align:start}.language-options a[lang=ar] .language-name{font-family:'Noto Sans Arabic',sans-serif;text-align:left}.language-options a[lang=hi] .language-name{font-family:'Noto Sans Devanagari',sans-serif}
.language-short{font:400 .59rem/1 'Share Tech Mono',monospace;letter-spacing:.08em!important;color:#a394ad}
.language-check{opacity:0;color:var(--language-accent)}
html .languages .language-options a[aria-current=page]{border-color:#c6a3d024;background:linear-gradient(100deg,#9575a31e,#9575a307)}
.languages a[aria-current=page] .language-check{opacity:1}.languages a[aria-current=page]::after{content:none}
html .languages .language-options a:is(:hover,:focus-visible){background:#ad86bd16;border-color:#c6a3d040;color:#f5edf6;outline:none}
html .languages .language-options a:focus-visible{outline:2px solid #bea1cb;outline-offset:-2px}
html[dir=rtl] .language-panel-label{direction:rtl}html[dir=rtl] .languages>.language-options{left:0;right:auto;transform-origin:top left}
@keyframes language-unfold{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
html[lang=ar],html[lang=ar] body.nocturne{--body:'Noto Sans Arabic',sans-serif;--serif:'Noto Sans Arabic',serif;--mono:'Noto Sans Arabic',sans-serif}
html[lang=hi],html[lang=hi] body.nocturne{--body:'Noto Sans Devanagari',sans-serif;--serif:'Noto Sans Devanagari',serif;--mono:'Noto Sans Devanagari',sans-serif}
html:is([lang=ar],[lang=hi]) body.nocturne{font-family:var(--body)}
html:is([lang=ar],[lang=hi]) :is(h2,h3,h4,p,a,button,summary,label,small,span){letter-spacing:normal}
html:is([lang=ar],[lang=hi]) .section-title{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.55}
html:is([lang=ar],[lang=hi]) .hero-copy>p{line-height:1.95!important}
html:is([lang=ar],[lang=hi]) :is(.eyebrow,.heading-label,.contact-dialog-head>span){font-size:.73rem;line-height:1.7}
html:is([lang=ar],[lang=hi]) em{font-style:normal}
html[dir=rtl] .hero-copy{align-items:flex-start}
html[dir=rtl] .hero-copy>p:not(.identity){border-left:0;border-right:1px solid #895571}
html[dir=rtl] :is(.wordmark,.identity-wordmark,.footer-wordmark,.cassette,#site-navigation,.shelf-rail,.player-seek-row,.piano-controls,.dock-controls,.shelf-controls,.instrument-menu,.player-controls){direction:ltr}
html[dir=rtl] :is(.key-label,.shelf-copy,.instrument-option){direction:rtl}
html[dir=rtl] .shelf-rail{scrollbar-gutter:stable}
html[dir=rtl] .track-number,html[dir=rtl] .player-time,html[dir=rtl] .player-current,html[dir=rtl] [data-dock-title]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] :is(.contact-dialog,.story-text,.writer-copy,.legacy-card){text-align:start}
html[dir=rtl] :is(input[type=email],input[type=url],input[type=tel],input[type=date],input[type=time],#contact-timezone){direction:ltr;text-align:left}
html #contact-country{font-family:var(--body),'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;direction:ltr;text-align:start;text-overflow:ellipsis}
html[dir=rtl] .music-dock{direction:rtl}html[dir=rtl] .dock-track{min-width:0}
html[dir=rtl] .moon-panel{left:auto;right:0}
html:is([lang=fr],[lang=es],[lang=it],[lang=ar],[lang=hi]) .contact-tab{overflow-wrap:anywhere}
html .contact-form input[type=email],html .contact-form input[type=url]{min-width:0}
@media(max-width:650px){
 html .menu-ready .languages,html.menu-ready .languages{position:relative;inset:auto;justify-self:start;grid-column:1;grid-row:2}
 html .languages>.language-options{left:0;right:auto;transform-origin:top left}
 html[dir=rtl] .languages>.language-options{left:auto;right:0;transform-origin:top right}
 html[dir=rtl] .menu-toggle{justify-self:end}
 html:is([lang=ar],[lang=hi]) .section-title{font-size:1.8rem}
 html:is([lang=ar],[lang=hi]) .contact-dialog h2{line-height:1.6}
 html .contact-phone-fields{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html .languages>.language-options{animation:none}.language-trigger,.language-chevron,html .languages .language-options a{transition:none}}
@media(forced-colors:active){html .languages>.language-options,.language-trigger{border:1px solid CanvasText;background:Canvas}.language-check{color:LinkText}html .languages .language-options a[aria-current=page]{border-color:LinkText}}