:root{--color-night:#0e0e0c;--color-ink:#1c1b18;--color-paper-text:#f4f1e8;--color-terracota:#c1502e;--color-mostaza:#e0a93a;--color-oliva:#6e7c3d;--color-petrol:#1f5c63;--color-magenta:#c93b6b;--color-muted:#8b8577;--font-ui:"Oswald", "Arial Narrow", sans-serif;--font-display:"Oswald", "Arial Narrow", sans-serif;--font-heading:"Oswald", "Arial Narrow", sans-serif;--font-body:"Lora", Georgia, serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--border-hairline:1px solid var(--color-muted);--border-rule:2px solid var(--color-paper-text);--border-heavy:3px solid var(--color-paper-text);--border-dim:2px solid #f4f1e82e;--radius-sm:0;--maxw:1240px;--transition:.16s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-night);color:var(--color-paper-text);font-family:var(--font-body);margin:0;font-size:1.125rem;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-ui);text-transform:uppercase;color:var(--color-paper-text);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.05}h1{font-size:clamp(2.25rem,6vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{font-size:clamp(1.125rem,2.2vw,1.5rem);font-weight:600}p{margin:0 0 var(--space-5)}a{color:var(--color-paper-text);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--color-magenta)}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-magenta);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:var(--maxw);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-6)}}.section{padding-block:var(--space-7)}.section--panel{background-color:var(--color-ink);border-block:var(--border-rule)}@media (min-width:768px){.section{padding-block:var(--space-8)}}.eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;color:var(--color-magenta);margin:0 0 var(--space-2);font-size:.8125rem;font-weight:600}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:var(--border-rule);flex-wrap:wrap;display:flex}.section-head__link{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-magenta);white-space:nowrap;font-size:.875rem;font-weight:600;text-decoration:none}.section-head__link:hover{text-decoration:underline}.filters{align-items:center;gap:var(--space-3);padding-block:var(--space-4);margin-bottom:var(--space-6);border-block:var(--border-rule);flex-wrap:wrap;display:flex}.filters__lead{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);flex:none;margin:0;font-size:.75rem;font-weight:600}.filters__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filters__count{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--color-muted);white-space:nowrap;margin:0 0 0 auto;font-size:.75rem;font-weight:600}.filters__page-of{color:var(--color-magenta)}@media (max-width:599px){.filters{gap:var(--space-2)}.filters__count{flex-basis:100%;margin-left:0}}.listing-empty{padding:var(--space-7) 0;border-top:var(--border-dim)}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex:1}.skip-link{left:var(--space-4);z-index:100;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;background-color:var(--color-magenta);color:var(--color-paper-text);border:var(--border-rule);transition:top var(--transition);padding:.6rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:-100%}.skip-link:focus{top:var(--space-3)}.hero{background-color:var(--hero-bg,var(--color-night));border-bottom:var(--border-rule);padding-block:var(--space-7)}.hero__inner{gap:var(--space-6);grid-template-columns:1fr;align-items:center;display:grid}@media (min-width:900px){.hero{padding-block:var(--space-8)}.hero__inner{gap:var(--space-8);grid-template-columns:420px 1fr}.hero__collage{order:-1}}.hero__title{margin-bottom:var(--space-3)}.hero__artist{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--color-mostaza);margin-bottom:var(--space-4);font-size:1rem;font-weight:600}.hero__excerpt{font-family:var(--font-body);color:#f4f1e8d9;margin-bottom:var(--space-5);max-width:44ch;font-size:1.125rem;line-height:1.7}.hero__tags{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero__artwork{position:relative}.hero__cover-link{border:var(--border-rule);display:block}.hero__collage{align-self:start}.hero__rating{right:calc(var(--space-4) * -1);bottom:calc(var(--space-6) * -1);z-index:2;--rating-ring:var(--hero-bg,var(--color-night));position:absolute}.hero__byline{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);margin:var(--space-7) 0 0;font-size:.8125rem;font-weight:600}@media (max-width:767px){.hero__rating{right:var(--space-3);bottom:calc(var(--space-5) * -1)}.hero__byline{margin-top:var(--space-6)}}.album-card{background-color:var(--color-ink);border:var(--border-dim);transition:border-color var(--transition);flex-direction:column;display:flex;position:relative}.album-card:hover,.album-card:focus-within{border-color:var(--color-paper-text)}.album-card__media{position:relative}.album-card__media .cover{aspect-ratio:1}.album-card__rating{top:var(--space-3);right:var(--space-3);z-index:2;position:absolute}.album-card__body{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.album-card__title{margin-bottom:var(--space-2);font-size:1.125rem;line-height:1.15}.album-card__link{color:inherit;text-decoration:none}.album-card__link:after{content:"";z-index:1;position:absolute;inset:0}.album-card__link:hover{color:var(--color-magenta)}.album-card__artist{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);margin:0;font-size:.8125rem;font-weight:600}.album-card__excerpt{font-family:var(--font-body);color:#f4f1e8d1;margin:var(--space-4) 0 0;font-size:1rem;line-height:1.6}.album-card__strip{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-night);border-top:4px solid var(--verdict-color,var(--color-muted));flex-wrap:wrap;margin:0;display:flex}.album-card__genres{gap:var(--space-2);flex-wrap:wrap;display:flex}.album-card__strip .genre-tag{padding:.3rem .5rem;font-size:.6875rem}.album-card__year{font-family:var(--font-ui);letter-spacing:.12em;color:var(--color-paper-text);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.album-card__type{left:var(--space-3);bottom:var(--space-3);z-index:2;position:absolute}.album-card__fav{top:var(--space-3);left:var(--space-3);z-index:3;position:absolute}.album-card__fav:not(.save--on):not(:hover){background-color:var(--color-night)}@media (min-width:1024px){.album-card--feature{grid-area:span 2/span 2}.album-card--feature .album-card__title{font-size:1.75rem}.album-card--feature .album-card__media .cover{aspect-ratio:16/11}}@media (max-width:599px){.album-card{align-items:center;column-gap:var(--space-3);grid-template-columns:88px minmax(0,1fr) 3.5rem;grid-template-areas:"media body rating""strip strip strip";display:grid}.album-card__media{grid-area:media}.album-card__media .cover__title,.album-card__media .cover__artist{display:none}.album-card__rating{grid-area:rating;place-self:center;position:static}.album-card--feature .album-card__rating .rating{width:2.5rem;font-size:.875rem}.album-card__body{padding:var(--space-3) 0;grid-area:body}.album-card__title{font-size:1rem}.album-card__excerpt,.album-card__type{display:none}.album-card__strip{grid-area:strip;padding-right:3rem}.album-card__fav{width:1.75rem;height:1.75rem;margin-right:var(--space-3);background-color:#0000;grid-area:strip;place-self:center end;font-size:.875rem;position:static}}.type-chip{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-night);white-space:nowrap;border-radius:0;padding:.35rem .55rem;font-size:.6875rem;font-weight:700;line-height:1;display:inline-block}.type-chip--review{background-color:var(--color-petrol);color:var(--color-paper-text)}.type-chip--news{background-color:var(--color-magenta);color:var(--color-paper-text)}.type-chip--feature{background-color:var(--color-oliva);color:var(--color-paper-text)}.cover{aspect-ratio:1;padding:var(--space-4);background-image:linear-gradient(145deg, var(--cover-from) 0%, var(--cover-to) 100%);isolation:isolate;flex-direction:column;justify-content:flex-end;gap:.15rem;display:flex;position:relative;overflow:hidden}.cover--image{background-image:none;padding:0}.cover--image:before{content:none}.cover__img{object-fit:cover;width:100%;height:100%;display:block}.cover:before{content:"";z-index:-1;opacity:.35;position:absolute;inset:0}.cover--stripes:before{background-image:repeating-linear-gradient(90deg,#f4f1e880 0 4px,#0000 4px 18px)}.cover--dots:before{background-image:radial-gradient(#f4f1e88c 2px,#0000 2px);background-size:16px 16px}.cover--grid:before{background-image:linear-gradient(#f4f1e866 2px,#0000 2px),linear-gradient(90deg,#f4f1e866 2px,#0000 2px);background-size:26px 26px}.cover--waves:before{background-image:repeating-linear-gradient(0deg,#f4f1e873 0 2px,#0000 2px 20px)}.cover__title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.01em;color:var(--color-paper-text);text-wrap:balance;font-size:clamp(1.05rem,3vw,1.6rem);font-weight:700;line-height:1.05}.cover__artist{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-paper-text);opacity:.85;font-size:.75rem;font-weight:600}.cover--lg{padding:var(--space-5)}.cover--lg .cover__title{font-size:clamp(1.5rem,3.5vw,2.25rem)}.genre-tag{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-paper-text);border:2px solid var(--color-paper-text);white-space:nowrap;background-color:#0000;border-radius:0;padding:.45rem .75rem;font-size:.75rem;font-weight:600;line-height:1;text-decoration:none;display:inline-block}a.genre-tag,button.genre-tag{cursor:pointer;transition:background-color var(--transition), border-color var(--transition), color var(--transition)}a.genre-tag:hover,button.genre-tag:hover{background-color:var(--color-paper-text);color:var(--color-night)}.genre-tag--selected,button.genre-tag--selected:hover{background-color:var(--color-magenta);border-color:var(--color-magenta);color:var(--color-paper-text)}.rating{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--color-paper-text);aspect-ratio:1;--rating-ring:var(--color-ink);box-shadow:0 0 0 var(--rating-ring-w,4px) var(--rating-ring), 0 0 0 calc(var(--rating-ring-w,4px) + 2px) var(--color-paper-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.rating--magenta{background-color:var(--color-magenta)}.rating--petrol{background-color:var(--color-petrol)}.rating--terracota{background-color:var(--color-terracota)}.rating--mostaza{background-color:var(--color-mostaza);color:var(--color-night)}.rating--sm{--rating-ring-w:3px;width:2.5rem;font-size:.9375rem}.rating--md{width:3.25rem;font-size:1.1875rem}.rating--lg{--rating-ring-w:5px;width:4.5rem;font-size:1.625rem}@media (min-width:768px){.rating--lg{width:5.5rem;font-size:2rem}}.rating__score{line-height:1}.album-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:600px){.album-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.album-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr}}.album-grid--even{grid-auto-rows:auto}.editorial-card{padding:var(--space-4);background-color:var(--color-ink);border:var(--border-dim);border-left:4px solid var(--card-type-color,var(--color-magenta));transition:border-color var(--transition);flex-direction:column;display:flex;position:relative}.editorial-card--news{--card-type-color:var(--color-magenta)}.editorial-card--feature{--card-type-color:var(--color-oliva)}.editorial-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.editorial-card__save{z-index:2;flex:none;position:relative}.editorial-card__date{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);margin:0 0 var(--space-2);font-size:.75rem;font-weight:600}.editorial-card__title{margin-bottom:var(--space-3);font-size:1.125rem;line-height:1.15}.editorial-card__link{color:inherit;text-decoration:none}.editorial-card__link:after{content:"";z-index:1;position:absolute;inset:0}.editorial-card__link:hover{color:var(--color-magenta)}.editorial-card__excerpt{font-family:var(--font-body);color:#f4f1e8c7;margin:0 0 var(--space-4);font-size:.9375rem;line-height:1.6}.editorial-card{align-self:start}.editorial-card__meta{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);padding-top:var(--space-3);border-top:var(--border-dim);margin:0;font-size:.6875rem;font-weight:500}.latest-strip{background-color:var(--color-ink);border-bottom:var(--border-rule)}.latest-strip__inner{align-items:center;gap:var(--space-4);padding-block:var(--space-3);display:flex}.latest-strip__label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);flex:none;margin:0;font-size:.6875rem;font-weight:700}.latest-strip__list{align-items:center;gap:var(--space-5);scrollbar-width:none;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.latest-strip__list::-webkit-scrollbar{display:none}.latest-strip__item{align-items:center;gap:var(--space-2);flex:none;display:flex}.latest-strip__link{max-width:24ch;font-family:var(--font-ui);letter-spacing:.04em;color:var(--color-paper-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;text-decoration:none;overflow:hidden}.latest-strip__link:hover{color:var(--color-magenta);text-decoration:underline}.latest-strip__date{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;flex:none;font-size:.6875rem;font-weight:500}@media (max-width:599px){.latest-strip__label,.latest-strip__date{display:none}.latest-strip__list{gap:var(--space-4)}}.footer{background-color:var(--color-ink);border-top:3px solid var(--color-paper-text);padding-block:var(--space-6) var(--space-5)}.footer__inner{gap:var(--space-6);padding-bottom:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:760px){.footer__inner{gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;align-items:start}}.footer__brand{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.2em;color:var(--color-paper-text);margin:0 0 var(--space-1);font-size:1.25rem;font-weight:700}.footer__tag{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);margin:0;font-size:.75rem;font-weight:400}.footer__scale-title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;color:var(--color-muted);margin:0 0 var(--space-3);font-size:.6875rem;font-weight:600}.footer__bands{gap:var(--space-2) var(--space-5);grid-template-columns:repeat(2,auto);margin:0;padding:0;list-style:none;display:grid}@media (max-width:479px){.footer__bands{grid-template-columns:1fr}}.footer__band{display:flex}.footer__band-link{align-items:center;gap:var(--space-2);min-height:2rem;padding-inline:var(--space-2);margin-inline:calc(var(--space-2) * -1);font-family:var(--font-ui);letter-spacing:.08em;white-space:nowrap;transition:background-color var(--transition);grid-template-columns:auto auto 1fr;font-size:.75rem;text-decoration:none;display:grid}.footer__band-link:hover{background-color:#f4f1e814}.footer__band-link:hover .footer__band-label{color:var(--color-paper-text);text-underline-offset:4px;text-decoration:underline}.footer__swatch{border-radius:50%;flex:none;width:.625rem;height:.625rem}.footer__swatch--magenta{background-color:var(--color-magenta)}.footer__swatch--petrol{background-color:var(--color-petrol)}.footer__swatch--mostaza{background-color:var(--color-mostaza)}.footer__swatch--terracota{background-color:var(--color-terracota)}.footer__band-range{font-variant-numeric:tabular-nums;color:var(--color-paper-text);font-weight:700}.footer__band-label{text-transform:uppercase;color:#f4f1e8d1;font-weight:400}.footer__foot{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-5);border-top:var(--border-dim);flex-wrap:wrap;display:flex}.footer__nav{gap:0 var(--space-2);margin-inline:calc(var(--space-2) * -1);flex-wrap:wrap;display:flex}.footer__nav a{min-height:2.75rem;padding-inline:var(--space-2);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-paper-text);align-items:center;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.footer__nav a:hover{color:var(--color-magenta);text-underline-offset:4px;text-decoration:underline}.footer__legal{font-family:var(--font-ui);letter-spacing:.1em;color:var(--color-muted);margin:0;font-size:.75rem;font-weight:400}.nav{isolation:isolate;z-index:50;background-color:var(--color-night);border-bottom:3px solid var(--color-paper-text);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.25rem;display:flex}.nav__brand{align-items:center;gap:.25rem;text-decoration:none;display:flex}.nav__brand-dot{background-color:var(--dot-bg);width:1.75rem;height:1.75rem;color:var(--color-night);font-family:var(--font-ui);text-transform:lowercase;border-radius:50%;place-items:center;font-size:.9375rem;font-weight:700;line-height:1;display:grid}@media (min-width:768px){.nav__brand-dot{width:2rem;height:2rem;font-size:1.0625rem}}.nav__menu{display:none}.nav__menu--open{background-color:var(--color-night);border-bottom:3px solid var(--color-paper-text);padding:var(--space-4) var(--space-4) var(--space-5);display:block;position:absolute;inset:100% 0 auto}.nav__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav__link{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--color-paper-text);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding-bottom:2px;font-size:.875rem;font-weight:600;text-decoration:none}.nav__link:hover{color:var(--color-magenta)}.nav__link--active{border-bottom-color:var(--color-magenta)}.nav__favs{font-family:var(--font-ui);letter-spacing:.12em;color:var(--color-mostaza);white-space:nowrap;transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding-bottom:2px;font-size:.875rem;font-weight:600;text-decoration:none}.nav__favs:hover{color:var(--color-paper-text)}.nav__favs--active{border-bottom-color:var(--color-mostaza)}.nav__toggle{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--color-paper-text);border:2px solid var(--color-paper-text);cursor:pointer;background-color:#0000;border-radius:0;padding:.45rem .85rem;font-size:.8125rem;font-weight:600}.nav__toggle:hover{background-color:var(--color-paper-text);color:var(--color-night)}@media (min-width:900px){.nav__toggle{display:none}.nav__menu,.nav__menu--open{background-color:#0000;border-bottom:none;padding:0;display:block;position:static}.nav__list{align-items:center;gap:var(--space-5);flex-direction:row}}