/* ============================================================
   MINDMAVERIK MEDIA — "BIG LABEL" DESIGN SYSTEM
   Near-black, condensed white caps (Anton), one coral-red accent.
   ============================================================ */
:root{
  --blk:#0A0A0B; --blk-2:#101012; --panel:#151517; --panel-2:#1B1B1E; --line:#2A2A2E;
  --white:#F5F3EF; --grey:#A6A3AB; --faint:#8A8790; --red:#FF4438; --red-hi:#FF6A5F;
  --wrap:1240px; --nav-h:70px; --tick-h:40px;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + var(--tick-h) + 14px); }
body{ background:var(--blk); color:var(--white); font-family:"Archivo",system-ui,sans-serif; font-size:16.5px; line-height:1.6; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
::selection{ background:var(--red); color:#fff; }
.mono{ font-family:"Space Mono",ui-monospace,monospace; }
.disp{ font-family:"Anton",Impact,sans-serif; text-transform:uppercase; letter-spacing:.01em; font-weight:400; }
h1,h2,h3{ line-height:1; }
.wrap{ width:min(var(--wrap), calc(100% - 44px)); margin-inline:auto; }
:focus-visible{ outline:2px solid var(--red); outline-offset:3px; }
section{ padding:92px 0; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ticker */
.ticker{ position:fixed; top:0; left:0; right:0; z-index:60; height:var(--tick-h); background:var(--red); color:#0A0A0B; overflow:hidden; display:flex; align-items:center; }
.ticker .track{ display:flex; white-space:nowrap; animation:tick 26s linear infinite; font-family:"Anton",Impact,sans-serif; text-transform:uppercase; font-size:15px; letter-spacing:.08em; }
.ticker .track span{ padding:0 26px; display:flex; align-items:center; gap:26px; }
.ticker .track span::after{ content:"✦"; font-size:11px; }
@keyframes tick{ to{ transform:translateX(-50%); } }

/* nav */
.nav{ position:fixed; top:var(--tick-h); left:0; right:0; z-index:50; height:var(--nav-h); display:flex; align-items:center; background:rgba(10,10,11,.9); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.nav .wrap{ display:flex; align-items:center; gap:24px; }
.brand{ display:flex; align-items:center; gap:12px; }
.brand .logo-box{ height:36px; width:36px; overflow:hidden; flex-shrink:0; }
.brand .logo-box img{ height:100%; width:100%; object-fit:cover; }
.brand b{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:19px; text-transform:uppercase; letter-spacing:.04em; }
.brand b i{ color:var(--red); font-style:normal; }
.nav-links{ display:flex; gap:22px; margin-left:auto; align-items:center; }
.nav-links a{ font-size:12.5px; color:var(--grey); text-transform:uppercase; letter-spacing:.13em; font-weight:600; transition:color .2s; }
.nav-links a:hover, .nav-links a[aria-current]{ color:var(--white); }
.nav-cta{ font-weight:700 !important; color:#fff !important; background:var(--red); padding:10px 16px; transition:background .2s; }
.nav-cta:hover{ background:var(--red-hi); }
.nav-toggle{ display:none; margin-left:auto; background:none; border:1px solid var(--line); color:var(--white); padding:7px 12px; font-size:18px; cursor:pointer; }

/* hero */
.hero{ position:relative; min-height:100vh; display:flex; align-items:center; padding:calc(var(--nav-h) + var(--tick-h) + 70px) 0 80px; overflow:hidden; }
.hero .bg{ position:absolute; inset:-40px; background-size:cover; background-position:center; filter:grayscale(1) contrast(1.15) brightness(.42); transform:scale(1.04); }
.hero .bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,10,11,.96) 0%, rgba(10,10,11,.72) 45%, rgba(255,68,56,.18) 130%), linear-gradient(0deg, var(--blk) 4%, transparent 40%); }
.hero .wrap{ position:relative; z-index:2; display:grid; grid-template-columns:1.2fr .8fr; gap:56px; align-items:center; }
.kick{ font-family:"Space Mono",monospace; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--red); margin-bottom:20px; }
.hero h1{ font-size:clamp(52px,9vw,124px); text-transform:uppercase; margin-bottom:14px; overflow-wrap:anywhere; }
.hero h1 small{ display:block; font-size:.3em; color:var(--grey); font-family:"Archivo",sans-serif; font-weight:600; text-transform:none; letter-spacing:.02em; margin-top:14px; line-height:1.3; }
.actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.btn{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-weight:700; font-size:13.5px; letter-spacing:.1em; text-transform:uppercase; padding:15px 28px; border:1px solid var(--white); color:var(--white); background:transparent; transition:.2s; font-family:"Archivo",sans-serif; }
.btn:hover{ border-color:var(--red); color:var(--red-hi); }
.btn.solid{ background:var(--red); border-color:var(--red); color:#fff; }
.btn.solid:hover{ background:var(--red-hi); border-color:var(--red-hi); color:#fff; }
.hero .embed{ background:var(--panel); border:1px solid var(--line); padding:14px; }
.hero .embed iframe{ width:100%; border:0; display:block; }
.hero .embed .cap{ font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--faint); padding:12px 4px 2px; }

/* section heads */
.head{ display:flex; align-items:flex-end; gap:24px; margin-bottom:44px; border-bottom:2px solid var(--white); padding-bottom:18px; }
.head h2{ font-size:clamp(34px,5.4vw,64px); text-transform:uppercase; }
.head h2 .idx{ color:var(--red); margin-right:10px; }
.head .side{ margin-left:auto; font-size:13.5px; color:var(--grey); text-align:right; padding-bottom:6px; }
.head .side a{ color:var(--red); font-weight:700; }
.head .side a:hover{ color:var(--red-hi); }

/* releases */
.filters{ display:none; gap:10px; flex-wrap:wrap; margin-bottom:34px; }
.js .filters{ display:flex; }
.filters button{ font-family:"Space Mono",monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; background:none; border:1px solid var(--line); color:var(--grey); padding:9px 18px; cursor:pointer; transition:.2s; }
.filters button:hover{ border-color:var(--white); color:var(--white); }
.filters button[aria-pressed="true"]{ background:var(--white); border-color:var(--white); color:var(--blk); font-weight:700; }
.filters button .n{ opacity:.7; margin-left:6px; }
.rel-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line); border:1px solid var(--line); }
.rel{ background:var(--blk); position:relative; overflow:hidden; display:flex; flex-direction:column; }
.rel[hidden]{ display:none; }
.rel .art{ aspect-ratio:1/1; position:relative; overflow:hidden; background:var(--panel-2); }
.rel .art img{ width:100%; height:100%; object-fit:cover; filter:grayscale(.85) contrast(1.05); transition:filter .35s, transform .35s; }
.rel:hover .art img, .rel:focus-within .art img{ filter:none; transform:scale(1.05); }
.rel .cat{ position:absolute; top:0; left:0; z-index:2; font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.14em; background:var(--red); color:#fff; padding:5px 9px; }
.rel .info{ padding:16px 16px 18px; border-top:1px solid var(--line); flex:1; display:flex; flex-direction:column; }
.rel .info h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:17px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:5px; }
.rel .info .artist{ font-size:12.5px; color:var(--grey); flex:1; }
.rel .links{ display:flex; gap:14px; margin-top:14px; flex-wrap:wrap; }
.rel .links a{ font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--faint); border-bottom:1px solid transparent; transition:.2s; padding-bottom:1px; }
.rel .links a:hover{ color:var(--red); border-color:var(--red); }

/* players */
.player-cols{ display:grid; grid-template-columns:1.15fr .85fr; gap:2px; margin-top:2px; background:var(--line); border:1px solid var(--line); border-top:0; }
.player-card{ background:var(--panel); padding:20px; }
.player-card h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:16px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:14px; }
.player-card iframe{ width:100%; border:0; display:block; background:var(--blk-2); }

/* video facade */
.video-wrap{ border:1px solid var(--line); background:var(--panel); padding:16px; }
.yt{ position:relative; aspect-ratio:16/9; background:#000 center/cover no-repeat; cursor:pointer; display:block; width:100%; border:0; }
.yt::before{ content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.55), transparent 55%); }
.yt .play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:78px; height:54px; background:var(--red); display:grid; place-items:center; transition:transform .2s; }
.yt:hover .play{ transform:translate(-50%,-50%) scale(1.06); }
.yt .play::after{ content:""; border-left:20px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; margin-left:5px; }
.yt iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-meta{ display:flex; align-items:center; gap:18px; margin-top:14px; flex-wrap:wrap; }
.video-meta .now{ font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--red); }
.video-meta h3{ font-size:17px; font-weight:700; line-height:1.3; }
.video-meta .btn{ margin-left:auto; }
.more-videos{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; margin-top:16px; }
.more-videos a{ display:flex; gap:12px; align-items:center; background:var(--blk); border:1px solid var(--line); padding:10px; transition:border-color .2s; }
.more-videos a:hover{ border-color:var(--red); }
.more-videos img{ width:112px; aspect-ratio:16/9; object-fit:cover; flex-shrink:0; }
.more-videos span{ font-size:13px; line-height:1.35; }

/* collaborations */
.collab-marquee{ overflow:hidden; border-block:1px solid var(--line); padding:22px 0; margin-bottom:44px; }
.collab-marquee .track{ display:flex; white-space:nowrap; animation:tick 30s linear infinite; font-family:"Anton",Impact,sans-serif; font-size:clamp(28px,4.5vw,52px); text-transform:uppercase; color:var(--panel-2); -webkit-text-stroke:1px var(--faint); }
.collab-marquee .track span{ padding:0 34px; }
.collab-marquee .track span.hot{ color:var(--red); -webkit-text-stroke:0; }
.collab-row{ display:grid; grid-template-columns:repeat(5,1fr); gap:2px; background:var(--line); border:1px solid var(--line); }
.collab{ background:var(--blk); padding:24px 20px; transition:background .25s; }
.collab:hover{ background:var(--panel); }
.collab .mono{ font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--red); }
.collab h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:20px; text-transform:uppercase; letter-spacing:.03em; margin:10px 0 8px; }
.collab p{ font-size:12.5px; color:var(--grey); }
.collab a{ color:var(--white); border-bottom:1px solid var(--red); }

/* banners */
.banner{ border:1px solid var(--line); display:grid; grid-template-columns:auto 1fr auto; align-items:stretch; background:var(--panel); }
.banner .side-label{ writing-mode:vertical-rl; transform:rotate(180deg); background:var(--red); color:#fff; font-family:"Anton",Impact,sans-serif; font-size:15px; letter-spacing:.2em; text-transform:uppercase; padding:18px 10px; display:flex; align-items:center; justify-content:center; }
.banner .side-label.alt{ background:var(--white); color:var(--blk); }
.banner .mid{ padding:40px 36px; }
.banner h2, .banner h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:clamp(24px,3.4vw,38px); text-transform:uppercase; margin-bottom:8px; line-height:1.05; }
.banner p{ color:var(--grey); font-size:14.5px; max-width:58ch; }
.banner .end{ display:flex; align-items:center; padding:36px; }

/* sign-up */
.signup{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; max-width:560px; }
.signup input{ flex:1 1 220px; background:var(--blk); border:1px solid var(--line); color:var(--white); padding:14px 16px; font-size:15px; font-family:inherit; border-radius:0; }
.signup input::placeholder{ color:var(--faint); }
.signup input:focus{ outline:none; border-color:var(--red); }
.signup .btn{ flex:0 0 auto; }
.signup-note{ font-size:12px; color:var(--faint); margin-top:10px; }
.signup-status{ font-size:14px; margin-top:10px; min-height:1.4em; }
.signup-status.ok{ color:var(--white); }
.signup-status.err{ color:var(--red-hi); }

/* social */
.social-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--line); border:1px solid var(--line); }
.social-card{ background:var(--blk); display:flex; flex-direction:column; transition:background .25s; }
.social-card:hover{ background:var(--panel); }
.social-card .band{ height:4px; background:var(--red); }
.social-card .body{ padding:26px; display:flex; flex-direction:column; gap:10px; flex:1; }
.social-card .mono{ font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--red); }
.social-card h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:19px; text-transform:uppercase; letter-spacing:.03em; }
.social-card p{ font-size:13.5px; color:var(--grey); flex:1; }
.social-card .go{ font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--red); }
.social-card blockquote.instagram-media{ margin:0 !important; min-width:0 !important; }

/* journal */
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--line); border:1px solid var(--line); }
.post{ background:var(--blk); padding:28px; display:flex; flex-direction:column; gap:12px; }
.post .date{ font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--red); }
.post h3{ font-size:19px; font-weight:700; line-height:1.25; }
.post p{ font-size:13.5px; color:var(--grey); }
.blog-foot{ margin-top:30px; }

/* footer */
footer{ border-top:2px solid var(--white); padding:64px 0 40px; background:var(--blk-2); }
.foot-mega{ font-family:"Anton",Impact,sans-serif; font-size:clamp(40px,8vw,110px); text-transform:uppercase; line-height:.95; margin-bottom:50px; }
.foot-mega span{ color:var(--red); }
.foot-grid{ display:grid; grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr)); gap:34px; margin-bottom:44px; }
.foot-grid h2{ font-family:"Space Mono",monospace; font-weight:400; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--red); margin-bottom:16px; }
.foot-grid ul{ list-style:none; display:flex; flex-direction:column; gap:9px; }
.foot-grid a{ font-size:13.5px; color:var(--grey); overflow-wrap:anywhere; }
.foot-grid a:hover{ color:var(--white); }
.foot-brand p{ font-size:13.5px; color:var(--grey); max-width:34ch; margin-top:12px; }
.foot-base{ border-top:1px solid var(--line); padding-top:22px; display:flex; gap:16px; flex-wrap:wrap; font-size:12px; color:var(--faint); }
.foot-base .mono{ margin-left:auto; letter-spacing:.16em; }

/* contact page */
.page-head{ padding:calc(var(--nav-h) + var(--tick-h) + 90px) 0 70px; border-bottom:1px solid var(--line); }
.page-head h1{ font-size:clamp(44px,8vw,104px); text-transform:uppercase; margin-bottom:22px; }
.page-head p{ color:var(--grey); max-width:62ch; font-size:17.5px; }
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--line); border:1px solid var(--line); }
.svc{ background:var(--blk); padding:30px; }
.svc .mono{ font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--red); }
.svc h2{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:22px; text-transform:uppercase; letter-spacing:.03em; margin:10px 0; }
.svc p{ font-size:13.5px; color:var(--grey); }
.cred{ display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line); border:1px solid var(--line); }
.cred .card{ background:var(--panel); padding:34px; }
.cred .role{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:6px; }
.cred .role h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:24px; text-transform:uppercase; letter-spacing:.03em; }
.cred .role .mono{ font-size:10.5px; color:#fff; letter-spacing:.14em; text-transform:uppercase; background:var(--red); padding:4px 10px; }
.cred .since{ font-family:"Space Mono",monospace; font-size:11.5px; color:var(--faint); letter-spacing:.14em; margin-bottom:18px; }
.cred ul{ list-style:none; display:flex; flex-direction:column; gap:14px; }
.cred li{ display:flex; gap:14px; font-size:14.5px; color:var(--grey); }
.cred li::before{ content:"→"; color:var(--red); flex-shrink:0; }
.cred blockquote{ margin-top:26px; border-left:3px solid var(--red); padding-left:18px; font-size:14.5px; font-style:italic; }
.cred blockquote cite{ display:block; margin-top:10px; font-style:normal; font-size:12px; color:var(--faint); }
.form-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
form.enquiry{ background:var(--panel); border:1px solid var(--line); padding:34px; display:flex; flex-direction:column; gap:18px; }
.field label{ display:block; font-family:"Space Mono",monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--grey); margin-bottom:8px; }
.field input, .field select, .field textarea{ width:100%; background:var(--blk); border:1px solid var(--line); color:var(--white); padding:13px 14px; font-size:15px; font-family:inherit; border-radius:0; }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--red); }
.field textarea{ min-height:130px; resize:vertical; }
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-note{ font-size:12px; color:var(--faint); }
.contact-aside h3{ font-family:"Anton",Impact,sans-serif; font-weight:400; font-size:22px; text-transform:uppercase; letter-spacing:.03em; margin-bottom:10px; }
.contact-aside > p{ color:var(--grey); font-size:14.5px; margin-bottom:22px; }
.email-big{ display:inline-block; font-family:"Space Mono",monospace; font-size:clamp(13px,1.7vw,17px); color:var(--red); border:1px solid var(--line); padding:16px 20px; margin-bottom:28px; word-break:break-all; }
.email-big:hover{ border-color:var(--red); color:var(--red-hi); }
.step{ display:flex; gap:16px; margin-bottom:18px; }
.step .n{ font-family:"Anton",Impact,sans-serif; color:var(--red); font-size:20px; line-height:1.2; }
.step h4{ font-size:15px; font-weight:700; margin-bottom:3px; }
.step p{ font-size:13px; color:var(--grey); }
.toast{ position:fixed; bottom:26px; left:50%; transform:translateX(-50%) translateY(20px); background:var(--panel-2); border:1px solid var(--red); padding:14px 22px; font-size:14px; opacity:0; pointer-events:none; transition:.3s; z-index:99; max-width:min(90vw,520px); }
.toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* responsive */
@media (max-width:1180px){
  .nav-links{ position:fixed; top:calc(var(--nav-h) + var(--tick-h)); right:0; left:0; flex-direction:column; align-items:stretch; background:var(--blk-2); border-bottom:1px solid var(--line); padding:20px 24px; gap:18px; display:none; }
  .nav-links.open{ display:flex; }
  .nav-toggle{ display:block; }
}
@media (max-width:1020px){
  .hero .wrap{ grid-template-columns:1fr; gap:34px; }
  .rel-grid{ grid-template-columns:repeat(3,1fr); }
  .collab-row{ grid-template-columns:repeat(3,1fr); }
  .player-cols, .cred, .form-wrap{ grid-template-columns:1fr; }
  .blog-grid, .social-grid, .svc-grid{ grid-template-columns:repeat(2,1fr); }
  .foot-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .banner{ grid-template-columns:auto 1fr; }
  .banner .end{ grid-column:2; padding-top:0; }
}
@media (max-width:700px){
  section{ padding:64px 0; }
  .rel-grid{ grid-template-columns:repeat(2,1fr); }
  .collab-row{ grid-template-columns:1fr 1fr; }
  .blog-grid, .social-grid, .svc-grid, .two-col{ grid-template-columns:1fr; }
  .head{ flex-wrap:wrap; }
  .head .side{ margin-left:0; flex-basis:100%; text-align:left; }
  .banner .mid{ padding:28px 22px; }
  .banner .end{ padding:0 22px 28px; }
  .video-meta .btn{ margin-left:0; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; }
  html{ scroll-behavior:auto; }
}