:root{
  --bg:#030711;--bg2:#060b16;--panel:rgba(7,12,23,.86);--panel2:rgba(10,16,29,.72);
  --text:#f5eee5;--muted:#aaa7a7;--gold:#e7a34a;--gold2:#ffd08b;--pink:#f05b9a;
  --line:rgba(231,163,74,.28);--pinkline:rgba(240,91,154,.25);--mx:0;--my:0;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% 0,#0b1730 0,#050913 38%,#02050b 100%);color:var(--text);font-family:Georgia,"Times New Roman",serif;overflow-x:hidden}
button,a{font:inherit}.film-grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{height:64px;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;padding:0 clamp(18px,4vw,72px);position:sticky;top:0;z-index:90;background:rgba(2,6,13,.88);border-bottom:1px solid rgba(231,163,74,.16);backdrop-filter:blur(18px)}
.mini-logo{color:var(--gold);font-size:28px;text-decoration:none;text-shadow:0 0 18px rgba(231,163,74,.45)}.topbar nav{display:flex;justify-content:center;gap:clamp(20px,3.4vw,54px);min-width:0}.topbar nav a{position:relative;color:#eee7df;text-decoration:none;font:500 14px/1.2 Arial,sans-serif;letter-spacing:.01em;padding:23px 0 21px;transition:color .35s ease,text-shadow .35s ease}.topbar nav a::after{content:"";position:absolute;left:50%;bottom:14px;width:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);transform:translateX(-50%);transition:width .4s ease}.topbar nav a:hover,.topbar nav a.active{color:var(--gold2);text-shadow:0 0 14px rgba(231,163,74,.35)}.topbar nav a:hover::after,.topbar nav a.active::after{width:100%}.round-play{justify-self:end;width:36px;height:36px;border-radius:50%;border:1px solid rgba(231,163,74,.66);background:rgba(8,10,18,.72);color:var(--gold2);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.round-play:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 0 22px rgba(231,163,74,.25);background:rgba(231,163,74,.09)}.nav-toggle{display:none}
.hero-cinematic{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1672/386;min-height:330px;max-height:540px;background:#030914;border-bottom:1px solid rgba(231,163,74,.16)}
.hero-art-layer{position:absolute;inset:-10px;background-image:url('assets/hero-approved.png');background-size:cover;background-position:center;transform:translate3d(calc(var(--mx)*-5px),calc(var(--my)*-3px),0) scale(1.015);transition:filter 1.2s ease;will-change:transform,filter;z-index:-5}
.hero-cinematic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 55%,rgba(2,6,13,.22));pointer-events:none;z-index:5}
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.62;mix-blend-mode:screen;pointer-events:none;transform:translate3d(calc(var(--mx)*7px),calc(var(--my)*5px),0)}
.ai-glow{position:absolute;left:24%;top:2%;width:30%;height:65%;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 45% 48%,rgba(255,191,100,.22) 0,rgba(231,163,74,.10) 28%,transparent 66%);filter:blur(9px);mix-blend-mode:screen;animation:aiBreath 7s ease-in-out infinite;transform:translate3d(calc(var(--mx)*3px),calc(var(--my)*2px),0)}
.human-shimmer{position:absolute;left:31%;top:44%;width:28%;height:26%;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 0 40%,rgba(255,100,176,.12) 46%,rgba(255,206,235,.21) 50%,rgba(255,100,176,.08) 54%,transparent 60%);background-size:280% 100%;mix-blend-mode:screen;filter:blur(1px);animation:humanShimmer 9s ease-in-out infinite}
.floating-notes{position:absolute;inset:0;z-index:4;pointer-events:none;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*7px),0)}.fn{position:absolute;color:rgba(236,162,76,.56);font-size:clamp(18px,2vw,32px);text-shadow:0 0 16px rgba(231,163,74,.18);animation:noteFloat 10s ease-in-out infinite}.n1{left:22%;top:15%;animation-delay:-2s}.n2{left:39%;top:9%;animation-delay:-6s}.n3{left:55%;top:21%;animation-delay:-4s}.n4{left:64%;top:12%;animation-delay:-1s;color:rgba(240,91,154,.48)}.n5{left:82%;top:20%;animation-delay:-7s;color:rgba(240,91,154,.5)}.n6{left:73%;top:7%;animation-delay:-3s}
.hero-light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 48% 88%,rgba(240,91,154,.16),transparent 24%),radial-gradient(circle at 22% 58%,rgba(231,163,74,.11),transparent 31%);opacity:.18;transition:opacity 1.2s ease,filter 1.2s ease}.audio-playing .hero-light{opacity:.48;filter:saturate(1.2)}.audio-playing .hero-art-layer{filter:brightness(1.045) saturate(1.06)}
.hero-play-hotspot{position:absolute;left:36.5%;top:88.8%;z-index:12;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;border:1px solid rgba(255,153,205,.9);background:rgba(11,10,22,.25);color:#ffd6b1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(240,91,154,.18),0 0 22px rgba(240,91,154,.19);transition:transform .35s ease,box-shadow .35s ease,background .35s ease;backdrop-filter:blur(1.5px)}.hero-play-hotspot:hover{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 0 0 8px rgba(240,91,154,.05),0 0 30px rgba(240,91,154,.34);background:rgba(240,91,154,.08)}.hero-play-icon{font:18px Arial,sans-serif;margin-left:3px}.audio-playing .hero-play-hotspot{animation:playPulse 3.8s ease-in-out infinite}.scroll-cue{position:absolute;left:50%;bottom:2px;z-index:10;color:rgba(255,204,128,.75);text-decoration:none;font-size:34px;transform:translateX(-50%);animation:cue 3.2s ease-in-out infinite}
.feature-grid{display:grid;grid-template-columns:1.12fr .9fr 1fr;gap:0;max-width:1560px;margin:0 auto;padding:0 clamp(24px,3.5vw,58px);transform:translateY(0)}.feature-card{min-width:0;background:linear-gradient(180deg,rgba(11,17,29,.88),rgba(5,10,19,.94));border:1px solid var(--line);padding:clamp(18px,2vw,28px);min-height:300px;position:relative}.feature-card:first-child{border-radius:12px 0 0 12px}.feature-card:last-child{border-radius:0 12px 12px 0}.song-card{display:grid;grid-template-columns:190px 1fr;gap:24px}.cover-wrap{position:relative;align-self:center}.cover-wrap img{width:160px;aspect-ratio:1;border-radius:8px;object-fit:cover;position:relative;z-index:2;box-shadow:0 10px 35px rgba(0,0,0,.45)}.vinyl{position:absolute;left:108px;top:20px;width:135px;height:135px;border-radius:50%;background:repeating-radial-gradient(circle,#101010 0 6px,#171717 7px 9px);box-shadow:0 8px 24px rgba(0,0,0,.55);z-index:1}.vinyl::after{content:"";position:absolute;inset:46px;border-radius:50%;background:radial-gradient(circle,#ddb166 0 7px,#382216 8px 23px,#111 24px)}.song-copy{min-width:0}.eyebrow{margin:0 0 8px;color:var(--gold);font:600 11px/1.3 Arial,sans-serif;letter-spacing:.12em}.eyebrow.pink{color:#ef83b0}.song-copy h2,.section-head h2,.about h2{margin:0;color:#f0c486;font-weight:500}.song-copy h2{font-size:30px}.song-copy h2 span{color:var(--pink);font-size:21px}.song-copy p{color:#c8c2ba;line-height:1.65;font-size:15px}.player-row{display:flex;gap:12px;align-items:center;margin-top:18px}.main-play{width:34px;height:34px;border-radius:50%;border:1px solid rgba(240,91,154,.6);background:rgba(240,91,154,.08);color:#ff8fc3;cursor:pointer}.player-data{flex:1;min-width:0}.time-line{display:flex;justify-content:space-between;color:#8f8d8d;font:11px Arial,sans-serif}.seek{height:5px;border-radius:999px;background:#262b36;overflow:hidden;cursor:pointer;margin:7px 0}.seek span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold),var(--pink));box-shadow:0 0 12px rgba(240,91,154,.4)}.equalizer{height:24px;display:flex;align-items:end;gap:3px;opacity:.65}.equalizer i{display:block;width:3px;height:20%;background:linear-gradient(var(--pink),#8c3cff);animation:eq .9s ease-in-out infinite alternate;animation-play-state:paused}.audio-playing .equalizer i{animation-play-state:running}.equalizer i:nth-child(2n){animation-duration:1.2s}.equalizer i:nth-child(3n){animation-duration:.7s}.equalizer i:nth-child(4n){animation-delay:-.4s}
.video-card{display:flex;flex-direction:column}.video-shell{margin-top:5px;border:1px solid rgba(231,163,74,.18);border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/9}.video-shell video{width:100%;height:100%;display:block;object-fit:cover}.soft-button{align-self:stretch;margin-top:12px;min-height:34px;border-radius:6px;border:1px solid rgba(231,163,74,.24);background:rgba(231,163,74,.045);color:#e9b566;text-decoration:none;display:grid;place-items:center;font:12px Arial,sans-serif;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.soft-button:hover{background:rgba(231,163,74,.09);border-color:rgba(231,163,74,.46);transform:translateY(-1px)}.lyrics-card blockquote{margin:24px 0 10px;color:#d3c9c0;font-style:italic;line-height:1.7;font-size:17px}.lyrics-card blockquote::before{content:"“";color:var(--gold);font-size:38px;line-height:0;vertical-align:-14px;margin-right:6px}.lyrics-card blockquote strong{color:#efb0cb;font-weight:500}.lyrics-more{color:#bdb5ac;line-height:1.6;font-size:14px;padding-top:8px;border-top:1px solid rgba(231,163,74,.12);margin-top:14px}
.wander-section{max-width:1560px;margin:12px auto 0;padding:18px clamp(24px,3.5vw,58px) 22px;border-top:1px solid rgba(231,163,74,.16);border-bottom:1px solid rgba(231,163,74,.15);background:linear-gradient(180deg,rgba(8,14,25,.56),rgba(4,8,15,.72))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.section-head h2{font-size:24px}.carousel-actions{display:flex;gap:7px}.carousel-actions button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(231,163,74,.28);background:transparent;color:var(--gold2);cursor:pointer}.wander-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);grid-template-rows:1fr;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.wander-track::-webkit-scrollbar{display:none}.wander-card{scroll-snap-align:start;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(231,163,74,.23);background:#070d17;min-height:160px}.wander-card img{display:block;width:100%;height:96px;object-fit:cover;filter:saturate(.9) brightness(.82);transition:transform .6s ease,filter .6s ease}.wander-card:hover img{transform:scale(1.035);filter:saturate(1.05) brightness(.94)}.wander-card div{padding:10px 45px 11px 12px}.wander-card h3{margin:0;color:#e9b566;font-size:15px;font-weight:500}.wander-card p{margin:5px 0 0;color:#89898b;font:11px Arial,sans-serif}.card-play{position:absolute;right:10px;bottom:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(231,163,74,.7);background:rgba(0,0,0,.22);color:#f0b463;cursor:pointer}
.about{max-width:1300px;margin:70px auto;padding:40px clamp(24px,4vw,58px);display:grid;grid-template-columns:170px 1fr;gap:38px;align-items:center}.about-mark{font-size:120px;color:#e8ad61;text-shadow:0 0 26px rgba(231,163,74,.18);line-height:.8}.about h2{font-size:clamp(29px,3vw,48px);line-height:1.12}.about p:last-child{max-width:900px;color:#bfb8b0;line-height:1.75}
footer{border-top:1px solid rgba(231,163,74,.15);display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:30px;padding:34px clamp(24px,4vw,70px) 44px;background:#030711;color:#888;font:12px Arial,sans-serif}.footer-brand{display:grid;grid-template-columns:auto 1fr;column-gap:11px;align-items:center}.footer-brand>span{grid-row:1/3;color:var(--gold);font-size:30px}.footer-brand strong{color:#d7b174;font:500 20px Georgia,serif}.footer-brand strong b{color:#f0bd72}.footer-brand small{margin-top:7px}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{color:#939393;text-decoration:none}.footer-links a:hover{color:var(--gold)}.footer-copy{align-self:end;text-align:right}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes aiBreath{0%,100%{opacity:.6;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}@keyframes humanShimmer{0%,25%{background-position:120% 0;opacity:.2}55%{opacity:.75}80%,100%{background-position:-120% 0;opacity:.18}}@keyframes noteFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg);opacity:.25}50%{transform:translate3d(6px,-12px,0) rotate(3deg);opacity:.7}}@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(240,91,154,.12),0 0 18px rgba(240,91,154,.22)}50%{box-shadow:0 0 0 10px rgba(240,91,154,0),0 0 34px rgba(240,91,154,.34)}}@keyframes cue{0%,100%{transform:translate(-50%,0);opacity:.35}50%{transform:translate(-50%,5px);opacity:.85}}@keyframes eq{from{height:18%}to{height:95%}}
@media (max-width:1100px){.topbar nav{gap:22px}.topbar nav a{font-size:12px}.feature-grid{grid-template-columns:1fr 1fr}.lyrics-card{grid-column:1/-1;border-radius:0 0 12px 12px}.feature-card:first-child{border-radius:12px 0 0 0}.video-card{border-radius:0 12px 0 0}.song-card{grid-template-columns:150px 1fr}.cover-wrap img{width:128px}.vinyl{width:108px;height:108px;left:84px}.hero-cinematic{min-height:300px}}
@media (max-width:760px){.topbar{grid-template-columns:42px 1fr 42px;height:58px;padding:0 14px}.nav-toggle{display:block;justify-self:center;border:0;background:transparent;color:#e3c28e;font-size:22px}.topbar nav{position:absolute;top:58px;left:12px;right:12px;display:none;flex-direction:column;gap:0;background:rgba(4,8,15,.97);border:1px solid var(--line);border-radius:10px;padding:9px 14px;box-shadow:0 15px 40px rgba(0,0,0,.4)}.topbar nav.open{display:flex}.topbar nav a{padding:13px 6px}.topbar nav a::after{bottom:6px}.hero-cinematic{aspect-ratio:auto;min-height:480px}.hero-art-layer{background-size:auto 100%;background-position:center top}.hero-play-hotspot{left:50%;top:88%;width:58px;height:58px}.ai-glow{left:13%;top:8%;width:55%;height:50%}.human-shimmer{left:20%;top:43%;width:60%;height:26%}.feature-grid{grid-template-columns:1fr;padding:0 14px}.feature-card,.feature-card:first-child,.feature-card:last-child,.video-card,.lyrics-card{border-radius:10px;margin-top:10px}.song-card{grid-template-columns:110px 1fr;gap:16px}.cover-wrap img{width:100px}.vinyl{width:82px;height:82px;left:62px;top:12px}.vinyl::after{inset:28px}.song-copy h2{font-size:24px}.wander-section{padding-left:14px;padding-right:14px}.wander-track{grid-auto-columns:78%}.section-head{align-items:center}.section-head h2{font-size:20px}.about{grid-template-columns:1fr;margin:40px 0}.about-mark{font-size:80px}footer{grid-template-columns:1fr}.footer-copy{text-align:left}.floating-notes{opacity:.62}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ai-glow,.human-shimmer,.fn,.scroll-cue,.equalizer i,.audio-playing .hero-play-hotspot{animation:none!important}.hero-art-layer,.particle-canvas,.floating-notes,.ai-glow{transform:none!important}.reveal{opacity:1;transform:none;transition:none}.particle-canvas{display:none}}

/* V2.1 — restored vertical story / cinematic scroll */
.world-pillars{max-width:1500px;margin:70px auto 95px;padding:0 clamp(24px,4vw,70px);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.world-pillar{min-width:0;padding:28px 24px 30px;border:1px solid rgba(231,163,74,.18);border-radius:12px;background:linear-gradient(180deg,rgba(12,19,33,.72),rgba(5,9,17,.86));transition:border-color .5s ease,transform .5s ease,background .5s ease}.world-pillar:hover{transform:translateY(-4px);border-color:rgba(231,163,74,.36);background:linear-gradient(180deg,rgba(15,23,39,.82),rgba(6,11,20,.92))}.world-pillar>span{display:block;color:var(--gold);font-size:28px;margin-bottom:18px}.world-pillar h3{margin:0 0 11px;color:#edc183;font-size:21px;font-weight:500}.world-pillar p{margin:0;color:#aaa6a2;line-height:1.7;font-size:14px}
.scroll-thought{max-width:1180px;margin:0 auto;padding:120px clamp(28px,5vw,80px) 135px;text-align:center;position:relative}.scroll-thought::before{content:"";position:absolute;top:28px;left:50%;width:1px;height:62px;background:linear-gradient(transparent,rgba(231,163,74,.6));}.thought-small{margin:0 0 22px;color:#c88c47;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.22em}.scroll-thought h2{margin:0;color:#eee6dc;font-weight:400;font-size:clamp(32px,4.5vw,66px);line-height:1.19;letter-spacing:-.02em}.scroll-thought h2 em{color:#e8b16c;font-weight:400}.scroll-thought.second h2 em{color:#e5a2c2}.scroll-thought.third h2 em{color:#d9c08c}
.journey-section{max-width:1500px;margin:20px auto 110px;padding:0 clamp(24px,4vw,70px)}.journey-copy{max-width:850px;margin:0 auto 40px;text-align:center}.journey-copy h2{margin:6px 0 14px;color:#f0c486;font-weight:400;font-size:clamp(34px,4vw,58px)}.journey-copy>p:last-child{margin:0 auto;color:#aaa6a2;max-width:720px;line-height:1.75}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.journey-frame{margin:0;border-radius:12px;overflow:hidden;border:1px solid rgba(231,163,74,.18);background:#050a13}.journey-frame img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.76) brightness(.78);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease}.journey-frame:hover img{transform:scale(1.035);filter:saturate(.96) brightness(.92)}.journey-frame figcaption{display:flex;align-items:center;gap:13px;padding:16px 18px 18px;color:#d8c8b6;font-size:16px}.journey-frame figcaption span{color:#9a7041;font:10px Arial,sans-serif;letter-spacing:.14em}
.lyrics-story{max-width:1280px;margin:0 auto 95px;padding:35px clamp(24px,5vw,84px) 80px;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:start;border-top:1px solid rgba(231,163,74,.12);border-bottom:1px solid rgba(231,163,74,.12);background:radial-gradient(circle at 72% 45%,rgba(240,91,154,.055),transparent 36%)}.lyrics-story-intro{padding-top:46px;position:sticky;top:105px}.lyrics-story-intro h2{margin:8px 0 20px;color:#f0c486;font-weight:400;font-size:clamp(35px,4vw,56px);line-height:1.12}.lyrics-story-intro>p:last-child{color:#b9b1aa;line-height:1.85;font-size:16px}.lyrics-story-card{padding:40px 46px;border-left:1px solid rgba(240,91,154,.23);color:#d5cdc5;font-size:17px;line-height:1.95;font-style:italic}.lyrics-story-card p{margin:0 0 28px}.lyrics-story-card .final-lyric{margin-top:45px;color:#f09ac0;font-size:clamp(28px,3vw,42px);line-height:1.45;font-style:normal;text-shadow:0 0 25px rgba(240,91,154,.12)}
.coming-section{max-width:1450px;margin:100px auto 80px;padding:0 clamp(24px,4vw,70px)}.coming-head{text-align:center;margin-bottom:34px}.coming-head h2{margin:7px 0;color:#f0c486;font-weight:400;font-size:clamp(32px,3.6vw,52px)}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.coming-card{position:relative;padding:36px 30px 40px;min-height:210px;border:1px solid rgba(231,163,74,.17);border-radius:12px;background:linear-gradient(145deg,rgba(10,16,28,.78),rgba(4,8,15,.92));overflow:hidden}.coming-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;bottom:-85px;background:radial-gradient(circle,rgba(231,163,74,.1),transparent 70%)}.coming-card>span{color:#815f3a;font-size:45px;line-height:1}.coming-card h3{margin:18px 0 10px;color:#e7b46f;font-weight:500;font-size:22px}.coming-card p{margin:0;color:#9f9b98;line-height:1.7}
.about h2 em{color:#ed9abc;font-style:italic;font-weight:400}.about{margin-top:115px;margin-bottom:115px}
/* make the page unmistakably vertically scrollable and keep anchors clear of sticky header */
main{display:block;overflow:visible}section[id]{scroll-margin-top:82px}body{min-height:200vh;overflow-y:auto}
@media(max-width:1050px){.world-pillars{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.lyrics-story{grid-template-columns:1fr;gap:10px}.lyrics-story-intro{position:static;padding-top:20px}.coming-grid{grid-template-columns:1fr 1fr}.coming-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.world-pillars{grid-template-columns:1fr;margin-top:45px;margin-bottom:60px}.scroll-thought{padding-top:90px;padding-bottom:95px}.journey-section{margin-bottom:75px}.journey-grid{grid-template-columns:1fr}.lyrics-story{padding-left:22px;padding-right:22px}.lyrics-story-card{padding:25px 20px;border-left:0;border-top:1px solid rgba(240,91,154,.23)}.coming-grid{grid-template-columns:1fr}.coming-card:last-child{grid-column:auto}}

/* ==========================================================
   V2.2 — ALIVE / CINEMATIC INTERACTION PASS
   Keeps the approved hero artwork intact and adds only layers.
   ========================================================== */
.hero-cinematic{--lx:50%;--ly:48%;--mx:0;--my:0}
.hero-art-layer{
  transform:translate3d(calc(var(--mx)*-8px),calc(var(--my)*-5px),0) scale(1.018);
  background-size:101.8% 101.8%;
  animation:heroCinematicPush 26s ease-in-out infinite alternate;
}
.hero-pointer-light{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    radial-gradient(circle 190px at var(--lx) var(--ly),rgba(239,137,204,.105),transparent 69%),
    radial-gradient(circle 320px at var(--lx) var(--ly),rgba(228,163,80,.055),transparent 74%);
  mix-blend-mode:screen;opacity:.14;transition:opacity .9s ease;
}
.hero-cinematic.pointer-active .hero-pointer-light{opacity:.58}
.audio-playing .hero-pointer-light{opacity:.70;filter:saturate(1.12)}
.ai-glow{transform:translate3d(calc(var(--mx)*4px),calc(var(--my)*3px),0);filter:blur(8px)}
.floating-notes{transform:translate3d(calc(var(--mx)*15px),calc(var(--my)*11px),0)}
.fn{opacity:.8;animation-name:noteFloatV22;text-shadow:0 0 18px rgba(231,163,74,.28)}
.n7{left:47%;top:6%;animation-delay:-5.5s;color:rgba(239,117,184,.50);font-size:clamp(16px,1.7vw,27px)}
.n8{left:90%;top:36%;animation-delay:-8s;color:rgba(172,100,244,.50);font-size:clamp(15px,1.55vw,25px)}

.hero-butterflies{position:absolute;inset:0;z-index:6;pointer-events:none;transform:translate3d(calc(var(--mx)*18px),calc(var(--my)*12px),0)}
.butterfly,.story-butterfly{
  position:absolute;width:32px;height:22px;display:block;opacity:.68;
  filter:drop-shadow(0 0 7px rgba(195,100,255,.35));
  transform-style:preserve-3d;will-change:transform;
}
.butterfly::before,.butterfly::after,.story-butterfly::before,.story-butterfly::after{
  content:"";position:absolute;top:1px;width:16px;height:19px;
  background:radial-gradient(circle at 42% 38%,rgba(252,210,255,.95) 0 13%,rgba(212,119,255,.82) 30%,rgba(118,45,190,.75) 63%,rgba(55,22,94,.18) 100%);
  border:1px solid rgba(235,182,255,.30);
  box-shadow:inset 0 0 8px rgba(255,238,255,.18),0 0 9px rgba(176,78,241,.16);
}
.butterfly::before,.story-butterfly::before{left:0;border-radius:78% 35% 65% 28%;transform-origin:100% 58%;animation:wingL 1.75s ease-in-out infinite}
.butterfly::after,.story-butterfly::after{right:0;border-radius:35% 78% 28% 65%;transform-origin:0 58%;animation:wingR 1.75s ease-in-out infinite}
.butterfly i,.story-butterfly i{position:absolute;left:50%;top:3px;bottom:1px;width:2px;transform:translateX(-50%);border-radius:99px;background:linear-gradient(#efd3ff,#8b3ac4 52%,#3a164f);box-shadow:0 0 5px rgba(231,185,255,.45)}
.b1{left:22%;top:14%;transform:scale(.76);animation:butterflyDrift1 18s ease-in-out infinite}
.b2{left:63%;top:18%;transform:scale(.92);animation:butterflyDrift2 21s ease-in-out -7s infinite}
.b3{left:29%;top:69%;transform:scale(.58);opacity:.52;animation:butterflyDrift3 24s ease-in-out -12s infinite}
.b4{left:78%;top:57%;transform:scale(.48);opacity:.42;animation:butterflyDrift2 26s ease-in-out -15s infinite}
.audio-playing .butterfly{filter:drop-shadow(0 0 10px rgba(214,128,255,.46));opacity:.78}

.journey-section,.lyrics-story{position:relative}
.story-butterfly{z-index:3;pointer-events:none}
.sb1{right:5%;top:3%;transform:scale(.64);opacity:.46;animation:butterflyDrift3 25s ease-in-out -6s infinite}
.sb2{left:5%;top:10%;transform:scale(.54);opacity:.38;animation:butterflyDrift1 28s ease-in-out -10s infinite}

.journey-frame{position:relative;transform:perspective(900px) rotateX(var(--tiltX,0deg)) rotateY(var(--tiltY,0deg));transition:transform .7s cubic-bezier(.2,.75,.2,1),border-color .7s ease,box-shadow .7s ease;will-change:transform}
.journey-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 36%,rgba(255,225,245,.09) 48%,transparent 61%);transform:translateX(-120%);transition:transform 1.25s ease;mix-blend-mode:screen}
.journey-frame:hover{border-color:rgba(202,116,233,.28);box-shadow:0 12px 35px rgba(42,17,64,.15)}
.journey-frame:hover::after{transform:translateX(120%)}
.journey-frame img{transform:translate3d(0,var(--depthY,0px),0) scale(var(--frameScale,1.018));transition:transform .9s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.journey-frame:hover img{--frameScale:1.045;filter:saturate(1.01) brightness(.95)}
.wander-card img,.cover-wrap img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1s ease}
.wander-card:hover img{transform:scale(1.035);filter:saturate(1.05) brightness(.94)}
.cover-wrap:hover img{transform:translateY(-2px) scale(1.018);filter:saturate(1.04)}

@keyframes heroCinematicPush{0%{background-size:101.8% 101.8%;background-position:50% 50%}100%{background-size:104.2% 104.2%;background-position:50.4% 49.7%}}
@keyframes noteFloatV22{0%,100%{transform:translate3d(0,2px,0) rotate(-2deg);opacity:.30}50%{transform:translate3d(8px,-15px,0) rotate(3.5deg);opacity:.84}}
@keyframes wingL{0%,100%{transform:perspective(40px) rotateY(8deg) rotate(-8deg)}50%{transform:perspective(40px) rotateY(63deg) rotate(-2deg)}}
@keyframes wingR{0%,100%{transform:perspective(40px) rotateY(-8deg) rotate(8deg)}50%{transform:perspective(40px) rotateY(-63deg) rotate(2deg)}}
@keyframes butterflyDrift1{0%,100%{translate:0 0;rotate:-4deg}28%{translate:10px -12px;rotate:4deg}62%{translate:-5px -22px;rotate:-2deg}82%{translate:6px -8px;rotate:3deg}}
@keyframes butterflyDrift2{0%,100%{translate:0 0;rotate:2deg}34%{translate:-9px -15px;rotate:-5deg}68%{translate:7px -25px;rotate:4deg}}
@keyframes butterflyDrift3{0%,100%{translate:0 0;rotate:-2deg}35%{translate:7px -9px;rotate:5deg}72%{translate:-8px -17px;rotate:-4deg}}

@media (max-width:760px){
  .hero-pointer-light{display:none}.hero-art-layer{animation-duration:30s;background-size:auto 103%}
  .b1{left:10%;top:14%}.b2{left:77%;top:18%}.b3{left:18%;top:71%}.b4{display:none}
  .butterfly{opacity:.48}.story-butterfly{display:none}.n8{display:none}
  .journey-frame{transform:none!important}
}
@media (prefers-reduced-motion:reduce){
  .hero-art-layer,.butterfly,.story-butterfly,.butterfly::before,.butterfly::after,.story-butterfly::before,.story-butterfly::after,.fn{animation:none!important}
  .hero-pointer-light{display:none!important}.journey-frame,.journey-frame img{transform:none!important}
}

/* ==========================================================
   V2.3 — LOCKED FINAL HERO / PRESERVATION PASS
   The approved 2048×682 artwork remains byte-for-byte intact.
   All motion below is a separate overlay or a tiny viewport move.
   ========================================================== */
.hero-cinematic{
  aspect-ratio:2048/682;
  min-height:0;
  max-height:none;
  width:100%;
  --lx:50%;--ly:50%;--mx:0;--my:0;
  background:#020711;
  animation:lockedHeroEntrance 1.25s cubic-bezier(.2,.72,.2,1) both;
}
.hero-art-layer{
  inset:0;
  background-image:url('assets/hero-approved.png');
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:50% 50%;
  transform:translate3d(calc(var(--mx)*-2.4px),calc(var(--my)*-1.6px),0) scale(1.004);
  filter:none!important;
  animation:lockedHeroBreath 32s ease-in-out infinite alternate;
  z-index:-5;
}
.audio-playing .hero-art-layer{filter:none!important}
.hero-cinematic::after{
  background:linear-gradient(180deg,rgba(0,0,0,.012),transparent 64%,rgba(2,6,13,.10));
}
.particle-canvas{
  opacity:.46;
  transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*3.5px),0);
}
.ai-glow{
  left:25.5%;top:11%;width:23%;height:40%;
  background:radial-gradient(ellipse at 46% 48%,rgba(255,194,103,.15) 0,rgba(231,163,74,.065) 31%,transparent 68%);
  filter:blur(8px);
  transform:translate3d(calc(var(--mx)*3px),calc(var(--my)*2px),0);
  opacity:.82;
}
.human-shimmer{
  left:34%;top:46%;width:29%;height:23%;
  background:linear-gradient(106deg,transparent 0 43%,rgba(255,122,190,.075) 47%,rgba(255,220,239,.13) 50%,rgba(255,122,190,.055) 53%,transparent 58%);
  background-size:320% 100%;
  opacity:.78;
}
.hero-pointer-light{
  background:
    radial-gradient(circle 180px at var(--lx) var(--ly),rgba(236,136,204,.070),transparent 72%),
    radial-gradient(circle 340px at var(--lx) var(--ly),rgba(228,163,80,.035),transparent 76%);
  opacity:.08;
}
.hero-cinematic.pointer-active .hero-pointer-light{opacity:.34}
.audio-playing .hero-pointer-light{opacity:.44;filter:none}
.hero-light{
  background:
    radial-gradient(circle at 51% 88%,rgba(240,91,154,.105),transparent 22%),
    radial-gradient(circle at 19% 57%,rgba(231,163,74,.060),transparent 29%),
    radial-gradient(circle at 84% 55%,rgba(133,82,220,.045),transparent 31%);
  opacity:.12;
}
.audio-playing .hero-light{opacity:.34;filter:none}

/* A few ghost notes only. The notes already painted in the final artwork stay untouched. */
.floating-notes{
  z-index:4;
  opacity:.52;
  transform:translate3d(calc(var(--mx)*9px),calc(var(--my)*6px),0);
}
.fn{
  font-size:clamp(14px,1.35vw,25px);
  opacity:.22;
  color:rgba(238,169,85,.42);
  text-shadow:0 0 16px rgba(231,163,74,.18);
  animation:lockedNoteFloat 13s ease-in-out infinite;
}
.n1{left:25.4%;top:30%;animation-delay:-2s}.n2{left:62%;top:18%;animation-delay:-7s}.n3{left:70%;top:25%;animation-delay:-4s}.n4{left:78%;top:32%;animation-delay:-1s;color:rgba(239,114,179,.34)}
.n5{left:92%;top:26%;animation-delay:-9s;color:rgba(239,114,179,.30)}.n6{left:54%;top:21%;animation-delay:-5s}.n7{left:45%;top:14%;animation-delay:-10s;color:rgba(237,179,97,.30)}.n8{left:87%;top:40%;animation-delay:-6s;color:rgba(177,112,239,.30)}

/* The locked image already contains the final purple butterflies.
   These are only soft breathing auras at their positions — no duplicate butterfly drawings. */
.butterfly-auras{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translate3d(calc(var(--mx)*7px),calc(var(--my)*4px),0)}
.butterfly-aura{position:absolute;width:62px;height:46px;border-radius:50%;background:radial-gradient(ellipse,rgba(205,112,255,.16) 0,rgba(164,80,224,.065) 35%,transparent 73%);filter:blur(5px);mix-blend-mode:screen;opacity:.28;animation:butterflyAura 6.8s ease-in-out infinite}
.ba1{left:21.7%;top:17.3%;animation-delay:-1.2s}.ba2{left:69.7%;top:50.6%;animation-delay:-3.8s}.ba3{left:74.7%;top:81.5%;animation-delay:-5.1s}.ba4{left:92.0%;top:16.4%;animation-delay:-2.7s}
.audio-playing .butterfly-aura{opacity:.40}

/* Invisible hit areas over the navigation that is already part of the locked artwork. */
.hero-nav-hotspots{position:absolute;inset:0;z-index:18;pointer-events:none}
.hero-nav-hit{position:absolute;top:1.0%;height:8%;pointer-events:auto;border-radius:8px;text-decoration:none;outline-offset:2px}
.hero-nav-hit::after{content:"";position:absolute;left:18%;right:18%;bottom:4%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,207,128,.92),transparent);opacity:0;transform:scaleX(.55);transition:opacity .35s ease,transform .35s ease}
.hero-nav-hit:hover::after,.hero-nav-hit:focus-visible::after{opacity:.82;transform:scaleX(1)}
.h-home{left:28.2%;width:4.2%}.h-songs{left:34.2%;width:5.6%}.h-lyrics{left:40.9%;width:4.2%}.h-video{left:47.0%;width:4.3%}.h-wanders{left:53.0%;width:13.0%}.h-about{left:66.0%;width:5.8%}

/* Real sticky menu appears only after the visitor has moved beyond the image's own menu. */
.topbar{position:fixed;left:0;right:0;top:0;transform:translateY(-112%);opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .5s ease;background:rgba(2,6,13,.92)}
.topbar.header-visible{transform:translateY(0);opacity:1;pointer-events:auto}

.hero-play-hotspot{
  left:36.45%;top:88.15%;
  width:clamp(46px,3.9vw,66px);height:clamp(46px,3.9vw,66px);
  background:rgba(11,10,22,.05);
  border-color:rgba(255,153,205,.38);
  box-shadow:0 0 20px rgba(240,91,154,.10);
  backdrop-filter:none;
}
.hero-play-hotspot:hover{background:rgba(240,91,154,.055);border-color:rgba(255,166,211,.72);box-shadow:0 0 0 7px rgba(240,91,154,.035),0 0 30px rgba(240,91,154,.20)}
.scroll-cue{bottom:1.2%;font-size:clamp(24px,2vw,34px);opacity:.62}

@keyframes lockedHeroEntrance{0%{opacity:0;transform:translateY(7px)}100%{opacity:1;transform:translateY(0)}}
@keyframes lockedHeroBreath{0%{background-size:100% 100%;background-position:50% 50%}100%{background-size:100.65% 100.65%;background-position:50.08% 49.94%}}
@keyframes lockedNoteFloat{0%,100%{transform:translate3d(0,2px,0) rotate(-1deg);opacity:.16}50%{transform:translate3d(5px,-9px,0) rotate(2deg);opacity:.42}}
@keyframes butterflyAura{0%,100%{transform:scale(.86);opacity:.18}50%{transform:scale(1.13);opacity:.36}}

@media (max-width:760px){
  .hero-cinematic{aspect-ratio:2048/682;min-height:0;max-height:none}
  .hero-art-layer{background-size:100% 100%!important;background-position:50% 50%!important;animation:lockedHeroBreath 36s ease-in-out infinite alternate!important}
  .hero-play-hotspot{left:36.45%;top:88.15%;width:34px;height:34px}.hero-play-icon{font-size:12px}
  .scroll-cue{display:none}.hero-nav-hit{height:11%}
  .butterfly-aura{width:36px;height:28px;filter:blur(4px);opacity:.2}
  .floating-notes{opacity:.30}.hero-pointer-light{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .hero-cinematic,.hero-art-layer,.fn,.butterfly-aura{animation:none!important}
  .hero-art-layer{background-size:100% 100%!important;background-position:50% 50%!important;transform:none!important}
}

/* Preserve the baked-in play control visually: real control is an invisible hit area. */
.hero-play-hotspot{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none}
.hero-play-hotspot:hover{background:rgba(240,91,154,.028);border-color:rgba(255,166,211,.28);box-shadow:0 0 0 6px rgba(240,91,154,.025),0 0 24px rgba(240,91,154,.11)}
.hero-play-icon{opacity:0;transition:opacity .35s ease;color:#ffd6b1;text-shadow:0 0 12px rgba(240,91,154,.35)}
.audio-playing .hero-play-icon{opacity:.88}
.scroll-cue{display:none}

/* ==========================================================
   V2.4 — SECOND SHOWCASE: «Σήκω πριν χαθείς»
   Different emotional palette, same cinematic restraint.
   ========================================================== */
.second-showcase{
  position:relative;max-width:1450px;margin:115px auto 70px;padding:78px clamp(24px,4.5vw,76px) 72px;
  border-top:1px solid rgba(231,163,74,.16);border-bottom:1px solid rgba(231,163,74,.16);
  background:
    radial-gradient(circle at 18% 12%,rgba(231,163,74,.075),transparent 28%),
    radial-gradient(circle at 82% 64%,rgba(192,114,238,.06),transparent 34%),
    linear-gradient(180deg,rgba(7,11,18,.18),rgba(8,11,18,.72) 48%,rgba(3,6,11,.25));
  overflow:hidden;
}
.second-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,rgba(244,193,119,.55) 0 1px,transparent 1.3px);background-size:47px 47px;mask-image:linear-gradient(to bottom,transparent 2%,#000 30%,#000 70%,transparent 98%)}
.second-showcase-head{position:relative;z-index:2;max-width:900px;margin:0 auto 46px;text-align:center}
.second-showcase-head h2{margin:8px 0 14px;color:#f0c486;font-weight:400;font-size:clamp(43px,5.4vw,76px);line-height:1.02;letter-spacing:-.02em;text-shadow:0 0 30px rgba(231,163,74,.08)}
.second-motto{max-width:860px;margin:0 auto;color:#e8dfd5;font-size:clamp(21px,2.35vw,32px);line-height:1.45;font-style:italic;font-family:Georgia,"Times New Roman",serif}
.second-intro{max-width:760px;margin:18px auto 0;color:#a9a29b;line-height:1.78;font-size:16px}
.second-showcase-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(290px,.58fr);gap:30px;align-items:stretch}
.second-video-wrap{position:relative;min-width:0;border:1px solid rgba(231,163,74,.2);border-radius:16px;overflow:hidden;background:#02050a;box-shadow:0 22px 70px rgba(0,0,0,.26);transform:translateZ(0)}
.second-video-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;filter:saturate(.96) contrast(1.01);transition:filter 1.1s ease,transform 1.25s cubic-bezier(.2,.7,.2,1)}
.second-video-wrap:hover video{filter:saturate(1.04) contrast(1.02);transform:scale(1.006)}
.second-video-aura{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(237,190,117,.055) 48%,transparent 66%);transform:translateX(-120%);opacity:0;transition:transform 1.6s ease,opacity .7s ease;mix-blend-mode:screen}
.second-video-wrap:hover .second-video-aura{transform:translateX(120%);opacity:1}
.second-showcase.second-playing .second-video-wrap{border-color:rgba(231,163,74,.42);box-shadow:0 24px 80px rgba(231,163,74,.07),0 12px 50px rgba(0,0,0,.32)}
.second-showcase.second-playing .second-showcase-head h2{text-shadow:0 0 38px rgba(231,163,74,.22)}
.second-meaning{padding:34px 32px;border:1px solid rgba(231,163,74,.14);border-radius:16px;background:linear-gradient(145deg,rgba(14,18,27,.78),rgba(5,8,14,.91));display:flex;flex-direction:column;justify-content:center}
.second-meaning blockquote{margin:12px 0 20px;padding:0 0 0 20px;border-left:2px solid rgba(240,91,154,.42);color:#f0ded1;font:italic clamp(22px,2.25vw,30px)/1.5 Georgia,"Times New Roman",serif}
.second-meaning>p:last-of-type{color:#aaa39d;line-height:1.82;margin:0 0 26px}
.second-lyrics-toggle{align-self:flex-start}
.second-lyrics-full{position:relative;z-index:2;margin-top:34px;border-top:1px solid rgba(240,91,154,.16)}
.second-lyrics-inner{max-width:980px;margin:0 auto;padding:38px 26px 6px;color:#d8d0c8;font-size:17px;line-height:1.95;font-style:italic;column-count:2;column-gap:58px;column-rule:1px solid rgba(231,163,74,.12)}
.second-lyrics-inner p{break-inside:avoid;margin:0 0 25px}
.second-final-line{column-span:all;text-align:center;margin:42px 0 8px!important;color:#f1bf79;font-size:clamp(24px,2.7vw,37px);font-style:normal;text-shadow:0 0 28px rgba(231,163,74,.12)}
.second-song-thought{margin-top:35px}
@media(max-width:980px){.second-showcase-stage{grid-template-columns:1fr}.second-meaning{padding:30px}.second-lyrics-inner{column-count:1;column-rule:0}}
@media(max-width:680px){.second-showcase{margin-top:80px;padding:58px 20px}.second-showcase-head{margin-bottom:30px}.second-motto{font-size:21px}.second-meaning{padding:26px 22px}.second-lyrics-inner{padding-left:6px;padding-right:6px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.second-video-wrap video,.second-video-aura{transition:none!important;transform:none!important}}

/* V2.4 lightweight media architecture: signature song is video-only. */
.video-only-cta{display:flex;align-items:center;gap:14px;margin-top:23px;padding:14px 16px;border:1px solid rgba(231,163,74,.14);border-radius:12px;background:rgba(4,8,14,.42)}
.video-only-cta>div{display:flex;flex-direction:column;gap:3px;min-width:0}.video-only-cta strong{color:#e7b46f;font-weight:500}.video-only-cta small{color:#8f8b88;line-height:1.45}


/* ==========================================================
   V2.9 — compact vertical lyric-video showcase.
   The synced lyric effect lives inside the supplied video itself,
   so the page stays light and does not run a karaoke timer.
   ========================================================== */
.lyric-video-showcase{
  position:relative;max-width:1320px;margin:86px auto 74px;padding:72px clamp(22px,4vw,64px);
  border-top:1px solid rgba(182,112,235,.17);border-bottom:1px solid rgba(182,112,235,.14);
  background:
    radial-gradient(circle at 79% 35%,rgba(171,87,224,.09),transparent 30%),
    radial-gradient(circle at 18% 75%,rgba(240,91,154,.055),transparent 28%),
    linear-gradient(180deg,rgba(5,8,15,.12),rgba(8,9,18,.66),rgba(4,7,12,.2));
  overflow:hidden;
}
.lyric-video-showcase::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(212,165,244,.65) 0 1px,transparent 1.25px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 76%,transparent)}
.lyric-video-head{position:relative;z-index:2;max-width:860px;margin:0 auto 42px;text-align:center}
.lyric-video-head h2{margin:8px 0 14px;color:#e7c6f6;font-weight:400;font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.02em;text-shadow:0 0 34px rgba(176,93,229,.09)}
.lyric-video-motto{margin:0 auto;color:#eadfe9;font:italic clamp(21px,2.25vw,31px)/1.48 Georgia,"Times New Roman",serif}
.lyric-video-intro{max-width:720px;margin:17px auto 0;color:#99929e;line-height:1.75}
.lyric-video-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:clamp(30px,5vw,76px);align-items:center;max-width:1030px;margin:0 auto}
.lyric-video-copy{min-width:0;padding:32px 34px;border:1px solid rgba(194,115,237,.14);border-radius:16px;background:linear-gradient(145deg,rgba(13,15,26,.78),rgba(5,7,13,.9))}
.compact-english-lyrics{margin:18px 0 22px;font-family:Georgia,"Times New Roman",serif;color:#ddd5df;font-size:clamp(20px,2vw,27px);line-height:1.58}
.compact-english-lyrics p{margin:0 0 22px}.compact-english-lyrics p:last-child{margin-bottom:0}
.compact-english-lyrics strong{font-weight:500;color:#f0c7e6;letter-spacing:.02em;text-shadow:0 0 22px rgba(240,91,154,.08)}
.lyric-video-note{margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(231,163,74,.11);color:#99949d;line-height:1.72;font-size:15px}
.vertical-video-wrap{position:relative;width:min(100%,360px);justify-self:center;border-radius:22px;padding:1px;background:linear-gradient(155deg,rgba(233,174,248,.43),rgba(231,163,74,.2),rgba(240,91,154,.28));box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 50px rgba(161,80,219,.055);transform:translateZ(0)}
.vertical-video-wrap video{display:block;width:100%;aspect-ratio:824/1464;object-fit:cover;border-radius:21px;background:#020306;filter:saturate(.97) contrast(1.01);transition:filter 1s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.vertical-video-wrap:hover video{filter:saturate(1.035) contrast(1.02);transform:scale(1.003)}
.vertical-video-aura{position:absolute;inset:-14px;z-index:-1;border-radius:30px;background:radial-gradient(circle at 50% 45%,rgba(177,92,227,.14),transparent 62%);filter:blur(18px);opacity:.42;transition:opacity 1s ease,transform 1.2s ease}
.lyric-video-showcase.words-playing .vertical-video-aura{opacity:.78;transform:scale(1.035)}
.lyric-video-showcase.words-playing .lyric-video-head h2{text-shadow:0 0 42px rgba(184,102,231,.22)}
@media(max-width:820px){.lyric-video-stage{grid-template-columns:1fr}.vertical-video-wrap{width:min(86vw,330px);grid-row:1}.lyric-video-copy{padding:28px 24px}.lyric-video-showcase{margin-top:70px;padding:58px 20px}.lyric-video-head{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.vertical-video-wrap video,.vertical-video-aura{transition:none!important;transform:none!important}}


/* ==========================================================
   V2.11 — Suno lyric-video library.
   The source videos stay original, with their native synced lyrics.
   Site-owned controls intentionally omit fullscreen/maximize.
   ========================================================== */
.suno-inline-player video{pointer-events:none;-webkit-user-select:none;user-select:none}
.site-video-controls{position:relative;z-index:4;display:grid;grid-template-columns:42px minmax(0,1fr) 48px 42px;gap:10px;align-items:center;padding:12px 12px 13px;margin-top:1px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,rgba(6,7,13,.96),rgba(3,5,10,.985));border-top:1px solid rgba(231,163,74,.10)}
.site-video-play,.site-video-mute{width:40px;height:40px;border-radius:50%;border:1px solid rgba(231,163,74,.26);background:rgba(8,10,17,.92);color:#efc17f;font-size:15px;display:grid;place-items:center;cursor:pointer;transition:border-color .35s ease,background .35s ease,transform .35s ease}
.site-video-play:hover,.site-video-mute:hover{border-color:rgba(240,91,154,.48);background:rgba(24,12,25,.94);transform:translateY(-1px)}
.site-video-progress{width:100%;accent-color:#d56ac7;cursor:pointer}
.site-video-progress:disabled{opacity:.38;cursor:default}
.site-video-time{color:#b8aeb9;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center;white-space:nowrap}
.suno-video-showcase.is-playing .vertical-video-aura{opacity:.8;transform:scale(1.035)}
.suno-video-showcase.is-playing .lyric-video-head h2{text-shadow:0 0 42px rgba(184,102,231,.22)}
.compact-english-lyrics.long-form{font-size:clamp(16px,1.5vw,21px);line-height:1.55}
.compact-english-lyrics.long-form p{margin-bottom:15px}
.mental-theme{background:radial-gradient(circle at 78% 34%,rgba(236,91,156,.09),transparent 30%),radial-gradient(circle at 20% 72%,rgba(231,163,74,.07),transparent 28%),linear-gradient(180deg,rgba(5,8,15,.12),rgba(15,8,17,.64),rgba(4,7,12,.2));border-top-color:rgba(231,163,74,.16);border-bottom-color:rgba(240,91,154,.13)}
.mental-theme .vertical-video-wrap{background:linear-gradient(155deg,rgba(241,191,89,.42),rgba(240,91,154,.34),rgba(171,87,224,.30))}
.mental-theme .lyric-video-head h2{color:#f1d4bc}
.mental-theme .vertical-video-aura{background:radial-gradient(circle at 50% 45%,rgba(240,91,154,.15),transparent 62%)}
@media(max-width:520px){.site-video-controls{grid-template-columns:40px minmax(0,1fr) 44px 40px;gap:7px;padding-left:9px;padding-right:9px}.site-video-play,.site-video-mute{width:38px;height:38px}.site-video-time{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-video-play,.site-video-mute{transition:none!important}}