:root{--black:#0a0a0a;--black2:#060606;--white:#f5f5f5;--gold:#d6a84f;--gold2:#f2cc76;--navy:#0d182a;--grey:#141414;--muted:#929292;--line:rgba(255,255,255,.12);--goldline:rgba(214,168,79,.4);--page:min(1380px,calc(100vw - 80px));--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:radial-gradient(circle at 75% 2%,rgba(13,24,42,.55),transparent 26%),var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.grain{pointer-events:none;position:fixed;inset:0;z-index:1000;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='.8'/%3E%3C/svg%3E")}.header{position:fixed;z-index:100;top:0;left:0;right:0;height:88px;padding:0 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(180deg,rgba(5,5,5,.7),transparent)}.header.scrolled{height:74px;background:rgba(7,7,7,.88);backdrop-filter:blur(18px);border-color:var(--line)}.header-brand img{width:132px}.nav{display:flex;gap:34px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav a{color:#aaa;transition:.2s}.nav a:hover{color:var(--gold2)}.header-cta{justify-self:end;padding:12px 17px;border:1px solid var(--goldline);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.header-cta span{color:var(--gold);margin-left:12px}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent}.menu-toggle span{display:block;width:17px;height:1px;margin:5px auto;background:#fff}.mobile-nav{display:none}.hero{position:relative;min-height:100svh;width:var(--page);margin:auto;padding:145px 0 94px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);gap:80px;align-items:center}.hero-glow{position:absolute;width:720px;height:720px;border-radius:50%;right:-280px;top:90px;background:radial-gradient(circle,rgba(214,168,79,.16),rgba(13,24,42,.12) 40%,transparent 68%);filter:blur(10px)}.hero-copy,.portrait-wrap{position:relative;z-index:2}.kicker{display:flex;align-items:center;gap:12px;color:var(--gold2);font-size:9px;font-weight:800;letter-spacing:.21em;text-transform:uppercase}.kicker span{width:36px;height:1px;background:var(--gold)}.hero-wordmark{width:min(610px,95%);margin-top:35px}.tagline{margin:24px 0 0;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.48em}.hero h1{margin:46px 0 0;font-size:clamp(52px,6vw,94px);line-height:.94;letter-spacing:-.06em}.hero h1 em,.story h2 em,.vision h2 em{font-style:normal;color:var(--gold2)}.hero-text{max-width:670px;margin:30px 0 0;color:#aaa;font-size:17px;line-height:1.72}.hero-text strong{color:#ddd}.hero-actions{display:flex;gap:14px;margin-top:38px}.button{min-height:54px;padding:0 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.button-gold{background:var(--gold);border-color:var(--gold);color:#0a0a0a}.button-gold:hover{background:var(--gold2);transform:translateY(-2px)}.button-ghost:hover{border-color:var(--goldline);color:var(--gold2)}.hero-details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line)}.hero-details div{padding:18px 16px 0 0}.hero-details small,.feature-facts small{display:block;color:#666;font-size:7px;font-weight:800;letter-spacing:.18em}.hero-details strong,.feature-facts strong{display:block;margin-top:7px;font-size:11px}.portrait-wrap{justify-self:end;width:min(540px,100%)}.portrait-frame{position:relative;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--goldline);background:#111}.portrait-frame:before{content:"";position:absolute;z-index:3;inset:14px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 45%,rgba(0,0,0,.88))}.portrait-top,.portrait-bottom{position:absolute;z-index:4;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:7px;font-weight:800;letter-spacing:.18em}.portrait-top{top:30px;color:#eee}.portrait-bottom{bottom:30px;flex-direction:column}.portrait-bottom span{color:var(--gold2)}.portrait-bottom strong{font-size:12px;letter-spacing:.13em}.ticker{position:absolute;left:calc((100vw - var(--page))/2 * -1);right:calc((100vw - var(--page))/2 * -1);bottom:0;height:54px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(5,5,5,.65);backdrop-filter:blur(8px)}.ticker-track{height:100%;width:max-content;display:flex;align-items:center;gap:28px;animation:ticker 42s linear infinite}.ticker span{font-size:8px;font-weight:800;letter-spacing:.22em;color:#858585}.ticker i{width:5px;height:5px;border-radius:50%;background:var(--gold)}@keyframes ticker{to{transform:translateX(-50%)}}.section{width:var(--page);margin:auto;padding:120px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.section-head>div{max-width:850px}.section-index{margin:0;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.21em}.section-index.light{color:var(--gold2)}.section-head h2,.connect h2{margin:18px 0 0;font-size:clamp(44px,6vw,88px);line-height:.95;letter-spacing:-.055em}.section-head>p{max-width:490px;margin:0;color:#828282;font-size:14px;line-height:1.75}.release-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:62px}.release-card{display:block;min-width:0}.release-art{position:relative;aspect-ratio:1;overflow:hidden;background:#111;border:1px solid var(--line)}.release-art img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .4s}.release-card:hover .release-art img{transform:scale(1.035);filter:brightness(1.08)}.release-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.72))}.release-badge{position:absolute;top:16px;right:16px;padding:7px 9px;background:rgba(0,0,0,.75);border:1px solid var(--goldline);font-size:7px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.release-info{padding:18px 2px 0;display:grid;grid-template-columns:1fr auto;gap:14px}.release-info h3{margin:0;font-size:20px;letter-spacing:-.03em}.release-info p{margin:7px 0 0;color:#777;font-size:10px;line-height:1.5}.release-info span{color:var(--gold);font-size:18px;transition:.2s}.release-card:hover .release-info span{transform:translate(3px,-3px)}.latest-feature{width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:790px;border-block:1px solid var(--line);background:linear-gradient(135deg,#070707,#0b111c)}.feature-art{min-height:680px;overflow:hidden}.feature-art img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:90px clamp(40px,7vw,115px);display:flex;flex-direction:column;justify-content:center}.status{align-self:flex-start;margin-top:30px;padding:8px 11px;border:1px solid var(--goldline);color:var(--gold2);font-size:7px;font-weight:800;letter-spacing:.2em}.feature-copy h2{margin:28px 0 0;font-size:clamp(66px,8vw,130px);line-height:.82;letter-spacing:-.07em}.feature-genre{margin:30px 0 0;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.22em}.feature-copy>p:not(.section-index):not(.feature-genre){max-width:660px;margin:27px 0 0;color:#aaa;font-size:16px;line-height:1.75}.feature-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.text-link{padding:12px 0;border-bottom:1px solid var(--goldline);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.text-link span{color:var(--gold);margin-left:10px}.feature-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;padding-top:20px;border-top:1px solid var(--line)}.soundcloud{border-bottom:1px solid var(--line)}.soundcloud-profile{margin-top:58px;padding:28px 30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;border:1px solid var(--goldline);background:linear-gradient(135deg,rgba(214,168,79,.08),rgba(13,24,42,.18))}.sc-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#0a0a0a}.sc-mark svg{width:38px;fill:currentColor}.soundcloud-profile small{color:var(--gold2);font-size:7px;font-weight:800;letter-spacing:.2em}.soundcloud-profile h3{margin:7px 0 0;font-size:30px}.soundcloud-profile p{margin:5px 0 0;color:#777;font-size:12px}.round-link{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--goldline);font-size:23px;transition:.25s}.round-link:hover{background:var(--gold);color:#080808;transform:scale(1.04)}.round-link.large{width:76px;height:76px}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.player-card{min-height:205px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,24,42,.2),transparent);display:flex;flex-direction:column}.player-card-top{display:flex;justify-content:space-between;color:#6c6c6c;font-size:7px;font-weight:800;letter-spacing:.16em}.player-card h3{margin:26px 0 0;font-size:24px}.player-card p{margin:8px 0 0;color:#747474;font-size:10px}.fake-player{margin-top:auto;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--goldline);color:var(--gold2);font-size:13px}.wave{height:42px;display:flex;align-items:center;gap:3px}.wave i{flex:1;min-width:2px;height:var(--h);background:linear-gradient(var(--gold2),#6b4712);opacity:.75}.player-card iframe{width:100%;height:120px;margin-top:auto;border:0}.story{width:var(--page);margin:auto;padding:120px 0;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:90px;align-items:center}.story-image{height:720px;overflow:hidden;border:1px solid var(--line)}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center}.story-copy h2{margin:26px 0 0;font-size:clamp(50px,6.8vw,100px);line-height:.92;letter-spacing:-.065em}.story-lead{max-width:850px;margin:35px 0 0;color:#d1d1d1;font-size:21px;line-height:1.55}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.story-columns p{margin:0;color:#818181;font-size:14px;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.chips span{padding:9px 12px;border:1px solid var(--line);color:#999;font-size:7px;font-weight:800;letter-spacing:.15em}.vision{position:relative;min-height:1000px;padding:120px 0;overflow:hidden;border-block:1px solid var(--line)}.vision-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.63)),url('assets/tu-magia-promo.png') center/cover;filter:saturate(.65)}.vision-inner{position:relative;z-index:2;width:var(--page);margin:auto}.vision-inner>img{width:94px;margin-bottom:40px}.vision h2{max-width:1120px;margin:25px 0 0;font-size:clamp(68px,9.2vw,145px);line-height:.84;letter-spacing:-.07em}.vision-lead{max-width:850px;margin:38px 0 0;color:#c3c3c3;font-size:17px;line-height:1.72}.vision-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-left:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18)}.vision-grid article{min-height:215px;padding:24px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);background:rgba(7,7,7,.42);backdrop-filter:blur(10px)}.vision-grid article>span{color:var(--gold2);font-size:7px;font-weight:800;letter-spacing:.18em}.vision-grid h3{margin:55px 0 0;font-size:18px}.vision-grid p{margin:9px 0 0;color:#929292;font-size:11px;line-height:1.7}.vision-grid .five-lives{grid-column:span 2;background:linear-gradient(135deg,rgba(214,168,79,.17),rgba(7,7,7,.52))}.five-lives h3{font-size:32px;color:var(--gold2)}.manifesto{display:flex;align-items:center;gap:20px;margin-top:45px;color:var(--gold2);font-size:8px;font-weight:800;letter-spacing:.34em}.manifesto i{width:48px;height:1px;background:var(--gold)}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.platform-card{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(13,24,42,.16),transparent);transition:.25s}.platform-card:hover{background:rgba(214,168,79,.06)}.platform-card small{color:#686868;font-size:7px;font-weight:800;letter-spacing:.17em}.platform-card h3{margin:auto 0 0;font-size:22px}.platform-card p{margin:8px 0 0;color:#777;font-size:10px}.platform-card span{align-self:flex-end;color:var(--gold);font-size:20px}.platform-card.disabled{cursor:default}.connect{padding-bottom:70px}.connect-copy{max-width:940px}.connect-copy>p:last-child{max-width:700px;color:#888;font-size:15px;line-height:1.75}.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.connect-grid a{min-height:160px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.connect-grid a:hover{background:#111}.connect-grid small{color:#6d6d6d;font-size:7px;font-weight:800;letter-spacing:.18em}.connect-grid strong{margin:auto 0 0;font-size:18px}.connect-grid span{align-self:flex-end;color:var(--gold);font-size:19px}.booking{margin-top:28px;padding:38px 0;display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line)}.booking small{display:block;margin-bottom:12px;color:#686868;font-size:7px;font-weight:800;letter-spacing:.18em}.booking div>a{font-size:clamp(24px,4vw,60px);font-weight:700;letter-spacing:-.05em}footer{width:var(--page);margin:auto;padding:38px 0 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#646464;font-size:7px;font-weight:800;letter-spacing:.18em}footer img{width:105px;opacity:.8}footer p{margin:0;color:#80682e}footer>span{justify-self:end}.toast{position:fixed;z-index:500;left:50%;bottom:28px;transform:translate(-50%,150%);padding:13px 18px;border:1px solid var(--goldline);background:rgba(8,8,8,.94);color:#ddd;font-size:10px;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.shown{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:1120px){:root{--page:min(100% - 48px,1040px)}.header{padding:0 24px;grid-template-columns:1fr auto}.nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-nav{position:fixed;z-index:90;inset:0;padding:110px 24px 30px;background:rgba(6,6,6,.98);flex-direction:column}.mobile-nav.open{display:flex}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(36px,8vw,72px);font-weight:800;letter-spacing:-.05em}.hero{grid-template-columns:1fr;gap:60px;padding-top:140px}.portrait-wrap{justify-self:center;width:min(700px,100%)}.release-grid{grid-template-columns:repeat(2,1fr)}.latest-feature{grid-template-columns:1fr}.feature-art{max-height:820px}.player-grid{grid-template-columns:1fr}.story{grid-template-columns:1fr}.story-image{height:auto;aspect-ratio:4/3}.vision-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){:root{--page:calc(100% - 32px)}.header{height:72px;padding:0 16px}.header-brand img{width:106px}.hero{padding:115px 0 85px;gap:42px}.hero-wordmark{margin-top:28px}.tagline{font-size:7px;letter-spacing:.3em}.hero h1{margin-top:35px;font-size:50px}.hero-text{font-size:14px}.hero-actions{flex-direction:column}.hero-details{gap:5px}.hero-details strong{font-size:9px}.portrait-frame{aspect-ratio:1/1.12}.ticker{height:50px}.section{padding:88px 0}.section-head{align-items:flex-start;flex-direction:column;gap:25px}.section-head h2,.connect h2{font-size:48px}.section-head>p{font-size:12px}.release-grid{grid-template-columns:1fr;margin-top:40px}.latest-feature{min-height:auto}.feature-art{min-height:auto;aspect-ratio:1}.feature-copy{padding:72px 16px}.feature-copy h2{font-size:72px}.feature-actions{align-items:stretch;flex-direction:column}.feature-facts{gap:10px}.soundcloud-profile{padding:20px;grid-template-columns:auto 1fr}.soundcloud-profile .round-link{grid-column:1/-1;width:100%;height:48px;border-radius:0}.sc-mark{width:52px;height:52px}.story{padding:88px 0;gap:45px}.story-copy h2{font-size:50px}.story-lead{font-size:17px}.story-columns{grid-template-columns:1fr}.vision{padding:90px 0}.vision h2{font-size:62px}.vision-lead{font-size:14px}.vision-grid{grid-template-columns:1fr}.vision-grid .five-lives{grid-column:auto}.vision-grid article{min-height:180px}.manifesto{gap:10px;font-size:6px;letter-spacing:.2em}.platform-grid{grid-template-columns:1fr 1fr}.platform-card{min-height:150px;padding:18px}.connect-grid{grid-template-columns:1fr}.booking{align-items:flex-end;gap:20px}.booking div>a{font-size:20px}.round-link.large{width:56px;height:56px}footer{grid-template-columns:1fr auto;row-gap:16px}footer p{grid-column:1/-1;grid-row:2}.toast{width:calc(100% - 28px);text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Automatic SoundCloud profile player */
.soundcloud-auto{margin-top:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,24,42,.2),rgba(214,168,79,.025));overflow:hidden}
.auto-player-head{padding:22px 26px;display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.auto-player-head small{color:var(--gold2);font-size:7px;font-weight:800;letter-spacing:.18em}
.auto-player-head h3{margin:7px 0 0;font-size:24px}
.auto-player-head>span{color:#777;font-size:9px;text-align:right}
.soundcloud-auto-player{min-height:210px;background:#0d0d0d}
.soundcloud-auto-player iframe{display:block;width:100%!important;border:0}
.auto-loading{min-height:210px;display:grid;place-items:center;color:#777;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.auto-fallback{min-height:210px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.auto-fallback div{display:flex;flex-direction:column;gap:8px}
.auto-fallback small{color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.18em}
.auto-fallback strong{font-size:18px}
.auto-fallback a{padding:13px 17px;border:1px solid var(--goldline);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.private-player-head{margin-top:42px;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}
.private-player-head>span{color:var(--gold2);font-size:8px;font-weight:800;letter-spacing:.2em}
.private-player-head p{margin:0;color:#777;font-size:10px}
@media(max-width:700px){.auto-player-head,.auto-fallback,.private-player-head{align-items:flex-start;flex-direction:column}.auto-player-head>span{text-align:left}.auto-fallback a{width:100%;text-align:center}}



/* V7 content/background enhancements */
.hero,.latest,.campaigns,.latest-feature,.soundcloud,.streaming,.connect{background-attachment:scroll}
.hero,.latest,.campaigns,.soundcloud,.streaming,.connect{position:relative;isolation:isolate}
.hero::after,.latest::after,.campaigns::after,.soundcloud::after,.streaming::after,.connect::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 80%,rgba(214,168,79,.025));pointer-events:none}
.story{position:relative;isolation:isolate}
.story::before{content:"";position:absolute;z-index:-1;inset:-80px -12vw;background:radial-gradient(circle at 80% 20%,rgba(214,168,79,.10),transparent 27%),radial-gradient(circle at 20% 65%,rgba(13,24,42,.28),transparent 38%)}
#story-portrait{object-position:center top}
.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.campaign-card{min-height:190px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(214,168,79,.075),rgba(13,24,42,.18));transition:background .25s,transform .25s}
.campaign-card:hover{background:linear-gradient(145deg,rgba(214,168,79,.15),rgba(13,24,42,.24));transform:translateY(-2px)}
.campaign-card small{color:var(--gold2);font-size:7px;font-weight:800;letter-spacing:.18em}
.campaign-card>span{align-self:flex-end;color:var(--gold);font-size:20px}
.campaign-card h3{margin:auto 0 0;font-size:23px;line-height:1.15}
.campaign-card p{margin:8px 0 0;color:#949494;font-size:10px}
.featured-player-grid{margin-top:18px}
.featured-player-grid .player-card{background:linear-gradient(145deg,rgba(214,168,79,.08),rgba(13,24,42,.16))}
.release-card:first-child .release-badge{background:rgba(214,168,79,.92);color:#090909;border-color:rgba(214,168,79,.95)}
@media(max-width:1120px){.campaign-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.campaign-grid{grid-template-columns:1fr}.campaign-card{min-height:155px}.latest-feature{background-position:center!important}}


/* Origin / technology background */
.origin{
  width:var(--page);
  margin:auto;
  padding:120px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);
  gap:82px;
  align-items:center;
  position:relative;
}
.origin::before{
  content:"";
  position:absolute;
  inset:-40px -6vw;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 35%,rgba(13,24,42,.38),transparent 34%),
    radial-gradient(circle at 88% 55%,rgba(214,168,79,.1),transparent 29%);
  pointer-events:none;
}
.origin-copy h2{
  margin:25px 0 0;
  font-size:clamp(52px,6.8vw,104px);
  line-height:.9;
  letter-spacing:-.065em;
}
.origin-copy h2 em{color:var(--gold2)}
.origin-lead{
  max-width:820px;
  margin:34px 0 0;
  color:#c9c9c9;
  font-size:19px;
  line-height:1.65;
}
.origin-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  margin-top:35px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.origin-points p{
  margin:0;
  color:#858585;
  font-size:13px;
  line-height:1.8;
}
.origin-image{
  position:relative;
  min-height:610px;
  border:1px solid var(--line);
  overflow:hidden;
  background:#090909;
}
.origin-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:610px;
  object-fit:cover;
  object-position:center;
}
.origin-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 52%,rgba(5,5,5,.8));
  pointer-events:none;
}
.origin-caption{
  position:absolute;
  z-index:2;
  left:26px;
  right:26px;
  bottom:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
.origin-caption span{
  color:var(--gold2);
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
}
.origin-caption strong{
  max-width:180px;
  text-align:right;
  font-size:10px;
  letter-spacing:.12em;
}
@media(max-width:1120px){
  .origin{grid-template-columns:1fr;gap:48px}
  .origin-image{min-height:0;aspect-ratio:1.08/1}
  .origin-image img{min-height:0}
}
@media(max-width:700px){
  .origin{padding:88px 0;gap:38px}
  .origin-copy h2{font-size:50px}
  .origin-lead{font-size:16px}
  .origin-points{grid-template-columns:1fr;gap:18px}
  .origin-image{aspect-ratio:.88/1}
  .origin-caption{left:18px;right:18px;bottom:18px;align-items:flex-start;flex-direction:column}
  .origin-caption strong{text-align:left}
}

/* Transparent logo handling */
.header-brand img,
.hero-wordmark,
#footer-logo{
  background:transparent!important;
  object-fit:contain;
}


/* =========================
   V9 — CINEMATIC WIDESCREEN
   ========================= */
body{
  background:
    radial-gradient(circle at 50% -10%,rgba(214,168,79,.12),transparent 28%),
    linear-gradient(180deg,#080808 0%,#0c1118 38%,#0a0a0a 100%);
}

.scenic{
  width:100%;
  max-width:none;
  padding-left:max(40px,calc((100vw - min(1380px,calc(100vw - 80px)))/2));
  padding-right:max(40px,calc((100vw - min(1380px,calc(100vw - 80px)))/2));
  background-position:center;
  background-size:cover;
  border-block:1px solid rgba(255,255,255,.07);
}

.wide-visual{
  min-height:460px;
  position:relative;
  display:flex;
  align-items:flex-end;
  background-position:center;
  background-size:cover;
  overflow:hidden;
  border-block:1px solid rgba(255,255,255,.08);
}
.wide-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(5,5,5,.52));
  pointer-events:none;
}
.wide-visual-copy{
  position:relative;
  z-index:2;
  width:var(--page);
  margin:0 auto;
  padding:0 0 52px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
}
.wide-visual-copy span{color:var(--gold2);font-size:8px;font-weight:800;letter-spacing:.24em}
.wide-visual-copy strong{max-width:650px;text-align:right;color:#f3eee5;font-size:clamp(26px,3.1vw,50px);line-height:1.04;letter-spacing:-.045em}

.hero{min-height:940px;position:relative;background-position:center}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(180deg,transparent,#080808);pointer-events:none}

.latest{padding-top:110px;padding-bottom:120px}
.release-card{background:rgba(7,7,7,.58);backdrop-filter:blur(10px)}
.release-info{background:rgba(8,8,8,.68)}

.campaigns{background-color:#0d182a}
.campaign-card{background:linear-gradient(145deg,rgba(13,24,42,.50),rgba(214,168,79,.08));backdrop-filter:blur(12px)}

.soundcloud{background-color:#0d1117}
.soundcloud-profile,.soundcloud-auto,.player-card{background:rgba(8,10,14,.58);backdrop-filter:blur(12px)}

.scenic-story{
  width:100%;max-width:none;margin:0;
  padding:120px max(40px,calc((100vw - min(1380px,calc(100vw - 80px)))/2));
  border-block:1px solid rgba(255,255,255,.07);
  position:relative;background-size:cover;background-position:center;
}
.story-inner{width:100%;max-width:1380px;margin:auto;display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:90px;align-items:center}
.story-image{height:560px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.30)}
.story-image img{object-position:center top}
.story-copy{padding:30px 0}

.scenic-origin{
  width:100%;max-width:none;margin:0;
  padding:120px max(40px,calc((100vw - min(1380px,calc(100vw - 80px)))/2));
  position:relative;overflow:hidden;border-block:1px solid rgba(255,255,255,.07);background-size:cover;background-position:center;
}
.origin-inner{width:100%;max-width:1380px;margin:auto;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr);gap:80px;align-items:center}
.origin-backdrop{display:none}
.origin-image{min-height:0;aspect-ratio:.92/1;border:0;background:transparent;overflow:hidden;box-shadow:none}
.origin-image img{min-height:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 44px rgba(0,0,0,.38))}
.origin-image::after{background:linear-gradient(180deg,transparent 70%,rgba(5,5,5,.44))}
.origin-caption{left:10px;right:10px;bottom:8px}
.origin-copy{max-width:830px}

.vision-bg{filter:saturate(.92) brightness(1.02)}
.vision-grid article{background:rgba(7,7,7,.28)}
.vision-grid .five-lives{background:linear-gradient(135deg,rgba(214,168,79,.22),rgba(13,24,42,.34))}

.platform-card{background:rgba(8,14,24,.42);backdrop-filter:blur(10px)}
.connect-grid a{background:rgba(8,8,8,.36);backdrop-filter:blur(10px)}
.booking{background:rgba(8,8,8,.18);padding-left:24px;padding-right:24px}
.section-index{text-shadow:0 2px 18px rgba(0,0,0,.55)}

@media(max-width:1120px){
  .story-inner,.origin-inner{grid-template-columns:1fr;gap:48px}
  .story-image{height:auto;aspect-ratio:4/3;max-width:760px}
  .origin-image{max-width:620px;justify-self:center;width:100%}
  .wide-visual{min-height:360px}
}
@media(max-width:700px){
  .scenic,.scenic-story,.scenic-origin{padding-left:16px;padding-right:16px}
  .wide-visual{min-height:300px}
  .wide-visual-copy{padding:0 16px 28px;flex-direction:column;align-items:flex-start;gap:12px}
  .wide-visual-copy strong{text-align:left;font-size:28px}
  .story-image{aspect-ratio:1/1.05}
  .origin-image{aspect-ratio:.88/1}
  .hero{min-height:auto}
}


/* ==========================================================
   V10 — IGMC-STYLE LIGHT / DARK CONTRAST + WIDESCREEN SCENES
   ========================================================== */

/* Keep all scenic artwork panoramic and behind the entire section. */
.scenic,
.scenic-story,
.scenic-origin,
.hero,
.latest-feature,
.vision,
.wide-visual{
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}

/* The supplied backgrounds are 16:9. Use wide, cinematic section proportions. */
.hero{min-height:900px}
.wide-visual{min-height:clamp(320px,31vw,520px)}
.latest-feature{min-height:720px}
.scenic-origin{min-height:720px}

/* ------------ LIGHT SECTIONS ------------ */
.scenic-campaigns,
.scenic-soundcloud,
.scenic-story,
.scenic-streaming{
  color:#111418;
  --line:rgba(13,24,42,.13);
  --goldline:rgba(166,116,33,.28);
}

.scenic-campaigns .section-index,
.scenic-soundcloud .section-index,
.scenic-story .section-index,
.scenic-streaming .section-index{
  color:#9a6a18;
  text-shadow:none;
}

.scenic-campaigns .section-head h2,
.scenic-soundcloud .section-head h2,
.scenic-story h2,
.scenic-streaming .section-head h2{
  color:#10141a;
}

.scenic-campaigns .section-head>p,
.scenic-soundcloud .section-head>p,
.scenic-story .story-lead,
.scenic-story .story-columns p,
.scenic-streaming .section-head>p{
  color:#4f5660;
}

/* Campaign cards feel like clean premium cards rather than black panels. */
.scenic-campaigns .campaign-grid{
  border-color:rgba(13,24,42,.13);
}
.scenic-campaigns .campaign-card{
  color:#111418;
  border-color:rgba(13,24,42,.13);
  background:rgba(255,255,255,.60);
  box-shadow:0 18px 45px rgba(31,35,40,.06);
  backdrop-filter:blur(9px);
}
.scenic-campaigns .campaign-card:hover{
  background:rgba(255,255,255,.82);
  transform:translateY(-3px);
}
.scenic-campaigns .campaign-card h3{color:#12161b}
.scenic-campaigns .campaign-card p{color:#626872}

/* SoundCloud against a light vinyl-inspired background. */
.scenic-soundcloud .soundcloud-profile,
.scenic-soundcloud .soundcloud-auto,
.scenic-soundcloud .player-card{
  color:#14181d;
  background:rgba(255,255,255,.68);
  border-color:rgba(13,24,42,.13);
  box-shadow:0 18px 48px rgba(31,35,40,.07);
  backdrop-filter:blur(11px);
}
.scenic-soundcloud .soundcloud-profile p,
.scenic-soundcloud .player-card p,
.scenic-soundcloud .auto-player-head>span,
.scenic-soundcloud .private-player-head p{
  color:#60666f;
}
.scenic-soundcloud .soundcloud-profile h3,
.scenic-soundcloud .player-card h3,
.scenic-soundcloud .auto-player-head h3{
  color:#111418;
}
.scenic-soundcloud .soundcloud-auto-player{
  background:rgba(255,255,255,.58);
}
.scenic-soundcloud .private-player-head{
  border-color:rgba(13,24,42,.13);
}
.scenic-soundcloud .fake-player{
  background:rgba(13,24,42,.045);
}

/* Story uses the cream/gold wave background and stays editorial. */
.scenic-story{
  border-color:rgba(13,24,42,.12);
}
.scenic-story::before{
  background:
    radial-gradient(circle at 82% 18%,rgba(214,168,79,.10),transparent 30%),
    linear-gradient(90deg,rgba(255,255,255,.18),transparent 55%);
}
.scenic-story .story-image{
  border:1px solid rgba(13,24,42,.12);
  box-shadow:0 24px 65px rgba(31,35,40,.13);
}
.scenic-story .story-copy h2 em{color:#b17a1d}
.scenic-story .chips span{
  color:#555d66;
  border-color:rgba(13,24,42,.15);
  background:rgba(255,255,255,.36);
}

/* Streaming becomes a proper light section. */
.scenic-streaming .platform-grid{
  border-color:rgba(13,24,42,.13);
}
.scenic-streaming .platform-card{
  color:#12161b;
  background:rgba(255,255,255,.57);
  border-color:rgba(13,24,42,.13);
  box-shadow:0 16px 40px rgba(31,35,40,.055);
}
.scenic-streaming .platform-card:hover{
  background:rgba(255,255,255,.80);
}
.scenic-streaming .platform-card h3{color:#12161b}
.scenic-streaming .platform-card p,
.scenic-streaming .platform-card small{color:#626872}

/* ------------ DARK SECTIONS ------------ */
.scenic-music .release-card{
  background:rgba(6,9,13,.55);
  backdrop-filter:blur(9px);
}
.scenic-origin{
  color:#f5f5f5;
}
.scenic-origin .origin-copy{
  position:relative;
  z-index:2;
}
.scenic-origin .origin-image{
  background:transparent;
  border:0;
  box-shadow:none;
}
.scenic-origin .origin-image img{
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.46));
}
.scenic-origin .origin-caption{
  bottom:12px;
}

/* ------------ WIDESCREEN BREAKS ------------ */
.wide-visual-wave{
  color:#111418;
}
.wide-visual-wave::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,250,243,.42));
}
.wide-visual-wave .wide-visual-copy span{color:#946417}
.wide-visual-wave .wide-visual-copy strong{
  color:#171b20;
  text-shadow:none;
}

.wide-visual-sunset .wide-visual-copy strong,
.wide-visual-club .wide-visual-copy strong{
  color:#f5f5f5;
}

/* ------------ OVERALL FLOW ------------ */
.latest,
.campaigns,
.soundcloud,
.story,
.origin,
.streaming,
.connect{
  transition:background-color .3s ease;
}

/* Slightly smaller portrait support so the panoramic surroundings dominate. */
.story-inner{
  grid-template-columns:minmax(260px,.54fr) minmax(0,1.46fr);
}
.story-image{
  height:500px;
}
.origin-inner{
  grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);
}
.origin-image{
  max-width:520px;
  width:100%;
  justify-self:end;
}

@media(max-width:1120px){
  .hero{min-height:auto}
  .story-inner,
  .origin-inner{grid-template-columns:1fr}
  .story-image{height:auto;max-width:680px;aspect-ratio:4/3}
  .origin-image{justify-self:center;max-width:580px}
}

@media(max-width:700px){
  .wide-visual{min-height:270px}
  .latest-feature{min-height:auto}
  .scenic-origin{min-height:auto}
  .story-image{aspect-ratio:1/1.06}
}


/* ============================================================
   V11 — CLEAN CINEMATIC LAYOUT / IGMC-STYLE LIGHT-DARK CONTRAST
   ============================================================ */
:root{--content:1360px;--gutter:max(24px,calc((100vw - var(--content))/2))}
html,body{max-width:100%;overflow-x:hidden}
body{background:#07090d}

/* Full-width bands; content still aligns to one grid. */
.hero,
.scenic,
.scenic-story,
.scenic-origin,
.latest-feature,
.vision,
.wide-visual{width:100%;max-width:100%;margin-left:0;margin-right:0}

.hero{padding-left:var(--gutter);padding-right:var(--gutter);grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);min-height:900px}
.hero-glow{right:0;max-width:52vw}
.ticker{left:0;right:0;width:100vw;max-width:100vw}

.scenic{padding-left:var(--gutter);padding-right:var(--gutter)}
.story-inner,.origin-inner,.vision-inner,.wide-visual-copy{width:min(var(--content),calc(100vw - 48px));max-width:var(--content);margin-inline:auto}

/* Panoramic background breaks, never square cards. */
.wide-visual{min-height:clamp(300px,30vw,500px);background-size:cover!important;background-position:center!important}
.wide-visual-copy{padding-bottom:42px}

/* ---------------- LIGHT SECTIONS ---------------- */
.scenic-music,.scenic-campaigns,.scenic-story,.scenic-streaming{
  color:#12161b;
  --line:rgba(13,24,42,.14);
  --goldline:rgba(166,116,33,.30);
}
.scenic-music .section-index,.scenic-campaigns .section-index,.scenic-story .section-index,.scenic-streaming .section-index{color:#956418;text-shadow:none}
.scenic-music .section-head h2,.scenic-campaigns .section-head h2,.scenic-story h2,.scenic-streaming .section-head h2{color:#11161c}
.scenic-music .section-head>p,.scenic-campaigns .section-head>p,.scenic-story .story-lead,.scenic-story .story-columns p,.scenic-streaming .section-head>p{color:#4f5760}

/* Release section on cream/gold background. */
.scenic-music .release-card{background:rgba(255,255,255,.60);box-shadow:0 18px 42px rgba(31,35,40,.07);backdrop-filter:blur(9px)}
.scenic-music .release-info{padding:18px 14px;background:rgba(255,255,255,.68);color:#11161c}
.scenic-music .release-info p{color:#626a73}
.scenic-music .release-art{border-color:rgba(13,24,42,.12)}

.scenic-campaigns .campaign-card{background:rgba(255,255,255,.68);color:#11161c;border-color:rgba(13,24,42,.13);box-shadow:0 16px 38px rgba(31,35,40,.06)}
.scenic-campaigns .campaign-card:hover{background:rgba(255,255,255,.88)}
.scenic-campaigns .campaign-card p{color:#626a73}

.scenic-story{padding:112px var(--gutter)}
.story-inner{display:grid;grid-template-columns:minmax(250px,.52fr) minmax(0,1.48fr);gap:82px;align-items:center}
.scenic-story .story-image{height:500px;border:1px solid rgba(13,24,42,.12);box-shadow:0 22px 55px rgba(31,35,40,.12)}
.scenic-story .story-copy h2 em{color:#aa741b}
.scenic-story .chips span{color:#555e67;border-color:rgba(13,24,42,.14);background:rgba(255,255,255,.42)}

.scenic-streaming .platform-card{background:rgba(255,255,255,.64);color:#11161c;border-color:rgba(13,24,42,.13);box-shadow:0 14px 34px rgba(31,35,40,.05)}
.scenic-streaming .platform-card:hover{background:rgba(255,255,255,.86)}
.scenic-streaming .platform-card h3{color:#11161c}
.scenic-streaming .platform-card p,.scenic-streaming .platform-card small{color:#646b74}

/* ---------------- DARK SECTIONS ---------------- */
.scenic-soundcloud{color:#f5f5f5;--line:rgba(255,255,255,.12);--goldline:rgba(214,168,79,.4)}
.scenic-soundcloud .section-index{color:var(--gold)}
.scenic-soundcloud .section-head h2{color:#f5f5f5}
.scenic-soundcloud .section-head>p{color:#929292}
.scenic-soundcloud .soundcloud-profile,.scenic-soundcloud .soundcloud-auto,.scenic-soundcloud .player-card{color:#f5f5f5;background:rgba(7,10,15,.60);border-color:rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.scenic-soundcloud .soundcloud-profile h3,.scenic-soundcloud .player-card h3,.scenic-soundcloud .auto-player-head h3{color:#f5f5f5}
.scenic-soundcloud .soundcloud-profile p,.scenic-soundcloud .player-card p,.scenic-soundcloud .auto-player-head>span,.scenic-soundcloud .private-player-head p{color:#858b92}
.scenic-soundcloud .soundcloud-auto-player{background:rgba(5,7,10,.70)}

.scenic-origin{padding:112px var(--gutter);min-height:720px;color:#f5f5f5}
.origin-inner{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:78px;align-items:center}
.origin-image{max-width:520px;width:100%;justify-self:end;aspect-ratio:.92/1;border:0;background:transparent;box-shadow:none}
.origin-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 52px rgba(0,0,0,.45))}
.origin-caption{left:8px;right:8px;bottom:10px}

/* Latest release remains cinematic and full width. */
.latest-feature{min-height:720px}
.feature-copy{background:linear-gradient(90deg,rgba(5,8,12,.10),rgba(5,8,12,.40))}

/* Vision keeps the club feel but allows the image through. */
.vision-bg{filter:saturate(.95) brightness(.98)}
.vision-grid article{background:rgba(7,9,13,.34)}
.vision-grid .five-lives{background:linear-gradient(135deg,rgba(214,168,79,.22),rgba(13,24,42,.38))}

/* Light panoramic interlude. */
.wide-visual-wave{color:#11161c}
.wide-visual-wave::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,250,243,.32))}
.wide-visual-wave .wide-visual-copy span{color:#956418}
.wide-visual-wave .wide-visual-copy strong{color:#161b20;text-shadow:none}

@media(max-width:1120px){
  :root{--gutter:24px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .story-inner,.origin-inner{grid-template-columns:1fr;gap:46px}
  .story-image{height:auto!important;max-width:700px;aspect-ratio:4/3}
  .origin-image{justify-self:center;max-width:560px}
}
@media(max-width:700px){
  :root{--gutter:16px}
  .story-inner,.origin-inner,.vision-inner,.wide-visual-copy{width:100%}
  .wide-visual{min-height:260px}
  .scenic-story,.scenic-origin{padding-top:82px;padding-bottom:82px}
  .origin-image{aspect-ratio:.9/1}
}


/* ====================================================
   V12 — SHORTER PAGE / NO SOUNDCLOUD / COMPACT PROFILE FOOTER
   ==================================================== */

/* Pull the cinematic separator directly under the final release row. */
.latest.scenic-music{
  padding-bottom:24px!important;
}
.wide-visual-sunset{
  margin-top:0!important;
  min-height:300px!important;
}

/* The redundant Story and SoundCloud sections are intentionally removed. */

/* Origin now carries the artist background narrative by itself. */
.scenic-origin{
  margin-top:0;
}

/* Current 5R monogram asset */
#vision-monogram{
  width:92px;
  height:92px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  box-shadow:0 12px 36px rgba(0,0,0,.30);
}

/* Five Lives Records: label card, not a future-movement card */
.vision-grid .five-lives{
  background:linear-gradient(135deg,rgba(214,168,79,.22),rgba(13,24,42,.48));
}
.vision-grid .five-lives h3{
  color:var(--gold2);
}

/* One compact final destination section */
.scenic-profiles{
  color:#111418;
  --line:rgba(13,24,42,.13);
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,242,234,.92)),
    url('assets/bg-light-vinyl-v10.webp') center/cover no-repeat;
}
.scenic-profiles .section-index{color:#9a6a18;text-shadow:none}
.scenic-profiles .section-head h2{color:#10141a}
.scenic-profiles .section-head>p{color:#515964}

.profile-entry-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:52px;
  border-left:1px solid rgba(13,24,42,.13);
  border-top:1px solid rgba(13,24,42,.13);
}
.profile-entry{
  min-height:170px;
  padding:24px;
  display:flex;
  flex-direction:column;
  color:#111418;
  border-right:1px solid rgba(13,24,42,.13);
  border-bottom:1px solid rgba(13,24,42,.13);
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(9px);
  transition:.25s ease;
}
.profile-entry:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.82);
}
.profile-entry small{
  color:#6b727b;
  font-size:7px;
  font-weight:800;
  letter-spacing:.18em;
}
.profile-entry>span{
  align-self:flex-end;
  color:#b17a1d;
  font-size:20px;
}
.profile-entry h3{
  margin:auto 0 0;
  color:#111418;
  font-size:22px;
}
.profile-entry p{
  margin:8px 0 0;
  color:#656c75;
  font-size:10px;
}
.profile-entry.disabled{cursor:default}

.scenic-profiles .booking{
  color:#111418;
  border-color:rgba(13,24,42,.15);
  background:rgba(255,255,255,.30);
}
.scenic-profiles .booking small{color:#6a7078}
.scenic-profiles .booking a{color:#111418}
.scenic-profiles .round-link{
  border-color:rgba(177,122,29,.5);
  color:#a66f15;
}

@media(max-width:900px){
  .profile-entry-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .profile-entry-grid{grid-template-columns:1fr}
  .wide-visual-sunset{min-height:220px!important}
}


/* ==========================================================
   V13 — IGMC-INSPIRED FLOATING NAV + LARGER TYPE
   ========================================================== */

/* Floating rounded navigation bar */
.header{
  position:fixed;
  z-index:100;
  top:16px;
  left:50%;
  right:auto;
  width:min(1180px,calc(100vw - 32px));
  height:78px;
  padding:0 20px 0 22px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto minmax(220px,1fr);
  align-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(7,13,22,.82);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  box-shadow:0 12px 38px rgba(0,0,0,.30);
  transition:.28s ease;
}

.header.scrolled{
  top:10px;
  width:min(1200px,calc(100vw - 24px));
  height:72px;
  background:rgba(7,13,22,.94);
  border-color:rgba(214,168,79,.22);
  box-shadow:0 14px 42px rgba(0,0,0,.38);
}

.header-brand{
  display:flex;
  align-items:center;
  min-width:0;
}

.header-brand img{
  width:156px;
  max-height:52px;
  object-fit:contain;
  object-position:left center;
}

.nav{
  display:flex;
  align-items:center;
  gap:32px;
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.01em;
  text-transform:none;
}

.nav a{
  position:relative;
  padding:28px 0;
  color:#d5d8dc;
  transition:.2s ease;
}

.nav a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:17px;
  width:0;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  transition:.2s ease;
}

.nav a:hover{
  color:#fff;
}

.nav a:hover::after{
  width:24px;
}

.header-cta{
  justify-self:end;
  min-height:50px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  gap:15px;
  border:1px solid rgba(214,168,79,.85);
  border-radius:14px;
  background:linear-gradient(135deg,#d6a84f,#f0c56b);
  color:#101214;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.01em;
  text-transform:none;
  box-shadow:0 8px 26px rgba(214,168,79,.16);
  transition:.22s ease;
}

.header-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 30px rgba(214,168,79,.25);
}

.header-cta span{
  margin-left:0;
  color:#101214;
  font-size:17px;
}

/* Give hero room beneath the floating navigation */
.hero{
  padding-top:max(155px,calc(120px + env(safe-area-inset-top)));
}

/* Larger, clearer footer */
.site-footer{
  width:min(1180px,calc(100vw - 32px));
  margin:28px auto 34px;
  min-height:96px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:30px;
  align-items:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:rgba(7,13,22,.86);
  backdrop-filter:blur(16px);
  color:#c2c6cc;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
}

.footer-brand{
  display:flex;
  align-items:center;
  width:max-content;
}

.site-footer img{
  width:150px;
  opacity:1;
}

.site-footer p{
  margin:0;
  color:var(--gold2);
  font-size:12px;
  font-weight:800;
  letter-spacing:.20em;
  text-align:center;
}

.footer-copy{
  justify-self:end;
  color:#aeb3ba;
  font-size:11px;
  letter-spacing:.08em;
}

/* Mobile / tablet navigation */
@media(max-width:1120px){
  .header{
    top:12px;
    width:calc(100vw - 24px);
    height:70px;
    padding:0 14px 0 18px;
    grid-template-columns:1fr auto;
    border-radius:18px;
  }

  .header.scrolled{
    top:8px;
    width:calc(100vw - 18px);
    height:66px;
  }

  .header-brand img{
    width:138px;
    max-height:46px;
  }

  .nav,
  .header-cta{
    display:none;
  }

  .menu-toggle{
    display:block;
    width:46px;
    height:46px;
    border-radius:12px;
    border:1px solid rgba(214,168,79,.34);
    background:rgba(255,255,255,.03);
  }

  .menu-toggle span{
    width:19px;
    height:2px;
    border-radius:10px;
  }

  .mobile-nav{
    padding:104px 24px 30px;
    background:rgba(6,10,17,.985);
  }

  .mobile-nav a{
    padding:18px 0;
    font-size:clamp(32px,7.5vw,62px);
  }

  .site-footer{
    width:calc(100vw - 24px);
    grid-template-columns:1fr;
    gap:14px;
    justify-items:center;
    text-align:center;
    padding:24px 18px;
  }

  .footer-copy{
    justify-self:center;
  }
}

@media(max-width:600px){
  .header{
    top:8px;
    width:calc(100vw - 16px);
    height:64px;
    padding:0 10px 0 14px;
    border-radius:16px;
  }

  .header-brand img{
    width:118px;
  }

  .menu-toggle{
    width:42px;
    height:42px;
  }

  .hero{
    padding-top:112px;
  }

  .site-footer{
    width:calc(100vw - 16px);
    margin-bottom:16px;
    border-radius:16px;
  }

  .site-footer img{
    width:128px;
  }

  .site-footer p{
    font-size:10px;
    letter-spacing:.16em;
  }

  .footer-copy{
    font-size:10px;
  }
}


/* ==========================================================
   V14 — LARGER FIV3R WORDMARK IN NAVBAR
   ========================================================== */
.header{
  height:84px;
  padding-left:26px;
  padding-right:20px;
  grid-template-columns:minmax(225px,1fr) auto minmax(235px,1fr);
}

.header.scrolled{
  height:78px;
}

.header-brand{
  overflow:visible;
}

.header-brand img{
  width:205px!important;
  max-width:none!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(max-width:1120px){
  .header{
    height:74px;
    padding-left:18px;
  }
  .header.scrolled{
    height:70px;
  }
  .header-brand img{
    width:165px!important;
    max-height:52px!important;
  }
}

@media(max-width:600px){
  .header{
    height:68px;
    padding-left:14px;
  }
  .header-brand img{
    width:145px!important;
    max-height:46px!important;
  }
}


/* ==========================================================
   V15 — CLEANER HERO + COMPACT PLATFORM ICONS
   ========================================================== */

/* Navbar already carries the FIV3R wordmark; don't repeat it in the hero. */
.hero-wordmark{
  display:none!important;
}

.hero-copy .tagline{
  margin-top:24px;
}

/* With the duplicate logo gone, tighten the hero slightly. */
.hero-copy h1{
  margin-top:42px;
}

/* Compact final profile area — icons rather than large cards. */
.scenic-profiles{
  padding-top:88px!important;
  padding-bottom:88px!important;
}

.profiles-compact-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);
  gap:60px;
  align-items:end;
}

.profiles-compact-head h2{
  margin:14px 0 0;
  color:#111418;
  font-size:clamp(48px,5.5vw,84px);
  line-height:.94;
  letter-spacing:-.06em;
}

.profiles-compact-head>p{
  margin:0 0 7px;
  color:#555d66;
  font-size:14px;
  line-height:1.75;
}

.profile-icon-row{
  margin-top:54px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:clamp(24px,4vw,62px);
  flex-wrap:wrap;
}

.profile-icon-link{
  width:112px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:13px;
  color:#15191f;
  text-align:center;
  transition:.22s ease;
}

.profile-icon-link:hover{
  transform:translateY(-4px);
}

.profile-icon{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  border:1px solid rgba(13,24,42,.16);
  border-radius:50%;
  background:rgba(255,255,255,.56);
  box-shadow:0 12px 30px rgba(31,35,40,.07);
  transition:.22s ease;
}

.profile-icon-link:hover .profile-icon{
  border-color:rgba(177,122,29,.48);
  background:#fff;
  box-shadow:0 16px 34px rgba(177,122,29,.13);
}

.profile-icon svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:#111418;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.profile-icon svg path:not(.cut),
.profile-icon svg rect,
.profile-icon svg circle{
  vector-effect:non-scaling-stroke;
}

.profile-icon svg .cut{
  fill:#111418;
  stroke:none;
}

.profile-icon-link:nth-child(2) .profile-icon svg path,
.profile-icon-link:nth-child(4) .profile-icon svg path,
.profile-icon-link:nth-child(6) .profile-icon svg path{
  fill:#111418;
  stroke:#111418;
}

.profile-icon-link strong{
  font-size:12px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:-.01em;
}

.profile-icon-link.disabled{
  opacity:.48;
}

.profile-icon-link.disabled:hover{
  transform:none;
}

/* Booking follows the icon row without excessive dead space. */
.scenic-profiles .booking{
  margin-top:58px;
}

/* Remove leftover Campaign/Links styling from visual flow. */
.scenic-campaigns,
.campaigns{
  display:none!important;
}

@media(max-width:900px){
  .profiles-compact-head{
    grid-template-columns:1fr;
    gap:20px;
  }

  .profiles-compact-head>p{
    max-width:680px;
  }

  .profile-icon-row{
    justify-content:flex-start;
  }
}

@media(max-width:600px){
  .scenic-profiles{
    padding-top:70px!important;
    padding-bottom:70px!important;
  }

  .profiles-compact-head h2{
    font-size:47px;
  }

  .profile-icon-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px 10px;
    margin-top:40px;
  }

  .profile-icon-link{
    width:auto;
  }

  .profile-icon{
    width:62px;
    height:62px;
  }

  .profile-icon svg{
    width:27px;
    height:27px;
  }

  .profile-icon-link strong{
    font-size:10px;
  }
}


/* V16 — clearer release status badges */
.release-badge{
  color:#f5f5f5!important;
  background:rgba(10,10,10,.82)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.release-badge.upcoming{
  color:#111418!important;
  background:#d6a84f!important;
  border-color:#edc66d!important;
}
.release-badge.public{
  color:#fff!important;
  background:#8b1717!important;
  border-color:#d64b4b!important;
}
.release-badge.unreleased{
  color:#f5f5f5!important;
  background:rgba(10,14,20,.90)!important;
  border-color:rgba(214,168,79,.55)!important;
}


/* ==========================================================
   V17 — MOBILE MENU FIX + BALANCED MOBILE LOGO
   ========================================================== */

body.menu-open{
  overflow:hidden;
}

/* Keep desktop logo prominent, but ease it back slightly. */
.header-brand img{
  width:192px!important;
  max-height:57px!important;
}

@media(max-width:1120px){
  .header-brand img{
    width:142px!important;
    max-height:44px!important;
  }

  .mobile-nav{
    display:flex!important;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-14px);
    padding:104px 24px 34px;
    background:
      radial-gradient(circle at 14% 4%,rgba(214,168,79,.13),transparent 30%),
      rgba(6,10,17,.988);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }

  .mobile-nav.open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  .menu-toggle{
    position:relative;
    z-index:102;
  }

  .menu-toggle span{
    position:absolute;
    left:50%;
    top:50%;
    margin:0;
    transform-origin:center;
    transition:transform .22s ease,opacity .18s ease;
  }

  .menu-toggle span:first-child{
    transform:translate(-50%,-5px);
  }

  .menu-toggle span:last-child{
    transform:translate(-50%,4px);
  }

  .menu-toggle.active span:first-child{
    transform:translate(-50%,0) rotate(45deg);
  }

  .menu-toggle.active span:last-child{
    transform:translate(-50%,0) rotate(-45deg);
  }
}

@media(max-width:600px){
  .header{
    height:64px;
  }

  .header-brand img{
    width:118px!important;
    max-height:37px!important;
  }

  .menu-toggle{
    width:40px;
    height:40px;
  }

  .mobile-nav{
    padding:90px 18px 26px;
  }

  .mobile-nav a{
    padding:16px 2px;
    font-size:clamp(30px,10vw,48px);
  }
}

/* ==========================================================
   V18 — MOBILE HAMBURGER PINNED TO FAR RIGHT
   ========================================================== */
@media(max-width:1120px){
  .header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }

  .header-brand{
    flex:0 0 auto!important;
    min-width:0!important;
  }

  .menu-toggle{
    flex:0 0 auto!important;
    margin-left:auto!important;
    justify-self:auto!important;
    position:relative!important;
    right:0!important;
  }
}

@media(max-width:600px){
  .header{
    padding-left:14px!important;
    padding-right:10px!important;
  }

  .menu-toggle{
    margin-left:auto!important;
  }
}




/* ==========================================================
   V26 — FINAL WORDMARK SCALE
   Exact latest FIV3R logo, cropped to its visible artwork.
   ========================================================== */
.header-brand img{
  width:218px!important;
  max-width:none!important;
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-footer img,
#footer-logo{
  width:185px!important;
  height:auto!important;
  max-height:48px!important;
  object-fit:contain!important;
}
@media(max-width:1120px){
  .header-brand img{
    width:150px!important;
    max-height:42px!important;
  }
}
@media(max-width:600px){
  .header-brand img{
    width:118px!important;
    max-height:34px!important;
  }
  .site-footer img,
  #footer-logo{
    width:145px!important;
    max-height:38px!important;
  }
}


/* ==========================================================
   FIV3R CMS V1 — PUBLIC EDITORIAL / SEO PAGES
   ========================================================== */
.section-more{margin-top:38px;display:flex;justify-content:flex-end}.editorial-shell{width:min(1360px,calc(100vw - 48px));margin:0 auto;padding:170px 0 100px}.editorial-hero{max-width:980px;margin-bottom:70px}.editorial-hero h1,.article-header h1{margin:22px 0 0;font-size:clamp(58px,8vw,126px);line-height:.88;letter-spacing:-.07em}.editorial-hero h1 em{font-style:normal;color:var(--gold2)}.editorial-hero>p:not(.section-index){max-width:720px;color:#9da1a7;font-size:17px;line-height:1.75}.release-grid-page{margin-top:0}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px}.editorial-grid-page{margin-top:0}.editorial-card{display:flex;min-height:470px;flex-direction:column;border:1px solid var(--line);background:#0b0e13;transition:.25s}.editorial-card:hover{transform:translateY(-4px);border-color:var(--goldline)}.editorial-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.editorial-card>div{padding:24px;display:flex;flex:1;flex-direction:column}.editorial-card small{color:var(--gold2);font-size:8px;font-weight:800;letter-spacing:.15em}.editorial-card h2,.editorial-card h3{margin:22px 0 0;font-size:28px;letter-spacing:-.04em}.editorial-card p{margin:12px 0 0;color:#8b9098;font-size:13px;line-height:1.7}.editorial-index{color:#f5f5f5}.article-shell{width:min(1040px,calc(100vw - 48px));margin:0 auto;padding:175px 0 100px}.article-header{max-width:960px}.article-excerpt{max-width:800px;margin:30px 0 0;color:#a8adb4;font-size:20px;line-height:1.65}.article-cover{width:100%;max-height:680px;object-fit:cover;margin:60px 0 0;border:1px solid var(--line)}.article-body{width:min(820px,100%);margin:65px auto 0}.content-block{margin:0 0 42px}.content-block h2{margin:0 0 18px;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em}.prose{color:#c0c4ca;font-size:17px;line-height:1.85}.prose p{margin:0 0 20px}.prose a{color:var(--gold2);border-bottom:1px solid var(--goldline)}.content-image img{width:100%;max-height:780px;object-fit:cover}.content-image figcaption{margin-top:12px;color:#737982;font-size:11px}.content-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.content-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.pullquote{padding:34px;border-left:3px solid var(--gold);background:rgba(214,168,79,.06)}.pullquote p{margin:0;font-size:clamp(26px,4vw,44px);line-height:1.2;letter-spacing:-.04em}.pullquote cite{display:block;margin-top:18px;color:var(--gold2);font-style:normal;font-size:11px}.editorial-cta{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--goldline);background:rgba(214,168,79,.05)}.editorial-cta p{color:#9da1a7}.release-detail{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}.release-detail-art img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line)}.release-detail-copy h1{margin:22px 0 0;font-size:clamp(70px,9vw,135px);line-height:.82;letter-spacing:-.075em}.release-detail-genre{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.14em}.release-detail-description{max-width:650px;color:#aeb3ba;font-size:16px;line-height:1.8}.release-detail-actions{margin-top:30px}.release-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:42px 0 0;padding-top:24px;border-top:1px solid var(--line)}.release-meta dt{color:#666;font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.release-meta dd{margin:7px 0 0}.stream-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.stream-links a{padding:10px 14px;border:1px solid var(--goldline);font-size:10px;font-weight:800}.related-release{width:min(820px,100%);margin:70px auto 0;padding-top:30px;border-top:1px solid var(--line)}.related-release>span{color:var(--gold);font-size:8px;letter-spacing:.18em}.related-release a{display:flex;align-items:center;gap:18px;margin-top:16px}.related-release img{width:86px;height:86px;object-fit:cover}.related-release strong,.related-release small{display:block}.related-release small{margin-top:6px;color:#777}.event-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.event-card{display:grid;grid-template-columns:160px 1fr auto;gap:28px;align-items:center;padding:28px;background:#090b0f}.event-card time{color:var(--gold2);font-weight:800}.event-card h2{margin:0;font-size:28px}.event-card p{margin:7px 0 0;color:#777}.empty-public{padding:70px 0;color:#7b8189;font-size:18px}.custom-html{color:#c0c4ca}.profile-icon-row{max-width:1050px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr 1fr}.release-detail{grid-template-columns:1fr;gap:42px}.event-card{grid-template-columns:1fr}.editorial-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.editorial-shell,.article-shell{width:calc(100vw - 32px);padding-top:125px}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:0}.article-excerpt{font-size:17px}.article-cover{margin-top:38px}.article-body{margin-top:42px}.content-gallery{grid-template-columns:1fr}.release-meta{grid-template-columns:1fr}.section-more{justify-content:flex-start}}

.event-actions{display:flex;gap:10px;align-items:center}.event-list-home{margin-top:48px}.event-list-home .event-card{text-decoration:none}.event-list-home .event-card>span{color:var(--gold);font-size:22px}.event-detail{max-width:980px}.event-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0}.event-detail-meta div{padding:18px;border:1px solid var(--line)}.event-detail-meta small{display:block;color:#6f7680;font-size:8px;font-weight:800;letter-spacing:.14em}.event-detail-meta strong{display:block;margin-top:7px}.event-detail-actions{display:flex;gap:12px;margin-top:30px}@media(max-width:700px){.event-actions{align-items:stretch;flex-direction:column}.event-detail-meta{grid-template-columns:1fr}.event-detail-actions{align-items:stretch;flex-direction:column}}

/* ==========================================================
   CMS V2 — DIRECT RELEASE PLATFORM LINKS
   ========================================================== */
.release-direct{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.release-direct-featured{max-width:680px;margin-top:28px;padding-top:0;border-top:0}
.release-direct-label{display:block;margin-bottom:13px;color:#777;font-size:8px;font-weight:800;letter-spacing:.18em}
.release-platform-row{display:flex;flex-wrap:wrap;gap:12px}
.release-platform-icon{display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;border:1px solid var(--line);border-radius:999px;color:#dfe3e8;background:rgba(8,11,16,.52);transition:.2s ease}
.release-platform-icon:hover{transform:translateY(-2px);border-color:var(--goldline);color:var(--gold2)}
.release-platform-icon .profile-icon{width:38px;height:38px;box-shadow:none;background:#f5f5f5}
.release-platform-icon .profile-icon svg{width:20px;height:20px;fill:none;stroke:#111418;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.release-platform-icon.platform-apple .profile-icon svg path,
.release-platform-icon.platform-soundcloud .profile-icon svg path,
.release-platform-icon.platform-tiktok .profile-icon svg path{fill:#111418;stroke:#111418}
.release-platform-icon small{font-size:9px;font-weight:800;white-space:nowrap}
@media(max-width:600px){
  .release-platform-row{gap:8px}
  .release-platform-icon{padding-right:9px}
  .release-platform-icon .profile-icon{width:34px;height:34px}
  .release-platform-icon small{font-size:8px}
}

/* ==========================================================
   CMS V3 — PUBLIC LIGHT/DARK MODE + ALIGNED SOCIAL ICONS
   ========================================================== */
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.theme-toggle{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#f5f5f5;cursor:pointer;transition:.2s ease}
.theme-toggle:hover{border-color:var(--goldline);color:var(--gold2);transform:translateY(-1px)}
.theme-toggle-icon{font-size:17px;line-height:1}

/* Keep every enabled platform on one balanced desktop row. */
.profile-icon-row{
  max-width:1040px!important;
  width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:22px!important;
}
.profile-icon-link{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:120px!important;
  width:auto!important;
}
.profile-icon-link strong{min-height:30px;display:flex;align-items:flex-start;justify-content:center}

@media(max-width:1120px){
  .header-actions{margin-left:auto}
  .header-cta{display:none!important}
}
@media(max-width:900px){
  .profile-icon-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:26px 16px!important;
    justify-items:center!important;
  }
  .profile-icon-link{width:100%!important;max-width:120px!important}
}
@media(max-width:600px){
  .theme-toggle{width:40px;height:40px}
  .profile-icon-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px 10px!important;
  }
}

/* Light mode keeps image-led showcase sections cinematic while making
   navigation, editorial pages and general surfaces genuinely light. */
html[data-theme="light"]{
  color-scheme:light;
  --black:#f6f1e9;
  --black2:#eee8df;
  --white:#11161c;
  --navy:#e8edf3;
  --grey:#e5dfd6;
  --muted:#626a73;
  --line:rgba(13,24,42,.14);
  --goldline:rgba(166,116,33,.32);
}
html[data-theme="light"] body{
  background:linear-gradient(180deg,#f8f4ed 0%,#eee7dc 100%);
  color:#11161c;
}
html[data-theme="light"] .header{
  background:rgba(250,247,241,.90);
  border-color:rgba(13,24,42,.12);
  box-shadow:0 12px 38px rgba(44,38,30,.10);
}
html[data-theme="light"] .header.scrolled{background:rgba(250,247,241,.96);border-color:rgba(166,116,33,.24)}
html[data-theme="light"] .nav a{color:#4f5760}
html[data-theme="light"] .nav a:hover{color:#11161c}
html[data-theme="light"] .theme-toggle{background:#fff;color:#11161c;border-color:rgba(13,24,42,.15)}
html[data-theme="light"] .menu-toggle{background:#fff;border-color:rgba(13,24,42,.15)}
html[data-theme="light"] .menu-toggle span{background:#11161c}
html[data-theme="light"] .mobile-nav{background:rgba(250,247,241,.985)}
html[data-theme="light"] .mobile-nav a{color:#11161c;border-color:rgba(13,24,42,.12)}

html[data-theme="light"] .hero{color:#11161c}
html[data-theme="light"] .hero::after{background:linear-gradient(180deg,transparent,#f5f0e8)}
html[data-theme="light"] .hero-text{color:#505862}
html[data-theme="light"] .hero-details{border-color:rgba(13,24,42,.15)}
html[data-theme="light"] .hero-details small{color:#7b8188}
html[data-theme="light"] .ticker{background:rgba(248,244,237,.78);border-color:rgba(13,24,42,.12)}
html[data-theme="light"] .ticker span{color:#555d66}
html[data-theme="light"] .button-ghost{color:#11161c;border-color:rgba(13,24,42,.18)}
html[data-theme="light"] .button-ghost:hover{color:#8e6118;border-color:rgba(166,116,33,.38)}

html[data-theme="light"] .editorial-shell,
html[data-theme="light"] .article-shell{color:#11161c}
html[data-theme="light"] .editorial-hero>p:not(.section-index),
html[data-theme="light"] .article-excerpt,
html[data-theme="light"] .prose{color:#525a64}
html[data-theme="light"] .editorial-card{background:#fffdfa;border-color:rgba(13,24,42,.13)}
html[data-theme="light"] .editorial-card p{color:#626a73}
html[data-theme="light"] .event-list{background:rgba(13,24,42,.12);border-color:rgba(13,24,42,.12)}
html[data-theme="light"] .event-card{background:#fffdfa}
html[data-theme="light"] .event-card p{color:#626a73}
html[data-theme="light"] .release-detail-description{color:#555d66}
html[data-theme="light"] .release-meta{border-color:rgba(13,24,42,.14)}
html[data-theme="light"] .related-release{border-color:rgba(13,24,42,.14)}
html[data-theme="light"] .release-platform-icon{background:#fffdfa;color:#1b2027;border-color:rgba(13,24,42,.14)}

html[data-theme="light"] .site-footer{
  background:rgba(250,247,241,.90);
  color:#626a73;
  border-color:rgba(13,24,42,.12);
  box-shadow:0 12px 32px rgba(44,38,30,.07);
}
html[data-theme="light"] .site-footer p{color:#8e6118}

/* These cinematic sections intentionally remain dark in either mode. */
html[data-theme="light"] .latest-feature,
html[data-theme="light"] .scenic-origin,
html[data-theme="light"] .vision,
html[data-theme="light"] .wide-visual-sunset{color:#f5f5f5}
html[data-theme="light"] .latest-feature .button-ghost,
html[data-theme="light"] .scenic-origin .button-ghost,
html[data-theme="light"] .vision .button-ghost{color:#f5f5f5;border-color:rgba(255,255,255,.16)}

/* ==========================================================
   CMS V6 — MANAGED ANNOUNCEMENT BANNER
   ========================================================== */
.site-announcement{position:fixed;z-index:104;left:0;right:0;top:0;min-height:42px;display:flex;align-items:center;justify-content:center;padding:8px 18px;font-size:11px;font-weight:800;letter-spacing:.08em}
.site-announcement>div{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center}
.site-announcement a{border-bottom:1px solid currentColor}
.site-announcement-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111}
.site-announcement-dark{background:#070d16;color:#f5f5f5;border-bottom:1px solid rgba(255,255,255,.12)}
.site-announcement-light{background:#f8f4ed;color:#11161c;border-bottom:1px solid rgba(13,24,42,.12)}
.header.with-banner{top:58px}
.header.with-banner.scrolled{top:50px}
.mobile-nav.with-banner{padding-top:145px!important}
@media(max-width:1120px){
 .header.with-banner{top:52px}
 .header.with-banner.scrolled{top:48px}
 .site-announcement{font-size:9px}
}
@media(max-width:600px){
 .site-announcement{min-height:44px;padding:7px 10px}
 .site-announcement>div{gap:9px;flex-wrap:wrap}
 .header.with-banner{top:52px}
}