:root{--ink:#1c1b19;--paper:#f4f0e7;--red:#d83224;--line:#d8d1c5;--display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--body:"Trebuchet MS", sans-serif;--mono:Consolas, "Courier New", monospace;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a:focus-visible{outline:2px solid var(--red);outline-offset:4px}#root{width:100%;min-height:100vh;margin:0 auto}::selection{color:#fff;background:var(--red)}.site-header{background:var(--ink);min-height:112px;color:var(--paper);justify-content:space-between;align-items:center;padding:22px clamp(24px,7vw,96px);display:flex}.wordmark{color:var(--paper);font-family:var(--display);letter-spacing:0;font-size:54px;line-height:1;text-decoration:none}.wordmark-period{color:var(--red)}.header-note,.eyebrow,.intro-index,.collection-count{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:11px}.header-note{color:#c7c2b8}.site-nav{border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;align-items:center;gap:32px;min-height:54px;padding:0 clamp(24px,7vw,96px);display:flex}.site-nav a,.back-to-top{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.site-nav a:hover,.back-to-top:hover,.site-nav a[aria-current=page]{color:var(--red)}.intro{background-color:var(--paper);background-image:repeating-linear-gradient(135deg,#0000 0 23px,#1c1b1909 24px 25px);align-items:center;min-height:370px;padding:68px clamp(24px,7vw,96px) 52px;display:flex;position:relative;overflow:hidden}.intro-copy{z-index:1;max-width:600px;position:relative}.eyebrow{color:var(--red);margin:0 0 14px}.intro h1,.section-heading h2,.about h2,.site-footer h2{color:var(--ink);font-family:var(--display);letter-spacing:0;text-transform:uppercase;margin:0;font-weight:800;line-height:.98}.intro h1{font-size:clamp(48px,7vw,82px)}.intro-description{color:#57534d;max-width:380px;margin:20px 0 0;font-size:16px}.sound-art{opacity:.88;justify-content:space-between;align-items:center;width:290px;height:150px;display:flex;position:absolute;top:50%;right:clamp(24px,11vw,150px);transform:translateY(-50%)rotate(-9deg)}.sound-art span{background:var(--red);width:9px;height:48%}.sound-art span:nth-child(3n){height:88%}.sound-art span:nth-child(4n){height:30%}.sound-art span:nth-child(5n){height:66%}.sound-art span:nth-child(7n){height:100%}.intro-index{color:#777168;position:absolute;bottom:26px;right:clamp(24px,7vw,96px)}.collection{background:#fffdf8;padding:54px clamp(24px,7vw,96px) 62px}.section-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;gap:16px;padding-bottom:22px;display:flex}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2,.about h2,.site-footer h2{font-size:34px}.collection-count{color:#716b62;padding-bottom:4px}.track-list{margin:0;padding:0;list-style:none}.track-entry{border-bottom:1px solid var(--line)}.track-row{grid-template-columns:42px 88px minmax(0,1fr) 48px 150px;align-items:center;gap:18px;min-height:90px;display:grid}.track-thumbnail{aspect-ratio:16/9;object-fit:cover;background:#ded8ce;width:88px;display:block}.track-number,.track-duration{color:#777168;font-family:var(--mono);font-size:12px}.track-info h3{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:21px;font-weight:600;line-height:1.15}.track-info p,.track-info>span{color:#716b62;margin:0;font-size:12px;display:inline}.track-info>span:before{content:" / ";color:#aaa296}.track-link{color:var(--ink);font-family:var(--mono);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;justify-self:end;font-size:12px}.track-link:hover{color:var(--red)}.track-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.lyrics-toggle{color:var(--ink);font-family:var(--mono);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.lyrics-toggle:hover,.lyrics-toggle:focus-visible{color:var(--red)}.lyrics-panel{border-top:1px solid var(--line);background:#f3eee4;padding:24px clamp(20px,7vw,96px) 30px}.lyrics-panel-heading{border-bottom:1px solid #d3cbbf;justify-content:space-between;align-items:baseline;gap:16px;max-width:900px;padding-bottom:12px;display:flex}.lyrics-panel-heading .eyebrow{margin:0}.lyrics-panel-heading span{color:#716b62;font-family:var(--mono);text-transform:uppercase;font-size:11px}.lyrics-text{overflow-wrap:anywhere;max-width:900px;color:var(--ink);white-space:pre-wrap;margin:18px 0 0;font-family:inherit;font-size:14px;line-height:1.8}.lyrics-text strong{color:var(--red);font-weight:900}.lyrics-pending{color:#716b62;margin:18px 0 0;font-size:14px}.about{border-top:1px solid var(--line);background:#e9e3d8;padding:48px clamp(24px,7vw,96px) 54px}.about-page-intro{background-color:var(--paper);background-image:repeating-linear-gradient(135deg,#0000 0 23px,#1c1b1909 24px 25px);padding:54px clamp(24px,7vw,96px) 46px}.about-page-intro h1{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(48px,6vw,72px);font-weight:800;line-height:.98}.about-intro,.about-outro{color:#57534d;max-width:760px}.about-intro{margin:14px 0 0;font-size:16px}.workflow-list{border-top:1px solid #d3cbbf;max-width:860px;margin:26px 0 0;padding:0;list-style:none}.workflow-list li{border-bottom:1px solid #d3cbbf;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;display:grid}.workflow-number{color:var(--red);font-family:var(--mono);padding-top:3px;font-size:12px}.workflow-copy h3{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:20px;font-weight:600;line-height:1.15}.workflow-copy p{color:#57534d;margin:5px 0 0;font-size:14px}.workflow-copy a{color:var(--ink);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:3px}.workflow-copy a:hover{color:var(--red)}.about-outro{margin:24px 0 0;font-size:14px;line-height:1.7}.about-intro,.about-outro{text-wrap:pretty}.crew-section{background:#fffdf8;padding:50px clamp(24px,7vw,96px) 60px}.crew-section h2{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:34px;font-weight:800;line-height:.98}.crew-page h1{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(48px,6vw,72px);font-weight:800;line-height:.98}.minigames-page{background:#fffdf8;min-height:58vh;padding:50px clamp(24px,7vw,96px) 70px}#root:has(.minigames-page){flex-direction:column;display:flex}#root:has(.minigames-page)>main{flex:1}.minigames-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;gap:28px;max-width:1100px;padding-bottom:24px;display:flex}.minigames-heading h1{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(42px,6vw,68px);font-weight:800;line-height:.98}.minigame-choices{border-top:1px solid var(--line);max-width:900px;margin-top:28px}.minigame-choice{border:0;border-bottom:1px solid var(--line);width:100%;min-height:94px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:52px minmax(0,1fr) 28px;align-items:center;gap:16px;padding:18px 8px 18px 0;display:grid}.minigame-choice:hover,.minigame-choice:focus-visible{background:#e9e3d873}.minigame-choice:focus-visible{outline:2px solid var(--red);outline-offset:2px}.minigame-choice-number{color:var(--red);font-family:var(--mono);font-size:12px}.minigame-choice-copy{gap:5px;display:grid}.minigame-choice-copy strong{font-family:var(--display);text-transform:uppercase;font-size:21px;font-weight:700;line-height:1.15}.minigame-choice-copy span{color:#716b62;font-size:13px}.minigame-choice-arrow{color:var(--red);justify-self:end;font-size:20px}.back-to-minigames{color:var(--ink);font-family:var(--mono);text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:24px 0 22px;padding:0;font-size:12px}.back-to-minigames:hover,.back-to-minigames:focus-visible{color:var(--red)}.minigames-intro{color:#57534d;margin:12px 0 0;font-size:15px}.minigame-score{color:#716b62;min-width:82px;font-family:var(--mono);text-align:right;text-transform:uppercase;gap:4px;font-size:11px;display:grid}.minigame-score strong{color:var(--red);font-family:var(--display);font-size:38px;line-height:1}.lyric-game{border-left:3px solid var(--red);background:#f3eee4;max-width:900px;margin-top:34px;padding:26px clamp(20px,4vw,42px) 32px}.minigame-secondary-section{max-width:1100px;margin-top:56px}.minigame-secondary-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;gap:24px;max-width:900px;padding-bottom:18px;display:flex}.minigame-secondary-heading h2{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:36px;font-weight:800;line-height:.98}.minigame-secondary-heading>div:first-child>p:last-child{color:#57534d;margin:10px 0 0;font-size:14px}.minigame-guess-panel{margin-top:22px}.minigame-snippet{border-left:2px solid var(--red);color:var(--ink);font-family:var(--display);overflow-wrap:anywhere;margin:24px 0 0;padding-left:18px;font-size:22px;font-weight:600;line-height:1.5}.minigame-answer-reveal{font-weight:700;line-height:1.4;color:var(--red)!important;font-family:var(--display)!important;text-transform:none!important;margin:8px 0 16px!important;font-size:18px!important}.lyric-result.is-correct .minigame-answer-reveal{color:#167245!important}.lyric-result.is-incorrect .minigame-answer-reveal{color:var(--red)!important}.lyric-game-song{color:var(--red);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:11px}.lyric-prompt{color:var(--ink);font-family:var(--display);margin-top:22px;font-size:22px;font-weight:600;line-height:1.5}.lyric-prompt p{overflow-wrap:anywhere;margin:0}.lyric-prompt .lyric-gap{color:var(--red);font-family:inherit;font-size:inherit;letter-spacing:0;margin:0 .15em;font-weight:700;display:inline}.lyric-prompt .lyric-gap.is-correct{color:#167245}.lyric-prompt .lyric-gap.is-incorrect{color:var(--red)}.lyric-answer-form{margin-top:28px}.lyric-answer-form label{color:var(--ink);font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;font-size:11px;display:block}.lyric-answer-hint{color:#716b62;margin:8px 0 0;font-size:12px}.lyric-answer-controls{gap:10px;display:flex}.lyric-answer-controls input{min-width:0;color:var(--ink);font:inherit;background:#fffdf8;border:1px solid #b8b0a3;border-radius:0;flex:1;padding:12px 14px}.lyric-answer-controls input:focus-visible{outline:2px solid var(--red);outline-offset:2px}.lyric-answer-controls button,.lyric-result button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--mono);text-transform:uppercase;cursor:pointer;padding:11px 16px;font-size:11px}.lyric-answer-controls button:hover:not(:disabled),.lyric-result button:hover{border-color:var(--red);background:var(--red)}.lyric-answer-controls button:disabled{cursor:not-allowed;opacity:.5}.lyric-result{margin-top:26px}.lyric-result p{color:var(--ink);font-family:var(--mono);text-transform:uppercase;margin:0;font-size:12px}.lyric-result button{margin-top:16px}.crew-intro{color:#57534d;max-width:600px;margin:14px 0 0}.crew-list{border-top:1px solid var(--line);max-width:1100px;margin:24px 0 0;padding:0;list-style:none}.crew-member{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding:26px 0;display:grid}.crew-member-featured{border-left:2px solid var(--red);background:linear-gradient(#e9e3d873,#fff0);padding-left:18px}.crew-image,.crew-avatar-placeholder{aspect-ratio:4/3;width:100%;margin-bottom:16px;display:block}.crew-image{object-fit:cover;background:#ded8ce}.crew-image-monochrome{filter:grayscale()}.crew-avatar-placeholder{background:#e9e3d8;place-items:center;display:grid}.anonymous-icon{flex-direction:column;align-items:center;gap:8px;width:64px;display:flex}.anonymous-icon:before{aspect-ratio:1;content:"";background:#8b857b;border-radius:50%;width:26px}.anonymous-icon:after{content:"";background:#8b857b;border-radius:34px 34px 0 0;width:64px;height:34px}.crew-member h2{color:var(--ink);font-family:var(--display);text-transform:uppercase;margin:0;font-size:23px;font-weight:600;line-height:1.1}.crew-member p{color:#57534d;margin:8px 0 0;font-size:13px}.crew-member .crew-role{color:var(--red);font-family:var(--mono);text-transform:uppercase;margin-top:5px;font-size:10px}.crew-details p{color:#57534d;margin:12px 0 0;font-size:14px;line-height:1.65}.crew-details .crew-tagline{color:var(--ink);font-family:var(--display);margin-top:0;font-size:22px;line-height:1.2}.crew-details .crew-bio{margin-top:8px}.crew-details strong{color:var(--ink);font-family:var(--mono);text-transform:uppercase;font-size:11px}.site-footer{background:var(--ink);color:#c7c2b8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px 24px;min-height:180px;padding:32px clamp(24px,7vw,96px);display:grid}.site-footer h2{color:var(--paper)}.site-footer .eyebrow{margin-bottom:8px}.contact-copy{color:#c7c2b8;max-width:560px;margin:8px 0 0;font-size:14px}.footer-email{color:var(--paper);text-underline-offset:4px;margin-top:10px;font-size:14px;display:inline-block}.footer-email:hover{color:#f28a7e}.back-to-top{color:var(--paper);white-space:nowrap}.footer-meta{color:#c7c2b8;font-family:var(--mono);border-top:1px solid #45433f;grid-column:1/-1;justify-content:space-between;gap:16px;padding-top:14px;font-size:11px;display:flex}.footer-meta strong{color:var(--paper);font-weight:700}.footer-meta a{color:inherit;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:3px}.footer-meta a:hover{color:#f28a7e}@media (width<=650px){.site-header{min-height:88px}.wordmark{font-size:46px}.header-note{text-align:right;max-width:120px}.site-nav{gap:8px 16px;padding-top:8px;padding-bottom:8px}.intro{align-items:flex-start;min-height:380px;padding-top:54px}.intro h1{font-size:56px}.sound-art{opacity:.55;width:190px;height:74px;top:auto;bottom:32px;right:28px;transform:rotate(-9deg)}.sound-art span{width:6px}.intro-index{bottom:24px;left:24px;right:auto}.section-heading h2,.about h2,.site-footer h2{font-size:30px}.crew-page h1{font-size:48px}.minigames-page{padding-top:42px}.minigames-heading{align-items:start}.minigames-heading h1{font-size:42px}.minigame-choice{grid-template-columns:32px minmax(0,1fr) 20px;gap:10px}.minigame-choice-copy strong{font-size:18px}.minigame-choice-copy span{font-size:12px}.minigame-score{min-width:52px}.minigame-score strong{font-size:32px}.minigame-secondary-section{margin-top:44px}.minigame-secondary-heading{align-items:start}.minigame-secondary-heading h2{font-size:30px}.minigame-snippet,.lyric-prompt{font-size:19px}.lyric-answer-controls{flex-direction:column}.lyric-answer-controls button{min-height:44px}.about-page-intro{padding-top:48px}.track-row{grid-template-columns:28px 64px minmax(0,1fr) 40px;gap:12px;padding:12px 0}.track-thumbnail{width:64px}.track-info h3{font-size:18px}.track-info p,.track-info>span{font-size:11px}.track-actions{grid-column:3/5;justify-content:flex-start;justify-self:start;gap:18px}.lyrics-panel{padding:20px 16px 24px}.lyrics-text{font-size:13px}.site-footer{grid-template-columns:minmax(0,1fr);gap:18px}.back-to-top{justify-self:start}.footer-meta{flex-direction:column;gap:8px}.crew-list{grid-template-columns:minmax(0,1fr)}.crew-member{grid-template-columns:minmax(0,1fr);gap:12px}}
