:root{color-scheme:dark;--bg:#080a0d;--panel:#12161a;--panel2:#1b2025;--muted:#b4bec7;--line:#373b3b;--gold:#eac179;--cream:#fff4dd;--white:#fbfaf5;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,sans-serif;line-height:1.62;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo{font-family:Outfit,system-ui,sans-serif;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,7vw,7rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.7rem);font-weight:800}h3{font-size:clamp(1.2rem,2.5vw,1.6rem)}p{color:#d0d5d8}small,.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.eyebrow{color:var(--gold)}.skip{position:absolute;left:1rem;top:-6rem;padding:12px;background:#fff;color:#000;z-index:100}.skip:focus{top:1rem}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{position:sticky;top:0;z-index:40;background:rgba(8,10,13,.94);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff24}.nav{max-width:1250px;margin:auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-size:1.28rem;font-weight:900;letter-spacing:.03em;text-decoration:none}.logo span{color:var(--gold)}nav{display:flex;align-items:center;gap:clamp(10px,2vw,28px)}nav a{font-size:.82rem;font-weight:700;text-decoration:none;color:#d2d4d5}nav a[aria-current=page],nav a:hover{color:var(--gold)}.nav-shop{border:1px solid var(--gold);border-radius:30px;padding:8px 17px;color:var(--gold)}.menu{display:none;background:var(--panel);border:1px solid var(--line);color:#fff;border-radius:9px;padding:9px 12px;font-size:1rem}.announcement{background:linear-gradient(90deg,#6e351d,#b78b3d,#66431c);color:#fff;text-align:center;padding:7px 14px;font-weight:800;font-size:.75rem;letter-spacing:.08em}.announcement a{text-decoration:none}main{min-height:65vh}.wrap{max-width:1250px;margin:auto;padding:0 22px}.section{padding:clamp(60px,8vw,112px) 0}.section.tight{padding:50px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}.section-head p{max-width:630px}.muted{color:var(--muted)}.gold{color:var(--gold)}.hero{position:relative;min-height:710px;display:flex;align-items:end;isolation:isolate;background:#141619}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.38) 72%),linear-gradient(0deg,#080a0d,transparent 50%),var(--hero-image) center/cover no-repeat}.hero-inner{padding:110px 22px 95px;max-width:1250px;margin:auto;width:100%}.hero .eyebrow{margin-bottom:15px}.hero p{max-width:620px;font-size:clamp(1.1rem,2vw,1.34rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 23px;font-weight:800;font-size:.92rem;text-decoration:none;min-height:50px;transition:transform .15s ease,background .15s ease;border:1px solid #ffffff60}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#18120b}.btn.secondary{background:#ffffff13}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-28px;position:relative;z-index:2}.stat{border:1px solid #ffffff24;background:#18191b;border-radius:18px;padding:22px}.stat strong{display:block;font-family:Outfit;font-size:1.25rem;color:var(--gold)}.stat span{font-size:.83rem;color:#c5c5c5}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.feature{background:var(--panel);border:1px solid #ffffff1c;border-radius:var(--radius);overflow:hidden}.panel .pad{padding:24px}.panel img{width:100%;aspect-ratio:4/3;object-fit:cover}.panel:hover{border-color:#deb66e80}.panel a.label{color:var(--gold);font-size:.86rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center}.split.reverse>.visual{order:2}.visual{position:relative}.visual img{border-radius:24px;object-fit:cover;width:100%;max-height:690px}.visual:after{content:'';position:absolute;inset:auto -12px -12px 20%;height:22%;background:linear-gradient(110deg,transparent,#a56a2477);filter:blur(32px);z-index:-1}.pill{display:inline-flex;padding:6px 12px;border-radius:30px;background:#d7aa4930;border:1px solid #eac17950;color:var(--gold);font-weight:700;font-size:.76rem;letter-spacing:.08em}.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platforms a,.shop-card{display:flex;align-items:center;justify-content:space-between;background:#1c2024;border:1px solid #48413a;border-radius:12px;padding:16px 18px;text-decoration:none;font-weight:800}.platforms a:hover,.shop-card:hover{border-color:var(--gold);background:#30271f}.callout{background:linear-gradient(115deg,#2c1d17,#171b1d 65%);padding:clamp(26px,5vw,60px);border:1px solid #eac17955;border-radius:var(--radius)}.callout h2{margin-bottom:15px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.shop-card{min-height:115px;flex-direction:column;align-items:start;justify-content:center}.shop-card span{color:var(--gold);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.shop-card strong{font-size:1.25rem}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:15px;background:#111}.video-card{padding:15px;background:var(--panel);border-radius:18px;border:1px solid var(--line)}.video-card h3{margin:14px 0 3px}.copy{max-width:860px;font-size:1.07rem}.copy p{margin-bottom:20px}.timeline{border-left:2px solid #b38a48;margin-left:10px;padding-left:30px}.timeline article{position:relative;padding:0 0 28px}.timeline article:before{content:'';height:14px;width:14px;border-radius:50%;background:var(--gold);position:absolute;left:-38px;top:5px}.timeline h3{color:var(--gold)}.form-field{width:100%;background:#1c2024;border:1px solid #606064;border-radius:10px;color:#fff;padding:14px;font:inherit}.form-field:focus{outline:2px solid var(--gold)}form label{display:block;margin:14px 0 5px;font-weight:700}.foot{border-top:1px solid #ffffff26;background:#101316;padding:55px 0 24px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.foot a{display:block;font-size:.91rem;color:#c8c9ca;margin:7px 0;text-decoration:none}.foot a:hover{color:var(--gold)}.foot-end{border-top:1px solid #ffffff21;margin-top:38px;padding-top:20px;color:#9d9fa3;font-size:.83rem}.fine{font-size:.85rem;color:#adb1b7}.breadcrumb{font-size:.83rem;color:#bdc0c4;margin:30px 0 0}.breadcrumb a{color:var(--gold)}.page-heading{padding:65px 0 20px}.page-heading h1{font-size:clamp(2.8rem,6vw,5.8rem)}.page-heading p{max-width:780px;font-size:1.15rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:840px){.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px;background:#111418;flex-direction:column;align-items:stretch;border-bottom:1px solid #454545}nav.open{display:flex}.hero{min-height:620px}.stats,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.split.reverse>.visual{order:0}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:3rem}.section-head{display:block}.hero{min-height:620px}.hero-inner{padding:110px 22px 65px}.grid,.grid.two,.stats,.video-grid,.platforms,.shop-grid,.foot-grid{grid-template-columns:1fr}.stat{padding:18px}.section{padding:65px 0}.actions .btn{width:100%}.page-heading{padding:45px 0 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* COOLIO FOREVER · COMPLETE ARCHIVE SYSTEM */
.archive-hero{padding-top:clamp(65px,9vw,135px);padding-bottom:clamp(35px,6vw,72px);border-bottom:1px solid #ffffff22}.archive-hero h1{max-width:1050px;font-size:clamp(3.1rem,8vw,7.8rem);margin:14px 0 22px}.archive-lead{font-size:clamp(1.03rem,2vw,1.35rem);max-width:820px;color:#cfd2d3}.archive-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,75px);align-items:center}.archive-feature>img{width:100%;max-height:650px;object-fit:cover;border-radius:22px;border:1px solid #ffffff22}.archive-feature audio{width:100%;margin:18px 0;display:block}.archive-sectionhead{margin-bottom:29px;max-width:960px}.archive-sectionhead h2{margin:8px 0 18px}.legacy-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.legacy-paragraph{background:#15191d;border:1px solid #ffffff17;padding:clamp(23px,3vw,36px);border-radius:20px}.legacy-paragraph>span{font-size:1.35rem}.legacy-paragraph p{margin:12px 0 0;line-height:1.85}.archive-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.archive-album{overflow:hidden;background:#161a1e;border:1px solid #ffffff25;border-radius:20px}.archive-album>img{width:100%;aspect-ratio:1;object-fit:cover}.archive-album-content{padding:19px}.archive-album h3{min-height:2.3em;margin:12px 0}.archive-album label{display:block;font-size:.78rem;color:#c4c6cb;margin:8px 0}.archive-album select{width:100%;padding:12px 10px;min-width:0;background:#242a30;color:#fff;border:1px solid #777;border-radius:9px}.archive-album audio{width:100%;display:block;margin:16px 0}.archive-album small{color:#abb2b8}.archive-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-video-card{background:#15191d;border:1px solid #ffffff22;border-radius:18px;overflow:hidden}.archive-video-card h3{font-size:1rem;line-height:1.45;padding:16px 18px;margin:0}.archive-video-card video,.youtube-launch,.archive-video-card iframe{display:block;width:100%;aspect-ratio:16/9;background:#070a0c;border:0}.youtube-launch{color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:linear-gradient(125deg,#2e2015,#181718)}.youtube-launch span:first-child{font-size:3rem;color:#eac179}.archive-film-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.archive-film{background:#161a1d;border:1px solid #ffffff1f;overflow:hidden;border-radius:18px}.archive-film img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#252529}.archive-film h3{padding:14px;font-size:1rem;line-height:1.4;margin:0}.archive-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px)}.archive-contact-form{background:#171c20;border:1px solid #ffffff2a;border-radius:20px;padding:clamp(22px,4vw,44px)}.archive-contact-form input,.archive-contact-form textarea,.archive-contact-form select{width:100%;font:inherit;padding:13px 14px;background:#252b31;color:#fff;border:1px solid #636970;border-radius:10px}.archive-contact-form label{margin:16px 0 7px}.archive-contact-form button{margin:21px 0}.archive-honeypot{position:absolute;left:-9999px}.archive-video-card:focus-within,.archive-album:focus-within{border-color:#eac179}audio{max-width:100%}@media(max-width:1100px){.archive-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.archive-album-grid,.archive-video-grid,.archive-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-feature,.archive-contact,.legacy-prose{grid-template-columns:1fr}.archive-feature>img{max-height:460px;object-fit:contain;background:#15191d}}@media(max-width:540px){.archive-album-grid,.archive-video-grid{grid-template-columns:1fr}.archive-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-film h3{font-size:.85rem}.archive-hero{padding-top:55px}.archive-album h3{min-height:unset}}

/* SUPREME V3: unified archive discovery, navigation and conversion details */
body{font-family:system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,.logo{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif} .gold{color:#efc57f}.archive-page-nav{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 auto;max-width:1250px;padding:22px;background:#10151a;border-bottom:1px solid #393229}.archive-page-nav span{font-weight:800;font-size:.78rem;color:#ddc497;letter-spacing:.1em;text-transform:uppercase;margin-right:10px}.archive-page-nav a{padding:7px 12px;background:#24201b;border-radius:30px;color:#f4e0b5;font-weight:700;text-decoration:none;font-size:.78rem;border:1px solid #5c4b32}.archive-page-nav a:hover{background:#514029}.discovery-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 26px;padding:16px;border-radius:16px;background:#181b1f;border:1px solid #ffffff25}.discovery-tools label{font-weight:800;color:#f5dbab}.archive-search{min-width:min(100%,300px);flex:1;max-width:600px;padding:14px 17px;background:#262b2f;border:1px solid #85714f;color:#fff;border-radius:12px;font:inherit}.discovery-count{margin:0;color:#ccd0d2;white-space:nowrap}.archive-video-card[hidden],.archive-album[hidden],.archive-film[hidden]{display:none!important}.new-spotlight{background:radial-gradient(ellipse at 85% 0%,#46311e55,transparent 55%),#0e1114}.spotlight-intro{max-width:760px;font-size:1.15rem}.experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px}.experience-card{min-height:210px;background:linear-gradient(145deg,#24201c,#14181c);border:1px solid #8b6b3980;border-radius:20px;padding:25px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:13px}.experience-card:hover{border-color:#f3c982;transform:translateY(-2px)}.experience-card strong{font-size:1.5rem;line-height:1.16}.experience-card span:last-child{color:#d5d4d0;font-size:.88rem}.experience-num{color:#ecca90;font-size:.74rem;letter-spacing:.15em;font-weight:800}.merch-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.merch-feature img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}audio,video{accent-color:#f0c579}select,button,input,textarea{font:inherit}#contact-result{min-height:1.5em}@media(max-width:900px){.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merch-feature{grid-template-columns:1fr 1fr}}@media(max-width:580px){.experience-grid,.merch-feature{grid-template-columns:1fr}.experience-card{min-height:150px}.archive-page-nav{padding:18px 22px}.discovery-tools{align-items:stretch;flex-direction:column}.archive-search{width:100%}.hero{min-height:560px}}@media(prefers-reduced-motion:reduce){.experience-card:hover{transform:none}}

/* V5: Improved full-site background handling.
   Uses the provided coolioforever background at near-native scale so it stays sharp.
   The background is rendered on a fixed layer instead of being stretched across the entire page. */
body {
  background:#070714;
  position:relative;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(180deg, rgba(4,6,17,.50) 0%, rgba(4,6,17,.60) 42%, rgba(4,6,17,.78) 100%),
    url('/assets/coolioforever_background.png');
  background-repeat:no-repeat, no-repeat;
  background-position:center top, center top;
  background-size:100% 100%, min(100vw, 1672px) auto;
  pointer-events:none;
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(5,7,18,.18) 0%, rgba(5,7,18,.34) 22%, rgba(5,7,18,.56) 55%, rgba(5,7,18,.82) 100%);
  pointer-events:none;
}
.section:not(.new-spotlight) {background:rgba(8,10,18,.70)}
.new-spotlight {background:linear-gradient(145deg,rgba(9,10,23,.93),rgba(26,11,37,.85))}
.page-heading,.archive-page-nav,.discovery-tools,.callout,.foot {
  backdrop-filter: blur(4px);
}
.foot {background:rgba(5,7,18,.95)}
@media (min-width: 1700px){
  body::before{background-size:100% 100%, 1672px auto;}
}
@media(max-width:980px){
  body::before{
    background-size:100% 100%, auto min(100svh, 941px);
    background-position:center top, center top;
  }
  .section:not(.new-spotlight){background:rgba(8,10,18,.78)}
}
@media(max-width:700px){
  body::before{
    background-size:100% 100%, auto min(92svh, 941px);
  }
  .section:not(.new-spotlight){background:rgba(8,10,18,.82)}
}