:root{--ink:#10141c;--paper:#f5f5f1;--muted:#686d76}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{display:block;width:100%;object-fit:cover}iframe{border:0;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3,.footer-word{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h2{font-size:clamp(60px,7vw,106px);line-height:.92;letter-spacing:-.025em;font-weight:800}h2 em{font-style:normal;color:var(--accent-text)}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:0}.announcement{height:32px;background:var(--ink);color:white;padding:0 4%;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.13em}.announcement a{display:flex;gap:12px;align-items:center}.dot{width:6px;height:6px;background:var(--secondary);border-radius:50%}header{height:88px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);padding:0 4%;position:sticky;top:0;z-index:20;border-bottom:1px solid #d9dce1}.brand{font-size:28px;font-weight:800;letter-spacing:-2px;line-height:.8}.brand-lines{color:var(--accent-text);display:inline-block;transform:rotate(90deg);font-size:30px;margin:0 2px}.brand-sub{font-size:8px;letter-spacing:.27em;display:block;margin-top:9px;text-align:center}nav{display:flex;gap:32px;font-size:12px;font-weight:600}nav a:hover,.text-link:hover{color:var(--accent-text)}.header-listen{border:1px solid var(--ink);padding:13px 20px;font-size:10px;letter-spacing:.12em;font-weight:700}.menu{display:none}.hero{height:min(820px,calc(100svh - 120px));min-height:590px;position:relative;overflow:hidden;background:#041728;color:white}.hero-art{position:absolute;right:0;top:0;width:65%;height:100%;object-position:50% 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03101e 5%,#03101ed9 25%,#03101e00 76%),linear-gradient(0deg,#030d1bea,transparent 65%)}.hero-top{position:absolute;top:36px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.22em;color:#bbc6d5}.hero-content{position:absolute;left:4%;right:4%;bottom:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:11px;margin-bottom:22px;color:var(--accent-text)}.eyebrow>span{height:1px;width:28px;background:var(--accent-text)}.eyebrow.light{color:#e0e8f6}.eyebrow.light>span{background:var(--secondary)}h1{font-size:clamp(100px,16vw,232px);line-height:.8;letter-spacing:-.035em;font-weight:800;margin:28px 0 38px;position:relative}h1>span{color:white}h1 i{font:20px Barlow;vertical-align:top;display:inline-block;margin:10px 0 0 20px}.hero-bottom{display:flex;align-items:center;gap:38px;border-top:1px solid #ffffff38;padding-top:28px}.hero-bottom p{font-size:14px;line-height:1.55;min-width:200px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:10px;letter-spacing:.12em;font-weight:700;padding:20px 26px;transition:background .2s}.button span{font-size:18px;line-height:1}.blue{background:var(--accent-text);color:white}.blue:hover{background:var(--accent-hover)}.dark{background:var(--ink);color:white}.dark:hover{background:var(--accent-text)}.scroll-link{font-size:9px;letter-spacing:.2em;margin-left:auto}.hero-index{position:absolute;right:4%;bottom:20px;font-size:8px;letter-spacing:.2em;color:#a6b0c0}.section{padding:110px 5%;max-width:1600px;margin:auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-intro{color:var(--muted);font-size:15px;line-height:1.6;padding-bottom:4px}.releases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cover{position:relative;aspect-ratio:1;overflow:hidden;background:#111}.cover img{height:100%;transition:transform .6s}.release a:hover img{transform:scale(1.035)}.tag{position:absolute;top:18px;left:18px;background:var(--paper);color:var(--ink);padding:8px 11px;font-size:8px;font-weight:700;letter-spacing:.1em}.play{position:absolute;bottom:18px;right:18px;background:var(--accent-text);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:white;font-size:23px}.release-line{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:10px}.release-line h3{font-size:28px;font-weight:700;line-height:1}.release-line>span{font-size:10px;color:var(--muted)}.release-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;margin-top:12px;color:var(--muted);padding-bottom:22px;border-bottom:1px solid #cdd0d5}.release-meta a{color:var(--accent-text);font-weight:700}.player{margin-top:48px;background:#e8ebef;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:35px;padding:24px 30px}.player h3{font-size:32px}.player .eyebrow{margin-bottom:10px}.player iframe{border-radius:12px}.video-section{border-top:1px solid #d6d9dd;background:#eceeea;max-width:none}.video-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:20px}.video-heading h3{font-size:30px}.text-link{font-size:10px;letter-spacing:.1em;font-weight:700;border-bottom:1px solid;padding-bottom:8px}.tabs{display:flex;gap:5px}.tabs button{border:1px solid #c4c8d0;background:transparent;font-size:9px;letter-spacing:.07em;padding:12px 17px;font-weight:700}.tabs .active{color:white;background:var(--ink);border-color:var(--ink)}.video-frame{aspect-ratio:16/9;background:#070c15}.video-frame iframe{height:100%}.video-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:16px}.shop-section{display:grid;grid-template-columns:1fr 1fr}.shop-photo{position:relative;background:#ddd;min-height:600px}.shop-photo img{height:100%;position:absolute;object-fit:cover}.shop-copy{padding:90px 12%;display:flex;flex-direction:column;justify-content:center;background:#e5eff0}.shop-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.7;margin-top:26px}.product-title{display:flex;justify-content:space-between;align-items:center;margin:38px 0 22px;padding-top:24px;border-top:1px solid #bdc5d3;gap:20px}.product-title h3{font-size:25px}.product-title>span{font-size:23px}.shop-copy .small-note{font-size:10px!important;margin-top:14px!important}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.about-picture img{aspect-ratio:1.05;object-position:center}.about-picture>span{font-size:8px;letter-spacing:.12em;display:block;padding-top:15px;color:var(--muted)}.about-copy h2{font-size:clamp(56px,5.5vw,86px);margin-bottom:28px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:18px}.about-copy .text-link{display:inline-block;margin-top:15px}.contact-section{background:var(--accent-text);color:white;padding:85px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:end}.contact-section h2{font-size:clamp(60px,6.5vw,100px)}.contact-section h2 em{color:var(--accent)}.contact-copy p{font-size:14px;line-height:1.8;color:#e6edff}.contact-email{display:inline-block;font-size:clamp(18px,2.4vw,34px);margin:25px 0 38px;border-bottom:1px solid #ffffff80;padding-bottom:12px}.socials{display:flex;gap:24px;font-size:9px;font-weight:600;letter-spacing:.1em}footer{padding:42px 5% 25px;background:var(--ink);color:white;overflow:hidden}.footer-word{font-size:24vw;font-weight:800;line-height:.8;letter-spacing:-.025em;position:relative}.footer-word>span{font:22px Barlow;vertical-align:top;padding:10px}.footer-bottom{border-top:1px solid #ffffff30;margin-top:35px;padding-top:24px;display:flex;justify-content:space-between;font-size:8px;color:#a9b2bf;letter-spacing:.1em}
@media(min-width:1600px){.hero-content,.hero-top{left:5%;right:5%}}@media(max-width:900px){nav{gap:18px}.header-listen{display:none}.hero-art{width:85%}h1{font-size:20vw}.scroll-link{display:none}.releases{gap:18px}.release-line h3{font-size:23px}.release-meta{flex-direction:column}.shop-copy{padding:60px 9%}.shop-photo{min-height:540px}.about-section{gap:5%}.section{padding:80px 5%}.contact-section{grid-template-columns:1fr 1fr}.socials{gap:15px}}@media(max-width:600px){html{scroll-padding-top:70px}.announcement{font-size:8px;height:28px}.announce-right{display:none}header{height:72px;padding:0 6%}.brand{font-size:24px}.brand-lines{font-size:26px}.brand-sub{font-size:6px}.menu{display:flex;gap:18px;align-items:center;border:0;background:transparent;font-size:12px}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:28px 6%;border-bottom:1px solid #ccc;flex-direction:column;font-size:19px;gap:24px}nav.open{display:flex}.hero{height:690px;min-height:0;max-height:calc(100svh - 100px)}.hero-art{width:100%;height:80%;top:0;object-position:48% 10%;opacity:.82}.hero-shade{background:linear-gradient(0deg,#03101e 0%,#03101e88 45%,#03101e00 85%)}.hero-top{top:24px;left:6%;right:6%;font-size:7px}.hero-top span:last-child{display:none}.hero-content{left:6%;right:6%;bottom:48px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}h1{font-size:25vw;line-height:.85;margin:18px 0 27px}h1 i{font-size:12px;margin:5px}.hero-bottom{gap:16px;align-items:flex-start;flex-direction:column;padding-top:20px}.hero-bottom p{font-size:12px}.hero-bottom p br{display:none}.button{font-size:9px;padding:18px 23px}.hero-bottom .button{width:100%}.section{padding:65px 6%}.section-head{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:30px}h2{font-size:64px}.eyebrow{font-size:8px;margin-bottom:17px}.section-intro{font-size:13px}.releases{grid-template-columns:1fr;gap:33px}.release-line h3{font-size:31px}.release-meta{flex-direction:row;font-size:8px}.player{grid-template-columns:1fr;padding:22px 15px;gap:20px}.player h3{font-size:28px}.video-heading{flex-direction:column;align-items:flex-start;gap:15px}.video-heading h3{font-size:29px}.tabs button{padding:10px 12px;font-size:8px}.video-caption{font-size:7px;gap:18px}.video-caption span:last-child{display:none}.shop-section{grid-template-columns:1fr}.shop-photo{min-height:0;aspect-ratio:1}.shop-copy{padding:55px 6%}.shop-copy h2{font-size:77px}.about-section{grid-template-columns:1fr;gap:40px}.about-copy h2{font-size:63px}.contact-section{grid-template-columns:1fr;padding:60px 6%;gap:38px}.contact-section h2{font-size:68px}.contact-email{font-size:24px;margin:20px 0 30px}.socials{gap:23px;font-size:8px}footer{padding:40px 6% 22px}.footer-word{font-size:24vw}.footer-word>span{font-size:10px;padding:5px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:7px}.footer-bottom>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Approved Miami Big Jude hero direction. */
:root{--accent:#37dff2;--accent-hover:#72ecf8;--accent-text:#006675;--secondary:#ff3dbb;--secondary-text:#a20c72;--ink:#080d20;--paper:#f7f4ef;--focus:#37dff2}
header{position:fixed;top:0;left:0;right:0;height:94px;background:linear-gradient(#05081855,transparent);border:0;color:#fff;padding:0 4%;transition:background .25s}
header.scrolled{background:#080e1bf5;box-shadow:0 1px 0 #ffffff18}
.brand{display:block;width:225px;flex-shrink:0;letter-spacing:normal;line-height:1}
.brand img{width:100%;height:auto;object-fit:contain}
nav{gap:34px;position:absolute;left:50%;transform:translateX(-50%)}
nav a{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;text-shadow:0 1px 10px #000b}
nav a:hover{color:var(--accent)}
.header-listen{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--accent-text);color:white;font-size:10px;letter-spacing:.12em;font-weight:700;padding:16px 26px}
.header-listen:hover{background:var(--accent-hover)}
.hero{height:100svh;min-height:780px;max-height:1200px;background:#071123}
.hero-art{width:100%;height:100%;inset:0;object-fit:cover;object-position:58% 50%}
.hero-shade{background:linear-gradient(0deg,#03101ef5 0%,#03101e80 12%,#03101e15 35%,transparent 64%),linear-gradient(90deg,#020b1925,transparent 65%)}
.hero-content{left:3.2%;right:3.2%;bottom:68px}
.hero .eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:clamp(11px,1.25vw,20px);font-weight:700;letter-spacing:.3em;color:#fff;margin:0 0 12px;gap:0;text-shadow:0 2px 10px #0008}
h1{font-size:clamp(130px,13.6vw,245px);line-height:.8;letter-spacing:-.025em;font-weight:900;margin:0 0 32px;color:white;width:max-content;max-width:100%;text-shadow:0 2px 24px #020b1910}
h1>span{display:inline-block;margin-top:4px}
.hero-bottom{padding-top:24px;gap:50px;border-top:1px solid #ffffff35}
.hero-bottom p{min-width:200px;font-size:14px;line-height:1.6}
.hero-bottom .button{padding:20px 26px;font-size:10px;border-radius:0;background:var(--accent);min-width:235px}
.hero-bottom .button:hover{background:var(--accent-hover)}
.hero-index{right:3.2%;bottom:21px}
@media(min-width:1600px){.hero-content{left:3.2%;right:3.2%}}
@media(max-width:1100px){.brand{width:190px}nav{gap:22px}nav a{font-size:9px;letter-spacing:.2em}.header-listen{padding:14px 20px;font-size:9px}.hero{min-height:720px}h1{font-size:15vw}.hero-art{object-position:60% 50%}.scroll-link{display:none}}
@media(max-width:760px){header{height:78px;padding:0 5%;gap:18px}.brand{width:175px}.header-listen{display:none}.menu{display:flex;align-items:center;gap:14px;margin-left:auto;border:0;background:transparent;color:white;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.menu span{font-size:19px}nav{display:none;position:absolute;top:78px;left:0;right:0;transform:none;background:#080e1bf5;flex-direction:column;gap:25px;padding:30px 6%;border-bottom:1px solid #ffffff26}nav.open{display:flex}nav a{font-size:13px;letter-spacing:.25em}.hero{height:100svh;min-height:740px;max-height:1000px}.hero-art{width:100%;height:100%;opacity:1;object-position:62% center}.hero-shade{background:linear-gradient(0deg,#03101e 0%,#03101ebb 15%,#03101e44 43%,#03101e00 70%)}.hero-content{left:6%;right:6%;bottom:50px}.hero .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:16px}h1{font-size:clamp(96px,20vw,150px);margin:0 0 26px;line-height:.83}.hero-bottom{flex-direction:row;gap:22px;align-items:center;flex-wrap:wrap;padding-top:20px}.hero-bottom p{font-size:12px;min-width:0}.hero-bottom .button{min-width:200px;width:auto;padding:19px 22px}.hero-index{bottom:17px;right:6%}}
@media(max-width:430px){.hero{min-height:700px}.hero-art{object-position:61% center}.hero-content{bottom:48px}.hero .eyebrow{font-size:9px;letter-spacing:.17em}h1{font-size:23vw;line-height:.84}.hero-bottom{gap:15px}.hero-bottom p{font-size:11px}.hero-bottom p br{display:block}.hero-bottom .button{font-size:8px;padding:17px;min-width:174px;gap:18px}}
@media(prefers-reduced-motion:reduce){header{transition:none}}
/* Hero-derived accent tokens: cyan primary, pink secondary. */
.blue,.header-listen,.hero-bottom .button{background:var(--accent);color:var(--ink);border-radius:6px}
.blue:hover,.header-listen:hover,.hero-bottom .button:hover{background:var(--accent-hover);box-shadow:0 0 24px #ff3dbb45}
.button{border-radius:6px;transition:background .2s,box-shadow .2s}
.dark:hover{background:var(--accent);color:var(--ink);box-shadow:0 0 24px #ff3dbb35}
.play{background:var(--accent);color:var(--ink)}
.eyebrow>span{background:var(--secondary)}
.hero .eyebrow{color:white}
.hero .eyebrow::before{content:'';width:24px;height:2px;background:var(--secondary);margin-right:12px;flex-shrink:0}
.release .tag{border-left:3px solid var(--secondary)}
.tabs .active{background:var(--ink);border-color:var(--ink);color:var(--accent);box-shadow:inset 0 -2px var(--secondary)}
.contact-section{background:var(--ink);color:var(--paper)}
.contact-section .eyebrow{color:var(--secondary)}
.contact-section .eyebrow>span{background:var(--secondary)}
.contact-section h2 em{color:var(--accent)}
.contact-copy p{color:#c4cbd4}
.contact-email{color:var(--accent);border-color:#37dff250}
.contact-email:hover,.socials a:hover{color:var(--secondary)}
header.scrolled{background:#080d20f5}
@media(max-width:760px){nav{background:#080d20f5}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Heavy condensed display lettering matching the approved hero reference. */
@font-face{font-family:Anton;src:url('assets/fonts/anton-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero h1{font-family:Anton,'Barlow Condensed',Impact,sans-serif;font-weight:400;font-synthesis:none;line-height:.96;letter-spacing:-.025em}
.hero h1>span{margin-top:0}
@media(max-width:760px){.hero h1{line-height:.98}}
.hero h1{font-size:clamp(97.5px,11.625vw,210px)}
@media(max-width:1100px){.hero h1{font-size:12.375vw}}
@media(max-width:760px){.hero h1{font-size:clamp(96px,23vw,170px)}}
@media(max-width:430px){.hero h1{font-size:25vw}}
.impact-section{background:var(--ink);color:var(--paper);max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:60px 8%;border-top:1px solid #ffffff18}
.impact-section h2 em,.impact-section .eyebrow{color:var(--accent)}
.impact-intro>p:not(.eyebrow){color:#c4cbd4;font-size:16px;line-height:1.7;max-width:380px;margin:27px 0}
.impact-proof{border-left:1px solid #ffffff20;padding-left:50px}
.stat-kicker,.milestone-date{font-size:9px;font-weight:600;letter-spacing:.16em;color:#b7c1d0}
.view-milestone>strong{display:block;font-family:Anton,Impact,sans-serif;font-size:clamp(100px,11vw,170px);font-weight:400;line-height:1.1;color:var(--accent);margin:12px 0 0;letter-spacing:-.03em}
.view-milestone>strong>span{color:var(--secondary);font-size:.65em;vertical-align:top}
.view-milestone h3{font-size:30px;letter-spacing:.05em}.view-milestone p{font-size:14px;color:#c4cbd4;margin:8px 0 20px}
.chart-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #ffffff25;padding-top:24px;margin-top:28px}
.chart-facts>div{display:flex;align-items:center;gap:15px}.chart-facts strong{font:48px Anton,Impact,sans-serif;color:var(--paper)}.chart-facts span{font-size:11px;color:#b7c1d0;line-height:1.7}
.chart-source{display:inline-block;color:var(--accent);font-size:8px;letter-spacing:.07em;line-height:1.8;margin-top:20px;text-decoration:underline;text-underline-offset:4px}
.social-proof{grid-column:1/-1;display:grid;grid-template-columns:.65fr 1fr 1fr;align-items:start;gap:35px;border-top:1px solid #ffffff25;padding-top:35px}.social-proof>a{border-left:2px solid var(--secondary);padding-left:24px}.social-proof a>span{display:block;font-size:9px;color:#bdc6d4;letter-spacing:.1em}.social-proof h3{font-size:27px;line-height:1.1;margin:14px 0 20px}.social-proof a>span:last-child{color:var(--accent)}.social-proof a:hover h3{color:var(--accent)}
.contact-section{align-items:start;gap:8%;padding:95px 5%;border-bottom:1px solid #ffffff20}.contact-roles{font-size:15px;color:var(--accent);line-height:1.7;margin-top:28px}.contact-intro{color:#bac4d2;line-height:1.8;font-size:14px;max-width:390px;margin:20px 0 25px}.contact-phone{display:block;width:max-content;font-size:22px;margin-bottom:16px}.contact-email{font-size:clamp(16px,1.75vw,26px);margin:0 0 35px}.contact-form{padding:35px;background:#11192c;border:1px solid #ffffff15;border-radius:8px}.contact-form h3{font-size:35px;letter-spacing:.02em}.contact-form>p:first-of-type{color:#bac4d2;font-size:13px;margin:8px 0 25px}.contact-form label{display:block;font-size:11px;font-weight:600;color:#edf4fc;line-height:1.5;margin-bottom:20px}.contact-form label>span{color:var(--secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;background:#080d20;color:#fff;border:1px solid #6b7690;border-radius:4px;font:14px Barlow,Arial,sans-serif;padding:13px 14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa8bc}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid var(--accent);outline-offset:2px}.contact-form .button{border:0;cursor:pointer;width:100%}.contact-form .button:disabled{opacity:.65;cursor:wait}.form-note{font-size:11px;line-height:1.6;color:#aebacc;margin-bottom:22px}.contact-status{font-size:13px;line-height:1.6;margin-top:16px;color:var(--accent)}.contact-status.error{color:#ff9bdc}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.impact-section{gap:45px}.impact-proof{padding-left:30px}.chart-facts>div{align-items:start;flex-direction:column;gap:8px}.social-proof{grid-template-columns:1fr 1fr}.social-proof>.eyebrow{grid-column:1/-1}.contact-section{gap:5%}.contact-form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.impact-section{grid-template-columns:1fr;gap:40px}.impact-proof{padding-left:0;border-left:0}.view-milestone>strong{font-size:125px}.chart-facts>div{flex-direction:row;align-items:center}.chart-facts strong{font-size:40px}.social-proof{grid-template-columns:1fr;gap:28px}.social-proof>.eyebrow{margin-bottom:0}.social-proof h3{font-size:29px}.contact-section{padding:65px 6%;grid-template-columns:1fr;gap:40px}.contact-form{padding:25px 20px}.contact-roles{font-size:14px}.contact-email{font-size:18px}}
/* Full-width party imagery behind the We Outside Today highlights. */
.impact-section{background-color:var(--ink);background-image:linear-gradient(90deg,rgba(8,13,32,.87),rgba(8,13,32,.79)),linear-gradient(0deg,rgba(8,13,32,.72),transparent 75%),url('assets/we-outside-today-party.png');background-size:cover;background-position:center,center,center 43%;background-repeat:no-repeat}
@media(max-width:600px){.impact-section{background-position:center,center,52% center;background-image:linear-gradient(90deg,rgba(8,13,32,.88),rgba(8,13,32,.82)),linear-gradient(0deg,rgba(8,13,32,.65),transparent 80%),url('assets/we-outside-today-party.png')}}
/* Keep the hero eyebrow comfortably inside the MIAMI headline width. */
.hero .eyebrow{font-size:clamp(9px,.8vw,13px);letter-spacing:.22em;white-space:nowrap}
@media(max-width:760px){.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero .eyebrow::before{width:16px;margin-right:8px}}
/* Contextual music and action icons. */
.action-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.header-listen{gap:12px}
.header-listen .action-icon{width:17px;height:17px}
.release-meta{display:block;font-size:13px;letter-spacing:.07em;margin-top:14px}
.release-meta>a{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;line-height:1.5;min-height:32px}
.release-meta>a:hover{color:var(--secondary-text)}
.release-meta .action-icon{width:21px;height:21px}
.play .action-icon{width:24px;height:24px;transform:translateX(-1px)}
@media(max-width:600px){.release-meta,.release-meta>a{font-size:13px}}
/* Release title artwork with soft, stationary bokeh lights. */
.release-title-art{position:relative;isolation:isolate;max-width:580px;width:100%;margin:20px 0 26px}
.release-title-art::before{content:'';position:absolute;z-index:-1;inset:-15% -8%;pointer-events:none;background:radial-gradient(circle at 18% 35%,#37dff245 0 7%,transparent 18%),radial-gradient(circle at 78% 24%,#ff3dbb50 0 5%,transparent 16%),radial-gradient(circle at 46% 65%,#ffc16655 0 9%,transparent 25%),radial-gradient(circle at 85% 76%,#37dff22e 0 5%,transparent 17%);filter:blur(17px);opacity:.75}
.release-title-art img{position:relative;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 25px #ffb12b28)}
.view-milestone .stat-kicker{font-size:11px;letter-spacing:.15em;color:var(--paper)}
.chart-facts span{font-size:15px;line-height:1.6}
.social-proof{grid-template-columns:1.1fr 1fr 1fr;align-items:center}
.social-proof-intro .eyebrow{margin-bottom:18px}
.social-proof-intro h2{font-size:clamp(40px,4.2vw,64px);line-height:.98}
@media(max-width:900px){.social-proof{grid-template-columns:1fr 1fr}.social-proof-intro{grid-column:1/-1}.social-proof-intro h2{font-size:58px}.chart-facts span{font-size:14px}}
@media(max-width:600px){.social-proof{grid-template-columns:1fr}.social-proof-intro h2{font-size:54px}.release-title-art{margin:15px 0 24px}.chart-facts span{font-size:13px}.chart-facts>div{gap:12px}.view-milestone .stat-kicker{font-size:10px}}
.video-section .text-link{display:inline-flex;align-items:center;gap:10px}
.video-section .text-link .action-icon{width:21px;height:21px}
/* MVP merchandise and footer navigation. */
.shop-preview-button{border:0;width:100%;cursor:default;opacity:.7}
.shop-preview-button:disabled:hover{background:var(--ink);color:white;box-shadow:none}
.about-copy .text-link{display:inline-flex;align-items:center;gap:12px}
.contact-phone,.contact-email{display:flex;align-items:center;gap:12px;width:fit-content}
.contact-phone .action-icon,.contact-email .action-icon{width:21px;height:21px}
footer{padding-top:65px}
.footer-grid{display:grid;grid-template-columns:2fr .75fr 1fr;gap:8%;align-items:start}
footer .footer-word{font-size:clamp(52px,6vw,92px);letter-spacing:-.02em;line-height:.9}
footer .footer-word>span{font-size:13px;padding:5px}
.footer-about>p{max-width:480px;font-size:14px;line-height:1.8;color:#b7c1d0;margin:25px 0}
.footer-email{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--accent)}
footer .footer-links{position:static;transform:none;display:block;left:auto;right:auto;top:auto;padding:0;border:0;background:none}
.footer-links h3{font-family:Barlow,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--accent);margin:0 0 25px}
.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:17px}
footer .footer-links a{font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;text-shadow:none;color:var(--paper)}
footer .footer-links a:hover,.footer-email:hover{color:var(--secondary)}
.footer-pending{font-size:14px;color:#a6afbe;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.footer-pending small{font-size:9px;border:1px solid #ffffff25;border-radius:3px;padding:3px 5px;color:#b7c1d0}
.footer-bottom{margin-top:45px}
.footer-bottom>a{display:inline-flex;align-items:center;gap:8px}
.footer-bottom .action-icon{width:15px;height:15px}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:38px 25px}.footer-about{grid-column:1/-1}.footer-about>p{max-width:none}footer .footer-links{position:static;display:block;background:none}.contact-email{font-size:clamp(14px,3.6vw,22px)}}
@media(max-width:430px){footer{padding-top:45px}.footer-about>p{font-size:13px}.footer-pending{font-size:13px}footer .footer-links a{font-size:13px}}
/* Independent image layers keep zoom and scroll motion off the live text. */
.hero-image-stage{position:absolute;left:0;right:0;top:-6%;height:112%;pointer-events:none;transform:translate3d(0,var(--hero-pan,0px),0);will-change:transform}
.hero-image-stage .hero-art{width:100%;height:100%;inset:0;transform-origin:60% 25%;animation:hero-slow-zoom 20s ease-in-out infinite alternate;will-change:transform}
.hero.motion-paused .hero-art{animation-play-state:paused}
@keyframes hero-slow-zoom{from{transform:scale(1)}to{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.hero-image-stage{top:0;height:100%;transform:none;will-change:auto}.hero-image-stage .hero-art{animation:none;transform:none;will-change:auto}}
