*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#faf9f6;color:#1b1c18;font-family:'League Spartan',Arial,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bd422d;outline-offset:5px}img{display:block;width:100%;height:auto}button:hover,a:hover{color:#a83a25}.site-header,main,footer{max-width:1240px;margin:auto;padding:0 32px}.edition,.strap,.section-line{display:flex;justify-content:space-between;align-items:center}.edition{font-size:10px;letter-spacing:1.8px;padding:26px 0 19px}.masthead{display:block;overflow:hidden;height:clamp(65px,12.7vw,157px);color:#181915;white-space:nowrap}.masthead span{display:block;font-size:clamp(82px,17.1vw,212px);font-weight:800;letter-spacing:-.073em;line-height:.93;transform:translate(-.008em,-.084em)}.masthead:hover{color:inherit}.strap{font-size:12px;color:#68685f;padding:16px 0 17px;border-bottom:1px solid #1b1c18}.strap span{font-style:italic}nav{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #1b1c18;height:58px;font-size:14px}.nav-links{display:flex;gap:29px;align-items:center;height:100%}.nav-links button{height:100%;padding:3px 0 0;border-bottom:3px solid transparent}.nav-links button[aria-pressed=true]{border-color:#a83a25;color:#a83a25}.nav-links a{white-space:nowrap}#search-toggle{padding:0;white-space:nowrap}#search-toggle span{padding-left:25px}#search-panel{padding:24px 0;border-bottom:1px solid;position:relative}#search-panel label{font-size:12px;display:block;margin-bottom:10px}input{width:90%;padding:12px 0;border:0;border-bottom:1px solid #aaa;background:none;font-size:24px}#search-close{position:absolute;right:0;bottom:25px;font-size:30px}.section-line{padding:27px 0 19px;font-size:10px;letter-spacing:1.65px}.section-line span:last-child{color:#77776d;font-size:9px}.magazine{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:27px}#stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px;align-content:start}.story{min-width:0;border-bottom:1px solid #d1d1c8;padding-bottom:22px}.story a{display:block}.visual{aspect-ratio:1.48;background:#dedbd0;overflow:hidden;position:relative;margin-bottom:15px}.visual img{height:100%;object-fit:cover;transition:transform .45s}.story a:hover .visual img{transform:scale(1.025)}.tag{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;line-height:1.4;color:#9e392a;margin:0 0 9px}.story h2{font-size:25px;letter-spacing:-.6px;line-height:1.02;font-weight:600;margin:0 0 12px}.dek{font-size:15px;line-height:1.32;color:#5d5e55;margin:0 0 14px}.byline{font-size:10px;color:#77776d;letter-spacing:.4px}.story.lead{grid-column:span 2;grid-row:span 2;padding-bottom:22px}.lead .visual{aspect-ratio:1.19}.lead h2{font-size:42px;line-height:.98;letter-spacing:-1.25px}.lead .dek{font-size:17px;line-height:1.36}.visual.app{background:#bbb5a3;display:flex;justify-content:center;align-items:flex-start}.visual.app img{width:54%;height:145%;object-fit:cover;object-position:top;transform:rotate(8deg) translateY(15px);box-shadow:0 8px 15px #0003;border-radius:15px}.visual.discographic{background:#d2d8c8}.story a:hover .visual.app img{transform:rotate(5deg) translateY(9px)}.visual.runout img{filter:contrast(1.06);object-position:60% center}.visual.type{padding:20px;display:flex;align-items:end;background:#d0d5bc}.visual.type p{font-size:clamp(24px,3.5vw,48px);line-height:.85;font-weight:700;letter-spacing:-1.6px;margin:0}.visual.type span{position:absolute;top:16px;left:20px;font-size:10px;letter-spacing:1px}.visual.scrobble{background:#bc422f;color:#faf9f6}.visual.barcode{background:#e4d7bf}.barcode-bars{height:55%;width:78%;position:absolute;top:20%;left:11%;background:repeating-linear-gradient(90deg,#24251f 0 2px,transparent 2px 5px,#24251f 5px 9px,transparent 9px 12px,#24251f 12px 13px,transparent 13px 19px);border-bottom:11px solid #e4d7bf}.barcode-code{position:absolute;bottom:12%;left:0;width:100%;text-align:center;font-size:14px;letter-spacing:5px}.ann-header{border-top:3px solid #25251e;padding:17px 0 14px}.ann-header .eyebrow{font-size:9px;letter-spacing:1.5px;color:#6e6e63}.ann-header h2{font-weight:600;font-size:27px;letter-spacing:-.7px;margin:8px 0 7px}.ann-header p{font-size:14px;line-height:1.2;color:#6a6c61;margin:0}.day-label{display:flex;justify-content:space-between;border-top:1px solid #cbcbbf;margin-top:15px;padding:17px 0 14px;font-size:12px}.day-label span:last-child{font-size:10px;color:#77776d}.ann-card{border-bottom:1px solid #d5d5cc;margin-bottom:18px;padding-bottom:17px}.ann-card a{display:grid;grid-template-columns:64px 1fr;gap:12px}.ann-card img{aspect-ratio:1;object-fit:cover}.ann-card .age{font-size:10px;color:#9e392a;letter-spacing:.6px;margin:0 0 5px}.ann-card h3{font-weight:600;font-size:16px;line-height:1.1;letter-spacing:-.2px;margin:0}.ann-card .artist{font-size:12px;color:#686a60;margin:4px 0 0}.ann-card .ann-dek{font-size:13px;line-height:1.35;color:#64665b;margin:10px 0 0;grid-column:1/-1}.ann-note{font-size:11px;color:#77776d;line-height:1.4}.closing{border-top:1px solid #27291f;margin:50px 0 0;padding:28px 0 38px;display:grid;grid-template-columns:1fr 2fr;gap:15px}.closing>span{font-size:10px;letter-spacing:1.5px}.closing p{font-size:30px;line-height:1.05;letter-spacing:-.6px;margin:0}.closing a{grid-column:2;font-size:13px;text-decoration:underline;text-underline-offset:4px}footer{border-top:1px solid #ccc;padding-top:28px;padding-bottom:100px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#77776d}footer a{font-size:28px;font-weight:700;letter-spacing:-1px;color:#20211a}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:0}dialog{width:min(860px,calc(100% - 24px));max-height:90vh;border:0;padding:0;background:#faf9f6;color:#20211c}dialog::backdrop{background:#141810b8;backdrop-filter:blur(4px)}.reader-top{position:sticky;top:0;background:#faf9f6;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #b5b6aa;font-size:10px;letter-spacing:1px;z-index:2}.reader-top button{font-size:14px;padding:10px}#reader-body{padding:38px 65px 65px;font-family:Georgia,serif;font-size:18px;line-height:1.6}#reader-body h1,#reader-body h2,#reader-body h3{font-family:'League Spartan',sans-serif;line-height:1.05;letter-spacing:-.8px}#reader-body h1{font-size:43px;font-weight:600;margin:0 0 25px}#reader-body h2{font-size:29px;margin-top:34px}#reader-body h3{font-size:23px}#reader-body a{color:#a83a25;text-decoration:underline;overflow-wrap:anywhere}#reader-body img{width:160px;margin:0 0 25px}#reader-body table{border-collapse:collapse;width:100%;font:14px/1.4 'League Spartan',sans-serif;display:block;overflow-x:auto}#reader-body td,#reader-body th{border-bottom:1px solid #ccc;padding:10px;text-align:left}#reader-body .tag{font-family:'League Spartan',sans-serif}.empty{grid-column:1/-1;padding:70px 0;font-size:24px}.filtered #stories{grid-template-columns:repeat(2,minmax(0,1fr))}.filtered .story.lead{grid-column:auto;grid-row:auto}.filtered .lead h2{font-size:27px}.filtered .lead .visual{aspect-ratio:1.48}
@media(min-width:1450px){.masthead span{font-size:212px}}
@media(max-width:1000px){.magazine{grid-template-columns:minmax(0,1fr) 215px;gap:23px}#stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story.lead{grid-row:auto}.lead .visual{aspect-ratio:1.55}.lead h2{font-size:35px}.story h2{font-size:23px}.nav-links{gap:20px}}
@media(max-width:700px){.site-header,main,footer{padding-left:20px;padding-right:20px}.edition{font-size:8px;letter-spacing:1px;padding:18px 0 14px}.edition span:last-child{font-size:7px}.masthead{height:13.7vw}.masthead span{font-size:18vw;line-height:1;transform:translate(-.012em,-.10em)}.strap{padding:13px 0;font-size:10px}.strap time{font-size:9px}nav{height:auto;min-height:53px;font-size:12px;gap:12px}.nav-links{gap:17px;overflow:auto;white-space:nowrap}.nav-links button{min-height:53px}#search-toggle{font-size:0}#search-toggle span{font-size:19px;padding-left:2px}.section-line{padding:22px 0 17px;font-size:9px;letter-spacing:1.2px}.section-line span:last-child{display:none}.magazine{display:flex;flex-direction:column;gap:24px}#stories{gap:21px 18px}.story.lead{grid-column:1/-1}.lead .visual{aspect-ratio:1.38}.lead h2{font-size:36px}.lead .dek{font-size:16px}.story h2,.story .dek{font-size:14px}.visual{aspect-ratio:1.2}.visual.type{padding:14px}.visual.type p{font-size:31px}.visual.type span{left:14px;top:13px;font-size:8px}.tag{font-size:9px;letter-spacing:1px}.byline{font-size:9px}.ann-header h2{font-size:31px}#anniversaries{background:#efefe7;padding:20px}.ann-header{padding-top:13px}.ann-card a{grid-template-columns:70px 1fr}.ann-card .ann-dek{grid-column:2;margin-top:0;font-size:14px}.ann-card h3{font-size:19px}.closing{display:block;margin-top:32px}.closing p{margin:20px 0;font-size:27px}footer{flex-wrap:wrap;gap:17px}footer span:nth-child(2){display:none}#reader-body{padding:28px 24px 50px;font-size:17px}#reader-body h1{font-size:33px}.reader-top{padding:10px 18px}.filtered #stories{grid-template-columns:1fr}.filtered .story.lead{grid-column:auto}.barcode-code{font-size:10px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual img{transition:none}}
/* Masthead fills the newspaper measure; the top and descender are intentionally clipped. */
@media(min-width:701px){.masthead{height:clamp(105px,15vw,186px)}.masthead span{font-size:clamp(155px,22.7vw,282px);line-height:.86;transform:translate(-.008em,-.065em)}.lead .visual{aspect-ratio:1.55}}
@media(max-width:700px){.masthead{height:17.4vw}.masthead span{font-size:23.3vw;line-height:.9;transform:translate(-.008em,-.075em)}}
@media(max-width:700px){body:not(.filtered) .magazine{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}body:not(.filtered) #stories{display:contents}body:not(.filtered) #anniversaries{grid-column:1/-1;order:1}body:not(.filtered) .story:nth-child(n+4){order:2}}
@media(max-width:1000px) and (min-width:701px){.story.lead h2{font-size:35px}}
@media(max-width:700px){.masthead span{font-size:22.7vw}.story.lead h2{font-size:36px}.filtered .story.lead h2{font-size:29px}}

/* Editorial review: hide the redundant section strap above the stories. */
main > .section-line{display:none}

/* Six anniversary stories: two rows of three in the feature-spread variant. */
@media(min-width:701px){}

/* A section owns its separator; never double it with the preceding last card. */
.ann-card:has(+ .day-label),.ann-card:last-child{border-bottom:0;margin-bottom:0}
.story:last-child{border-bottom:0}
.closing{display:none}
.strap{justify-content:flex-end}.page-crumb{display:flex;gap:13px;font-size:13px;padding:24px 0;color:#68695f}.page-crumb a:hover{text-decoration:underline}.album-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:55px;padding:20px 0 55px}.album-cover img{aspect-ratio:1;object-fit:cover}.album-story h1,.article-page h1{font-size:54px;font-weight:600;letter-spacing:-1.8px;line-height:1;margin:15px 0}.album-artist{font-size:28px;margin:0 0 26px;color:#626559}.prose{font:18px/1.65 'League Spartan',sans-serif}.prose p{margin:0 0 22px}.prose a{text-decoration:underline;text-underline-offset:3px}.prose h2{font-size:30px;line-height:1.1;margin:35px 0 18px;font-weight:600;letter-spacing:-.5px}.prose h3{font-size:24px;line-height:1.2}.prose table{display:block;overflow-x:auto;border-collapse:collapse;font-size:15px}.prose td,.prose th{padding:10px;border-bottom:1px solid #ccc;text-align:left}.article-page{max-width:740px;margin:15px auto 65px}.article-page h1{margin-bottom:30px}.music-links{height:auto;display:grid;grid-template-columns:1fr;border-top:1px solid #babdb0;border-bottom:0;margin:30px 0 20px;gap:0}.music-links a{padding:15px 0;border-bottom:1px solid #d0d1c9;display:flex;justify-content:space-between;font-size:17px}.music-links a:last-child{border-bottom:0}.music-links small{font-size:11px;color:#6c6e63}.sources{font-size:12px;color:#74766c;line-height:1.6}.sources summary{cursor:pointer}.sources a{text-decoration:underline}.more-albums{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:28px 0 45px;border-top:1px solid #aaa}.more-albums h2{grid-column:1/-1;font-size:25px;margin:0 0 5px}.more-albums a{display:flex;gap:15px;align-items:center;font-size:14px}.more-albums img{width:74px;height:74px;object-fit:cover}.more-albums strong{display:block;font-size:19px;margin-top:5px}.ann-header h2{margin-top:0}.ann-card:last-child{padding-bottom:0}
@media(max-width:700px){.album-page{grid-template-columns:1fr;gap:26px;padding-top:0}.album-cover{max-width:360px}.album-story h1,.article-page h1{font-size:38px;letter-spacing:-1px}.album-artist{font-size:25px}.prose{font-size:18px}.more-albums{grid-template-columns:1fr}.article-page{margin-top:5px}.page-crumb{font-size:12px;padding:22px 0}.music-links a{padding:17px 0}}
body:not(.detail-page) main{padding-top:28px}
@media(max-width:700px){body:not(.detail-page) main{padding-top:20px}}

.visual.icon{display:grid;place-items:center;background:linear-gradient(rgb(0 0 0 / 50%),rgb(0 0 0 / 50%)),var(--icon-color)}
.visual.icon.icon-lastfm{--icon-color:#d50000}
.visual.icon.icon-clz{--icon-color:#ffaa2b}
.visual.icon.icon-rpm{--icon-color:#ffcd16}
.visual.icon.icon-bandcamp{--icon-color:#12a7c6}
.visual.icon img{width:42%;height:auto;object-fit:contain;border-radius:22%;box-shadow:0 20px 44px -10px rgb(0 0 0 / 38%),0 7px 18px -7px rgb(0 0 0 / 20%)}

/* Weekly album cover fan, shared by the card and article hero. */
.visual.cover-fan{position:relative;overflow:hidden;aspect-ratio:1.65;background:linear-gradient(145deg,#872582,#5b0e53);display:block}
.visual.cover-fan img{position:absolute;object-fit:cover;width:43%;height:auto;aspect-ratio:1;top:26%;box-shadow:0 4px 18px #26042640;border-radius:0}
.visual.cover-fan img:nth-child(1){left:-9%;transform:rotate(-9deg);z-index:5;top:19%}
.visual.cover-fan img:nth-child(2){left:9%;transform:rotate(-5deg);z-index:4;top:24%}
.visual.cover-fan img:nth-child(3){left:29%;transform:rotate(0deg);z-index:3;top:29%}
.visual.cover-fan img:nth-child(4){left:49%;transform:rotate(8deg);z-index:2;top:35%}
.visual.cover-fan img:nth-child(5){left:68%;transform:rotate(15deg);z-index:1;top:44%}
.article-page>.cover-fan{margin:12px 0 36px;max-height:520px}

.product-photo{margin:24px 0 28px;background:#fff}.product-photo img{display:block;width:100%;max-height:460px;object-fit:contain}.product-photo figcaption{padding:12px 0;background:var(--paper,#faf9f5);font-size:13px;line-height:1.4;color:#6b6c63}.product-photo:has(img[src$="stylus-brush.png"]){background:#e73843}.product-photo:has(img[src$="stylus-brush.png"]) img{max-height:350px}.product-photo:has(img[src$="polypropylene-sleeves.jpg"]) img{max-height:300px;width:auto;margin:auto}.visual.equipment img{object-fit:cover}.visual.illustration img{object-fit:contain;background:#e73843}.visual.sleeve-photo img{object-fit:contain;background:#fff;padding:25px}

.author-credit{font-size:15px;line-height:1.45;margin:0 0 28px!important}.author-credit span{display:block;font-size:13px;color:#717369;margin-top:3px}.article-page h1:has(+.author-credit){margin-bottom:18px}

.prose table{width:100%;font-size:15px;line-height:1.4;margin:24px 0}.prose th{background:#eeece5;font-weight:600;white-space:nowrap}.prose td{vertical-align:top;min-width:110px}.prose td:first-child{min-width:145px;font-weight:600}.prose tbody tr:last-child td{border-bottom:0}

/* Follow the browser/OS appearance live; photography keeps its original colours. */
:root{color-scheme:light dark;--paper:#faf9f6}
@media(prefers-color-scheme:dark){
 :root{--paper:#191a17}
 body,dialog,.reader-top{background:var(--paper);color:#eeeee6}
 .masthead,footer a{color:#eeeee6}
 input{color:inherit}
 input::placeholder{color:#aaa99e}
 .strap,.dek,.byline,.section-line span:last-child,.ann-header .eyebrow,.ann-header p,.day-label span:last-child,.ann-card .artist,.ann-card .ann-dek,.ann-note,footer,.page-crumb,.album-artist,.music-links small,.sources,.author-credit span,.product-photo figcaption{color:#b6b8aa}
 .tag,.ann-card .age,.nav-links button[aria-pressed=true],button:hover,a:hover,#reader-body a{color:#ed917a}
 .nav-links button[aria-pressed=true]{border-color:#ed917a}
 button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ed917a}
 nav,.strap,.ann-header{border-color:#b6b8aa}
 .story,.ann-card,.day-label,footer,.reader-top,.prose td,.prose th,#reader-body td,#reader-body th,.music-links,.music-links a,.more-albums,input{border-color:#484b40}
 .prose th{background:#292c25}
 .visual{background:#34372f}
 .visual.type{background:#343c2b}
 .visual.barcode{background:#e4d7bf;color:#24251f}
 .visual.app{background:#4a463c}
 .visual.discographic{background:#3b4435}
 .skip{background:#292c25;color:#eeeee6}
 ::selection{background:#8a4234;color:#fff}
 @media(max-width:700px){#anniversaries{background:#24271f}}
}
.product-photo.editorial-photo{background:transparent}.product-photo.editorial-photo img{max-height:none;object-fit:contain}

/* Album-rating services: shared thumbnail and hero. */
.visual.ratings-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;aspect-ratio:3;background:none}
.rating-logo{display:flex;align-items:center;justify-content:center;min-width:0;padding:12%}
.rating-logo-0{background:#e4e4e4}.rating-logo-1{background:#bcbcbc}.rating-logo-2{background:#818181}.rating-logo-3{background:#4b4b4b}.rating-logo-4{background:#242424}
.visual.ratings-logos img{width:100%;height:auto;max-height:64px;object-fit:contain;transform:none;border-radius:0;box-shadow:none}
.visual.ratings-logos .rating-logo-0 img{width:86%}.visual.ratings-logos .rating-logo-4 img{width:80%}
.article-page>.ratings-logos{aspect-ratio:3;margin:12px 0 32px}

/* Extend the logo panels to the magazine thumbnail height. */
.story .visual.ratings-logos{aspect-ratio:1.55}

.prose sup{font-size:.65em;line-height:0;vertical-align:super}.prose sup a{text-decoration:none;padding:0 2px}.article-notes{margin-top:48px;font-size:14px;line-height:1.6;color:var(--muted)}.article-notes li{margin-bottom:12px;scroll-margin-top:24px}

/* Editorial verdict: record markers, independent of App Store ratings. */
.editorial-verdict{margin:56px 0 40px;border-top:3px solid currentColor}.verdict-overall{padding:24px 0}.prose .verdict-overall h2{margin:0 0 16px}.verdict-rating{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.score-value{font-size:32px;font-weight:700;white-space:nowrap}.score-value small{font-size:16px;font-weight:400;margin-left:3px}.verdict-overall .score-value{font-size:64px;line-height:1}.record-score{display:inline-flex;gap:6px;color:var(--accent,#b93621)}.record-mark{display:block;width:23px;height:23px;border-radius:50%;background:currentColor;mask:radial-gradient(circle,transparent 0 2px,#000 2.5px);-webkit-mask:radial-gradient(circle,transparent 0 2px,#000 2.5px)}.record-mark.unfilled{opacity:.18}.record-mark.half{background:linear-gradient(90deg,currentColor 50%,color-mix(in srgb,currentColor 18%,transparent) 50%)}.verdict-row{padding:20px 0;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}.prose .verdict-row h3{font-size:20px;margin:0 auto 0 0}.prose .verdict-row p{margin:10px 0 0;font-size:17px}.score-pending{font-size:14px;color:var(--muted)}

.verdict-overall{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.prose .verdict-overall h2{margin:0}.verdict-overall>.verdict-rating{justify-content:flex-end}.verdict-overall>p{grid-column:1 / -1;margin:0}.verdict-overall .score-value{font-size:32px;line-height:normal}@media(max-width:480px){.prose .verdict-overall h2{font-size:20px}.verdict-overall{gap:12px}}

.verdict-overall .score-value{font-size:40px}.verdict-row .score-value{font-size:24px}.verdict-row .score-value small{font-size:14px}

.screen-feature{margin:32px 0}.screen-stage{display:flex;align-items:center;justify-content:center;gap:5%;padding:7% 6%;background:#e8e6e1}.screen-stage>a{display:block;flex:1;min-width:0;max-width:270px}.prose .screen-stage img{display:block;width:100%;height:auto;margin:0;border-radius:10px;box-shadow:0 16px 34px rgba(28,25,20,.17),0 3px 8px rgba(28,25,20,.08)}.screen-feature figcaption{font-size:14px;line-height:1.5;margin-top:12px;color:var(--muted)}@media(prefers-color-scheme:dark){.screen-stage{background:#343430}}@media(max-width:520px){.screen-stage{overflow-x:auto;justify-content:flex-start;padding:24px;gap:22px;scroll-snap-type:x proximity}.screen-stage>a{flex:0 0 72%;scroll-snap-align:center}.prose .screen-stage img{border-radius:8px}}

.screen-stage{background:#ebebeb;border:1px solid #d7d7d7;padding:6% 9%;gap:5%;align-items:flex-start}.prose .screen-stage img{border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.09)}.screen-stage>a{max-width:270px}@media(prefers-color-scheme:dark){.screen-stage{background:#30312f;border-color:#42433f}}@media(max-width:520px){.screen-stage{padding:28px;gap:24px}.prose .screen-stage img{border-radius:18px}}

.article-page>.discographic-photo{aspect-ratio:4 / 3;margin:12px 0 32px}.visual.discographic-photo img{object-fit:cover;object-position:center}


.article-page>.infographic-hero{aspect-ratio:auto;margin:12px 0 32px;background:#fff}.visual.infographic-hero img{display:block;width:100%;height:auto;object-fit:contain}

.prose .article-explainer{margin:36px 0}.prose .article-explainer img{display:block;width:100%;height:auto;margin:0}.prose .article-explainer figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:10px}.prose .album-story-art{max-width:360px;margin:24px auto}.prose .album-story-art img{display:block;width:100%;height:auto}

/* Outlined masthead: independent dot and optical pair spacing live in the SVG. */
.masthead{height:auto;aspect-ratio:5.9;}
.masthead .wordmark-svg{display:block;width:100%;height:100%;overflow:hidden}

/* Individual retro ink fades; the i dot and stem respond as one letter. */
.wordmark-svg .logo-color{opacity:0;transition:opacity 600ms ease 300ms;pointer-events:none}
.wordmark-svg .logo-letter:hover .logo-color{opacity:1;transition-duration:300ms;transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.wordmark-svg .logo-color{transition:none}}

.prose .official-app-figure{margin:36px 0}
.official-app-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:36px;background:#e9e7e2}
.prose .official-app-pair img{display:block;width:100%;height:auto;margin:0;border-radius:12px;box-shadow:0 16px 35px #00000018}
.prose .official-app-figure figcaption{font-size:14px;line-height:1.5;color:var(--muted);margin-top:12px}
@media(max-width:600px){.official-app-pair{gap:16px;padding:20px}}
@media(prefers-color-scheme:dark){.official-app-pair{background:#282925}}

.ann-day{position:relative}.day-label{font-size:14px}.ann-row:focus-visible{outline:2px solid var(--accent,#a83a25);outline-offset:4px}
@media(max-width:700px){
#anniversaries{--ann-paper:#fff;display:block!important;min-width:0;background:var(--ann-paper);margin-inline:-20px;padding:0 20px 12px}
.ann-day{padding-bottom:28px}.ann-day .day-label{position:sticky;top:0;z-index:3;background:var(--ann-paper);padding:16px 0;margin:0 0 12px;border-top:1px solid var(--line,#d1d1c8);font-size:20px}
.day-label span{font-size:11px}.ann-row{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x proximity;padding-bottom:16px}
.ann-row .ann-card{flex:0 0 70%;min-width:0;scroll-snap-align:start;border:0;padding:0;margin:0}
.ann-card a{display:block}.ann-card img{width:150px;height:150px;margin-bottom:16px}.ann-card h3{font-size:23px}.ann-card .ann-dek{font-size:16px;margin-top:12px}.ann-card .age{margin-bottom:8px}
}

@media(max-width:700px){
#anniversaries .ann-header{padding:14px 0 10px}.ann-header h2{font-size:27px;margin:0}
.ann-day{padding-bottom:12px}.ann-day .day-label{padding:12px 0;margin-bottom:6px}
.ann-row{gap:18px;padding-bottom:8px}.ann-row .ann-card{flex-basis:170px}
.ann-card img{width:150px;height:150px;margin-bottom:10px}.ann-card h3{font-size:21px;line-height:1.05}
.ann-card .age{font-size:9px;margin-bottom:5px}.ann-card .artist{margin:5px 0 0;font-size:13px}
.ann-card .ann-dek{font-size:14px;line-height:1.3;margin:9px 0 0}
}
@media(max-width:700px){
body:not(.filtered) .story:nth-child(2),body:not(.filtered) .story:nth-child(3),#stories .story:last-child{border-bottom:0}
.ann-day:last-child,.ann-row .ann-card:last-child{border-bottom:0}
}
@media(max-width:700px){body:not(.filtered) #stories .story:nth-last-child(2){border-bottom:0}}

@media(max-width:700px){
.ann-row{gap:16px}
.ann-row .ann-card{flex:0 0 calc((100% - 32px) / 2.333333)}
.ann-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.ann-card h3{font-size:17px;line-height:1.08}
.ann-card .artist{font-size:12px}
.ann-card .ann-dek{font-size:13px;line-height:1.3}
#search-toggle{font-size:12px}
}

.visual.icon.icon-vinylbox{--icon-color:#7959ef}
.visual.icon.icon-discographic{--icon-color:#e00000}
.nav-links a[aria-current="page"]{border-color:var(--accent,#a83a25);color:var(--accent,#a83a25)}

/* One regular story card everywhere; only the homepage lead is enlarged. */
.story:not(.lead) .visual{aspect-ratio:1.48}
.story .dek{display:block}

@media(max-width:700px) and (prefers-color-scheme:dark){#anniversaries{--ann-paper:#282a24}}

/* Scale graphic lettering to its card, including narrow two-column cards. */
.visual.type{container-type:inline-size;align-items:center}
.visual.type p{font-size:13cqw;line-height:.94;letter-spacing:-.035em}
.story:not(.lead) h2{font-size:29px;line-height:1.08}
@media(max-width:700px){
.story:not(.lead) h2{font-size:30px}
.story .dek{font-size:22px;line-height:1.35}
}

.nav-links a{display:flex;align-items:center;height:100%;padding:3px 0 0;border-bottom:3px solid transparent}.search-form{margin:24px 0}.search-form input{width:100%}.site-footer{margin-top:32px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
