:root{color-scheme:light;--bg:#f5f3ef;--ink:#263d33;--muted:#6e7970;--glass:#ffffff85;--line:#3d514121;--accent:#486953;--soft:#e5e9dc;--shadow:0 12px 50px #3d503807;--art:#d7dfce}:root[data-theme=dark]{color-scheme:dark;--bg:#131c19;--ink:#e3e9dc;--muted:#a7b2a7;--glass:#29352e87;--line:#cde0c624;--accent:#b6ceb0;--soft:#293a2d;--shadow:0 12px 50px #0002;--art:#354c3d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:radial-gradient(ellipse at 83% 20%,#9aaa8130,transparent 42%),radial-gradient(ellipse at 4% 40%,#e4c4a527,transparent 35%),var(--bg);color:var(--ink);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{letter-spacing:-.065em}em{font-family:Georgia,serif;font-weight:400}main,footer{max-width:1200px;margin:auto;padding:0 44px}.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 #ffffff50;-webkit-backdrop-filter:blur(24px)}.topbar{z-index:10;border-radius:24px;justify-content:space-between;align-items:center;max-width:1112px;margin:24px auto 0;padding:14px 20px;display:flex;position:sticky;top:16px}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:22px;font-weight:700;display:inline-flex}.brand-symbol{background:var(--ink);color:var(--bg);border-radius:11px;place-content:center;width:35px;height:35px;padding-bottom:3px;font-family:Georgia,serif;font-size:31px;line-height:1;display:grid}.brand-dot{vertical-align:super;margin-left:3px;font-size:10px}nav{gap:6px;display:flex}.topbar nav a{color:var(--muted);border-radius:25px;padding:8px 17px;font-size:13px}.topbar nav a[aria-current=page]{background:var(--soft);color:var(--ink)}.theme-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-content:center;width:38px;height:38px;font-size:25px;line-height:1;display:grid}.moon{display:none}[data-theme=dark] .moon{display:inline}[data-theme=dark] .sun{display:none}.skip{position:absolute;top:-100px}.skip:focus{z-index:100;background:var(--bg);padding:12px;top:0}.hero{padding:86px 0 0}.eyebrow{letter-spacing:1.7px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.6}.status-dot{background:var(--accent);border-radius:100%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.hero h1{margin:23px 0;font-size:clamp(48px,6.2vw,78px);font-weight:550;line-height:1.08}.hero h1>span{color:var(--accent);letter-spacing:-.055em;font-family:Georgia,serif;font-style:italic;font-weight:400}.hero>p{color:var(--muted);font-size:15px;line-height:1.85}.hero-actions{gap:10px;margin-top:28px;display:flex}.button{border-radius:30px;align-items:center;gap:26px;padding:13px 21px;font-size:12px;font-weight:500;display:inline-flex}.primary{background:var(--ink);color:var(--bg)}.hero-caption{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:2px;justify-content:space-between;padding:54px 0 21px;font-size:9px;display:flex}.hero-caption i{vertical-align:middle;margin-left:15px;font-size:26px;font-style:normal}.home-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:32px;padding:32px 0 48px;scroll-margin-top:100px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.6px;font-size:20px;font-weight:600}.section-heading>a,.section-heading>span{color:var(--muted);font-size:11px}.section-heading a span{margin-left:8px}.feature-card{border-radius:23px;transition:transform .2s;display:block;overflow:hidden}.feature-card:hover,.chart-card:hover,.label-card:hover{transform:translateY(-4px)}.feature-art{background:radial-gradient(circle at 20% 20%,#eff1daaa,transparent 65%),var(--art);height:255px;padding:26px 32px;position:relative;overflow:hidden}.feature-art>span:first-child{letter-spacing:-3px;z-index:1;font-size:51px;font-weight:550;line-height:.93;position:relative}.feature-art i{font-family:Georgia,serif;font-weight:400}.art-orbit{border:1px solid #7c916a70;border-radius:100%;width:240px;height:240px;position:absolute;top:25px;right:25px;box-shadow:0 0 0 23px #ffffff12,0 0 0 24px #7c916a30,0 0 0 47px #ffffff12,0 0 0 48px #7c916a20}.art-orbit:after{content:"✳";color:#64805d77;place-content:center;font-size:136px;display:grid;position:absolute;inset:0}.art-note{letter-spacing:2px;font-size:7px;position:absolute;bottom:19px;left:32px}.feature-copy{padding:25px 28px}.feature-copy h3{letter-spacing:-.8px;margin:13px 0;font-size:25px}.feature-copy p{color:var(--muted);font-size:13px;line-height:1.8}.read-more{justify-content:space-between;margin-top:23px;font-size:11px;font-weight:600;display:flex}.post-list{margin-top:15px}.post-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:24px 0;display:flex}.post-row h3{letter-spacing:-.3px;margin-top:6px;font-size:16px;font-weight:550;line-height:1.5}.post-number,.archive-day{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.row-arrow{color:var(--muted);flex-shrink:0;margin-left:auto}.music-card{background:linear-gradient(140deg,#c9d3ba66,transparent),var(--glass);border-radius:23px;padding:26px;display:block;position:relative;overflow:hidden}.record{background:repeating-radial-gradient(circle,#282e29 0 2px,#384137 3px,#202820 4px);border-radius:50%;place-content:center;width:186px;height:186px;margin:0 auto 28px;display:grid;transform:rotate(-17deg);box-shadow:9px 10px 20px #17201324}.record-label{color:#384137;background:#d9bd8c;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:69px;height:69px;font-family:Georgia,serif;font-size:18px;line-height:1.5;display:flex}.record-label:after{content:"";background:#263c2b;border-radius:100%;width:6px;height:6px;margin-top:3px}.record-label span{letter-spacing:1px;font-size:6px}.music-card h3{letter-spacing:-1px;margin:12px 0 16px;font-size:30px;font-weight:550}.music-card p{color:var(--muted);font-size:12px;line-height:1.9}.about-card{border-radius:23px;margin-top:20px;padding:25px}.about-card p{color:var(--muted);margin-top:15px;font-size:13px;line-height:1.9}.signature{letter-spacing:-1.5px;font-family:Georgia,serif;font-size:28px;font-style:italic}.about-card .signature{margin:17px 0}.stats{border-top:1px solid var(--line);gap:40px;padding-top:17px;display:flex}.stats>span{color:var(--muted);font-size:10px}.stats strong{color:var(--ink);font-size:23px;font-weight:500;display:block}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-top:32px;padding-bottom:32px;display:flex}footer .brand{font-size:20px}footer p{color:var(--muted);font-size:11px}footer>span{color:var(--muted);font-size:10px}.page-heading{padding:68px 0 35px}.page-heading h1{margin:16px 0 20px;font-size:clamp(42px,6vw,68px);font-weight:550;line-height:1.1}.page-heading h1>span{color:var(--accent)}.page-heading p{color:var(--muted);font-size:15px;line-height:1.9}.filter-pills{flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.pill{border:1px solid var(--line);border-radius:100px;padding:10px 23px;font-size:13px}.pill.active{background:var(--ink);color:var(--bg)}.pill span{margin-left:24px}.archive-month{border-radius:24px;margin-bottom:24px;padding:25px 30px}.archive-month .section-heading{margin-bottom:0}.archive-month h2 span,.chart-year h2 span{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:400}.archive-month .post-row:last-child{border:0;padding-bottom:4px}.label-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;display:grid}.label-card{border-radius:24px;padding:30px;transition:transform .2s}.label-card h2{margin-bottom:15px;font-size:22px}.label-card>span{color:var(--muted);font-size:12px}.article{overflow-wrap:anywhere;border-radius:30px;max-width:850px;margin:55px auto;padding:48px 60px}.back-link{color:var(--muted);font-size:12px;display:inline-block}.article-date{margin-top:38px}.article h1{letter-spacing:-1.6px;margin:16px 0 23px;font-size:clamp(30px,4vw,47px);line-height:1.25}.tags{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.tags a{background:var(--soft);border-radius:20px;padding:5px 12px;font-size:10px}.prose{color:var(--ink);font-size:16px;line-height:1.95}.prose p{margin:0 0 1.5em}.prose h2,.prose h3{letter-spacing:-.5px;margin:1.5em 0 .7em}.prose a{text-underline-offset:3px;text-decoration:underline}.prose img{border-radius:12px;max-height:none;margin:25px auto;display:block}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:25px 0;padding:5px 25px;font-family:Georgia,serif;font-style:italic}.prose pre{border-radius:15px;max-width:100%;padding:20px;overflow:auto}.prose table{display:block;overflow:auto}.article-signature{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:15px;margin-top:45px;padding-top:25px;font-size:11px;display:flex}.week-nav{border-top:1px solid var(--line);justify-content:space-between;padding-top:20px;font-size:12px}.collection-count{letter-spacing:2px;color:var(--muted);margin-top:25px;font-size:9px}.collection-count span{margin:0 12px}.chart-year{margin-bottom:50px;scroll-margin-top:110px}.chart-year h2{font-size:32px}.chart-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.chart-card{border-radius:21px;transition:transform .2s;overflow:hidden}.chart-thumbnail{aspect-ratio:4/3;background:var(--soft);position:relative;overflow:hidden}.chart-thumbnail img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.zoom-icon{background:var(--bg);border-radius:100%;place-content:center;width:28px;height:28px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 10px #0002}.chart-card-copy{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.chart-card-copy h3{letter-spacing:-.7px;margin-top:5px;font-size:20px}.chart-card-copy .eyebrow{font-size:8px}.empty{border-radius:24px;margin-bottom:30px;padding:40px}.empty p{color:var(--muted);margin-top:12px}dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:24px;width:min(1100px,95vw);max-height:95dvh;padding:0;box-shadow:0 20px 100px #0006}dialog::backdrop{backdrop-filter:blur(15px);background:#101a16c9}.lightbox-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:12px 22px;display:flex}.lightbox-toolbar h2{font-size:16px}.close-lightbox{background:var(--soft);border:0;border-radius:100%;width:36px;height:36px}.lightbox-image{text-align:center;background:#0001;max-height:calc(95dvh - 125px);overflow:auto}.lightbox-image img{max-width:100%;height:auto;margin:auto;display:block}.lightbox-footer{justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;font-size:12px;display:flex}.lightbox-footer button{background:0 0;border:0;padding:6px}@media (width>=1400px){.hero{padding-top:100px}.hero h1{font-size:84px}}@media (width<=850px){main,footer{padding-left:24px;padding-right:24px}.topbar{border-radius:21px;margin:14px 24px 0;padding:10px 14px;top:10px}.home-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.hero{padding-top:65px}.hero h1{font-size:64px}.record{width:150px;height:150px}.music-card{padding:20px}.music-card h3{font-size:25px}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:20px}.topbar nav a{padding:8px 10px}.label-grid{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.article{padding:35px}.feature-art{height:220px}.feature-copy{padding:22px}}@media (width<=600px){main,footer{padding-left:20px;padding-right:20px}.topbar{flex-wrap:wrap;row-gap:9px;margin:12px 14px 0;padding:10px 12px;top:8px}.brand{font-size:20px}.brand-symbol{border-radius:9px;width:30px;height:30px;font-size:27px}.topbar nav{border-top:1px solid var(--line);order:3;justify-content:center;width:100%;padding-top:8px}.topbar nav a{padding:6px 18px;font-size:12px}.theme-button{width:32px;height:32px;font-size:23px}.hero{padding-top:42px}.hero .eyebrow{letter-spacing:1.5px;font-size:8px}.hero h1{margin:21px 0;font-size:48px;line-height:1.13}.hero>p{font-size:13px;line-height:1.9}.desktop{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:9px;margin-top:24px}.button{padding:12px 18px;font-size:11px}.hero-caption{letter-spacing:1.2px;padding-top:37px;font-size:7px}.hero-caption i{margin-left:7px;font-size:20px}.home-grid{grid-template-columns:1fr;gap:35px;padding-top:25px}.section-heading h2{font-size:19px}.feature-art{height:235px}.feature-copy h3{font-size:23px}.feature-copy .eyebrow{font-size:8px}.post-row{gap:13px;padding:20px 0}.post-row h3{font-size:15px}.post-row .eyebrow{letter-spacing:1px;font-size:8px}.music-card{padding:28px}.music-card h3{font-size:33px}.record{width:180px;height:180px}.music-card p{font-size:13px}.about-card{padding:27px}.about-card p{font-size:14px}.stats{gap:65px}footer{flex-direction:column;align-items:flex-start;gap:9px;padding-top:25px;padding-bottom:25px}footer>span{font-size:9px}.page-heading{padding:42px 0 28px}.page-heading h1{font-size:43px}.page-heading p{font-size:13px}.filter-pills{gap:8px;margin-bottom:25px}.pill{padding:8px 17px;font-size:12px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-card{border-radius:17px}.chart-card-copy{padding:12px}.chart-card-copy h3{font-size:19px}.chart-year h2{font-size:28px}.chart-year h2 span{margin-top:7px;font-size:9px;display:block}.collection-count{letter-spacing:1px;font-size:8px}.article{border-radius:23px;margin:30px 0;padding:25px 20px}.article h1{letter-spacing:-1px;font-size:29px}.article-date{margin-top:25px;font-size:9px}.prose{font-size:15px;line-height:1.9}.tags{margin-bottom:25px}.archive-month{border-radius:20px;padding:22px 18px}.archive-month h2{font-size:19px}.archive-day{font-size:11px}.label-grid{grid-template-columns:1fr;gap:12px}.label-card{padding:25px}.lightbox-toolbar{padding:10px 14px}.lightbox-footer{padding:10px 8px;font-size:10px}.lightbox-toolbar h2{font-size:14px}.lightbox-image{max-height:calc(95dvh - 115px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.arrow-icon{vertical-align:middle;flex-shrink:0;width:1em;height:1em;display:inline-block}.source-notice{border:1px solid var(--line);color:var(--muted);border-radius:16px;margin-top:28px;padding:18px;font-size:12px}.source-notice summary{cursor:pointer}.source-notice p{margin:12px 0}.source-notice code{overflow-wrap:anywhere;display:block}.site-footer{padding-top:28px;padding-bottom:28px;display:block}.footer-bottom{justify-content:space-between;align-items:center;gap:22px;display:flex}.footer-bottom .brand{margin-bottom:5px}.footer-copyright{text-align:right;color:var(--muted);font-size:11px}.footer-links{color:var(--muted);gap:22px;font-size:11px}.site-footer .footer-origin{color:var(--muted);margin-top:22px;font-size:10px}.footer-origin a{text-underline-offset:3px;text-decoration:underline}.home-quote{border-radius:26px;margin:0 0 48px;padding:30px 36px}.home-quote blockquote{letter-spacing:-.3px;overflow-wrap:anywhere;margin:26px 0;font-family:Georgia,serif;font-size:clamp(19px,2.2vw,26px);line-height:1.7}.home-quote .read-more{max-width:260px}.quote-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:48px;display:grid}.quote-card{overflow-wrap:anywhere;border-radius:23px;margin:0;padding:25px 28px;scroll-margin-top:110px}.quote-number{letter-spacing:2px;color:var(--muted);margin-bottom:17px;font-size:10px;display:inline-block}.quote-card p{color:var(--ink);font-size:15px;line-height:1.9}.quote-card:target{outline:2px solid var(--accent);outline-offset:4px}@media (width<=850px){.footer-bottom{flex-wrap:wrap}.footer-copyright{text-align:left}}@media (width<=600px){.site-footer{padding-top:25px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.footer-links{gap:20px}.site-footer .footer-origin{font-size:9px}.home-quote{border-radius:23px;margin-bottom:32px;padding:24px}.home-quote .section-heading h2{font-size:18px}.home-quote blockquote{margin:20px 0;font-size:19px;line-height:1.8}.quote-collection{grid-template-columns:1fr;gap:14px}.quote-card{border-radius:21px;padding:24px}.quote-card p{font-size:14px}}
