@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.B_rulq_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.B_rulq_variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--cream:#eee6d8;--white:#fff;--ink:#191919;--graphite:#464a4d;--muted:#5e6367;--orange:#f58232;--blue:#0c74b8;--red:#e63947}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-dm-sans), sans-serif;margin:0}button,select{font:inherit}button{cursor:pointer}.listening-page{background:radial-gradient(ellipse at 80% 0%, #f582321a, transparent 36%), var(--cream);min-height:100vh;padding:28px 28px 64px}.listening-header{flex-direction:column;align-items:center;gap:16px;width:min(840px,100%);margin:0 auto 36px;display:flex}.festival-brand{background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.festival-logo{object-fit:contain;width:240px;height:auto;display:block}.header-divider{background:#1919192e;width:100%;height:1px}.listening-title{color:var(--ink);letter-spacing:-.035em;font-size:32px;font-weight:700}.header-badge{color:#c95f17;letter-spacing:.16em;align-items:center;gap:9px;padding:0;font-size:15px;font-weight:800;display:inline-flex}.header-badge i{background:var(--orange);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #f5823229}.listening-content{width:min(840px,100%);margin:0 auto}.listening-content h1{color:var(--ink);letter-spacing:-1.7px;margin:0 0 15px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.13}.listening-intro{max-width:750px;color:var(--muted);margin:0 0 29px;font-size:clamp(17px,2.4vw,25px);line-height:1.55}.headphone-intro-backdrop{z-index:2147483647;color:#fff;background:radial-gradient(at 50% 47%,#f5823233,#0000 38%),#171717;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100vw;height:100dvh;padding:32px 24px;animation:.35s both intro-backdrop-in;display:flex;position:fixed;inset:0;overflow:hidden}.headphone-intro-backdrop:before,.headphone-intro-backdrop:after{aspect-ratio:1;content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:50%;width:min(72vw,520px);animation:3s ease-out infinite intro-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headphone-intro-backdrop:after{animation-delay:1.5s}.headphone-intro-skip{z-index:2;top:auto;right:auto;bottom:max(clamp(72px, 11.3vh, 164px), env(safe-area-inset-bottom));color:#171717;letter-spacing:.1em;text-transform:uppercase;background:#f1e9d8;border:2px solid #171717;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:104px;height:48px;min-height:48px;padding:0 12px;font-size:16px;font-weight:700;line-height:1;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:4px 4px #090909}.headphone-intro-skip:hover{background:#fff7e8;transform:translate(calc(2px - 50%),2px);box-shadow:2px 2px #090909}.headphone-intro-skip:disabled{cursor:wait;opacity:.7}.headphone-intro-skip:disabled:hover{transform:translate(-50%);box-shadow:4px 4px #090909}.headphone-intro-close-icon{letter-spacing:0;font-size:24px;font-weight:400}.intro-product-image{z-index:1;filter:drop-shadow(0 18px 20px #0000004d);width:clamp(140px,22vw,240px);height:auto;animation:3.2s ease-in-out infinite intro-product-breathe;display:block;position:relative;overflow:visible}.headphone-intro-backdrop h1{z-index:1;color:#fff;letter-spacing:-.045em;text-align:center;text-shadow:0 3px 20px #00000047;margin:0;font-size:clamp(30px,6vw,54px);font-weight:700;line-height:1.1;animation:.7s cubic-bezier(.2,.8,.2,1) both intro-title-in;position:relative}@keyframes intro-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes intro-title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-product-breathe{0%,to{transform:translateY(1px)scale(.99)}50%{transform:translateY(-2px)scale(1.01)}}@keyframes intro-ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.65)}20%{opacity:.75}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}@media (max-width:600px){.headphone-intro-backdrop{gap:20px}.intro-product-image{width:clamp(100px,24vw,140px)}}.language-picker-label{color:var(--graphite);margin-bottom:8px;padding-left:16px;font-size:13px;font-weight:700;display:block}.language-picker{background:var(--white);border:1px solid #b9c0c4;border-radius:13px;height:52px;margin-bottom:15px;position:relative}.language-picker select{appearance:none;border-radius:inherit;width:100%;height:100%;color:var(--graphite);background:0 0;border:0;outline:0;padding:0 48px 0 16px;font-size:16px}.language-picker select:disabled{opacity:.75}.language-picker span{color:var(--muted);pointer-events:none;align-items:center;font-size:23px;line-height:1;display:flex;position:absolute;top:0;bottom:0;right:16px}.connection-button,.audio-track-button{border:2px solid var(--ink);background:var(--orange);width:100%;min-height:80px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:19px;font-size:clamp(22px,3vw,30px);font-weight:800;transition:transform .15s,box-shadow .15s}.connection-button:hover,.audio-track-button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.connection-button.is-disconnect{background:#f2a3ad}.connection-button:disabled{cursor:not-allowed;opacity:.65}.connection-status{color:var(--ink);margin:21px 0 0;font-size:clamp(17px,2.4vw,23px);line-height:1.4}.audio-track-button{min-height:72px;color:var(--ink);text-align:left;background:#f8c08f;justify-content:center;margin-top:25px;padding:14px 24px;font-size:clamp(18px,2.6vw,24px)}.captions-box{background:#fffaf2;border:1px solid #1919191f;border-radius:20px;min-height:245px;margin-top:82px;padding:28px 32px;overflow:hidden;box-shadow:0 18px 40px #1919191f}.captions-box.is-expanded{z-index:2147483647;color:#fff;width:100vw;height:100dvh;min-height:0;box-shadow:none;background:#171717;border:0;border-radius:0;flex-direction:column;margin:0;padding:clamp(22px,5vh,54px) clamp(18px,7vw,96px);display:flex;position:fixed;inset:0}.captions-heading{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:25px;font-size:12px;font-weight:700;line-height:1;display:flex}.captions-expand-button{width:38px;height:38px;color:var(--graphite);background:0 0;border:0;border-radius:50%;flex:0 0 38px;place-items:center;margin:-10px -12px -10px auto;padding:0;font-size:25px;line-height:1;transition:background .2s,color .2s;display:grid}.captions-expand-button:hover{background:#19191914}.captions-box.is-expanded .captions-heading{color:#ffffff9e}.captions-box.is-expanded .captions-expand-button{color:#fff;font-size:32px}.captions-box.is-expanded .captions-expand-button:hover{background:#ffffff1f}.captions-indicator{background:#c6b9a6;border-radius:50%;width:8px;height:8px}.captions-indicator.is-live{background:var(--orange);box-shadow:0 0 0 4px #f5823229}.caption-viewport{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;height:154px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 100%);mask-image:linear-gradient(#0000 0%,#000 18% 100%)}.caption-viewport::-webkit-scrollbar{display:none}.caption-current{min-height:100%;color:var(--ink);letter-spacing:-.045em;text-align:center;flex-direction:column;justify-content:flex-end;gap:14px;padding:52px 0 8px;font-size:clamp(25px,4vw,38px);font-weight:700;line-height:1.2;display:flex}.caption-line,.caption-placeholder{margin:0;transition:color .3s,opacity .3s,transform .3s}.caption-line{color:#9a8e7e;opacity:.58}.caption-line.is-highlighted{color:#bd6c2e;opacity:.94}.caption-line.is-current{color:#321f13;opacity:1}.caption-placeholder{color:#8a8176}.captions-box.is-expanded .caption-viewport{flex:1;width:min(100%,920px);height:auto;margin:0 auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 100%);mask-image:linear-gradient(#0000 0%,#000 22% 100%)}.captions-box.is-expanded .caption-current{gap:clamp(16px,2.5vh,30px);padding:14vh 0 4vh;font-size:clamp(30px,5vw,58px);line-height:1.24}.captions-box.is-expanded .caption-line{color:#fff6}.captions-box.is-expanded .caption-line.is-highlighted{color:#ffbc83;opacity:1}.captions-box.is-expanded .caption-line.is-current{color:#fff;opacity:1}.captions-box.is-expanded .caption-placeholder{color:#ffffff85}button:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #0c74b873}@media (max-width:600px){.listening-page{padding:12px 24px 42px}.listening-header{gap:13px;margin-bottom:30px}.festival-logo{width:205px}.header-badge{letter-spacing:.12em;gap:8px;font-size:13px}.header-badge i{width:8px;height:8px}.listening-content h1{letter-spacing:-1.1px;margin-bottom:13px}.listening-intro{margin-bottom:25px}.connection-button{border-radius:16px;min-height:70px}.audio-track-button{border-radius:16px;min-height:64px}.listening-title{font-size:28px}.captions-box{border-radius:16px;min-height:225px;margin-top:58px;padding:23px 22px}.captions-heading{margin-bottom:22px;font-size:11px}.captions-expand-button{flex-basis:36px;width:36px;height:36px}.caption-viewport{height:145px}.caption-current{font-size:clamp(24px,7vw,32px)}.captions-box.is-expanded{padding:max(20px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom))}.captions-box.is-expanded .caption-current{padding:12vh 0 4vh;font-size:clamp(28px,8vw,42px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
