:root{--bg:#f7f4ee;--paper:#fffdf9;--ink:#161616;--muted:#6e6961;--line:#d9d2c8;--accent:#ad6a2f;--music:#71838f;--disc:#b47844;--video:#536571;--live:#8b8177;--about:#7f8875;--shadow:0 18px 55px rgba(50,39,25,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}.wrap{max-width:1256px;margin:auto;padding:0 28px}
header{position:sticky;top:0;z-index:50;background:rgba(247,244,238,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,210,200,.72)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:29px;letter-spacing:.32em}.menu{display:flex;gap:28px;font-family:Arial,sans-serif;font-size:13px}.menu a{padding:7px 0;position:relative}.menu a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:.25s}.menu a:hover:after,.menu a.active:after{right:0}.burger{display:none;border:0;background:none;font-size:24px}
.hero{max-width:1200px;margin:auto;min-height:640px;display:grid;grid-template-columns:.88fr 1.52fr;background:var(--paper);box-shadow:var(--shadow)}.hero-copy{padding:82px 56px;display:flex;flex-direction:column;justify-content:center}.kicker{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:10px;color:var(--muted)}h1,h2,h3{font-weight:500;line-height:1.05;margin:0}.hero h1{font-size:72px;margin:18px 0 28px}.hero-sub{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.26em;margin-bottom:34px}.cta{display:inline-flex;align-items:center;gap:12px;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em}.play-ring{width:48px;height:48px;border:1px solid;border-radius:50%;display:grid;place-items:center;transition:.25s}.cta:hover .play-ring{background:var(--ink);color:#fff;transform:scale(1.05)}.hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#e9edf0 0%,#f5d6b6 44%,#79888e 100%)}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 25%,rgba(255,255,255,.6),transparent 34%),linear-gradient(to top,rgba(30,38,42,.32),transparent 58%)}.hero-note{position:absolute;right:8%;top:13%;font-size:22px;font-style:italic;transform:rotate(-5deg)}.hero-quote{position:absolute;right:7%;bottom:12%;max-width:270px;color:#fff;font-size:19px;font-style:italic}
.section{padding:88px 0;position:relative;overflow:hidden}.latest{background:var(--paper);padding:56px;display:grid;grid-template-columns:330px 1fr;gap:58px;align-items:center;box-shadow:var(--shadow)}.cover-shell{position:relative}.cover{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 20px 46px rgba(42,29,15,.16)}.latest h2{font-size:50px;margin:12px 0}.latest p{font-size:18px;color:#58534d;max-width:620px}
.player{margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.player-head{display:flex;align-items:center;gap:15px}.play-btn{width:44px;height:44px;border:1px solid;border-radius:50%;background:transparent;cursor:pointer}.track-title{font-size:17px}.track-meta{font:11px Arial,sans-serif;color:var(--muted);margin-top:2px}.wavebox{height:76px;margin:16px 0 8px;cursor:pointer;position:relative}.wavebox canvas{width:100%;height:100%;display:block}.player-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.ext{color:var(--ink)}
.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-title h2{font-size:50px}.section-title p{max-width:540px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.tile{background:var(--paper);padding:17px;border-top:3px solid var(--theme);min-height:260px;box-shadow:0 12px 30px rgba(0,0,0,.04);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;position:relative;overflow:hidden}.tile:after{content:"";position:absolute;inset:auto -30% -50% -30%;height:65%;background:radial-gradient(circle, color-mix(in srgb,var(--theme) 22%, transparent), transparent 68%);opacity:0;transition:.35s;pointer-events:none}.tile:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(30,25,20,.12)}.tile:hover:after{opacity:1;transform:translateY(-8px)}.tile-art{height:130px;margin-bottom:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--theme),#ded5c8)}.tile-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.95);transition:transform .55s ease,filter .55s ease}.tile:hover .tile-art img{transform:scale(1.07);filter:saturate(.96) contrast(1.02)}.tile-art:after{content:"♪";position:absolute;right:12px;bottom:8px;width:31px;height:31px;border:1px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(20,20,20,.25);font-size:15px;backdrop-filter:blur(4px);transition:transform .35s ease}.tile:hover .tile-art:after{transform:rotate(10deg) scale(1.08)}.tile h3{font-size:23px;margin-bottom:8px}.tile p{font-size:15px;color:var(--muted)}.arrow{font-size:24px;margin-top:15px}.quote-band{margin-top:82px;background:linear-gradient(135deg,#f2d5b3,#bac7ca);padding:66px 0}.quote-band blockquote{font-size:34px;font-style:italic;margin:0;max-width:720px}.quote-band small{display:block;margin-top:18px;font:10px Arial,sans-serif;letter-spacing:.26em}

.section:before,.page-hero:after{content:"♪   ♫   ♩";position:absolute;z-index:0;pointer-events:none;color:var(--theme,var(--accent));opacity:.055;font-size:42px;letter-spacing:26px;white-space:nowrap;filter:blur(.1px);animation:notesDrift 14s ease-in-out infinite alternate}.section:before{right:-70px;top:24px;transform:rotate(-8deg)}.page-hero{position:relative;overflow:hidden}.page-hero:after{right:4%;top:30%;font-size:34px;opacity:.06;animation-duration:17s}.section>.wrap,.section>.quote-band,.page-hero>.wrap{position:relative;z-index:1}@keyframes notesDrift{0%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(-18px,14px,0) rotate(-5deg)}100%{transform:translate3d(12px,-8px,0) rotate(-10deg)}}
.page-hero{padding:88px 0 62px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--soft),transparent)}.page-hero h1{font-size:72px}.accent{width:72px;height:3px;background:var(--theme);margin:22px 0}.page-hero p{max-width:760px;font-size:20px;color:#55504a}.prose{max-width:900px}.prose .lead{font-size:25px}.prose h2{font-size:42px;margin:56px 0 18px}.prose p{font-size:20px;margin:0 0 22px}.pull{border-left:3px solid var(--theme);padding:7px 0 7px 24px;font-size:29px;font-style:italic;margin:42px 0}
.disc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.release{background:var(--paper);padding:18px;box-shadow:var(--shadow);border-top:3px solid var(--theme);position:relative;transition:transform .35s ease,box-shadow .35s ease}.release:hover{transform:translateY(-7px);box-shadow:0 24px 58px rgba(45,34,25,.13)}.release .cover-shell{overflow:hidden}.release .cover{transition:transform .55s ease,filter .55s ease}.release:hover .cover{transform:scale(1.035);filter:saturate(1.03)}.release .zoom-btn{transition:transform .3s ease,background .3s ease}.release:hover .zoom-btn{transform:scale(1.08);background:rgba(20,20,20,.72)}.release .player{transition:background .3s ease,padding .3s ease}.release:hover .player{background:color-mix(in srgb,var(--theme) 5%, transparent);padding-left:8px;padding-right:8px}.zoom-btn{position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(20,20,20,.55);color:#fff;cursor:pointer;display:grid;place-items:center}.release h3{font-size:28px;margin-top:18px}.release-note{color:var(--muted);min-height:48px}.release .player{margin-top:15px}.missing-art{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(145deg,#e5dfd5,#c8d2d5);font-size:30px;font-style:italic;text-align:center;padding:25px}
.lightbox{position:fixed;inset:0;background:rgba(12,12,12,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(90vw,1000px);max-height:90vh;box-shadow:0 30px 100px rgba(0,0,0,.5)}.lightbox-close{position:absolute;right:26px;top:20px;border:0;background:none;color:#fff;font-size:38px;cursor:pointer}
.placeholder{min-height:360px;display:grid;place-items:center;text-align:center;background:var(--paper);border:1px solid var(--line);padding:50px}.placeholder h2{font-size:46px}.placeholder p{max-width:590px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.card{background:var(--paper);padding:30px;border-top:3px solid var(--theme);box-shadow:var(--shadow)}.card h3{font-size:30px;margin-bottom:15px}.footer{border-top:1px solid var(--line);padding:34px 0 44px;margin-top:70px}.footer-row{display:flex;justify-content:space-between;gap:20px;font:10px Arial,sans-serif;letter-spacing:.14em;color:#625d57}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:920px){.menu{display:none}.burger{display:block}.menu.open{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px 28px;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 34px}.hero h1,.page-hero h1{font-size:52px}.hero-art{min-height:420px}.latest{grid-template-columns:1fr;padding:34px}.tiles{grid-template-columns:1fr 1fr}.disc-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{padding:0 18px}.nav{height:68px}.brand{font-size:22px}.hero-copy{padding:42px 24px}.hero h1{font-size:44px}.latest{padding:22px}.tiles,.disc-grid{grid-template-columns:1fr}.section-title{display:block}.section-title h2{font-size:40px}.quote-band blockquote{font-size:28px}.footer-row{flex-direction:column}.player-bottom{flex-direction:column;align-items:flex-start}}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal,.tile,.tile-art img,.release,.section:before,.page-hero:after{transition:none!important;animation:none!important}}


/* ===== Section-specific animated page backgrounds ===== */
body{position:relative;isolation:isolate}
header,main,.platforms,.footer,.lightbox{position:relative;z-index:2}
.ambient-bg{position:fixed;inset:76px 0 0;z-index:0;pointer-events:none;overflow:hidden;opacity:.8}
.ambient-bg i{position:absolute;display:block;will-change:transform,opacity}

/* Home — ghost notes and a drifting staff */
.theme-home .ambient-bg:before{content:"𝄞  ♪  ♫   ♩   ♪";position:absolute;right:2vw;top:9vh;font-size:44px;letter-spacing:18px;color:#8d6b49;opacity:.055;transform:rotate(-8deg);animation:homeNotes 18s ease-in-out infinite alternate}
.theme-home .ambient-bg:after{content:"";position:absolute;left:-8vw;bottom:14vh;width:58vw;height:110px;background:repeating-linear-gradient(to bottom,transparent 0 18px,rgba(79,69,57,.05) 19px 20px);transform:rotate(5deg);animation:staffSlide 24s ease-in-out infinite alternate}
@keyframes homeNotes{to{transform:translate(-45px,28px) rotate(-3deg);opacity:.085}}
@keyframes staffSlide{to{transform:translate(80px,-18px) rotate(2deg)}}

/* Music — flowing waveform lines */
.theme-music .ambient-bg i{left:-15vw;width:125vw;height:80px;border-top:1px solid rgba(83,108,120,.11);border-radius:50%;transform:skewX(-15deg)}
.theme-music .ambient-bg i:nth-child(1){top:10%;animation:waveFlow 15s ease-in-out infinite alternate}
.theme-music .ambient-bg i:nth-child(2){top:29%;animation:waveFlow 19s ease-in-out -4s infinite alternate-reverse}
.theme-music .ambient-bg i:nth-child(3){top:51%;animation:waveFlow 17s ease-in-out -8s infinite alternate}
.theme-music .ambient-bg i:nth-child(4){top:72%;animation:waveFlow 22s ease-in-out -2s infinite alternate-reverse}
.theme-music .ambient-bg i:nth-child(5){top:88%;animation:waveFlow 16s ease-in-out -7s infinite alternate}
@keyframes waveFlow{0%{transform:translateX(-2%) scaleY(.75) skewX(-15deg)}50%{transform:translateX(5%) scaleY(1.45) skewX(-8deg)}100%{transform:translateX(11%) scaleY(.9) skewX(-18deg)}}

/* Discography — vinyl/orbit rings */
.theme-discography .ambient-bg i{width:260px;height:260px;border:1px solid rgba(169,111,61,.10);border-radius:50%}
.theme-discography .ambient-bg i:before,.theme-discography .ambient-bg i:after{content:"";position:absolute;border:1px solid rgba(169,111,61,.075);border-radius:50%;inset:24px}.theme-discography .ambient-bg i:after{inset:62px}
.theme-discography .ambient-bg i:nth-child(1){left:-70px;top:10%;animation:vinylFloat 20s linear infinite}.theme-discography .ambient-bg i:nth-child(2){right:-90px;top:32%;width:360px;height:360px;animation:vinylFloat 28s linear infinite reverse}.theme-discography .ambient-bg i:nth-child(3){left:28%;top:62%;width:180px;height:180px;animation:vinylFloat 17s linear infinite}.theme-discography .ambient-bg i:nth-child(4){right:18%;top:78%;width:220px;height:220px;animation:vinylFloat 23s linear infinite reverse}.theme-discography .ambient-bg i:nth-child(5){left:55%;top:5%;width:120px;height:120px;animation:vinylFloat 14s linear infinite}
@keyframes vinylFloat{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-18px)}100%{transform:rotate(360deg) translateY(0)}}

/* Video — drifting frames and film perforations */
.theme-video .ambient-bg i{width:220px;height:135px;border:1px solid rgba(71,88,102,.10);box-shadow:inset 0 0 0 9px rgba(71,88,102,.025)}
.theme-video .ambient-bg i:before,.theme-video .ambient-bg i:after{content:"";position:absolute;top:8px;bottom:8px;width:5px;background:repeating-linear-gradient(to bottom,rgba(71,88,102,.10) 0 7px,transparent 7px 16px)}.theme-video .ambient-bg i:before{left:7px}.theme-video .ambient-bg i:after{right:7px}
.theme-video .ambient-bg i:nth-child(1){left:4%;top:11%;animation:frameDrift 18s ease-in-out infinite alternate}.theme-video .ambient-bg i:nth-child(2){right:5%;top:26%;transform:scale(.7) rotate(5deg);animation:frameDrift 22s ease-in-out -6s infinite alternate-reverse}.theme-video .ambient-bg i:nth-child(3){left:17%;top:56%;transform:scale(1.15) rotate(-4deg);animation:frameDrift 24s ease-in-out -10s infinite alternate}.theme-video .ambient-bg i:nth-child(4){right:25%;top:73%;transform:scale(.82) rotate(7deg);animation:frameDrift 19s ease-in-out -4s infinite alternate-reverse}.theme-video .ambient-bg i:nth-child(5){left:48%;top:8%;transform:scale(.55);animation:frameDrift 16s ease-in-out -8s infinite alternate}
@keyframes frameDrift{to{transform:translate(38px,-22px) rotate(3deg) scale(.96)}}

/* Live — slow moving stage lights */
.theme-live .ambient-bg{background:radial-gradient(ellipse at 18% 0%,rgba(129,120,111,.08),transparent 30%),radial-gradient(ellipse at 78% 0%,rgba(129,120,111,.07),transparent 32%)}
.theme-live .ambient-bg i{top:-15vh;width:22vw;height:120vh;background:linear-gradient(to bottom,rgba(230,219,203,.15),rgba(255,255,255,0));clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;filter:blur(6px)}
.theme-live .ambient-bg i:nth-child(1){left:4%;animation:spotSweep 12s ease-in-out infinite alternate}.theme-live .ambient-bg i:nth-child(2){left:31%;animation:spotSweep 16s ease-in-out -5s infinite alternate-reverse}.theme-live .ambient-bg i:nth-child(3){right:10%;animation:spotSweep 14s ease-in-out -3s infinite alternate}.theme-live .ambient-bg i:nth-child(4),.theme-live .ambient-bg i:nth-child(5){display:none}
@keyframes spotSweep{from{transform:rotate(-8deg);opacity:.25}to{transform:rotate(9deg);opacity:.55}}

/* About — notebook strokes and handwritten traces */
.theme-about .ambient-bg{background:repeating-linear-gradient(to bottom,transparent 0 34px,rgba(134,122,104,.045) 35px 36px)}
.theme-about .ambient-bg i{height:2px;background:rgba(134,122,104,.10);border-radius:50% 20% 50% 20%;transform:rotate(-7deg)}
.theme-about .ambient-bg i:nth-child(1){width:26vw;left:8%;top:18%;animation:inkWander 13s ease-in-out infinite alternate}.theme-about .ambient-bg i:nth-child(2){width:19vw;right:12%;top:34%;transform:rotate(9deg);animation:inkWander 17s ease-in-out -6s infinite alternate-reverse}.theme-about .ambient-bg i:nth-child(3){width:30vw;left:28%;top:59%;transform:rotate(-3deg);animation:inkWander 15s ease-in-out -3s infinite alternate}.theme-about .ambient-bg i:nth-child(4){width:15vw;right:20%;top:76%;transform:rotate(12deg);animation:inkWander 19s ease-in-out -7s infinite alternate-reverse}.theme-about .ambient-bg i:nth-child(5){width:12vw;left:15%;top:86%;animation:inkWander 11s ease-in-out -2s infinite alternate}
@keyframes inkWander{to{transform:translate(28px,-10px) rotate(4deg);opacity:.45}}

/* ===== Distribution / social platform footer ===== */
.platforms{border-top:1px solid var(--line);background:rgba(255,253,249,.72);backdrop-filter:blur(7px);padding:30px 0 26px}
.platforms-title{display:flex;align-items:center;gap:18px;margin-bottom:19px}.platforms-line{height:1px;background:var(--line);flex:1}
.platform-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.platform-links a{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative;background:rgba(255,255,255,.45);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.platform-links a img{width:26px;height:26px;opacity:.78;transition:opacity .28s ease,transform .28s ease}
.platform-links a span{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%) translateY(4px);font:10px Arial,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;color:var(--ink);transition:.22s}
.platform-links a:hover{transform:translateY(-4px);border-color:var(--theme,var(--accent));background:#fff;box-shadow:0 10px 24px rgba(30,25,20,.09)}.platform-links a:hover img{opacity:1;transform:scale(1.06)}.platform-links a:hover span{opacity:1;transform:translateX(-50%) translateY(0)}
.footer{margin-top:0}
@media(max-width:620px){.ambient-bg{inset:68px 0 0}.platforms{padding-bottom:34px}.platform-links{gap:10px}.platform-links a{width:46px;height:46px}.platform-links a img{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.ambient-bg *,.ambient-bg:before,.ambient-bg:after{animation:none!important}}

/* ===== V5: expressive animated section backgrounds ===== */
.ambient-bg{opacity:1!important;z-index:0!important}
body>header,body>main,body>.platforms,body>.footer{position:relative;z-index:2}
.page-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 82%,transparent),rgba(247,244,238,.72))}
.section{background:rgba(247,244,238,.70)}

/* HOME — animated musical staff and travelling notes */
.theme-home .ambient-bg:before{content:"♪   ♩   ♫      ♪    ♬   ♩";left:-5vw;right:auto;top:11vh;width:115vw;font-size:46px;letter-spacing:34px;color:#8d6b49;opacity:.19;transform:rotate(-3deg);animation:scoreNotes 15s ease-in-out infinite alternate}
.theme-home .ambient-bg:after{left:-8vw;bottom:auto;top:8vh;width:120vw;height:132px;opacity:1;background:repeating-linear-gradient(to bottom,transparent 0 22px,rgba(95,72,48,.14) 23px 24px);transform:rotate(-3deg);animation:staffTravel 22s ease-in-out infinite alternate}
.theme-home .ambient-bg i:nth-child(1){display:block;left:12%;top:38%;font-size:52px;color:rgba(141,107,73,.16);animation:noteFloat 9s ease-in-out infinite}
.theme-home .ambient-bg i:nth-child(1):after{content:'♫'}
.theme-home .ambient-bg i:nth-child(2){display:block;right:14%;top:67%;font-size:44px;color:rgba(141,107,73,.14);animation:noteFloat 12s ease-in-out -4s infinite}
.theme-home .ambient-bg i:nth-child(2):after{content:'♪'}
@keyframes scoreNotes{0%{transform:translateX(-2vw) translateY(0) rotate(-3deg);filter:blur(0)}50%{opacity:.10;filter:blur(.4px)}100%{transform:translateX(7vw) translateY(16px) rotate(-1deg);opacity:.22}}
@keyframes staffTravel{to{transform:translateX(5vw) rotate(-1deg)}}
@keyframes noteFloat{0%,100%{transform:translateY(0) rotate(-8deg);opacity:.08}50%{transform:translateY(-32px) rotate(7deg);opacity:.22}}

/* MUSIC — visible flowing wave field */
.theme-music .ambient-bg{background:radial-gradient(circle at 85% 22%,rgba(113,131,143,.12),transparent 28%),radial-gradient(circle at 10% 72%,rgba(113,131,143,.09),transparent 30%)}
.theme-music .ambient-bg i{left:-18vw;width:138vw;height:150px;border-top:2px solid rgba(72,111,132,.24);border-bottom:1px solid rgba(72,111,132,.10);border-radius:50%;filter:drop-shadow(0 10px 18px rgba(86,118,136,.08))}
.theme-music .ambient-bg i:nth-child(1){top:8%;animation:waveFlowStrong 9s ease-in-out infinite alternate}.theme-music .ambient-bg i:nth-child(2){top:26%;animation:waveFlowStrong 13s ease-in-out -4s infinite alternate-reverse}.theme-music .ambient-bg i:nth-child(3){top:47%;animation:waveFlowStrong 11s ease-in-out -7s infinite alternate}.theme-music .ambient-bg i:nth-child(4){top:68%;animation:waveFlowStrong 15s ease-in-out -2s infinite alternate-reverse}.theme-music .ambient-bg i:nth-child(5){top:86%;animation:waveFlowStrong 10s ease-in-out -5s infinite alternate}
@keyframes waveFlowStrong{0%{transform:translateX(-4vw) translateY(-10px) skewX(-10deg) scaleY(.7)}50%{transform:translateX(1vw) translateY(28px) skewX(8deg) scaleY(1.2)}100%{transform:translateX(6vw) translateY(-2px) skewX(-5deg) scaleY(.85)}}

/* DISCOGRAPHY — oversized rotating vinyl records */
.theme-discography .ambient-bg i{width:520px;height:520px;border:2px solid rgba(104,76,54,.22);border-radius:50%;background:repeating-radial-gradient(circle,rgba(91,70,54,.12) 0 2px,transparent 2px 10px);box-shadow:inset 0 0 0 72px rgba(180,120,68,.025),0 20px 80px rgba(80,55,35,.04)}
.theme-discography .ambient-bg i:before{inset:37%;border:2px solid rgba(180,120,68,.18);background:rgba(180,120,68,.10)}.theme-discography .ambient-bg i:after{inset:48%;background:rgba(70,55,45,.24);border:0}
.theme-discography .ambient-bg i:nth-child(1){left:-190px;top:4%;animation:vinylSpin 24s linear infinite}.theme-discography .ambient-bg i:nth-child(2){right:-210px;top:28%;width:650px;height:650px;animation:vinylSpin 31s linear infinite reverse}.theme-discography .ambient-bg i:nth-child(3){left:22%;top:65%;width:420px;height:420px;animation:vinylSpin 20s linear infinite}.theme-discography .ambient-bg i:nth-child(4){right:12%;top:82%;width:360px;height:360px;animation:vinylSpin 27s linear infinite reverse}.theme-discography .ambient-bg i:nth-child(5){display:none}
@keyframes vinylSpin{to{transform:rotate(360deg)}}

/* VIDEO — moving film strip + projector cone */
.theme-video .ambient-bg:before{content:"";position:absolute;left:-25vw;top:22%;width:150vw;height:155px;border-top:2px solid rgba(63,82,94,.18);border-bottom:2px solid rgba(63,82,94,.18);background:repeating-linear-gradient(90deg,rgba(83,101,113,.12) 0 9px,transparent 9px 29px);mask:linear-gradient(#000 0 17px,transparent 17px calc(100% - 17px),#000 calc(100% - 17px));animation:filmScroll 13s linear infinite;transform:rotate(-4deg)}
.theme-video .ambient-bg:after{content:"";position:absolute;right:-8vw;top:3%;width:70vw;height:78vh;background:linear-gradient(105deg,rgba(255,239,199,.20),rgba(255,245,220,.06) 58%,transparent 59%);clip-path:polygon(100% 0,100% 14%,0 100%,35% 100%);filter:blur(4px);animation:projectorPulse 6s ease-in-out infinite alternate}
.theme-video .ambient-bg i{opacity:.22;border:2px solid rgba(71,88,102,.18)}
@keyframes filmScroll{to{transform:translateX(24vw) rotate(-4deg)}}
@keyframes projectorPulse{to{opacity:.45;transform:translateX(-2vw) scaleX(1.04)}}

/* LIVE — coloured stage beams cut by haze */
.theme-live .ambient-bg{background:radial-gradient(ellipse at 50% 90%,rgba(80,75,78,.10),transparent 48%),repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.018) 47px 48px)}
.theme-live .ambient-bg i{top:-20vh;width:25vw;height:125vh;opacity:.34;filter:blur(9px);mix-blend-mode:multiply}
.theme-live .ambient-bg i:nth-child(1){display:block;left:0;background:linear-gradient(to bottom,rgba(198,151,111,.36),rgba(198,151,111,.04),transparent);animation:spotSweepStrong 9s ease-in-out infinite alternate}.theme-live .ambient-bg i:nth-child(2){display:block;left:28%;background:linear-gradient(to bottom,rgba(105,139,157,.32),rgba(105,139,157,.04),transparent);animation:spotSweepStrong 12s ease-in-out -4s infinite alternate-reverse}.theme-live .ambient-bg i:nth-child(3){display:block;right:2%;background:linear-gradient(to bottom,rgba(151,119,145,.30),rgba(151,119,145,.04),transparent);animation:spotSweepStrong 10s ease-in-out -2s infinite alternate}.theme-live .ambient-bg i:nth-child(4){display:block;left:48%;top:30%;width:55vw;height:180px;background:radial-gradient(ellipse,rgba(120,115,112,.12),transparent 70%);clip-path:none;animation:hazeDrift 14s ease-in-out infinite alternate}.theme-live .ambient-bg i:nth-child(5){display:none}
@keyframes spotSweepStrong{0%{transform:rotate(-14deg) translateX(-3vw)}100%{transform:rotate(15deg) translateX(5vw)}}
@keyframes hazeDrift{to{transform:translateX(-20vw) translateY(60px);opacity:.12}}

/* ABOUT — notebook plus animated pen writing a line */
.theme-about .ambient-bg{background:repeating-linear-gradient(to bottom,transparent 0 37px,rgba(100,91,76,.12) 38px 39px),linear-gradient(90deg,transparent 0 9%,rgba(166,98,85,.12) 9.1% 9.25%,transparent 9.35%)}
.theme-about .ambient-bg:before{content:"✒";position:absolute;left:14%;top:20%;font-size:48px;color:rgba(78,68,58,.32);transform:rotate(-28deg);animation:penWrite 8s ease-in-out infinite}
.theme-about .ambient-bg:after{content:"";position:absolute;left:17%;top:27%;width:0;height:2px;background:rgba(78,68,58,.24);transform:rotate(-3deg);transform-origin:left center;animation:inkLine 8s ease-in-out infinite}
.theme-about .ambient-bg i{height:2px;background:rgba(89,78,64,.15)}
@keyframes penWrite{0%,12%{transform:translate(0,0) rotate(-28deg)}55%{transform:translate(38vw,14px) rotate(-25deg)}68%{transform:translate(38vw,14px) rotate(-25deg)}82%,100%{transform:translate(0,0) rotate(-28deg)}}
@keyframes inkLine{0%,12%{width:0;opacity:0}18%{opacity:1}55%,68%{width:38vw;opacity:1}82%,100%{width:0;opacity:0}}

@media(max-width:700px){.theme-home .ambient-bg:before{font-size:32px;letter-spacing:18px}.theme-discography .ambient-bg i{transform:scale(.7)}.theme-video .ambient-bg:after{width:100vw}.theme-about .ambient-bg:before{font-size:36px}}
@media(prefers-reduced-motion:reduce){.ambient-bg,.ambient-bg *,.ambient-bg:before,.ambient-bg:after{animation:none!important}}

/* ===== V6: stronger, legible animated page identities ===== */
body[class^="theme-"] .section{background:rgba(247,244,238,.52)}
body[class^="theme-"] .page-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 68%,transparent),rgba(247,244,238,.50))}
.ambient-bg{pointer-events:none;overflow:hidden}

/* HOME — moving score inspired by the opening guitar motif of LOVE */
.love-score{position:absolute;left:-8vw;top:7vh;width:150vw;height:250px;color:#735c48;opacity:.30;transform:rotate(-2.4deg);filter:drop-shadow(0 7px 15px rgba(70,50,30,.05));animation:loveScoreTravel 24s linear infinite}
.love-score .staff{stroke:currentColor;stroke-width:1.2;opacity:.55}.love-score .barline{stroke:currentColor;stroke-width:1.5;opacity:.45}.love-score .note{fill:currentColor}.love-score .stem{stroke:currentColor;stroke-width:2}.love-score .phrase{animation:phraseBreathe 5.5s ease-in-out infinite alternate;transform-origin:center}
@keyframes loveScoreTravel{0%{transform:translateX(-8vw) rotate(-2.4deg)}100%{transform:translateX(-32vw) rotate(-2.4deg)}}
@keyframes phraseBreathe{0%{opacity:.62}100%{opacity:1}}
.theme-home .ambient-bg:before,.theme-home .ambient-bg:after,.theme-home .ambient-bg>i{display:none!important}

/* MUSIC — two line-art instruments drifting like counterpoint */
.theme-music .ambient-bg{background:radial-gradient(circle at 78% 18%,rgba(89,116,130,.16),transparent 31%),radial-gradient(circle at 15% 72%,rgba(164,126,84,.11),transparent 34%)}
.theme-music .ambient-bg>i{display:none!important}.instrument-art{position:absolute;opacity:.27;filter:drop-shadow(0 16px 25px rgba(40,55,65,.08));transform-origin:50% 50%}.instrument-art path,.instrument-art line,.instrument-art ellipse,.instrument-art circle{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.instrument-art.guitar{width:420px;right:-70px;top:10%;color:#54788a;animation:guitarDrift 12s ease-in-out infinite alternate}.instrument-art.trumpet{width:430px;left:-80px;top:58%;color:#a57849;animation:trumpetDrift 14s ease-in-out -4s infinite alternate}
@keyframes guitarDrift{to{transform:translate(-65px,70px) rotate(8deg)}}@keyframes trumpetDrift{to{transform:translate(90px,-55px) rotate(-7deg)}}

/* DISCOGRAPHY — actual record-like discs, opaque artwork labels */
.theme-discography .ambient-bg i{background:repeating-radial-gradient(circle,#1e1d1c 0 2px,#292725 2px 5px,#191817 5px 8px);border:1px solid rgba(30,25,20,.35);box-shadow:inset 0 0 80px rgba(255,255,255,.10),0 24px 70px rgba(50,35,25,.12);opacity:.24}
.theme-discography .ambient-bg i:before{content:"";position:absolute;inset:34%;border-radius:50%;background-image:var(--label);background-size:cover;background-position:center;border:5px solid rgba(238,229,213,.9);box-shadow:0 0 0 2px rgba(30,25,20,.3);opacity:1}
.theme-discography .ambient-bg i:after{content:"";position:absolute;inset:48.2%;border-radius:50%;background:#f5efe5;border:2px solid #302b27}
.theme-discography .ambient-bg i:nth-child(1){--label:url('../img/transitions.png')}.theme-discography .ambient-bg i:nth-child(2){--label:url('../img/brother.png')}.theme-discography .ambient-bg i:nth-child(3){--label:url('../img/dissatisfaction.png')}.theme-discography .ambient-bg i:nth-child(4){--label:url('../img/the-long-road.jpg')}

/* VIDEO — oversized moving film + clearly visible projector cone */
.theme-video .ambient-bg:before{left:-35vw;top:38%;width:190vw;height:250px;border-top:3px solid rgba(45,61,72,.28);border-bottom:3px solid rgba(45,61,72,.28);background:repeating-linear-gradient(90deg,rgba(55,71,82,.23) 0 15px,transparent 15px 46px);mask:linear-gradient(#000 0 28px,transparent 28px calc(100% - 28px),#000 calc(100% - 28px));animation:filmScroll 9s linear infinite;transform:rotate(-6deg);opacity:.75}
.theme-video .ambient-bg:after{right:-2vw;top:0;width:88vw;height:92vh;background:linear-gradient(108deg,rgba(255,226,156,.44),rgba(255,239,202,.19) 58%,transparent 59%);clip-path:polygon(100% 0,100% 17%,0 100%,30% 100%);filter:blur(2px);opacity:.85;animation:projectorPulse 4.5s ease-in-out infinite alternate}
.theme-video .ambient-bg i{display:none!important}

/* LIVE — stage beams cut by moving haze */
.theme-live .ambient-bg{background:linear-gradient(#ded9d3,#f5f1eb 62%)}
.theme-live .ambient-bg i{opacity:.58!important;filter:blur(6px)!important;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}
.theme-live .ambient-bg i:nth-child(1){background:linear-gradient(to bottom,rgba(224,113,75,.58),rgba(224,113,75,.08),transparent)}.theme-live .ambient-bg i:nth-child(2){background:linear-gradient(to bottom,rgba(74,139,184,.52),rgba(74,139,184,.07),transparent)}.theme-live .ambient-bg i:nth-child(3){background:linear-gradient(to bottom,rgba(177,94,170,.48),rgba(177,94,170,.06),transparent)}
.theme-live .ambient-bg i:nth-child(4){display:block!important;left:-15%;top:33%;width:130vw;height:220px;clip-path:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.15) 0 18px,rgba(125,120,118,.08) 20px 25px,transparent 28px 46px);filter:blur(15px)!important;animation:hazeDrift 8s ease-in-out infinite alternate;opacity:.62!important}

/* ABOUT — notebook + visible moving fountain pen and writing */
.theme-about .ambient-bg:before{content:"✒";left:13%;top:18%;font-size:76px;color:rgba(60,52,45,.48);z-index:3;animation:penWriteV6 9s ease-in-out infinite}
.theme-about .ambient-bg:after{content:"songs   places   questions";left:20%;top:28%;width:0;height:auto;white-space:nowrap;overflow:hidden;background:none;color:rgba(72,62,52,.36);font:italic 31px Georgia,serif;letter-spacing:.04em;transform:rotate(-2deg);animation:handWriteV6 9s steps(26,end) infinite}
.theme-about .ambient-bg i{display:none!important}
@keyframes penWriteV6{0%,8%{transform:translate(0,0) rotate(-28deg)}45%{transform:translate(390px,30px) rotate(-22deg)}58%{transform:translate(390px,30px) rotate(-22deg)}75%,100%{transform:translate(0,0) rotate(-28deg)}}
@keyframes handWriteV6{0%,8%{width:0}45%,60%{width:420px}78%,100%{width:0}}
@media(max-width:700px){.love-score{width:230vw;opacity:.24}.instrument-art.guitar,.instrument-art.trumpet{width:290px;opacity:.21}.theme-discography .ambient-bg i{opacity:.17}.theme-video .ambient-bg:before{height:180px}.theme-live .ambient-bg i{opacity:.38!important}.theme-about .ambient-bg:before{font-size:54px}.theme-about .ambient-bg:after{font-size:22px}}

/* v7 refinements */
.instrument-art.sax{width:360px;right:5%;top:56%;color:#9b7249;opacity:.25;animation:saxDrift 15s ease-in-out -3s infinite alternate}
.instrument-art.drum{width:330px;left:8%;top:24%;color:#687d88;opacity:.23;animation:drumDrift 13s ease-in-out -5s infinite alternate}
@keyframes saxDrift{to{transform:translate(-28px,-24px) rotate(7deg)}}
@keyframes drumDrift{to{transform:translate(24px,28px) rotate(-5deg)}}

/* Video: large moving film whose frames contain Andrì cover art */
.theme-video .ambient-bg:before,.theme-video .ambient-bg:after{display:none!important}
.theme-video .ambient-bg>i{display:none!important}
.film-track{position:absolute;left:-28vw;top:34%;width:190vw;height:270px;display:flex;align-items:center;gap:22px;padding:34px 46px;background:#25282a;border-top:4px solid rgba(30,30,30,.7);border-bottom:4px solid rgba(30,30,30,.7);box-shadow:0 25px 70px rgba(37,44,48,.16);transform:rotate(-5deg);animation:coverFilm 24s linear infinite;opacity:.34}
.film-track:before,.film-track:after{content:"";position:absolute;left:0;right:0;height:17px;background:repeating-linear-gradient(90deg,#f7f4ee 0 14px,transparent 14px 34px)}
.film-track:before{top:8px}.film-track:after{bottom:8px}
.film-frame{height:188px;min-width:250px;border:7px solid #17191a;overflow:hidden;background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.film-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.92)}
.projector-cone{position:absolute;right:-4%;top:4%;width:78vw;height:72vh;clip-path:polygon(100% 0,100% 25%,0 78%,0 48%);background:linear-gradient(115deg,rgba(245,220,166,.02),rgba(245,220,166,.23),rgba(255,244,215,.06));filter:blur(3px);opacity:.75;animation:projectorPulse 6s ease-in-out infinite alternate}
@keyframes coverFilm{to{transform:translateX(-45vw) rotate(-5deg)}}
@keyframes projectorPulse{to{opacity:.48;filter:blur(6px)}}

/* About: writing beside the title, upper-right, on a diagonal */
.theme-about .ambient-bg:before,.theme-about .ambient-bg:after{display:none!important}
.about-writing{position:absolute;z-index:1;left:calc(50% + 105px);top:118px;width:min(43vw,560px);height:185px;pointer-events:none;transform:rotate(-8deg);transform-origin:left center;color:rgba(75,64,52,.48)}
.about-writing .ink-text{position:absolute;left:35px;top:65px;width:0;overflow:hidden;white-space:nowrap;font:italic 34px Georgia,serif;letter-spacing:.025em;animation:v7Write 9s steps(28,end) infinite}
.about-writing .pen{position:absolute;left:8px;top:30px;font-size:58px;transform:rotate(-25deg);animation:v7Pen 9s ease-in-out infinite}
.about-writing .ink-stroke{position:absolute;left:38px;top:112px;width:0;height:2px;background:currentColor;opacity:.55;animation:v7Stroke 9s ease-in-out infinite}
@keyframes v7Write{0%,12%{width:0}62%,84%{width:470px}100%{width:0}}
@keyframes v7Stroke{0%,12%{width:0}62%,84%{width:430px}100%{width:0}}
@keyframes v7Pen{0%,12%{transform:translate(0,0) rotate(-25deg)}62%,84%{transform:translate(430px,-56px) rotate(-18deg)}100%{transform:translate(0,0) rotate(-25deg)}}
@media(max-width:920px){.about-writing{left:42%;top:120px;width:54vw}.about-writing .ink-text{font-size:27px}.film-track{height:220px}.film-frame{height:145px;min-width:190px}}
@media(max-width:650px){.instrument-art.sax,.instrument-art.drum{width:240px;opacity:.17}.about-writing{position:relative;left:auto;top:auto;width:88%;height:125px;margin:-28px 0 0 8%;transform:rotate(-6deg)}.about-writing .ink-text{font-size:22px}.about-writing .pen{font-size:42px}.film-track{height:170px}.film-frame{height:105px;min-width:145px}.projector-cone{width:120vw}}

/* v8 — video archive + organic About handwriting */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:34px}.video-card{background:rgba(255,253,249,.78);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(24,27,29,.06);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.video-card:hover{transform:translateY(-8px) rotate(-.35deg);box-shadow:0 24px 58px rgba(24,27,29,.13);border-color:rgba(71,88,102,.38)}.video-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#16191b;overflow:hidden;cursor:pointer}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease,filter .65s ease}.video-card:hover .video-thumb img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}.video-play{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:rgba(247,244,238,.9);color:#23282b;font-size:20px;box-shadow:0 8px 30px rgba(0,0,0,.18);transition:transform .3s ease,background .3s ease}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-info{padding:18px 20px 21px}.video-info h3{margin:0 0 7px;font-size:22px}.video-info p{margin:0;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.cover-video-section{background:rgba(71,88,102,.055);border-top:1px solid rgba(71,88,102,.12)}.section-heading h2{font-size:clamp(36px,5vw,64px);margin:.12em 0}.section-heading p{max-width:620px}.video-modal{position:fixed;inset:0;z-index:1000;background:rgba(13,15,16,.88);display:none;place-items:center;padding:5vw}.video-modal.open{display:grid}.video-modal-frame{width:min(1100px,92vw);aspect-ratio:16/9;background:#000;box-shadow:0 30px 100px rgba(0,0,0,.45)}.video-modal-frame iframe{width:100%;height:100%;border:0}.video-modal-close{position:fixed;right:28px;top:22px;border:0;background:transparent;color:white;font-size:44px;cursor:pointer}.theme-video .film-track{opacity:.43;height:300px}.theme-video .film-frame{height:210px;min-width:330px}.theme-video .film-frame img{object-fit:cover}.theme-video .projector-cone{opacity:.88;background:linear-gradient(115deg,rgba(255,231,176,.03),rgba(255,225,158,.34),rgba(255,246,220,.1))}

/* About — diagonal handwritten gear phrase, pen follows an organic writing path */
.about-writing{left:calc(50% + 35px);top:112px;width:min(49vw,690px);height:235px;transform:rotate(-8deg);overflow:visible}.about-writing .ink-text{left:38px;top:78px;width:0;max-width:650px;font-family:"Brush Script MT","Segoe Script","Apple Chancery",cursive;font-size:25px;line-height:1.2;letter-spacing:.012em;animation:v8Write 14s steps(76,end) infinite}.about-writing .ink-stroke{display:none}.about-writing .pen{left:4px;top:38px;font-size:52px;offset-path:path("M 15 68 C 95 25, 160 92, 235 56 S 370 26, 455 68 S 565 103, 645 45");offset-distance:0%;offset-rotate:auto 125deg;animation:v8PenPath 14s ease-in-out infinite;transform:none}.about-writing:after{content:"";position:absolute;left:34px;top:112px;width:0;height:1px;background:rgba(75,64,52,.25);transform:rotate(-1deg);animation:v8InkTrail 14s ease-in-out infinite}@keyframes v8Write{0%,8%{width:0}74%,88%{width:650px}100%{width:0}}@keyframes v8PenPath{0%,8%{offset-distance:0%;opacity:1}74%,88%{offset-distance:100%;opacity:1}96%,100%{offset-distance:0%;opacity:0}}@keyframes v8InkTrail{0%,8%{width:0}74%,88%{width:610px}100%{width:0}}
@media(max-width:950px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-writing{left:38%;width:60vw}.about-writing .ink-text{font-size:20px}}
@media(max-width:620px){.video-grid{grid-template-columns:1fr}.theme-video .film-track{height:190px}.theme-video .film-frame{height:125px;min-width:190px}.about-writing{position:relative;left:auto;top:auto;width:92%;height:145px;margin:-22px auto 0}.about-writing .ink-text{font-size:17px;top:60px}.about-writing .pen{font-size:38px;top:24px}}


/* v9 — two-line handwriting; pen follows each writing line and returns for line two */
.about-writing{left:calc(50% + 30px);top:106px;width:min(51vw,720px);height:220px;transform:rotate(-7deg);color:rgba(70,58,46,.56)}
.about-writing .ink-text,.about-writing .ink-stroke,.about-writing:after{display:none!important}
.ink-lines{position:absolute;left:42px;top:66px;width:660px;font-family:"Brush Script MT","Segoe Script","Apple Chancery",cursive;font-size:25px;font-style:italic;line-height:1.45;letter-spacing:.006em}
.ink-line{display:block;width:0;overflow:hidden;white-space:nowrap}
.ink-line.line1{animation:v9Line1 16s steps(40,end) infinite}
.ink-line.line2{margin-left:24px;animation:v9Line2 16s steps(43,end) infinite}
.about-writing .pen{position:absolute;left:0;top:0;font-size:50px;transform-origin:70% 80%;animation:v9Pen 16s linear infinite;offset-path:none}
@keyframes v9Line1{0%,7%{width:0}42%,88%{width:520px}96%,100%{width:0}}
@keyframes v9Line2{0%,46%{width:0}80%,88%{width:600px}96%,100%{width:0}}
@keyframes v9Pen{
0%,7%{transform:translate(30px,42px) rotate(-30deg);opacity:1}
12%{transform:translate(105px,32px) rotate(-24deg)}
18%{transform:translate(185px,45px) rotate(-31deg)}
24%{transform:translate(270px,34px) rotate(-22deg)}
30%{transform:translate(355px,44px) rotate(-30deg)}
36%{transform:translate(455px,33px) rotate(-23deg)}
42%{transform:translate(555px,43px) rotate(-28deg)}
45%{transform:translate(570px,46px) rotate(-28deg);opacity:1}
46%{transform:translate(56px,80px) rotate(-31deg);opacity:.35}
48%{transform:translate(58px,79px) rotate(-29deg);opacity:1}
54%{transform:translate(145px,91px) rotate(-24deg)}
60%{transform:translate(240px,79px) rotate(-31deg)}
66%{transform:translate(340px,91px) rotate(-23deg)}
72%{transform:translate(445px,80px) rotate(-30deg)}
80%,88%{transform:translate(650px,89px) rotate(-25deg);opacity:1}
94%,100%{transform:translate(650px,89px) rotate(-25deg);opacity:0}}
@media(max-width:950px){.about-writing{left:38%;width:60vw}.ink-lines{font-size:19px;width:560px}.about-writing .pen{font-size:42px}}
@media(max-width:620px){.about-writing{position:relative;left:auto;top:auto;width:94%;height:135px;margin:-20px auto 0;transform:rotate(-5deg)}.ink-lines{left:32px;top:48px;font-size:15px;width:90vw}.about-writing .pen{font-size:34px;animation:none;transform:translate(5px,24px) rotate(-28deg)}.ink-line.line1,.ink-line.line2{width:auto!important;animation:none!important;white-space:normal}.ink-line.line2{margin-left:14px}}


/* v10 — SVG handwriting: every glyph is a real SVG path; the pen follows the active glyph */
.svg-writing{left:calc(50% + 20px);top:104px;width:min(53vw,760px);height:205px;transform:rotate(-6deg);overflow:visible;color:rgba(69,56,44,.64)}
.gear-script{width:100%;height:100%;overflow:visible}
.gear-letter{fill:rgba(69,56,44,.08);stroke:rgba(69,56,44,.70);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.svg-pen{fill:rgba(55,45,37,.78);filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));transform-box:fill-box;transform-origin:0 0}
.svg-pen .nib{fill:rgba(38,31,26,.9)}
@media(max-width:950px){.svg-writing{left:35%;width:64vw;top:110px}}
@media(max-width:620px){.svg-writing{position:relative;left:auto;top:auto;width:96%;height:135px;margin:-18px auto 0;transform:rotate(-4deg)}.svg-pen{display:none}.gear-letter{opacity:1;fill:rgba(69,56,44,.10);stroke:rgba(69,56,44,.58)}}
@media(prefers-reduced-motion:reduce){.gear-letter{opacity:1!important;stroke-dashoffset:0!important}.svg-pen{display:none}}


/* v11 — stable organic handwriting + legal trademark note */
.trademark-disclaimer{max-width:980px;margin:16px auto 0;padding-top:14px;border-top:1px solid rgba(70,64,57,.12);font:10px/1.55 Arial,sans-serif;letter-spacing:.02em;color:rgba(70,64,57,.52);text-align:center}
.organic-writing{position:absolute;left:calc(50% + 20px);top:108px;width:min(52vw,760px);height:150px;transform:rotate(-6deg);overflow:visible;z-index:2;pointer-events:none;color:rgba(69,56,44,.72)}
.hand-line{position:absolute;left:0;height:48px;white-space:nowrap;font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-size:clamp(20px,2vw,31px);font-style:italic;line-height:1.25;letter-spacing:.015em}
.hand-line-1{top:8px}.hand-line-2{top:64px;left:28px}
.hand-line span{display:block;overflow:hidden;width:0;white-space:nowrap;border-right:0 solid transparent;text-shadow:0 .3px 0 rgba(69,56,44,.18)}
.hand-line-1 span{animation:writeLine1 14s cubic-bezier(.42,0,.58,1) infinite}
.hand-line-2 span{animation:writeLine2 14s cubic-bezier(.42,0,.58,1) infinite}
.writing-pen{position:absolute;left:0;top:-20px;font-style:normal;font-family:Georgia,serif;font-size:35px;line-height:1;transform:rotate(-28deg);transform-origin:8px 30px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.12));opacity:0}
.pen-one{animation:penLine1 14s cubic-bezier(.42,0,.58,1) infinite}
.pen-two{animation:penLine2 14s cubic-bezier(.42,0,.58,1) infinite}
@keyframes writeLine1{0%,5%{width:0}39%,82%{width:100%}92%,100%{width:100%}}
@keyframes writeLine2{0%,42%{width:0}76%,100%{width:100%}}
@keyframes penLine1{0%,4%{left:-8px;top:-17px;opacity:0}5%{opacity:1}10%{top:-14px}16%{top:-19px}23%{top:-13px}30%{top:-18px}38%{left:calc(100% - 8px);top:-15px;opacity:1}39%,100%{left:calc(100% - 8px);opacity:0}}
@keyframes penLine2{0%,40%{left:-8px;top:-18px;opacity:0}42%{left:-8px;opacity:1}48%{top:-14px}55%{top:-19px}62%{top:-13px}69%{top:-18px}75%{left:calc(100% - 8px);top:-15px;opacity:1}76%,100%{left:calc(100% - 8px);opacity:0}}
@media(max-width:950px){.organic-writing{left:38%;width:58vw;top:112px}.hand-line{font-size:clamp(17px,2.4vw,25px)}}
@media(max-width:620px){.organic-writing{position:relative;left:auto;top:auto;width:94%;height:120px;margin:-16px auto 0;transform:rotate(-4deg)}.hand-line{font-size:16px}.hand-line-2{left:12px;top:54px}.writing-pen{font-size:27px}}
@media(prefers-reduced-motion:reduce){.hand-line span{width:100%!important;animation:none!important}.writing-pen{display:none!important}}


/* V14 — V11 preserved; only the top navigation bar is restyled */
header{
  background:#090909;
  border-bottom:1px solid rgba(190,153,94,.42);
  backdrop-filter:none;
  box-shadow:0 5px 20px rgba(0,0,0,.10);
}
.nav{height:104px;}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#f3eadb;
  font-size:28px;
  letter-spacing:.28em;
  white-space:nowrap;
}
.brand-logo{
  width:64px;
  height:64px;
  object-fit:cover;
  object-position:center 42%;
  border-radius:50%;
  display:block;
  filter:saturate(.86) contrast(1.06);
}
.menu{font-size:13px;gap:30px;}
.menu a{color:#e9dfd0;}
.menu a:hover,.menu a.active{color:#c6a46d;}
.menu a:after{background:#c6a46d;}
.burger{color:#f3eadb;}
@media(max-width:780px){
  .nav{height:86px;}
  .brand{font-size:22px;gap:10px;}
  .brand-logo{width:50px;height:50px;}
  .menu{background:#090909;color:#f3eadb;}
}
@media(max-width:620px){
  .nav{height:80px;}
  .brand{font-size:19px;letter-spacing:.22em;}
  .brand-logo{width:46px;height:46px;}
}

/* V15 — slightly taller header so the full logo has breathing room */
.nav{height:120px;}
.brand-logo{
  width:78px;
  height:78px;
  object-fit:contain;
  object-position:center;
  border-radius:0;
}
@media(max-width:780px){
  .nav{height:98px;}
  .brand-logo{width:62px;height:62px;}
}
@media(max-width:620px){
  .nav{height:90px;}
  .brand-logo{width:56px;height:56px;}
}

/* V16 — taller masthead and stronger navigation typography */
.nav{height:142px;}
.brand{font-size:35px;letter-spacing:.30em;gap:18px;}
.brand-logo{width:98px;height:98px;object-fit:contain;object-position:center;}
.menu{font-size:15px;gap:34px;letter-spacing:.035em;}
.menu a{padding:10px 0;}
@media(max-width:780px){
  .nav{height:112px;}
  .brand{font-size:25px;gap:12px;}
  .brand-logo{width:76px;height:76px;}
  .menu{font-size:14px;}
}
@media(max-width:620px){
  .nav{height:100px;}
  .brand{font-size:22px;letter-spacing:.24em;}
  .brand-logo{width:66px;height:66px;}
}

/* V17 — lift only the logo so its lower edge is fully visible */
.brand-logo{
  position:relative;
  top:-10px;
}
@media(max-width:780px){
  .brand-logo{top:-7px;}
}
@media(max-width:620px){
  .brand-logo{top:-6px;}
}


/* v-next: discography pagination */
.disc-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:42px 0 0}
.disc-pagination button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.7);font:600 13px Arial,sans-serif;color:var(--ink);cursor:pointer;transition:.25s ease}
.disc-pagination button:hover,.disc-pagination button.active{background:var(--theme);color:#fff;border-color:var(--theme);transform:translateY(-2px)}
.release.page-hidden{display:none!important}

/* About: vintage typewriter carriage/roller */
.organic-writing{display:none!important}
.about-typewriter{position:absolute;left:calc(50% + 20px);top:112px;width:min(50vw,760px);height:142px;z-index:2;pointer-events:none;transform:rotate(-3deg);color:rgba(55,49,43,.72)}
.type-line{position:absolute;left:0;height:48px;white-space:nowrap;font-family:"Courier New",Courier,monospace;font-size:clamp(17px,1.75vw,27px);line-height:1.3;letter-spacing:.015em}
.type-line-1{top:5px}.type-line-2{top:62px;left:24px}
.type-line span{display:block;width:0;overflow:hidden;white-space:nowrap;border-right:1px solid rgba(55,49,43,.32)}
.type-line-1 span{animation:typeReveal1 14s steps(36,end) infinite}.type-line-2 span{animation:typeReveal2 14s steps(43,end) infinite}
.type-roller{position:absolute;left:-24px;top:-18px;width:54px;height:20px;border-radius:11px;background:linear-gradient(#292725 0 28%,#77716a 29% 40%,#302e2b 41% 72%,#827a70 73% 84%,#252321 85%);box-shadow:0 3px 6px rgba(0,0,0,.22);opacity:0}
.type-roller:before,.type-roller:after{content:"";position:absolute;top:5px;width:12px;height:10px;border-radius:5px;background:#252321;box-shadow:inset 0 0 0 2px #68615a}.type-roller:before{left:-10px}.type-roller:after{right:-10px}
.type-roller b{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border:1px solid #b0a79d;border-radius:50%;background:conic-gradient(from 0deg,#302e2b 0 25%,#8e857b 25% 50%,#302e2b 50% 75%,#8e857b 75%);animation:rollerSpin .45s linear infinite}
.type-line-1 .type-roller{animation:rollerMove1 14s cubic-bezier(.2,.7,.2,1) infinite}.type-line-2 .type-roller{animation:rollerMove2 14s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes typeReveal1{0%,5%{width:0}42%,78%{width:100%}96%,100%{width:0}}
@keyframes typeReveal2{0%,45%{width:0}78%,96%{width:100%}100%{width:0}}
@keyframes rollerMove1{0%,5%{opacity:1;transform:translateX(0)}42%{opacity:1;transform:translateX(100%)}43%,100%{opacity:0;transform:translateX(100%)}}
@keyframes rollerMove2{0%,44%{opacity:0;transform:translateX(0)}45%{opacity:1;transform:translateX(0)}78%{opacity:1;transform:translateX(100%)}79%,100%{opacity:0;transform:translateX(100%)}}
@keyframes rollerSpin{to{transform:rotate(360deg)}}
@media(max-width:950px){.about-typewriter{left:38%;width:58vw;top:116px}.type-line{font-size:clamp(15px,2.1vw,22px)}}
@media(max-width:620px){.about-typewriter{position:relative;left:auto;top:auto;width:92%;height:115px;margin:-8px auto 0;transform:rotate(-2deg)}.type-line{font-size:13px}.type-line-2{left:10px;top:52px}.type-roller{transform:scale(.8);transform-origin:left center}}
@media(prefers-reduced-motion:reduce){.type-line span{width:100%!important;animation:none!important;border:0}.type-roller{display:none!important}}


/* v20 — IBM Selectric typeball follows the active typing cursor */
.type-roller{display:none!important}
.type-ball{position:absolute;left:-27px;top:-27px;width:54px;height:54px;border-radius:50%;overflow:hidden;opacity:0;z-index:4;box-shadow:0 5px 12px rgba(25,22,19,.28),0 0 0 1px rgba(65,58,51,.28);transform-origin:50% 58%;filter:sepia(.14) contrast(1.05)}
.type-ball img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.16);animation:selectricSpin .52s steps(8,end) infinite}
.type-line-1 .type-ball{animation:selectricMove1 14s steps(36,end) infinite}
.type-line-2 .type-ball{animation:selectricMove2 14s steps(43,end) infinite}
@keyframes selectricSpin{0%{transform:scale(1.16) rotate(0deg)}50%{transform:scale(1.16) rotate(16deg)}100%{transform:scale(1.16) rotate(-9deg)}}
@keyframes selectricMove1{0%,4%{left:-27px;opacity:0}5%{opacity:1}42%{left:calc(100% - 27px);opacity:1}43%,100%{left:calc(100% - 27px);opacity:0}}
@keyframes selectricMove2{0%,44%{left:-27px;opacity:0}45%{opacity:1}78%{left:calc(100% - 27px);opacity:1}79%,100%{left:calc(100% - 27px);opacity:0}}
.type-line span{border-right:2px solid rgba(55,49,43,.52)}
@media(max-width:620px){.type-ball{width:42px;height:42px;top:-21px;left:-21px}.type-line-1 .type-ball,.type-line-2 .type-ball{transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.type-ball{display:none!important}}

/* v21 — quieter Selectric animation + discography sections, dates and genre tags */
.about-typewriter{opacity:.48}
.type-ball{opacity:0;filter:sepia(.14) contrast(1.02);box-shadow:0 4px 10px rgba(25,22,19,.16),0 0 0 1px rgba(65,58,51,.18)}
@keyframes selectricMove1{0%,4%{left:-27px;opacity:0}5%{opacity:.52}42%{left:calc(100% - 27px);opacity:.52}43%,100%{left:calc(100% - 27px);opacity:0}}
@keyframes selectricMove2{0%,44%{left:-27px;opacity:0}45%{opacity:.52}78%{left:calc(100% - 27px);opacity:.52}79%,100%{left:calc(100% - 27px);opacity:0}}
.disc-section+.disc-section{margin-top:88px;padding-top:62px;border-top:1px solid var(--line)}
.disc-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.disc-section-head h2{font-size:clamp(38px,5vw,62px);margin:4px 0 0}
.disc-section-head p{max-width:420px;color:var(--muted);margin:0 0 8px;text-align:right}
.release-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:5px 0 13px}
.release-meta time{font:600 11px/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.genre-tags{display:flex;gap:6px;flex-wrap:wrap}
.genre-tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font:700 10px/1 Arial,sans-serif;letter-spacing:.045em;text-transform:uppercase;background:#e8e2d9;color:#443c35}
.genre-jazz{background:#d9e3ef;color:#334b66}.genre-blues{background:#d8e5ea;color:#315361}.genre-cinematic{background:#e7dceb;color:#5d4066}.genre-progressive{background:#dce6df;color:#3f5b49}.genre-rock{background:#eadbd5;color:#70483c}.genre-alternative{background:#e4dfd4;color:#5f5746}.genre-ballad{background:#f0dfe1;color:#704a50}.genre-waltz{background:#e6e0ee;color:#584b6c}.genre-shuffle{background:#e7dfcf;color:#665535}.genre-fusion{background:#dce9e2;color:#3e6351}.genre-world{background:#eee0c9;color:#735c35}.genre-mediterranean{background:#d9e8e7;color:#365f5d}.genre-ambient{background:#dfe4ea;color:#4b5b6c}
.album-placeholder{padding:54px 24px;border:1px dashed var(--line);text-align:center;color:var(--muted);font-style:italic;background:rgba(255,255,255,.35)}
@media(max-width:700px){.disc-section-head{display:block}.disc-section-head p{text-align:left;margin-top:10px}.release-meta{align-items:flex-start;flex-direction:column}.disc-section+.disc-section{margin-top:60px;padding-top:42px}}

/* v22 — album archive */
.albums-grid{grid-template-columns:1fr}
.album-release{padding:28px}
.album-overview{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:36px;align-items:center;margin-bottom:30px}
.album-overview .cover-shell{margin:0}
.album-info h3{font-size:clamp(34px,4.5vw,58px);margin:7px 0 10px}
.album-tracklist{border-top:1px solid var(--line)}
.album-track{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.album-track-number{font:600 11px/1 Arial,sans-serif;color:var(--muted);padding-top:15px;letter-spacing:.08em}
.compact-player{margin:0}
.compact-player .wavebox{height:52px}
@media(max-width:700px){.album-release{padding:18px}.album-overview{grid-template-columns:1fr;gap:22px}.album-overview .cover-shell{max-width:320px}.album-track{grid-template-columns:30px 1fr}}

/* v23: keep artwork lightbox above site layers */
.lightbox{position:fixed!important;inset:0;z-index:1000}
.lightbox.open{display:flex}

/* V24 genre extensions */
.genre-world{background:#d9e5d2!important;color:#40523a!important}.genre-soul{background:#ead8c8!important;color:#67472e!important}.genre-funk{background:#ead6a8!important;color:#5c481b!important}.genre-fusion{background:#d9d7ea!important;color:#454064!important}.genre-jazz{background:#cfdfe8!important;color:#304b5a!important}.genre-swing{background:#ead3d3!important;color:#623d3d!important}.album-genre-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.album-genre-tags .genre-tag{font-size:9px;padding:3px 7px}

/* v25 — analytical song notes */
.song-actions{margin:8px 0 2px}.explore-btn{border:0;background:none;padding:0;color:var(--theme);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.explore-btn:hover{text-decoration:underline}.song-modal{position:fixed;inset:0;z-index:1200;background:rgba(17,15,13,.72);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:28px}.song-modal.open{display:flex}.song-modal-panel{position:relative;width:min(760px,94vw);max-height:86vh;overflow:auto;background:var(--paper);padding:44px 48px;box-shadow:0 35px 100px rgba(0,0,0,.32);border-top:3px solid var(--disc)}.song-modal-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:32px;cursor:pointer;color:var(--ink)}.song-modal h2{font-size:38px;margin:8px 0 20px}.analysis-lead{font-size:19px;line-height:1.55;color:#4d4741}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.analysis-block{border-top:1px solid var(--line);padding-top:13px}.analysis-block h3{font:700 10px/1.2 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--theme);margin:0 0 7px}.analysis-block p{margin:0;color:var(--muted);line-height:1.6}.analysis-coming{color:var(--muted);font-style:italic}.lyrics-preview{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}@media(max-width:650px){.song-modal-panel{padding:38px 25px}.analysis-grid{grid-template-columns:1fr}}
/* v26 — lyrics panel */
.song-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.lyrics-btn{border:0;background:none;padding:0;color:var(--muted);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.lyrics-btn:hover{color:var(--theme);text-decoration:underline}.lyrics-modal{position:fixed;inset:0;z-index:1210;background:rgba(17,15,13,.72);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:28px}.lyrics-modal.open{display:flex}.lyrics-modal-panel{position:relative;width:min(720px,94vw);max-height:86vh;overflow:auto;background:var(--paper);padding:44px 48px;box-shadow:0 35px 100px rgba(0,0,0,.32);border-top:3px solid var(--disc)}.lyrics-modal-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:32px;cursor:pointer;color:var(--ink)}.lyrics-modal h2{font-size:38px;margin:8px 0 20px}.lyrics-modal-body{font:16px/1.75 Georgia,serif;color:#4d4741;white-space:pre-line}.lyrics-sync-note{margin-top:25px;padding-top:16px;border-top:1px solid var(--line);font:11px/1.5 Arial,sans-serif;letter-spacing:.04em;color:var(--muted)}@media(max-width:650px){.lyrics-modal-panel{padding:38px 25px}}
\n/* v27 — Home manifesto image + restored Discography vinyl */
.theme-home .hero-art{background-image:linear-gradient(90deg,rgba(20,24,25,.12),rgba(20,24,25,.26)),url('../img/home-wider-horizon.png');background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-end;padding:46px}
.theme-home .hero-art:before{background:linear-gradient(to top,rgba(18,20,20,.72),rgba(18,20,20,.05) 72%)}
.hero-manifesto{position:relative;z-index:2;width:min(500px,92%);padding:28px 30px;background:rgba(250,247,240,.82);backdrop-filter:blur(8px);box-shadow:0 18px 55px rgba(0,0,0,.14);border-left:2px solid rgba(176,111,41,.72)}
.hero-manifesto p{margin:0 0 10px;font-size:16px;line-height:1.38;color:#26231f}.hero-manifesto p:nth-child(1),.hero-manifesto p:nth-child(5){margin-bottom:18px}.hero-manifesto p:nth-last-child(-n+4){font-style:italic}.hero-manifesto p:last-child{margin-bottom:0}
.theme-discography .ambient-bg{opacity:1!important}.theme-discography .ambient-bg i{opacity:.38!important;filter:none!important}.theme-discography .ambient-bg i:nth-child(1){--label:url('../img/transitions.jpg')}.theme-discography .ambient-bg i:nth-child(2){--label:url('../img/brother.jpg')}.theme-discography .ambient-bg i:nth-child(3){--label:url('../img/dissatisfaction.jpg')}.theme-discography .ambient-bg i:nth-child(4){--label:url('../img/the-long-road.jpg')}
.lyric-line{display:block;padding:2px 8px;margin:0 -8px;border-left:2px solid transparent;transition:opacity .25s ease,background .25s ease,color .25s ease,transform .25s ease}.lyric-line.past{opacity:.36}.lyric-line.active{opacity:1;color:var(--ink);background:rgba(180,120,68,.09);border-left-color:var(--disc);transform:translateX(4px)}.lyric-line.future{opacity:.68}.lyric-gap{height:13px}.lyrics-sync-note strong{color:var(--ink)}
@media(max-width:920px){.theme-home .hero-art{padding:26px;min-height:560px}.hero-manifesto{width:100%}}\n

/* v28 — refined Home image/manifesto */
.theme-home .hero-art{
  background-image:linear-gradient(90deg,rgba(13,15,15,.34),rgba(13,15,15,.08) 58%,rgba(13,15,15,.18)),url('../img/home-wider-horizon.png');
  background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:flex-start;padding:48px 52px;
}
.theme-home .hero-art:before{background:linear-gradient(to top,rgba(10,12,12,.58),rgba(10,12,12,.02) 68%)}
.hero-manifesto{position:relative;z-index:2;width:min(560px,92%);padding:0;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;border:0!important;text-shadow:0 2px 16px rgba(0,0,0,.42)}
.hero-manifesto p{margin:0 0 9px;font-family:Georgia,'Times New Roman',serif!important;font-size:17px!important;font-weight:400!important;font-style:normal!important;line-height:1.42!important;letter-spacing:0!important;color:rgba(255,253,248,.94)!important}
.hero-manifesto p:nth-child(1),.hero-manifesto p:nth-child(5){margin-bottom:19px}
.hero-manifesto p:nth-last-child(-n+4){font-style:normal!important;font-size:18px!important}
.hero-manifesto p:last-child{margin-bottom:0}
.lyrics-waiting{font:11px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;display:none}
.lyrics-waiting.show{display:block}
@media(max-width:920px){.theme-home .hero-art{padding:34px 28px;min-height:590px}.hero-manifesto{width:94%}.hero-manifesto p{font-size:15px!important}}

/* v29 — robust Home artwork: real IMG layer, not CSS-background dependent */
.theme-home .hero-art{background:#252829!important;isolation:isolate;}
.theme-home .hero-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block;}
.theme-home .hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,10,10,.58) 0%,rgba(8,10,10,.26) 58%,rgba(8,10,10,.12) 100%),linear-gradient(to top,rgba(8,10,10,.36),transparent 58%)!important;pointer-events:none;}
.theme-home .hero-manifesto{z-index:2;max-width:570px;}
.theme-home .hero-manifesto p{font-family:Georgia,'Times New Roman',serif!important;font-size:16px!important;line-height:1.43!important;font-weight:400!important;font-style:normal!important;color:rgba(255,255,252,.95)!important;text-shadow:0 2px 14px rgba(0,0,0,.65)!important;}
.theme-home .hero-manifesto p:nth-last-child(-n+4){font-size:16px!important;}
@media(max-width:920px){.theme-home .hero-art-image{object-position:58% center}.theme-home .hero-manifesto p,.theme-home .hero-manifesto p:nth-last-child(-n+4){font-size:15px!important}}
/* v30 — approved Home artwork and clean overlay */
.theme-home .hero-art{padding:0!important;overflow:hidden!important;background:#1f2222!important;}
.theme-home .hero-art-image{object-fit:cover!important;object-position:center!important;filter:none!important;}
.theme-home .hero-art::before{display:none!important;content:none!important;}
.theme-home .hero-manifesto{display:none!important;}

/* v33 — Music refinement + About long-form popups */
.theme-music .page-hero .wrap{max-width:940px}.theme-music .page-hero p{max-width:780px;font-size:18px;line-height:1.72}.theme-music .prose{max-width:900px}.theme-music .prose>p{max-width:760px;line-height:1.82}.theme-music .prose>h2{margin-top:64px;padding-top:22px;border-top:1px solid rgba(84,120,138,.22)}.theme-music .pull{margin:54px 0;padding:32px 42px;background:rgba(255,253,249,.66);border-left:3px solid var(--music);box-shadow:0 18px 55px rgba(30,42,50,.055)}
.theme-music .instrument-art{opacity:.20;filter:drop-shadow(0 18px 28px rgba(20,35,45,.10));mix-blend-mode:multiply}.theme-music .instrument-art.guitar{color:#2f7693}.theme-music .instrument-art.trumpet{color:#b56c32}.theme-music .instrument-art.sax{color:#9d5c28}.theme-music .instrument-art.drum{color:#596f93}.theme-music .instrument-art path,.theme-music .instrument-art line,.theme-music .instrument-art ellipse,.theme-music .instrument-art circle{stroke-width:3.4}
.about-grid-v33{align-items:start}.about-summary{min-height:245px;display:flex;flex-direction:column}.about-summary p{color:var(--muted);line-height:1.7}.about-more-btn{margin-top:auto;align-self:flex-start;border:0;background:none;padding:18px 0 0;color:var(--theme);font:700 11px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.about-more-btn:hover{text-decoration:underline}.about-contact p{line-height:1.65;color:var(--muted)}.about-contact a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.about-modal{position:fixed;inset:0;z-index:1220;background:rgba(17,15,13,.74);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:28px}.about-modal.open{display:flex}.about-modal-panel{position:relative;width:min(820px,94vw);max-height:86vh;overflow:auto;background:var(--paper);padding:46px 52px;box-shadow:0 35px 100px rgba(0,0,0,.34);border-top:3px solid var(--about)}.about-modal-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:32px;cursor:pointer;color:var(--ink)}.about-modal h2{font-size:42px;margin:8px 0 24px}.about-modal-body{font:16px/1.78 Georgia,serif;color:#4d4741;white-space:pre-line}.about-modal-body p{margin:0 0 1.25em}.about-modal-body ul{padding-left:22px;margin:0 0 1.3em}.about-modal-body li{margin:.55em 0}
@media(max-width:650px){.theme-music .pull{padding:26px 25px}.about-modal-panel{padding:40px 25px}.about-summary{min-height:0}}

/* V34 — richer but discreet Music-page instrument colours */
.theme-music .instrument-art{opacity:.29;filter:drop-shadow(0 18px 30px rgba(20,35,45,.10));mix-blend-mode:multiply}
.theme-music .instrument-art.guitar{color:#267f9d}
.theme-music .instrument-art.trumpet{color:#c57a2c}
.theme-music .instrument-art.sax{color:#a95832;opacity:.27}
.theme-music .instrument-art.drum{color:#6173a4;opacity:.27}
@media(max-width:700px){.theme-music .instrument-art{opacity:.22}.theme-music .instrument-art.sax,.theme-music .instrument-art.drum{opacity:.20}}

/* V35 — Music editorial layout + slightly richer instrument colour */
.theme-music .instrument-art{opacity:.37;filter:drop-shadow(0 18px 30px rgba(20,35,45,.11));mix-blend-mode:multiply}
.theme-music .instrument-art.guitar{color:#177fa4}
.theme-music .instrument-art.trumpet{color:#d18425}
.theme-music .instrument-art.sax{color:#b45b32;opacity:.35}
.theme-music .instrument-art.drum{color:#596eae;opacity:.35}
.theme-music .music-editorial{max-width:1040px}
.theme-music .music-statement{position:relative;max-width:720px!important;margin:8px 0 82px 7%!important;padding:4px 0 4px 30px;font-size:21px!important;line-height:1.86!important}
.theme-music .music-statement:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:var(--music);opacity:.65}
.theme-music .music-language{margin:0 0 18px}
.theme-music .music-language h2{margin:0 0 30px;padding-top:24px;border-top:1px solid rgba(84,120,138,.22)}
.theme-music .music-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start}
.theme-music .music-language-grid p{font-size:19px;line-height:1.82;margin:0}
.theme-music .music-language-grid p:nth-child(2){margin-top:62px}
.theme-music .pull{max-width:900px;margin:82px auto!important;padding:38px 48px!important;font-size:31px;text-align:center;border-left:0!important;border-top:1px solid rgba(84,120,138,.28);border-bottom:1px solid rgba(84,120,138,.28);background:rgba(255,253,249,.48)!important;box-shadow:none!important}
.theme-music .music-closing{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:24px}
.theme-music .music-closing-block{padding-top:24px;border-top:1px solid rgba(84,120,138,.22)}
.theme-music .music-closing-block h2{font-size:34px;margin:0 0 18px;padding:0;border:0}
.theme-music .music-closing-block p{font-size:18px;line-height:1.82;margin:0;color:#4f4b46}
@media(max-width:760px){
 .theme-music .instrument-art{opacity:.28}.theme-music .instrument-art.sax,.theme-music .instrument-art.drum{opacity:.26}
 .theme-music .music-statement{margin-left:0!important;margin-bottom:58px!important;padding-left:22px;font-size:19px!important}
 .theme-music .music-language-grid,.theme-music .music-closing{grid-template-columns:1fr;gap:24px}
 .theme-music .music-language-grid p:nth-child(2){margin-top:0}
 .theme-music .pull{margin:58px 0!important;padding:30px 22px!important;font-size:26px}
 .theme-music .music-closing{gap:48px}
}

/* V36 — Music alignment correction + richer instrument colour */
.theme-music .music-language-grid p:nth-child(2){margin-top:0!important}
.theme-music .instrument-art{opacity:.46;filter:drop-shadow(0 18px 30px rgba(20,35,45,.12));mix-blend-mode:multiply}
.theme-music .instrument-art.guitar{color:#087da8}
.theme-music .instrument-art.trumpet{color:#dc861b}
.theme-music .instrument-art.sax{color:#c5522b;opacity:.43}
.theme-music .instrument-art.drum{color:#4c64b2;opacity:.43}
@media(max-width:760px){
 .theme-music .instrument-art{opacity:.34}
 .theme-music .instrument-art.sax,.theme-music .instrument-art.drum{opacity:.32}
}

/* V37 — About notebooks */
.about-modal{perspective:1800px;background:rgba(13,12,11,.80)}
.about-modal-panel.notebook-modal{width:min(1000px,95vw);height:min(720px,88vh);max-height:none;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none;transform-style:preserve-3d}
.notebook-modal .about-modal-close{z-index:20;right:-2px;top:-42px;color:#f4ead7;font:300 34px/1 Arial,sans-serif;text-shadow:0 2px 12px #000}
.notebook-cover,.notebook-book{position:absolute;inset:0;border-radius:9px}
.notebook-cover{z-index:5;display:grid;place-items:center;background:linear-gradient(145deg,#27221d,#151310 72%);border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 90px rgba(0,0,0,.55),inset 9px 0 0 #0d0c0b,inset 12px 0 0 rgba(191,150,86,.22);transform-origin:left center;transition:transform .85s cubic-bezier(.2,.72,.2,1),opacity .3s .55s;backface-visibility:hidden}
.notebook-cover::before{content:"";position:absolute;inset:16px;border:1px solid rgba(198,163,107,.28);border-radius:5px;pointer-events:none}
.notebook-cover-inner{text-align:center;color:#efe5d2;padding:55px;max-width:620px}.notebook-cover .kicker{color:#bfa16d}.notebook-cover h2{font:400 clamp(50px,8vw,86px)/1 Georgia,serif;margin:20px 0 12px;color:#f5ead6}.notebook-cover-subtitle{font:italic 19px/1.5 Georgia,serif;color:#bdb2a1}.notebook-open{margin-top:42px;border:1px solid rgba(224,202,164,.42);background:rgba(255,255,255,.03);color:#efe5d2;padding:12px 20px;font:700 10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.notebook-open:hover{background:rgba(255,255,255,.08)}
.notebook-modal.is-open .notebook-cover{transform:rotateY(-108deg);opacity:0;pointer-events:none}
.notebook-book{z-index:2;opacity:0;transform:scale(.96);transition:opacity .35s .42s,transform .5s .42s;background:#6c5740;padding:12px;box-shadow:0 35px 100px rgba(0,0,0,.5)}.notebook-modal.is-open .notebook-book{opacity:1;transform:scale(1)}
.notebook-spread{position:relative;display:grid;grid-template-columns:1fr 18px 1fr;height:calc(100% - 54px);overflow:hidden;border-radius:4px;background:#e8dcc3;box-shadow:inset 0 0 35px rgba(75,52,28,.18)}
.notebook-page{position:relative;overflow:hidden;padding:42px 42px 38px;background-color:#f2ead8;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,rgba(94,113,123,.13) 28px,transparent 29px),radial-gradient(circle at 18% 12%,rgba(133,91,46,.055),transparent 28%),radial-gradient(circle at 82% 78%,rgba(133,91,46,.04),transparent 30%);color:#413a31;box-sizing:border-box}
.notebook-left{box-shadow:inset -18px 0 24px -25px rgba(30,20,10,.7)}.notebook-right{box-shadow:inset 18px 0 24px -25px rgba(30,20,10,.7)}
.notebook-binding{background:linear-gradient(90deg,#d1c0a0,#8b7455 48%,#c9b795);box-shadow:inset 0 0 8px rgba(0,0,0,.25);z-index:4}
.notebook-page-content{font:15px/1.72 Georgia,serif}.notebook-page-content p{margin:0 0 1.18em}.notebook-page-content ul{margin:.2em 0 1em;padding-left:20px}.notebook-page-content li{margin:.38em 0}.notebook-page-content p:first-child::first-letter{font-size:2.6em;line-height:.8;float:left;margin:.09em .08em 0 0;color:#87623c}
.notebook-page-no{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:10px Arial,sans-serif;letter-spacing:.16em;color:#8d806f}
.notebook-controls{height:54px;display:flex;align-items:center;justify-content:center;gap:25px;color:#e7dac4}.notebook-controls button{border:0;background:none;color:#e7dac4;font:34px/1 Georgia,serif;cursor:pointer;width:44px;height:40px}.notebook-controls button:disabled{opacity:.2;cursor:default}.notebook-progress{font:700 9px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;min-width:120px;text-align:center}
.notebook-flip{position:absolute;z-index:8;top:0;bottom:0;left:calc(50% + 9px);width:calc(50% - 9px);transform-origin:left center;transform-style:preserve-3d;pointer-events:none;display:none}.notebook-flip.turning{display:block;animation:notebookTurn .72s cubic-bezier(.35,.05,.2,1)}.notebook-flip-front,.notebook-flip-back{position:absolute;inset:0;backface-visibility:hidden;background:#f2ead8;box-shadow:-12px 0 25px rgba(45,31,18,.18)}.notebook-flip-back{transform:rotateY(180deg);background:#eee4d0}@keyframes notebookTurn{0%{transform:rotateY(0)}100%{transform:rotateY(-180deg)}}
@media(max-width:720px){.about-modal{padding:18px}.about-modal-panel.notebook-modal{height:min(720px,88vh)}.notebook-modal .about-modal-close{right:4px}.notebook-spread{grid-template-columns:1fr}.notebook-binding,.notebook-left{display:none}.notebook-page{padding:35px 27px 36px}.notebook-right{box-shadow:none}.notebook-flip{left:0;width:100%}.notebook-cover-inner{padding:35px}.notebook-page-content{font-size:14px;line-height:1.68}}

/* v38 — author genesis + album Explore the Song */
.author-genesis{margin:0 0 30px;padding:22px 24px 24px;border-left:3px solid var(--accent);background:rgba(176,111,41,.055);position:relative}
.author-genesis .kicker{margin-bottom:10px;color:var(--accent)}
.author-genesis p{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem;line-height:1.72;font-style:italic;color:#34302b}
.inside-music-label{display:flex;align-items:center;gap:14px;margin:4px 0 22px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#746d64}
.inside-music-label:after{content:"";height:1px;background:var(--line);flex:1}
.album-song-actions{margin:0 0 8px}
.album-song-actions .explore-btn{font-size:.72rem;padding:6px 10px}
@media(max-width:720px){.author-genesis{padding:18px 18px 20px}.author-genesis p{font-size:1rem}.album-song-actions{margin-top:6px}}

/* V39 — second, technical/musicological reading for every track */
.music-analysis-btn{border:0;background:transparent;color:#5c6570;font:700 .72rem/1.2 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:8px 0;cursor:pointer;border-bottom:1px solid rgba(76,100,120,.28);margin-left:14px;transition:.2s ease}
.music-analysis-btn:hover{color:#1f536c;border-color:#1f536c;transform:translateY(-1px)}
.album-song-actions .music-analysis-btn{font-size:.68rem;padding:6px 8px;margin-left:8px}
.music-analysis-modal{background:rgba(12,18,22,.82)}
.tech-modal-panel{border-top:3px solid #496f82!important;background:linear-gradient(180deg,#fffdf9,#f7f3eb)!important;max-width:900px!important}
.tech-modal-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(73,111,130,.035) 1px,transparent 1px),linear-gradient(rgba(73,111,130,.025) 1px,transparent 1px);background-size:32px 32px}
.tech-modal-panel>*{position:relative}
.tech-rule{height:1px;background:linear-gradient(90deg,#496f82,transparent);margin:0 0 28px}
.tech-analysis-intro{padding:18px 22px;margin:0 0 30px;background:rgba(73,111,130,.06);border-left:3px solid #496f82}
.tech-analysis-intro p{margin:8px 0 0;font:italic 15px/1.65 Georgia,serif;color:#5a5a56}
.tech-section{padding:0 0 24px;margin:0 0 25px;border-bottom:1px solid rgba(73,111,130,.17)}
.tech-section:last-child{border-bottom:0;margin-bottom:0}.tech-section h3{font:400 25px/1.2 Georgia,serif;margin:0 0 11px;color:#263b45}.tech-section p{font:16px/1.78 Georgia,serif;color:#4a4844;margin:0}.tech-section.historical{padding:22px 24px;background:rgba(176,111,41,.055);border-left:2px solid rgba(176,111,41,.6);border-bottom:0}.tech-section.historical h3{color:#6f4a26}
@media(max-width:720px){.music-analysis-btn{display:inline-block;margin-left:8px;font-size:.66rem}.tech-modal-panel{padding-left:24px!important;padding-right:24px!important}.tech-section h3{font-size:22px}}

/* v43 — album-track modal identity */
.song-modal-album{margin:.3rem 0 0;font-size:.88rem;line-height:1.35;font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.82}
.song-modal-album:empty{display:none}

/* v44 — Discography editorial actions */
.song-actions{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.explore-btn{font-family:Georgia,"Times New Roman",serif;font-size:13px;font-weight:400;letter-spacing:.01em;text-transform:none}
.music-analysis-btn.storytelling-btn{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.album-song-actions .explore-btn{font-size:.82rem;font-weight:400;padding:6px 10px}
.album-song-actions .storytelling-btn{font-size:.72rem;font-weight:700}

/* v44 hotfix — link colour hierarchy */
.explore-btn{color:#5c6570}
.explore-btn:hover{color:var(--theme)}
.music-analysis-btn.storytelling-btn{color:var(--theme);border-color:color-mix(in srgb,var(--theme) 35%,transparent)}
.music-analysis-btn.storytelling-btn:hover{color:var(--theme);border-color:var(--theme)}
/* v45 bilingual language switch */
.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding-left:14px;border-left:1px solid rgba(255,255,255,.22);font:600 11px/1 Arial,sans-serif;letter-spacing:.12em}.lang-switch button{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.55);padding:5px 2px;cursor:pointer;font:inherit;letter-spacing:inherit}.lang-switch button.active{color:#fff}.lang-switch button:hover{color:#fff}.lang-sep{color:rgba(255,255,255,.25)}
@media(max-width:800px){.lang-switch{margin:8px 0 0;padding:10px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}}
/* v46 — Storytelling master translation status */
.story-translation-status{padding:18px 0;font:italic 15px/1.65 Georgia,serif;color:var(--muted)}

/* v47 — Storytelling lead above album actions */
.story-lead{margin:0 0 7px;color:var(--muted);font-family:Georgia,'Times New Roman',serif;font-size:.96rem;line-height:1.35;font-style:italic}

/* V48 — Music editorial essay treatment */
.theme-music .music-editorial{max-width:1120px;padding-top:14px}
.theme-music .music-language{position:relative;max-width:930px;margin:0 0 96px;padding:34px 0 0 92px;border-top:1px solid rgba(23,23,23,.16)}
.theme-music .music-language::before{position:absolute;left:0;top:34px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--muted);opacity:.72}
.theme-music .music-language:nth-of-type(1)::before{content:"01"}
.theme-music .music-language:nth-of-type(2)::before{content:"02"}
.theme-music .music-language:nth-of-type(3)::before{content:"03"}
.theme-music .music-language:nth-of-type(4)::before{content:"04"}
.theme-music .music-language h2{max-width:760px;margin:0 0 28px;padding:0;border:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(31px,4vw,49px);font-weight:400;line-height:1.06;letter-spacing:-.025em}
.theme-music .music-language p{max-width:720px;margin:0;font-size:19px;line-height:1.88}
.theme-music .music-language:nth-of-type(even){margin-left:auto;padding-left:118px}
.theme-music .music-language:nth-of-type(even) p{margin-left:8%}
.theme-music .music-language:first-of-type h2{font-size:clamp(36px,4.7vw,58px)}
.theme-music .music-language:first-of-type p::first-letter{float:left;font-family:Georgia,'Times New Roman',serif;font-size:58px;line-height:.82;padding:8px 8px 0 0;color:var(--ink)}
.theme-music .music-editorial .pull{max-width:850px;margin:120px auto 34px;padding:54px 7%;border-top:1px solid rgba(23,23,23,.18);border-bottom:1px solid rgba(23,23,23,.18);font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,4vw,48px);line-height:1.18;text-align:center}
@media(max-width:760px){
 .theme-music .music-language,.theme-music .music-language:nth-of-type(even){margin:0 0 66px;padding:28px 0 0 48px}
 .theme-music .music-language::before{top:31px}
 .theme-music .music-language h2,.theme-music .music-language:first-of-type h2{font-size:31px;line-height:1.1}
 .theme-music .music-language p,.theme-music .music-language:nth-of-type(even) p{margin-left:0;font-size:18px;line-height:1.75}
 .theme-music .music-editorial .pull{margin-top:80px;padding:38px 4%;font-size:31px}
}

/* v49 — Music editorial two-column spread */
@media(min-width:761px){
 .theme-music .music-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:72px;row-gap:76px;align-items:start}
 .theme-music .music-statement{grid-column:1 / -1;max-width:930px;margin-bottom:12px}
 .theme-music .music-language,.theme-music .music-language:nth-of-type(even){max-width:none;margin:0;padding:30px 0 0 58px}
 .theme-music .music-language::before{top:33px}
 .theme-music .music-language h2,.theme-music .music-language:first-of-type h2{max-width:100%;font-size:clamp(30px,3.15vw,43px);line-height:1.08;margin-bottom:24px}
 .theme-music .music-language p,.theme-music .music-language:nth-of-type(even) p{max-width:none;margin-left:0;font-size:18px;line-height:1.82}
 .theme-music .music-editorial .pull{grid-column:1 / -1;width:100%;margin:38px auto 34px}
}

/* V50 · privacy, footer links and cookie consent */
.footer-legal a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,opacity .2s ease}
.footer-legal a:hover{border-color:currentColor;opacity:.75}
.privacy-document{max-width:920px}
.privacy-document h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.35rem,2.3vw,2rem);font-weight:400;margin:3.2rem 0 1rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.privacy-document p{max-width:78ch;line-height:1.75}
.cookie-consent{position:fixed;z-index:9999;left:0;right:0;bottom:0;padding:18px;opacity:0;transform:translateY(110%);pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.cookie-consent.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.cookie-consent[hidden]{display:none}
.cookie-consent-inner{max-width:1180px;margin:auto;background:rgba(20,20,20,.97);color:#f8f4ed;border:1px solid rgba(255,255,255,.16);box-shadow:0 -8px 38px rgba(0,0,0,.2);padding:20px 24px;display:flex;align-items:center;gap:30px;justify-content:space-between}
.cookie-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;font-weight:400;margin-bottom:5px}
.cookie-copy p{margin:0;line-height:1.55;font-size:.92rem;color:rgba(255,255,255,.78)}
.cookie-copy a{color:#fff;text-underline-offset:3px}
.cookie-accept{flex:0 0 auto;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;padding:10px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;transition:background .2s,color .2s}
.cookie-accept:hover{background:#fff;color:#171717}
@media(max-width:680px){.cookie-consent{padding:10px}.cookie-consent-inner{align-items:flex-start;flex-direction:column;gap:15px;padding:18px}.cookie-accept{width:100%}}

/* V51 fixes */
.notebook-page-content ul{display:block!important}
.notebook-page-content li{display:list-item!important;float:none!important;width:auto!important;clear:both!important;margin:.38em 0!important}
@media(min-width:900px){.disc-section-head .singles-order-note{white-space:nowrap;max-width:none}}

/* V52 — notebook list flow + wider album archive note */
.notebook-page-content ul{display:block!important;width:100%!important}
.notebook-page-content ul li{display:list-item!important;float:none!important;clear:both!important;width:100%!important;margin:.42em 0!important;white-space:normal!important}
@media(min-width:900px){
  .disc-section-head .albums-order-note{flex:0 0 650px;max-width:650px;width:650px}
}

/* V53 — reliable portrait-mobile navigation */
@media(max-width:920px){
 header{overflow:visible}
 .nav{position:relative}
 .burger{position:relative;z-index:1002;display:block;cursor:pointer;touch-action:manipulation}
 .menu.open{display:flex!important;position:absolute;z-index:1001;top:100%;left:0;right:0;width:100%;box-sizing:border-box;background:#090909;color:#f3eadb;padding:22px 28px 26px;flex-direction:column;gap:18px;box-shadow:0 18px 30px rgba(0,0,0,.22)}
 .menu.open a{display:block;width:100%}
}


/* V54 — opaque, tappable mobile navigation */
@media(max-width:920px){
 .menu.open{background:#090909!important;background-color:#090909!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 20px 36px rgba(0,0,0,.48)!important;border-top:1px solid rgba(198,164,109,.32);pointer-events:auto!important}
 .menu.open a{position:relative;z-index:2;display:block!important;width:100%;box-sizing:border-box;padding:13px 4px!important;color:#f3eadb!important;opacity:1!important;pointer-events:auto!important;touch-action:manipulation;border-bottom:1px solid rgba(255,255,255,.08)}
 .menu.open a:last-of-type{border-bottom:0}
 .menu.open .lang-switch{position:relative;z-index:2;pointer-events:auto}
}

/* V55 — mobile menu stacking-context fix
   Keep the entire header above <main>; otherwise the later generic
   header,main{z-index:2} rule lets page content paint over the open menu
   and intercept taps. */
@media(max-width:920px){
  header{position:sticky!important;top:0!important;z-index:5000!important;overflow:visible!important;isolation:auto!important}
  main{z-index:1!important}
  .platforms,.footer{z-index:1!important}
  .nav{position:relative!important;z-index:5001!important}
  .burger{position:relative!important;z-index:5003!important}
  .menu.open{
    z-index:5002!important;
    background:#090909!important;
    background-color:#090909!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .menu.open a,.menu.open .lang-switch,.menu.open .lang-switch button{
    pointer-events:auto!important;
  }
}