/* Paper Club: warm sheets, plum ink and coloured record dividers. */
:root {
  --pc-paper: #fcfaf7;
  --pc-sheet: #fffdf9;
  --pc-ink: #29252e;
  --pc-muted: #685f70;
  --pc-plum: #826095;
  --pc-lavender: #d3bfea;
  --pc-lilac: #eee5f4;
  --pc-honey: #f0df98;
  --pc-mint: #b9dcd0;
  --pc-pink: #e9bdd0;
  --pc-line: #d8cddf;
  --pc-shadow: 0 4px 0 #e8e0ed, 0 24px 38px -30px #4c3e5e55;
  --ink: var(--pc-ink);
  --muted: var(--pc-muted);
  --line: var(--pc-line);
  --citrus: var(--pc-honey);
  --iris: var(--pc-lavender);
  --mint: var(--pc-mint);
  --shadow: var(--pc-shadow);
}
body.paper-club {
  background: var(--pc-paper);
  color: var(--pc-ink);
  -webkit-font-smoothing: antialiased;
}
html:lang(en) body.paper-club :is(h1,h2,h3,h4) { font-family: Manrope,Arial,sans-serif; }
body.paper-club :is(h1,h2) { font-weight: 750; }
body.paper-club :is(h3,h4) { font-weight: 700; }
body.paper-club .eyebrow { color: var(--pc-muted); font-weight:750; letter-spacing:.08em; }
body.paper-club .eyebrow::before { background:var(--pc-plum); border-radius:1px; }
body.paper-club .btn {
  background: var(--pc-ink);
  border: 1px solid var(--pc-ink);
  border-radius: 7px;
  color: #fffdf9;
  font-weight:700;
  box-shadow:0 3px 0 #29252e26;
}
body.paper-club .btn.secondary {
  background:var(--pc-sheet);color:var(--pc-ink);border-color:#bcaac7;
  box-shadow:0 3px 0 #e7dfeb;
}
body.paper-club .text-link { color:var(--pc-ink);font-weight:650; }
body.paper-club :is(button,a,input,textarea,select,summary,[tabindex]):focus-visible {
  outline:3px solid #80539b;outline-offset:4px;
}
body.paper-club ::selection { background:#d9c4ea;color:#29252e; }

/* A continuous paper header preserves the current navigation and menu structure. */
body.paper-club .site-header {
  top:0;width:100%;max-width:none;height:82px;
  padding-inline:max(28px,calc((100% - 1300px)/2));
  border:0;border-bottom:1px solid var(--pc-line);border-radius:0;
  background:#fffdf9f5;box-shadow:none;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
body.paper-club .site-header.scrolled { background:#fffdf9f5;box-shadow:0 5px 18px -14px #45334c44; }
body.paper-club .site-header .brand { width:130px; }
body.paper-club .site-header :is(.nav-trigger,.nav>a) { color:var(--pc-ink);font-weight:700; }
body.paper-club .nav-trigger[aria-expanded=true],body.paper-club .site-header .nav>a[aria-current] { color:#77528d; }
body.paper-club .site-header .header-right>.btn { border-radius:7px; }
body.paper-club .header-progress { left:0;right:0;bottom:-1px;border-radius:0; }
body.paper-club .header-progress i { background:#9775ae; }
body.paper-club .nav-panel {
  width:min(1300px,calc(100% - 56px));margin-inline:auto;top:calc(100% + 10px);
  border-color:#cdbdd8;border-radius:12px;background:var(--pc-sheet);
  box-shadow:0 5px 0 #ddd0e6,0 25px 50px -26px #49334c55;
}
body.paper-club .nav-panel-intro { border-color:#cdb8dc;border-radius:8px;background:#e7d9f0; }
body.paper-club .nav-panel-intro::after { border-radius:0;border:1px solid #9b7ab52b;box-shadow:10px 10px 0 #d9c4e4;rotate:-8deg; }
body.paper-club .nav-panel-intro h2 { color:var(--pc-ink);font-weight:750; }
body.paper-club .nav-panel-links>a { border-radius:7px; }
body.paper-club .nav-panel-links>a:hover,body.paper-club .nav-panel-links>a[aria-current] { background:#f0e7f6; }
body.paper-club .nav-link-icon { border-color:#c9b7d5;background:#e8dbf1;color:#6c4c80;border-radius:8px; }
body.paper-club .nav-panel-links>a:nth-child(3n+2) .nav-link-icon { background:#dbeae3;border-color:#b9d0c2;color:#486253; }
body.paper-club .nav-panel-links>a:nth-child(3n) .nav-link-icon { background:#f6e9bc;border-color:#dbcc98;color:#76633b; }
body.paper-club .nav-panel-links strong { color:var(--pc-ink);font-weight:700; }
body.paper-club .nav-panel-links small { color:var(--pc-muted); }
body.paper-club :is(.language-panel,.language-trigger:hover,.language-trigger[aria-expanded=true]) { background:var(--pc-lilac); }
body.paper-club .language-panel { border-color:#cdbbda;border-radius:9px;box-shadow:var(--pc-shadow); }
body.paper-club .language-panel a:hover,body.paper-club .language-panel a[aria-current] { background:#e0cdeb; }
html { scrollbar-color:#a78ab9 #f5f0f7; }
::-webkit-scrollbar-track { background:#f5f0f7; }
::-webkit-scrollbar-thumb { background:#a78ab9;border-color:#f5f0f7; }
::-webkit-scrollbar-thumb:hover { background:#826095; }

@media(hover:hover) and (pointer:fine) {
  body.paper-club .btn:hover { background:#43374d;box-shadow:0 5px 0 #29252e20; }
  body.paper-club .btn.secondary:hover { background:#eee5f4;color:#29252e;box-shadow:0 5px 0 #d9cce3; }
  body.paper-club .text-link:hover { color:#755087; }
}
@media(max-width:1100px) {
  body.paper-club .site-header { padding-inline:24px; }
}
@media(max-width:900px) {
  body.paper-club .site-header { height:76px;padding-inline:20px; }
  body.paper-club .site-header .nav { left:12px;right:12px;background:var(--pc-sheet);border-color:#cdbdd8;border-radius:10px; }
  body.paper-club .nav-panel { width:100%;margin:0;background:#eee5f4;box-shadow:none;border-radius:8px; }
  body.paper-club .nav-panel-intro { background:none; }
  body.paper-club .language-panel { right:0;top:calc(100% + 15px); }
}
@media(max-width:400px) {
  body.paper-club .site-header { padding-inline:14px;gap:10px; }
  body.paper-club .site-header .brand { width:105px; }
  body.paper-club .site-header .header-right { gap:5px; }
}