@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700;1,800&display=swap');:root{--ink:#19101f;--paper:#faf6ee;--violet:#7900d6;--yellow:#f7e528;--coral:#ff654f;--lilac:#d9b8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.site-header{position:sticky;top:0;z-index:20;background:var(--ink);color:white;min-height:76px;display:flex;align-items:center;gap:38px;padding:12px clamp(20px,5vw,80px);border-bottom:2px solid var(--yellow)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:30px;line-height:.74;letter-spacing:-1.5px;text-decoration:none;display:block;transform:skew(-4deg)}.brand span{color:var(--yellow)}.site-header nav{display:flex;gap:26px;margin:auto}.site-header nav a{text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em}.site-header nav a:hover{color:var(--yellow)}.header-label{font-size:9px;line-height:1.5;letter-spacing:.2em;color:#bcb0c5}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.home-hero{min-height:610px;background:radial-gradient(circle at 74% 43%,#a126e4 0,#5a048b 28%,#2b0c3e 62%,#170f1e 100%);color:white;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.hero-copy{padding:clamp(48px,7vw,100px) 0 45px clamp(25px,7vw,110px);position:relative;z-index:2}.eyebrow,.section-kicker,.mini-tag,.article-kicker,.rail-label,.detail-label,.result-label{font-size:11px;letter-spacing:.16em;font-weight:800}.eyebrow span{color:var(--yellow);padding:0 10px}.hero-copy h1,.issue-description h2,.article-body h2,.dark-section h2,.players-section h2,.connections-section h2,.quiz-section h2,.archive-section h2,.about-section h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,9vw,140px);font-weight:900;line-height:.83;letter-spacing:-.025em;margin:42px 0 24px}.hero-copy h1 em,.issue-description h2 i,.article-body h2 em,.dark-section h2 em,.players-section h2 em,.connections-section h2 em,.quiz-section h2 em,.archive-section h2 em,.about-section h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:800;letter-spacing:-.06em;color:var(--yellow)}.hero-copy p{max-width:470px;line-height:1.8;font-size:17px;color:#eee1f6}.btn{border:0;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:16px 23px;font-weight:800;font-size:12px;letter-spacing:.04em;text-decoration:none;border-radius:3px;transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-3px);filter:brightness(1.05)}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.dark{background:var(--ink);color:white}.hero-bottom{margin-top:90px;font-size:12px;font-weight:800;letter-spacing:.17em}.hero-bottom span{color:var(--yellow);padding:0 10px}.hero-art{position:relative;min-height:520px}.hero-disc,.cover-record{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle at center,#121019 0,#121019 6px,#31273c 7px,#0b0a0d 9px,#0b0a0d 14px);box-shadow:0 18px 55px #08060d99}.hero-disc{width:540px;height:540px;top:35px;left:0;transform:rotate(-22deg)}.hero-disc:after,.cover-record:after{content:'';position:absolute;inset:33%;border-radius:50%;background:var(--yellow);border:14px solid #ffb82e;box-shadow:0 0 0 4px #1b0e22}.disc-label{position:absolute;z-index:1;top:45%;left:41%;font-family:'Barlow Condensed';font-size:28px;font-weight:900;font-style:italic;line-height:.8;transform:rotate(22deg);color:#1b0e22}.starburst{position:absolute;font-size:180px;top:10px;left:-85px;color:var(--yellow);transform:rotate(-18deg)}.hero-sticker{position:absolute;right:30px;bottom:85px;background:var(--coral);color:var(--ink);font-weight:900;font-family:'Barlow Condensed';font-size:24px;line-height:.9;transform:rotate(11deg);padding:20px;border-radius:50%;width:145px;height:145px;display:flex;align-items:center;text-align:center;justify-content:center}.ticker{background:var(--yellow);overflow:hidden;white-space:nowrap;padding:12px 0;font-family:'Barlow Condensed';font-size:20px;font-weight:900;letter-spacing:.08em}.ticker div{width:max-content;animation:marquee 35s linear infinite}.ticker span{color:var(--violet);padding:0 18px}@keyframes marquee{to{transform:translateX(-40%)}}.section-intro,.content-width{max-width:1230px;margin:auto;padding:75px 35px}.section-kicker{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:38px}.section-kicker.light{border-color:#baa4c6}.section-kicker span{color:#73677b}.section-kicker.light span{color:#d4bbdf}.issue-cover{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center}.cover-art{height:480px;background:linear-gradient(150deg,#7e00d7 0%,#cb3cdd 48%,#ffbe1d 49%,#ff8c18 100%);overflow:hidden;position:relative;border:9px solid #201027;box-shadow:16px 16px 0 #e4dce7}.cover-record{height:380px;width:380px;right:-80px;top:15px}.cover-record:after{background:#f3a218}.cover-noise{position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0,transparent 31px,#ffffff0b 32px,#ffffff0b 34px)}.cover-headline{position:absolute;left:20px;bottom:22px;z-index:1;transform:rotate(-4deg);font-family:'Barlow Condensed';font-weight:900;line-height:.86;font-size:clamp(47px,6vw,83px);letter-spacing:-.02em;text-shadow:4px 4px 0 #19101f}.cover-headline span{display:block;color:white}.cover-headline strong{display:block;color:var(--yellow);font-weight:900}.cover-badge{position:absolute;top:20px;left:20px;background:var(--yellow);padding:9px 12px;font-weight:900;font-size:12px}.issue-description h2{font-size:clamp(54px,6vw,85px);margin:25px 0}.issue-description h2 i{color:var(--violet);font-size:.75em}.issue-description p{font-size:17px;line-height:1.9;max-width:550px}.issue-stats{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.issue-stats span{font-size:10px;font-weight:800;border:1px solid #cbbdcc;padding:9px}.reading-section{background:#fffdf9}.article-shell{display:grid;grid-template-columns:225px minmax(0,780px);gap:75px;max-width:1230px;margin:auto;padding:90px 35px}.article-rail{align-self:start;position:sticky;top:115px;display:flex;flex-direction:column;gap:18px;font-size:11px;font-weight:800;letter-spacing:.08em}.article-rail a{text-decoration:none;padding-bottom:12px;border-bottom:1px solid #ddd4dc}.article-rail a:hover{color:var(--violet)}.rail-label{color:var(--violet);margin-bottom:8px}.rail-note{font-family:'Barlow Condensed';font-size:34px;line-height:.9;margin-top:35px;color:#d7c4de}.article-kicker{display:flex;justify-content:space-between;color:var(--violet)}.article-kicker span{color:#918397}.article-body h2{font-size:clamp(57px,7vw,98px);margin:34px 0}.article-body h2 em{color:var(--violet)}.article-body p{font-size:17px;line-height:1.95;margin:20px 0;color:#302935}.article-body .lead{font-size:23px;line-height:1.65;font-weight:600}.article-body h3{font-family:'Barlow Condensed';font-size:43px;line-height:1;margin:50px 0 16px}.fact-pull{border-left:7px solid var(--violet);padding:24px 28px;background:#f3eafa;margin:38px 0}.fact-pull.coral{border-color:var(--coral);background:#fff0e9}.fact-pull span{display:block;color:var(--violet);font-size:11px;letter-spacing:.15em;font-weight:900;margin-bottom:10px}.fact-pull strong{font-family:'Barlow Condensed';font-size:29px;line-height:1.1}.article-quote{font-family:'Playfair Display';font-size:clamp(26px,4vw,42px);font-weight:800;font-style:italic;line-height:1.3;padding:30px 10px;color:var(--violet);border-top:2px solid;border-bottom:2px solid;margin:45px 0}.article-end{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d7cbd9;padding-top:20px;margin-top:40px;font-size:11px;font-weight:900}.article-end a{color:var(--violet)}.dark-section,.connections-section,.archive-section{background:var(--ink);color:white}.dark-section h2,.players-section h2,.connections-section h2,.quiz-section h2,.archive-section h2,.about-section h2{font-size:clamp(60px,8vw,110px);margin:25px 0}.dark-section h2 em,.connections-section h2 em,.archive-section h2 em{color:var(--yellow)}.section-lead{max-width:720px;line-height:1.85;font-size:17px;margin:0 0 35px;color:inherit;opacity:.85}.listen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.listen-card{border:1px solid #77617d;background:linear-gradient(150deg,#35163d,#221126);padding:25px;min-height:320px;display:flex;flex-direction:column}.listen-number{color:var(--yellow);font-size:12px;font-weight:900}.wave{font-family:monospace;letter-spacing:4px;font-size:23px;color:#dba1ff;white-space:nowrap;overflow:hidden;margin:35px 0 20px}.listen-card h3,.player-card h3{font-family:'Barlow Condensed';font-size:29px;line-height:1;margin:0}.listen-card p{font-size:13px;line-height:1.75;color:#e1d4e7}.listen-card a{font-size:11px;color:var(--yellow);font-weight:900;letter-spacing:.08em;margin-top:auto}.players-section{background:#f5eff8}.players-section h2 em,.quiz-section h2 em,.about-section h2 em{color:var(--violet)}.players-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.player-card{background:white;border:2px solid #d9cbdc;text-align:left;padding:0 0 18px;transition:transform .2s,border-color .2s}.player-card:hover,.player-card.active{border-color:var(--violet);transform:translateY(-4px)}.portrait{height:230px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--portrait-a),var(--portrait-b));position:relative;overflow:hidden}.portrait:before{content:'';width:130px;height:130px;background:#1b1122;border-radius:50%;position:absolute;top:32px;opacity:.8}.portrait:after{content:'';width:240px;height:150px;background:#1b1122;border-radius:48% 48% 0 0;position:absolute;top:144px;opacity:.8}.portrait span{z-index:1;color:white;font-family:'Barlow Condensed';font-size:56px;font-weight:900;letter-spacing:-.04em;text-shadow:3px 3px 0 #1b1122;transform:rotate(-8deg)}.player-card h3,.player-card small{margin:14px 15px 0;display:block}.player-card small{color:#756579;font-size:11px;font-weight:800;letter-spacing:.04em}.player-detail{margin-top:25px;padding:25px 30px;background:white;border-left:7px solid var(--violet);min-height:120px}.player-detail h3{font-family:'Barlow Condensed';font-size:35px;margin:9px 0}.player-detail p{line-height:1.8;max-width:850px}.detail-label{color:var(--violet)}.connections-section{background:linear-gradient(130deg,#21102b,#5b1479)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeline-item{padding:20px;border-top:6px solid var(--yellow);background:#ffffff13;display:flex;flex-direction:column;gap:16px;min-height:200px}.timeline-item b{color:var(--yellow);font-family:'Barlow Condensed';font-size:34px}.timeline-item strong{font-size:12px;letter-spacing:.06em}.timeline-item span{font-size:13px;line-height:1.7;color:#e3d3eb}.quiz-section{background:#faf6ee}.quiz-shell{max-width:800px;margin:auto;border:3px solid var(--ink);box-shadow:13px 13px 0 var(--violet);background:white;padding:clamp(24px,5vw,50px)}.quiz-intro{text-align:center}.quiz-icon{font-size:90px;color:var(--violet)}.quiz-intro h3,.quiz-results h3{font-family:'Barlow Condensed';font-size:55px;line-height:1;margin:15px 0}.quiz-intro p{line-height:1.7}.score-tiers{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px 0}.score-tiers span{border:1px solid #ddd1dd;padding:10px;font-size:12px}.score-tiers b{display:block;font-size:10px;margin-top:5px}.hidden{display:none!important}.quiz-topline{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.1em}.progress-track{height:8px;background:#eee3ee;margin:14px 0 35px}.progress-track div{height:100%;background:var(--violet);width:10%;transition:width .25s}.question-type{color:var(--violet);font-size:11px;font-weight:900;letter-spacing:.14em}.quiz-active h3{font-family:'Barlow Condensed';font-size:clamp(32px,4vw,48px);line-height:1.06;margin:18px 0 25px}.answer-options{display:grid;gap:10px}.answer-option{padding:15px;text-align:left;border:2px solid #ddd1df;background:white;font-weight:700;line-height:1.45}.answer-option:hover,.answer-option.selected{border-color:var(--violet);background:#f5e9fd}.answer-option.selected:before{content:'✓ ';color:var(--violet)}.quiz-actions{margin-top:28px;display:flex;justify-content:flex-end}.quiz-actions button:disabled{opacity:.4;cursor:not-allowed}.quiz-results{text-align:center}.result-label{color:var(--violet)}.result-score{font-family:'Barlow Condensed';font-size:130px;font-weight:900;line-height:1;color:var(--violet);margin-top:15px}.quiz-results p{line-height:1.7}.results-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.review-list{text-align:left;margin-top:30px;border-top:2px solid #ddd}.review-item{padding:18px 0;border-bottom:1px solid #ddd}.review-item strong{display:block;margin-bottom:9px}.review-item p{font-size:13px;margin:6px 0;line-height:1.65}.review-item .correct{color:#237445}.review-item .wrong{color:#b73b38}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-cover{min-height:350px;padding:20px;background:linear-gradient(145deg,#8000d5 0%,#df6d24 80%);display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:5px solid white;transform:rotate(-2deg)}.archive-cover:nth-child(2){background:linear-gradient(140deg,#d22d65,#ffae24);transform:rotate(2deg)}.archive-cover.third{background:linear-gradient(140deg,#047e8c,#7b00b3);transform:rotate(-1deg)}.archive-cover span,.archive-cover small{font-size:10px;font-weight:900;letter-spacing:.12em}.archive-cover strong{font-family:'Barlow Condensed';font-size:clamp(35px,4vw,60px);line-height:.87;font-weight:900;text-shadow:3px 3px 0 #23122d}.archive-cover.upcoming{opacity:.7}.archive-note{font-size:13px;color:#d4bfdc;margin-top:32px}.about-section{background:var(--yellow)}.about-section .content-width{padding-bottom:90px}.about-section h2 em{color:var(--violet)}.about-section p{font-size:19px;line-height:1.8;max-width:800px}.about-section .fine-print{font-size:12px;max-width:800px}.about-footer{margin-top:50px;font-size:11px;font-weight:900;letter-spacing:.13em}.about-footer span{padding:0 10px}footer{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;padding:35px clamp(25px,6vw,100px);gap:15px}footer span,footer>a:last-child{font-size:10px;letter-spacing:.12em;text-decoration:none;font-weight:800}@media(max-width:900px){.site-header nav{gap:14px}.header-label{display:none}.home-hero{grid-template-columns:1fr}.hero-copy{padding:65px 35px 20px}.hero-copy h1{font-size:clamp(70px,12vw,125px)}.hero-art{min-height:280px}.hero-disc{width:390px;height:390px;left:45%;top:-80px}.starburst{left:30%;top:-30px}.hero-sticker{right:8%;bottom:25px}.hero-bottom{margin-top:40px}.article-shell{grid-template-columns:1fr;gap:25px}.article-rail{position:static;flex-direction:row;flex-wrap:wrap;gap:12px}.article-rail .rail-label,.rail-note{display:none}.article-rail a{font-size:10px}.players-grid{grid-template-columns:repeat(2,1fr)}.listen-grid{grid-template-columns:1fr}.listen-card{min-height:230px}.wave{margin:20px 0}.timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header{min-height:65px;padding:12px 20px;justify-content:space-between}.brand{font-size:25px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--ink);padding:22px;flex-direction:column;gap:20px;border-bottom:2px solid var(--yellow)}.site-header nav.open{display:flex}.hero-copy{padding:55px 24px 10px}.hero-copy h1{font-size:clamp(65px,14vw,90px);margin:35px 0 20px}.hero-copy p{font-size:15px}.hero-bottom{font-size:9px}.hero-bottom span{padding:0 4px}.hero-art{min-height:220px}.hero-disc{height:310px;width:310px;top:-70px;left:30%}.hero-sticker{height:105px;width:105px;font-size:18px;bottom:15px}.starburst{font-size:100px;left:13%}.section-intro,.content-width{padding:55px 22px}.section-kicker{font-size:9px;gap:15px}.section-kicker span{text-align:right}.issue-cover{grid-template-columns:1fr;gap:35px}.cover-art{height:390px}.cover-headline{font-size:clamp(48px,11vw,72px)}.issue-description h2{font-size:65px}.issue-description p,.section-lead{font-size:15px}.article-shell{padding:60px 22px}.article-body h2{font-size:62px}.article-body p{font-size:16px}.article-body .lead{font-size:19px}.article-kicker span{display:none}.article-rail a{font-size:9px}.article-quote{font-size:27px}.dark-section h2,.players-section h2,.connections-section h2,.quiz-section h2,.archive-section h2,.about-section h2{font-size:clamp(60px,13vw,80px)}.players-grid{gap:10px}.portrait{height:170px}.portrait span{font-size:42px}.player-card h3{font-size:25px}.timeline{grid-template-columns:1fr}.timeline-item{min-height:145px}.archive-grid{grid-template-columns:1fr;gap:25px}.archive-cover{min-height:310px;transform:none!important}.archive-cover strong{font-size:65px}.quiz-shell{box-shadow:7px 7px 0 var(--violet);padding:22px}.quiz-intro h3,.quiz-results h3{font-size:44px}.result-score{font-size:100px}footer{flex-wrap:wrap}footer span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* v0.2 — art-directed magazine hero, preserving existing reading layouts */
.editorial-hero{min-height:760px;grid-template-columns:42% 58%;background:radial-gradient(ellipse at 66% 28%,#8d12ae 0%,#3a0b4c 38%,#150e1b 78%),#1a1024;isolation:isolate}
.editorial-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.27;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff08 4px 5px);mix-blend-mode:screen;z-index:1}
.editorial-hero .hero-copy{padding:55px 0 38px clamp(25px,5.3vw,96px);display:flex;flex-direction:column;align-items:flex-start;z-index:5}
.hero-publine{font-size:11px;font-weight:800;letter-spacing:.24em;color:#f2e4f4;margin-bottom:12px}
.hero-masthead{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:clamp(78px,9vw,154px);line-height:.69;letter-spacing:-.055em;transform:skew(-5deg);margin:12px 0 20px;text-shadow:0 8px 16px #0008;white-space:nowrap}
.hero-masthead span{display:block}.hero-masthead b{color:var(--yellow)}
.masthead-strap{background:var(--yellow);color:#1a1024;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(13px,1.3vw,20px);font-weight:900;letter-spacing:.08em;padding:6px 13px;transform:rotate(-2deg);margin:0 0 35px}
.editorial-hero .hero-copy h1{font-size:clamp(65px,6vw,104px);margin:0 0 24px;line-height:.87;max-width:660px;text-shadow:0 3px 10px #0005}
.editorial-hero .hero-copy p{max-width:520px;line-height:1.6;margin:0 0 24px}
.editorial-hero .hero-bottom{margin-top:auto;padding-top:25px}
.editorial-art{position:relative;min-height:760px;overflow:visible}
.hero-orange-disc{position:absolute;top:2%;left:18%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 40%,#ffc146,#ff651b 58%,#b42438);filter:blur(1px);box-shadow:0 0 110px #ff4a2945}
.hero-portrait-img{position:absolute;left:-18%;bottom:0;height:92%;width:76%;object-fit:cover;object-position:center 33%;mask-image:linear-gradient(to right,transparent 0%,black 17%,black 85%,transparent 100%);filter:contrast(1.08) saturate(1.12);mix-blend-mode:lighten}
.floating-cover{position:absolute;right:4%;top:9%;width:46%;height:76%;transform:rotate(-5deg);filter:drop-shadow(14px 22px 16px #000a);transition:transform .25s ease;z-index:3}
.floating-cover:hover{transform:rotate(-2deg) translateY(-8px)}
.floating-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:4px solid #f8e9d8;box-shadow:inset 0 0 0 2px #201128}
.hero-vinyl{position:absolute;right:15%;bottom:-9%;width:37%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#09090b 0 3px,#28232c 4px 6px,#09090b 7px 10px);box-shadow:0 8px 40px #0009;z-index:2;opacity:.8;pointer-events:none}
.hero-vinyl:after{content:"";position:absolute;inset:37%;border-radius:50%;background:var(--yellow);border:9px solid #e6a73d}
.cover-art-photo{background:#24122c!important;min-height:500px!important;display:flex;align-items:stretch;overflow:hidden}
.cover-art-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cover-art-photo:before,.cover-art-photo:after{display:none!important}
@media(max-width:1000px){.editorial-hero{grid-template-columns:1fr;min-height:auto}.editorial-hero .hero-copy{padding:42px 6vw 0}.hero-masthead{font-size:clamp(75px,15vw,130px)}.editorial-hero .hero-copy h1{font-size:clamp(65px,10vw,100px)}.editorial-art{min-height:560px}.hero-portrait-img{left:0;width:65%;height:100%}.floating-cover{right:8%;width:39%;height:82%;top:5%}.hero-vinyl{right:20%;bottom:-7%;width:30%}}
@media(max-width:600px){.hero-publine{font-size:9px}.hero-masthead{font-size:clamp(66px,16vw,100px);margin-top:18px}.masthead-strap{font-size:12px;margin-bottom:24px}.editorial-hero .hero-copy h1{font-size:clamp(55px,13vw,85px)}.editorial-hero .hero-copy p{font-size:14px}.editorial-art{min-height:410px}.hero-portrait-img{left:-7%;width:80%;height:100%}.floating-cover{width:51%;height:83%;right:5%;top:5%}.hero-orange-disc{width:65%;left:9%}.hero-vinyl{width:37%;right:16%}.cover-art-photo{min-height:380px!important}}
@media(prefers-reduced-motion:reduce){.floating-cover{transition:none}}

/* v0.3 — keep the warm orange disc as a translucent atmospheric overlay. */
.hero-orange-disc{opacity:.28;filter:blur(13px);pointer-events:none;box-shadow:0 0 85px #ff7b3324}
/* Editorial shortcuts: real anchors, not internal production metrics. */
.issue-jump-links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px}
.issue-jump-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:11px 13px;border:1px solid #cbbdcc;background:#fffaf6;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.055em;transition:background .2s,border-color .2s,transform .2s}
.issue-jump-links a:hover{background:#efe1fa;border-color:var(--violet);transform:translateY(-2px)}
.reread-link{background:transparent;color:var(--ink);border:2px solid var(--ink)}
@media(max-width:650px){.issue-jump-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.issue-jump-links a{font-size:9px;padding:10px 5px;text-align:center}}

/* Issue 001 editorial and interactive enhancements */
.listen-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.listen-grid-four .listen-card{min-height:285px}
.listen-card .listen-cue{padding:12px 0;border-top:1px solid #6c5578;color:#fff}
.listen-cue b{display:block;font-size:10px;letter-spacing:.12em;color:#f7e528;margin-bottom:5px}
.editorial-reflection{margin:40px 0 0;padding:24px 28px;border-left:5px solid #f7e528;background:#ffffff12;font-family:Georgia,serif;font-size:clamp(18px,2.3vw,25px);font-style:italic;line-height:1.6}
.players-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.timeline-controls{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}
.timeline-controls button,.timeline-nav button{border:1px solid #b6a0c6;background:#ffffff12;color:#fff;padding:12px 16px;font-weight:800;letter-spacing:.04em}
.timeline-controls button.active{background:#f7e528;color:#19101f;border-color:#f7e528}
.timeline-panel{background:#ffffff12;border-left:6px solid #f7e528;padding:clamp(24px,4vw,42px);min-height:240px}
.timeline-tag{font-size:11px;color:#f7e528;font-weight:900;letter-spacing:.14em}
.timeline-panel h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,5vw,60px);line-height:1.02;margin:12px 0}
.timeline-panel p{max-width:750px;line-height:1.8;font-size:16px}
.timeline-panel .timeline-listen{color:#f7e528;font-size:14px}
.timeline-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.timeline-nav button:disabled{opacity:.35;cursor:not-allowed}
.timeline-nav span{font-size:12px;font-weight:800;letter-spacing:.12em}
.answer-option{position:relative;border:2px solid #8b7993;background:#fffdfb;padding:17px 18px;transition:background .2s,border-color .2s,box-shadow .2s}
.answer-option:hover{border-color:#8052ad;background:#f5e9fd}
.answer-option.selected{background:#fff7e9;border:2px solid #b48640;box-shadow:inset 0 0 0 4px #fff7e9,inset 0 0 0 5px #b48640;color:#281a31;padding:17px 18px}
.answer-option.selected:before{content:none}
.answer-option:focus-visible{outline:3px solid #7b00b3;outline-offset:3px}
@media(max-width:900px){.listen-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.listen-grid-four{grid-template-columns:1fr}.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-controls button{padding:10px 12px}.timeline-panel{min-height:280px}.editorial-reflection{padding:18px}}

.sources-section{background:#f4eaf4}.sources-section .content-width{padding-top:70px;padding-bottom:70px}.sources-section h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(46px,7vw,82px);line-height:1;margin:10px 0}.sources-section p,.sources-section li{line-height:1.8}.sources-section li{margin:10px 0}.closing-reflection{font:italic 23px/1.5 Georgia,serif;color:#4b2362;border-left:5px solid #7b00b3;margin:35px 0 0;padding:12px 22px;background:#fff9}

/* Issue 001: restrained waveform imagery for Hear It cards */
.listen-card { position:relative; isolation:isolate; overflow:hidden; }
.listen-card::before { content:""; position:absolute; inset:0 0 auto; height:145px; background: url('assets/hear-it-frequency.png') center center / cover no-repeat; opacity:.55; z-index:-1; pointer-events:none; }
.listen-card::after { content:""; position:absolute; inset:0 0 auto; height:155px; background:linear-gradient(180deg,transparent 25%,var(--ink, #17121f) 100%); opacity:.5; z-index:-1; pointer-events:none; }
@media (prefers-reduced-motion: reduce) { .listen-card *, .listen-card { animation:none!important; } }

/* INK & FREQUENCY portraits */
.ink-portrait{height:auto!important;aspect-ratio:1/1;overflow:hidden;background:#2b163c;display:block;padding:0!important}
.ink-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.player-card:hover .ink-portrait img,.player-card:focus-visible .ink-portrait img{transform:scale(1.035)}
.illustration-note{font-size:12px;line-height:1.6;letter-spacing:.02em;max-width:750px;margin:0 0 25px;color:#5b4263}
.hear-it-motion{margin:24px 0 34px;border:1px solid #c79b55;border-radius:16px;overflow:hidden;background:#180e25;aspect-ratio:16/7;max-height:310px}
.hear-it-motion video{width:100%;height:100%;display:block;object-fit:cover}
@media(prefers-reduced-motion:reduce){.hear-it-motion video{display:none}.hear-it-motion{background:#180e25 url('assets/hear-it-frequency.png') center / cover no-repeat}}

/* Return to the parent publication, always visible regardless of navigation history. */
.return-to-xcel{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:240px;padding:9px 12px;border:1px solid rgba(250,217,133,.55);border-radius:4px;color:#ffe4a7!important;background:rgba(32,15,43,.94);font:700 10px/1.35 Arial,sans-serif;letter-spacing:.065em;text-decoration:none!important;text-align:center;z-index:15}
.return-to-xcel:hover,.return-to-xcel:focus-visible,.return-to-xcel-footer:hover,.return-to-xcel-footer:focus-visible{background:#f3dc8b!important;color:#21142c!important;outline-offset:3px}
.return-to-xcel-footer{display:inline-flex;padding:10px 13px;border:1px solid rgba(250,217,133,.5);border-radius:4px;color:#ffe4a7!important;text-decoration:none;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.06em}
@media(max-width:900px){.site-header .return-to-xcel{font-size:9px;max-width:175px;padding:7px 9px}}
@media(max-width:600px){.site-header .return-to-xcel{max-width:155px;font-size:9px;letter-spacing:0}.return-to-xcel-footer{margin:10px 0}}