:root{--bg:#050505;--panel:#090909;--text:#f4f1ed;--muted:#8d8a86;--red:#e21b22;--line:rgba(255,255,255,.105);--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{background:var(--red);color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.progress{position:fixed;z-index:3000;top:0;left:0;right:0;height:2px}.progress span{display:block;width:0;height:100%;background:var(--red)}.topbar{position:fixed;z-index:1500;left:0;top:0;width:100%;height:78px;padding:0 4vw;display:flex;align-items:center;gap:30px;background:linear-gradient(180deg,rgba(0,0,0,.82),transparent);transition:.25s}.topbar.scrolled{height:66px;background:rgba(5,5,5,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:88px}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#d5d0cb}.listen-btn{margin-left:auto;padding:13px 19px;background:var(--red);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.menu-btn{display:none;margin-left:auto;background:none;border:0;padding:8px;width:42px}.menu-btn span{display:block;height:2px;background:#fff;margin:7px 0}.mobile-menu{display:none;position:fixed;inset:0;z-index:2600;padding:20px;background:#050505}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu-top img{width:95px}.menu-close{background:none;border:0;color:white;font-size:38px}.mobile-menu nav{margin:auto 0;display:grid}.mobile-menu nav a{display:flex;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.mobile-menu small{color:var(--red);font-size:8px}.mobile-menu strong{font-size:clamp(28px,9vw,48px);letter-spacing:-.04em;text-transform:uppercase}

.hero{min-height:100svh;position:relative;overflow:hidden;background:#050505;display:flex;align-items:center;justify-content:center;padding:120px 7vw 100px}.hero-bg{position:absolute;inset:0;background:url('../images/young-chee-hero.png') center/cover no-repeat;filter:saturate(.92) contrast(1.08) brightness(.78);transform:scale(1.025);animation:heroMove 16s ease-in-out infinite alternate}@keyframes heroMove{to{transform:scale(1.07)}}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.14) 55%,rgba(0,0,0,.34)),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.56) 14%,transparent 40%)}.hero-grain{position:absolute;inset:0;opacity:.06;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,rgba(255,255,255,.25) 1px,transparent 2px);background-size:5px 5px}.hero-left-copy{position:absolute;z-index:4;left:3vw;top:120px;bottom:90px;width:170px;display:flex;flex-direction:column;justify-content:space-between}.vertical-claim{font-size:13px;line-height:1.32;letter-spacing:.35em;color:#aaa}.hero-tags{font-size:8px;line-height:1.7;letter-spacing:.26em;color:#ddd}.hero-tags span{display:block;width:34px;height:2px;background:var(--red);margin-bottom:15px}.hero-main{position:relative;z-index:5;width:min(650px,58vw);text-align:center;margin-left:18vw}.hero-logo{width:min(560px,54vw);margin:0 auto;filter:drop-shadow(0 16px 34px rgba(0,0,0,.72))}.hero-claim{font-size:13px;font-weight:800;letter-spacing:.42em;color:#eee}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.btn-red{background:var(--red);border-color:var(--red)}.btn-dark{background:rgba(5,5,5,.42);backdrop-filter:blur(10px)}.graffiti-note{position:absolute;z-index:4;right:3vw;top:29%;font-weight:900;font-size:clamp(28px,4vw,58px);line-height:.77;color:rgba(226,27,34,.55);transform:rotate(-8deg);text-align:center}.scroll-note{position:absolute;z-index:4;right:4vw;bottom:26px;font-size:8px;letter-spacing:.34em}

.release-section{max-width:var(--max);margin:0 auto;padding:72px 5vw;display:grid;grid-template-columns:.9fr 1.15fr .8fr;gap:38px;align-items:center}.album-wrap{border:1px solid var(--line);padding:10px;background:#080808}.album-wrap img{aspect-ratio:1/1;object-fit:cover;width:100%}.eyebrow{font-size:9px;letter-spacing:.34em;color:var(--red);font-weight:900}.release-copy h2,.about-copy h2,.dj-section h2{font-size:clamp(50px,6vw,92px);line-height:.84;letter-spacing:-.055em;margin:0 0 16px}.release-sub,.about-kicker{font-size:8px;letter-spacing:.31em;color:#aaa}.release-copy>p:not(.eyebrow):not(.release-sub){color:#aaa;line-height:1.65}.stream-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.stream-links a{border:1px solid var(--line);padding:11px 14px;font-size:8px}.tracklist{border-top:1px solid var(--line)}.track{min-height:53px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;border-bottom:1px solid var(--line);gap:11px;padding:0 10px;color:#bbb}.track strong{font-size:9px}.track.active{background:linear-gradient(90deg,rgba(226,27,34,.24),rgba(226,27,34,.05));color:white}.all-tracks{display:block;margin-top:18px;text-align:right;font-size:8px}

.about-section{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr 160px;border-block:1px solid var(--line);background:#070707}.about-image{min-height:620px;background:linear-gradient(90deg,transparent,rgba(5,5,5,.35)),url('../images/young-chee-hero.png') 18% center/cover no-repeat;filter:grayscale(1) contrast(1.12) brightness(.62)}.about-copy{padding:82px 55px;align-self:center}.about-copy p{color:#aaa;line-height:1.72}.red-line{display:block;width:38px;height:2px;background:var(--red);margin:18px 0}.outline-btn{display:inline-block;margin-top:17px;padding:13px 18px;border:1px solid rgba(255,255,255,.35);font-size:8px}.side-message{align-self:center;justify-self:center;font-size:38px;line-height:.8;font-weight:900;color:#686868;transform:rotate(-10deg)}

.story-section{max-width:var(--max);margin:auto;padding:100px 5vw}.story-label{font-size:8px;color:var(--red);letter-spacing:.3em;margin-bottom:40px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.story-grid article{border:1px solid var(--line);padding:32px;min-height:250px;background:#090909}.story-grid h3{font-size:27px;margin:42px 0 15px}.story-grid p{color:#878787;line-height:1.6;font-size:14px}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:330px;border-block:1px solid var(--line)}.feature-card{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:35px;min-height:330px;background:#111}.feature-card:before{content:"";position:absolute;inset:0}.video-card:before{background:url('../images/young-chee-hero.png') left center/cover no-repeat;filter:saturate(.5) brightness(.65)}.gallery-card:before{background:url('../images/young-chee-hero.png') right center/cover no-repeat;filter:saturate(.75) brightness(.7)}.merch-card:before{background:url('../images/young-chee-hiphop.jpg') center/cover no-repeat;filter:grayscale(1) brightness(.48)}.feature-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%)}.feature-card>div:last-child{position:relative;z-index:2}.feature-card h3{font-size:34px;margin:0 0 6px}.feature-card p,.feature-card a,.feature-card span{font-size:8px;letter-spacing:.15em;color:#ddd}.dj-section{max-width:var(--max);margin:auto;padding:90px 5vw;display:flex;align-items:end;justify-content:space-between;gap:30px}.dj-section p:not(.eyebrow){color:#999;line-height:1.7}.dj-btn{padding:18px 24px;background:var(--red);font-size:9px;font-weight:900;letter-spacing:.14em}.brand-ticker{overflow:hidden;border-block:1px solid var(--line)}.brand-ticker div{width:max-content;padding:14px 0;animation:ticker 30s linear infinite;font-size:8px;letter-spacing:.22em;color:#aaa}.brand-ticker b{color:var(--red);margin:0 16px}@keyframes ticker{to{transform:translateX(-50%)}}

.mega-footer{position:relative;overflow:hidden;min-height:760px;background:#030303;border-top:1px solid var(--line)}.mega-footer-bg{position:absolute;inset:0;background:url('../images/footer-bg.png') center bottom/cover no-repeat;filter:brightness(.44) saturate(.82) contrast(1.08)}.mega-footer-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.80) 36%,rgba(0,0,0,.46) 68%,rgba(0,0,0,.64)),linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.64) 32%,rgba(0,0,0,.30))}.mega-footer-inner{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:90px 5vw 54px;display:grid;grid-template-columns:1.05fr 1.25fr .45fr;gap:60px;align-items:center}.footer-main-logo{width:min(360px,80%)}.footer-claim{margin:28px 0 0;color:#f0efeb;font-size:12px;letter-spacing:.32em;font-weight:800}.footer-redline{display:block;width:58px;height:2px;margin:21px 0 22px;background:var(--red)}.footer-tags{color:#aaa;font-size:8px;line-height:1.75;letter-spacing:.23em}.footer-socials{margin-top:27px;display:flex;gap:10px;flex-wrap:wrap}.footer-socials a{border:1px solid rgba(255,255,255,.16);padding:10px 13px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.25)}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.footer-col{display:grid;align-content:start;gap:13px}.footer-col h3{margin:0 0 10px;font-size:10px;letter-spacing:.28em;padding-bottom:14px;position:relative}.footer-col h3:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--red)}.footer-col a{color:#c8c4bf;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.footer-graffiti{align-self:start;justify-self:end;font-size:clamp(32px,4vw,62px);line-height:.79;font-weight:900;color:rgba(255,255,255,.38);transform:rotate(-7deg);text-align:center}.stream-strip{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:36px 5vw;display:grid;grid-template-columns:220px 1fr;gap:44px;align-items:center;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.32)}.stream-strip-label{border-right:1px solid rgba(255,255,255,.22);padding-right:35px;display:grid;gap:5px}.stream-strip-label small{font-size:9px;letter-spacing:.28em}.stream-strip-label strong{font-size:13px;letter-spacing:.23em;font-weight:500}.stream-strip img{width:100%;max-height:135px;object-fit:contain;object-position:left center}.footer-bottom{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:26px 5vw 34px;display:flex;justify-content:space-between;gap:25px;color:#707070;font-size:7px;letter-spacing:.18em}.footer-legal{display:flex;gap:24px;text-transform:uppercase}

@media(max-width:980px){.release-section{grid-template-columns:1fr 1fr}.tracklist{grid-column:1/-1}.about-section{grid-template-columns:1fr 1fr}.side-message{display:none}.story-grid{grid-template-columns:1fr 1fr}.story-grid article:last-child{grid-column:1/-1}.mega-footer-inner{grid-template-columns:1fr 1fr}.footer-graffiti{grid-column:1/-1;justify-self:start}.footer-columns{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .topbar{height:66px;padding:0 16px}.brand img{width:78px}.desktop-nav,.listen-btn{display:none}.menu-btn{display:block}
  .hero{min-height:100svh;padding:92px 16px 118px;align-items:flex-end;justify-content:flex-start}.hero-bg{background-size:auto 100%;background-position:33% center;animation:none;transform:none}.hero-shade{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.96) 15%,rgba(5,5,5,.70) 33%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.34) 100%)}.hero-left-copy,.graffiti-note{display:none}.hero-main{width:100%;margin:0;text-align:left}.hero-logo{width:min(360px,84vw);margin:0}.hero-claim{font-size:9px;letter-spacing:.25em}.hero-actions{justify-content:flex-start;display:grid;grid-template-columns:1fr}.btn{width:100%}.scroll-note{right:16px;bottom:20px;font-size:6px}
  .release-section{padding:60px 16px;grid-template-columns:1fr}.tracklist{grid-column:auto}.about-section{grid-template-columns:1fr}.about-image{min-height:440px}.about-copy{padding:55px 20px}.story-section{padding:70px 16px}.story-grid{grid-template-columns:1fr}.story-grid article:last-child{grid-column:auto}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:270px}.dj-section{padding:70px 16px;display:block}.dj-btn{display:inline-block;margin-top:20px}
  .mega-footer{min-height:auto}.mega-footer-bg{background-position:66% bottom}.mega-footer-shade{background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.72) 55%,rgba(0,0,0,.46))}.mega-footer-inner{padding:66px 18px 36px;grid-template-columns:1fr;gap:42px}.footer-main-logo{width:min(310px,75vw)}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-graffiti{font-size:46px}.stream-strip{padding:28px 18px;grid-template-columns:1fr;gap:20px}.stream-strip-label{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 18px}.stream-strip img{max-height:none}.footer-bottom{padding:23px 18px 30px;display:grid;justify-content:start}.footer-legal{gap:16px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   V8 FOOTER – exact user supplied background image
   ========================================================= */
.mega-footer{
  min-height:720px;
  background:#020202;
}
.mega-footer-bg{
  background-image:url('../images/footer-bg.png') !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  transform:none !important;
}
.mega-footer-shade{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.54) 34%,
      rgba(0,0,0,.38) 64%,
      rgba(0,0,0,.58) 100%),
    linear-gradient(0deg,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.25) 48%,
      rgba(0,0,0,.48) 100%) !important;
}
.mega-footer-inner{
  min-height:470px;
}
.stream-strip{
  background:rgba(0,0,0,.50);
  backdrop-filter:blur(5px);
}
.footer-bottom{
  background:rgba(0,0,0,.22);
}

@media(max-width:760px){
  .mega-footer-bg{
    background-position:58% center !important;
    background-size:auto 100% !important;
  }
  .mega-footer-shade{
    background:
      linear-gradient(0deg,
        rgba(0,0,0,.93) 0%,
        rgba(0,0,0,.68) 45%,
        rgba(0,0,0,.54) 100%) !important;
  }
}


/* =========================================================
   V9 iOS / Safari icon compatibility
   Use inline SVG instead of Unicode arrows / play glyphs
   ========================================================= */
.ui-icon{
  width:15px;
  height:15px;
  display:inline-block;
  vertical-align:middle;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ui-icon-play{
  width:16px;
  height:16px;
}
.btn,
.dj-btn,
.outline-btn,
.all-tracks,
.feature-card a,
.footer-col a,
.desktop-nav a,
.mobile-menu nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.track em{
  display:flex;
  align-items:center;
  justify-content:center;
}
.track em .ui-icon{
  width:13px;
  height:13px;
}

/* Prevent Safari from substituting emoji-style glyph rendering */
.btn,
.dj-btn,
.outline-btn,
.all-tracks,
.feature-card a,
.footer-col a,
.desktop-nav a,
.mobile-menu nav a{
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* Make footer streaming image robust on iOS Safari */
.stream-strip img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  -webkit-transform:translateZ(0);
}

/* Safari backdrop-filter prefix */
.topbar.scrolled,
.btn-dark,
.footer-socials a{
  -webkit-backdrop-filter:blur(10px);
}

/* Ensure mobile SVGs remain visible */
@media(max-width:760px){
  .ui-icon{
    width:14px;
    height:14px;
  }
  .hero-actions .btn{
    display:flex;
  }
  .mobile-menu nav a{
    display:flex;
  }
}

.yc-consent[hidden]{display:none!important}.yc-consent{position:fixed;z-index:99999;left:18px;right:18px;bottom:18px}.yc-consent-in{max-width:1100px;margin:auto;padding:24px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;background:rgba(5,5,5,.97);border:1px solid rgba(255,255,255,.15);border-left:3px solid var(--red);box-shadow:0 20px 70px #000}.yc-consent small{color:var(--red);letter-spacing:.25em}.yc-consent h2{margin:8px 0;font-size:32px}.yc-consent p{margin:0;color:#aaa;line-height:1.55;font-size:12px}.yc-consent-actions{display:flex;gap:8px}.yc-consent button{min-height:46px;padding:0 16px;border:1px solid #444;background:#111;color:#fff;font-weight:800;font-size:8px;letter-spacing:.12em}.yc-consent #ycAccept{background:var(--red);border-color:var(--red)}@media(max-width:760px){.yc-consent{left:10px;right:10px;bottom:10px}.yc-consent-in{grid-template-columns:1fr;padding:20px}.yc-consent-actions{display:grid}.yc-consent button{width:100%}}