:root{
--color-ink:#1e242c;
--color-steel:#576579;
--color-paper:#ffffff;
--color-mist:#e7eaee;
--color-fog:#dbdfe5;
--color-ash:#cfd5dd;
--color-signal-blue:#1a73e8;
--color-coal:#000000;
--font-sans-serif:'sans-serif', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-helveticanowmtdisplaymedium:'HelveticaNowMTDisplayMedium', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-helveticanowmttextregular:'HelveticaNowMTTextRegular', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-helveticanowmttextbold:'HelveticaNowMTTextBold', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-helveticanowmtmicroregular:'HelveticaNowMTMicroRegular', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--font-typecasevar:'TypecaseVar', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--text-micro:11px;
--leading-micro:1.45;
--text-caption:13px;
--leading-caption:1.2;
--text-body:16px;
--leading-body:1.5;
--text-subheading:26px;
--leading-subheading:1.2;
--text-display:57px;
--leading-display:1.12;
--font-weight-regular:400;
--spacing-unit:8px;
--spacing-8:8px;
--spacing-16:16px;
--spacing-24:24px;
--spacing-32:32px;
--spacing-48:48px;
--spacing-64:64px;
--spacing-104:104px;
--page-max-width:1280px;
--section-gap:104px;
--card-padding:16px;
--element-gap:16px;
--radius-lg:8px;
--radius-2xl:16px;
--radius-cards:8px;
--radius-badges:8px;
--radius-images:16px;
--radius-inputs:8px;
--radius-buttons:8px;
--shadow-subtle:rgba(0, 0, 0, 0.16) 0px 0px 2px 0px;
--surface-canvas:#ffffff;
--surface-card:#ffffff;
--surface-overlay:#1a73e8;
--surface-inverted:#1e242c;
color-scheme:light;
--body-canvas:var(--color-paper);--body-ink:var(--color-ink);--body-muted:var(--color-steel);--body-focus:var(--color-signal-blue);--body-border:var(--color-mist);--grid-gutter:var(--spacing-32);--font-display-weight:500;--tracking-normal:normal;--ui-padding-y:12px;--ui-border:1px;--focus-width:3px;--focus-offset:3px;--motion-menu:280ms;--motion-scroll-min:320ms;--motion-scroll-max:850ms;--motion-scroll-speed:3;--navigation-gap:var(--spacing-16);--header-space:var(--spacing-104);--reader-width:768px;
}
*{box-sizing:border-box}html{scroll-padding-top:var(--header-space)}body{margin:0;background:var(--body-canvas);color:var(--body-ink);font-family:var(--font-helveticanowmttextregular);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-normal)}
button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:var(--spacing-8)}@media(hover:hover) and (pointer:fine){a:hover{text-decoration-thickness:var(--focus-width)}}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible,audio:focus-visible,[tabindex]:focus-visible{outline:var(--focus-width) solid var(--body-focus);outline-offset:var(--focus-offset)}[hidden]{display:none!important}
.wrap{max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--grid-gutter)}.skip{position:fixed;top:0;left:var(--spacing-16);transform:translateY(-150%);z-index:5;background:var(--body-canvas);padding:var(--spacing-16)}.skip:focus{transform:none}
header{position:sticky;top:0;background:var(--body-canvas);border-bottom:var(--ui-border) solid var(--body-border);z-index:3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-24);padding-block:var(--spacing-16)}.brand{text-decoration:none;white-space:nowrap}.nav-panel{min-width:0}.nav{display:flex;align-items:center;gap:var(--spacing-24)}.nav a{padding-block:var(--spacing-8);text-decoration:none}.nav a:focus-visible{color:var(--body-focus)}@media(hover:hover) and (pointer:fine){.nav a:hover{color:var(--body-focus)}}.menu-toggle{display:none;border:var(--ui-border) solid var(--body-muted);border-radius:var(--radius-buttons);background:var(--body-canvas);padding:var(--spacing-8) var(--spacing-16)}
section{padding-block:calc(var(--section-gap)/2);scroll-margin-top:0}#listen{padding-top:var(--spacing-48)}h1,h2,h3{font-weight:var(--font-display-weight);font-family:var(--font-helveticanowmtdisplaymedium);word-break:keep-all;text-wrap:balance;letter-spacing:var(--tracking-normal);margin:0}h1{font-size:var(--text-display);line-height:var(--leading-display)}h2,h3{font-size:var(--text-subheading);line-height:var(--leading-subheading)}p{word-break:keep-all;text-wrap:pretty;margin:var(--spacing-16) 0}p:last-child{margin-bottom:0}.muted{color:var(--body-muted)}.eyebrow{margin:0 0 var(--spacing-16);color:var(--body-muted)}.intro{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-32);margin-bottom:var(--spacing-32)}.intro p{max-width:calc(var(--page-max-width)/2)}
.stage{border-radius:var(--radius-images);overflow:hidden;background:var(--surface-inverted);aspect-ratio:16/9}.stage>img,.stage>video{width:100%;height:100%;object-fit:contain;display:block}.actions{display:flex;align-items:center;gap:var(--spacing-16);flex-wrap:wrap;margin-top:var(--spacing-24)}.button{display:inline-flex;justify-content:center;align-items:center;border:var(--ui-border) solid var(--body-muted);border-radius:var(--radius-buttons);padding:var(--ui-padding-y) var(--spacing-24);background:var(--body-canvas);color:var(--body-ink);text-decoration:none;box-shadow:var(--shadow-subtle)}.button.primary{color:var(--color-paper);background:var(--color-signal-blue);border-color:var(--color-signal-blue)}.button:disabled{cursor:default;color:var(--body-muted);box-shadow:none}.status{margin-top:var(--spacing-16)}audio{width:100%;margin-top:var(--spacing-16)}details{border-top:var(--ui-border) solid var(--body-border);padding-block:var(--spacing-24);margin-top:var(--spacing-24)}summary{cursor:pointer;padding-block:var(--spacing-8)}.lyrics{columns:2;column-gap:var(--spacing-64);margin-top:var(--spacing-24)}.lyric-stanza{break-inside:avoid;margin-bottom:var(--spacing-32)}.lyric-stanza h3{margin-bottom:var(--spacing-16)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-24);margin-bottom:var(--spacing-32)}.reader{max-width:var(--reader-width);margin-inline:auto}.reader figure{margin:0 0 var(--spacing-24)}.reader figure:last-child{margin-bottom:0}.reader img{width:100%;height:auto;display:block;border-radius:var(--radius-images)}figcaption{margin-block:var(--spacing-16)}.reader-text{margin-top:var(--spacing-24)}#listen>details,.reader>.reader-text{padding-bottom:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-64)}.about-grid h3{margin-bottom:var(--spacing-16)}.body-link{display:inline-block;margin-top:var(--spacing-16)}footer{background:var(--surface-inverted);color:var(--color-paper);padding-block:var(--spacing-48)}footer p{margin:0}footer .wrap{display:flex;justify-content:space-between;gap:var(--spacing-24);flex-wrap:wrap}.no-script{padding:var(--spacing-16);border:var(--ui-border) solid var(--body-muted)}
@media(max-width:1023px){:root{--section-gap:80px}}
@media(max-width:768px){:root{--grid-gutter:var(--spacing-16)}.intro{display:block}.intro p{max-width:100%}.about-grid{grid-template-columns:1fr;gap:var(--spacing-48)}.section-head{display:block}.lyrics{columns:1}.header-inner{flex-wrap:wrap;row-gap:0}.js .nav-panel{width:100%;overflow:hidden}.js .nav{padding-top:var(--spacing-24)}.js .menu-toggle{display:block}.js .nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16)}.js .nav[hidden]{display:none}}
@media(min-width:1024px){:root{--grid-gutter:var(--spacing-32)}}
@media(hover:none),(pointer:coarse){:root{--ui-padding-y:var(--spacing-16)}a,button,summary{touch-action:manipulation}}
code,.machine-string{overflow-wrap:anywhere;word-break:break-all}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
