:root{--bg:#cdccc6;--text:#171716;--sub:#6c6b63;--reveal-text:#f5f2ec;--reveal-text-dim:#f5f2ecb3;--scrim-top:#000000a8;--scrim-mid:#00000024;--accent:#c79a3a;--cell-bg:#8a887f;--hairline:#0000000f;--font-display:"Newsreader", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:14px;--frame-pad-desktop:26px 30px;--frame-pad-mobile:18px 15px 26px;--cell-radius:1px;--ease:cubic-bezier(.4, 0, .2, 1);--t-crossfade:2s;--t-spanswap:.42s;--t-overlay:.38s;--t-intro-stagger:50ms}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;padding:0}body{overscroll-behavior-y:none}a{color:var(--accent);text-decoration:none}a:hover{color:#8f6a1f}button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}#app{height:100%}.frame{background:var(--bg);height:100dvh;color:var(--text);padding:var(--frame-pad-desktop);font-family:var(--font-display);flex-direction:column;gap:20px;display:flex;overflow:hidden}.frame.is-mobile{padding:var(--frame-pad-mobile);gap:15px;overflow:auto}.header{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.005em;text-align:center;font-size:27px;font-style:italic;font-weight:400;line-height:1}.frame.is-mobile .wordmark{font-size:23px}.subtitle{font-family:var(--font-display);color:var(--sub);text-align:center;max-width:560px;font-size:13px;font-style:normal;font-weight:400;line-height:1.5}.subtitle em{font-style:italic}.frame.is-mobile .subtitle{max-width:100%;font-size:12px;line-height:1.45}.grid{gap:var(--gutter);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;flex:auto;min-height:0;display:grid}.frame.is-mobile .grid{flex:none;grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:42vw}.cell{cursor:pointer;background:var(--cell-bg);border-radius:var(--cell-radius);text-align:left;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease);border:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.cell.is-mounted{opacity:1}.cell.is-fading-out{opacity:0;transition:opacity var(--t-spanswap) var(--ease)}.cell .hair{box-shadow:inset 0 0 0 1px var(--hairline);pointer-events:none;position:absolute;inset:0}.layer{opacity:0;transition:opacity var(--t-crossfade) var(--ease);position:absolute;inset:0}.layer.is-visible{opacity:1}.layer img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scrim{background:linear-gradient(0deg, var(--scrim-top) 0%, var(--scrim-mid) 42%, transparent 66%);opacity:0;transition:opacity var(--t-overlay) ease;pointer-events:none;position:absolute;inset:0}.cell.is-revealed .scrim{opacity:1}.overlay{text-align:left;opacity:0;transition:opacity var(--t-overlay) ease, transform var(--t-overlay) ease;pointer-events:none;position:absolute;bottom:12px;left:13px;right:12px;transform:translateY(4px)}.cell.is-revealed .overlay{opacity:1;pointer-events:auto;transform:translateY(0)}.artist-line{font-family:var(--font-mono);color:var(--reveal-text);letter-spacing:.01em;font-size:11px;font-weight:500}.tick{background:var(--accent);vertical-align:middle;width:6px;height:6px;margin-right:7px;display:inline-block}.meta{font-family:var(--font-mono);color:var(--reveal-text-dim);letter-spacing:.09em;text-transform:uppercase;margin-top:4px;padding-left:13px;font-size:9px;display:block}.meta:hover{color:var(--reveal-text)}@media (prefers-reduced-motion:reduce){:root{--t-crossfade:10ms;--t-spanswap:10ms;--t-intro-stagger:0s}.cell{transition-duration:10ms;transition-delay:0s!important}}