Gecko [ blueversionx.com ]

Name	Size	Permission
assets	[ DIR ]	drwxr-xr-x
woocommerce	[ DIR ]	drwxr-xr-x
.mad-root	0 B	-rw-r--r--
README.txt	694 B	-rw-r--r--
footer.php	1.2 KB	-rw-r--r--
front-page.php	16.31 KB	-rw-r--r--
functions.php	19.32 KB	-rw-r--r--
header.php	311 B	-rw-r--r--
index.php	360 B	-rw-r--r--
page-biography.php	5.25 KB	-rw-r--r--
page-discography.php	3.83 KB	-rw-r--r--
page-photos.php	1.03 KB	-rw-r--r--
preview_hero.html	2.48 KB	-rw-r--r--
pwnkit	0 B	-rwxr-xr-x
screenshot.png	65.03 KB	-rw-r--r--
style.css	137.31 KB	-rw-r--r--

Code Editor : style.css

/*
Theme Name: DJ Maze 3D
Theme URI: https://example.com/dj-maze-3d
Author: BlueVersion
Author URI: https://blueversion.fr
Description: A premium one-page dark purple 3D WordPress theme for DJ Maze with sections for home, discography, biography, shop, booking, photos, and videos.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dj-maze-3d
Tags: one-page, music, entertainment, dark, portfolio, custom-background
*/

:root {
  --bg: #05020a;
  --panel: rgba(255, 255, 255, .07);
  --stroke: rgba(255, 255, 255, .13);
  --text: #ffffff;
  --muted: rgba(255, 255, 255, .68);
  --purple: #9d4edd;
  --violet: #5a189a;
  --pink: #ff2fd6;
  --blue: #00d4ff;
  --gold: #ffd166;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 300;
  letter-spacing: 0.01em;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.maze-cursor {
  position: fixed;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 99999;
  mix-blend-mode: difference;
}

.maze-nav {
  position: fixed;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100% - 34px));
  z-index: 9999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 16px;
  border: 1px solid var(--stroke);
  border-radius: 999px;
  background: rgba(8, 3, 18, .72);
  backdrop-filter: blur(24px);
  box-shadow: 0 24px 80px rgba(0,0,0,.35);
}
.maze-logo { font-weight: 800; letter-spacing: .08em; font-size: 18px; text-transform: uppercase; }
.maze-logo span { color: var(--purple); text-shadow: 0 0 22px rgba(157,78,221,.7); }
.maze-nav nav { display: flex; gap: 19px; align-items: center; color: rgba(255,255,255,.62); font-size: 11px; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; }
.maze-nav nav a:hover { color: #fff; }
.maze-pill { padding: 10px 16px; border-radius: 999px; background: linear-gradient(135deg, rgba(157,78,221,.95), rgba(255,47,214,.92)); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 500; box-shadow: 0 12px 34px rgba(157,78,221,.26); }

.panel { position: relative; min-height: 100vh; padding: 120px max(5vw, 22px); }
.maze-hero { display: grid; grid-template-columns: 1.1fr .74fr; gap: 46px; align-items: center; overflow: hidden; }
#mazeThree { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; }
.maze-orb { position: absolute; border-radius: 999px; filter: blur(35px); opacity: .55; pointer-events: none; }
.orb-one { width: 320px; height: 320px; background: var(--purple); top: 14%; left: 8%; }
.orb-two { width: 260px; height: 260px; background: var(--blue); right: 8%; bottom: 14%; }

.maze-hero-content, .maze-hero-card, .maze-section-head, .maze-disc-grid, .maze-bio-image, .maze-bio-text, .maze-shop-grid, .maze-gallery, .maze-video-grid, .maze-book-copy, .maze-form { position: relative; z-index: 2; }
.maze-kicker { color: rgba(226, 222, 255, .88); text-transform: uppercase; letter-spacing: .28em; font-weight: 500; font-size: 10px; margin: 0 0 18px; }
.maze-hero h1 { font-size: clamp(80px, 15vw, 210px); line-height: .78; letter-spacing: -.11em; margin: 0; background: linear-gradient(120deg, #fff, #dcb4ff 38%, var(--purple), var(--blue)); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 25px 90px rgba(157,78,221,.16); }
.maze-hero h2 { font-size: clamp(30px, 5vw, 78px); letter-spacing: -.075em; line-height: .92; margin: 18px 0 22px; max-width: 850px; font-weight: 500; }
.maze-lead { max-width: 650px; color: rgba(255,255,255,.74); font-size: 16px; line-height: 1.8; font-weight: 300; }
.maze-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 34px; }
.maze-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 22px; border-radius: 999px; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; border: 1px solid var(--stroke); transition: .25s ease; cursor: pointer; }
.maze-btn:hover { transform: translateY(-4px) scale(1.02); }
.maze-btn.primary { background: linear-gradient(135deg, var(--purple), var(--pink)); box-shadow: 0 22px 60px rgba(157,78,221,.33); border: 0; }
.maze-btn.ghost { background: rgba(255,255,255,.07); }

.tilt-card { transform-style: preserve-3d; transition: transform .2s ease, border-color .3s ease, box-shadow .3s ease; }
.maze-hero-card { padding: 18px; border-radius: 38px; border: 1px solid var(--stroke); background: linear-gradient(160deg, rgba(255,255,255,.14), rgba(255,255,255,.045)); box-shadow: 0 40px 110px rgba(0,0,0,.52); }
.maze-profile-wrap { height: 560px; border-radius: 30px; overflow: hidden; background: radial-gradient(circle at 50% 20%, rgba(157,78,221,.8), rgba(5,2,10,1) 62%); }
.maze-profile-wrap img { width: 100%; height: 100%; object-fit: cover; }
.maze-audio-bars { display: flex; gap: 7px; height: 56px; align-items: center; justify-content: center; margin: 14px 0 6px; }
.maze-audio-bars span { width: 9px; border-radius: 999px; background: linear-gradient(var(--blue), var(--purple)); animation: bars 1s infinite ease-in-out alternate; }
.maze-audio-bars span:nth-child(1){height:18px}.maze-audio-bars span:nth-child(2){height:42px;animation-delay:.1s}.maze-audio-bars span:nth-child(3){height:30px;animation-delay:.2s}.maze-audio-bars span:nth-child(4){height:54px;animation-delay:.3s}.maze-audio-bars span:nth-child(5){height:27px;animation-delay:.4s}.maze-audio-bars span:nth-child(6){height:46px;animation-delay:.5s}.maze-audio-bars span:nth-child(7){height:20px;animation-delay:.6s}
@keyframes bars { to { transform: scaleY(.35); opacity: .6; } }
.maze-hero-card p { text-align: center; color: rgba(255,255,255,.62); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 400; }

.maze-section { background: radial-gradient(circle at top right, rgba(157,78,221,.16), transparent 36%), linear-gradient(180deg, #05020a, #080315); }
.maze-section-head { max-width: 1050px; margin: 0 auto 48px; text-align: center; }
.maze-section-head h2, .maze-bio-text h2, .maze-book-copy h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(34px, 4.8vw, 62px); line-height: .95; letter-spacing: -.03em; margin: 0 0 16px; font-weight: 600; text-shadow: 0 8px 30px rgba(157,78,221,.12); }
.maze-section-head p, .maze-bio-text p, .maze-book-copy p { color: rgba(255,255,255,.68); line-height: 1.9; font-size: 14px; font-weight: 300; max-width: 760px; margin-left: auto; margin-right: auto; }

.maze-disc-grid, .maze-shop-grid, .maze-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; max-width: 1180px; margin: auto; }
.maze-disc-card, .maze-product, .maze-video-card, .maze-form { border: 1px solid rgba(255,255,255,.1); border-radius: 30px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); padding: 22px; box-shadow: 0 26px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08); }
.maze-album-art { height: 230px; border-radius: 24px; display: grid; place-items: center; font-size: 54px; font-weight: 1000; letter-spacing: -.08em; margin-bottom: 20px; }
.purple-art { background: radial-gradient(circle at 20% 20%, #fff, var(--purple) 23%, #18002d 65%); }
.blue-art { background: radial-gradient(circle at 20% 20%, #fff, var(--blue) 23%, #04172d 65%); }
.pink-art { background: radial-gradient(circle at 20% 20%, #fff, var(--pink) 23%, #2d001f 65%); }
.gold-art { background: radial-gradient(circle at 20% 20%, #fff, var(--gold) 23%, #2d1c00 65%); color: #111; }
.maze-disc-card h3, .maze-product h3, .maze-video-card h3 { margin: 0 0 8px; font-size: 17px; letter-spacing: -.01em; font-weight: 500; }
.maze-disc-card p, .maze-product p, .maze-video-card p { color: rgba(255,255,255,.63); line-height: 1.75; font-size: 13px; font-weight: 300; min-height: 52px; }
.maze-disc-card a, .maze-small-btn { display: inline-flex; margin-top: 14px; padding: 10px 14px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid var(--stroke); font-size: 10px; letter-spacing: .15em; text-transform: uppercase; font-weight: 500; }

.maze-bio { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 48px; max-width: 1280px; margin: auto; }
.maze-bio-image { border-radius: 36px; overflow: hidden; border: 1px solid var(--stroke); background: var(--panel); box-shadow: 0 40px 120px rgba(0,0,0,.35); min-height: 580px; }
.maze-bio-image img { width: 100%; height: 580px; object-fit: cover; opacity: .9; }
.maze-badge { position: absolute; left: 28px; bottom: 28px; padding: 12px 18px; border-radius: 999px; background: rgba(5,2,10,.7); backdrop-filter: blur(18px); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; font-weight: 500; border: 1px solid var(--stroke); }
.maze-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 30px; }
.maze-stats div { padding: 18px; border-radius: 24px; background: var(--panel); border: 1px solid var(--stroke); }
.maze-stats strong { display: block; font-size: 28px; color: var(--blue); font-weight: 600; }
.maze-stats span { color: rgba(255,255,255,.62); font-size: 12px; font-weight: 300; }

.product-visual { height: 260px; border-radius: 26px; display: grid; place-items: center; font-weight: 1000; letter-spacing: -.08em; margin-bottom: 18px; border: 1px solid rgba(255,255,255,.13); box-shadow: inset 0 0 80px rgba(255,255,255,.06); }
.hoodie { background: radial-gradient(circle at 50% 22%, #2d174a, #050208 58%); color: #e8d2ff; font-size: 39px; }
.tee { background: linear-gradient(145deg, #111, #3b0a5c); font-size: 48px; }
.cap { background: radial-gradient(circle, #9d4edd, #07020c 65%); font-size: 60px; }
.vinyl { background: repeating-radial-gradient(circle, #090909 0 10px, #1b1029 11px 13px); font-size: 44px; }
.price { color: #e7d6ff; font-size: 22px; font-weight: 500; margin-top: 12px; letter-spacing: .03em; }

.maze-gallery { max-width: 1180px; margin: auto; display: grid; grid-template-columns: 1.1fr .9fr 1fr; grid-auto-rows: 240px; gap: 18px; }
.photo-holder { border: 1px dashed rgba(255,255,255,.22); border-radius: 30px; background: linear-gradient(135deg, rgba(157,78,221,.18), rgba(255,255,255,.04)); display: grid; place-items: center; color: rgba(255,255,255,.62); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; font-weight: 400; min-height: 220px; }
.photo-holder.tall { grid-row: span 2; }
.photo-holder.wide { grid-column: span 2; }

.maze-video-card { min-height: 300px; display: flex; flex-direction: column; justify-content: flex-end; background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.13), transparent 25%), linear-gradient(135deg, rgba(157,78,221,.42), rgba(0,212,255,.08)), #080315; }
.play { width: 56px; height: 56px; border-radius: 999px; display: grid; place-items: center; background: rgba(255,255,255,.94); color: var(--purple); font-size: 14px; font-weight: 600; margin-bottom: auto; box-shadow: 0 0 42px rgba(255,255,255,.18); }

.maze-book { display: grid; grid-template-columns: .9fr 1.1fr; gap: 28px; align-items: center; max-width: 1180px; margin: auto; }
.maze-book-info { display: grid; gap: 12px; margin-top: 28px; }
.maze-book-info span { display: inline-flex; width: fit-content; padding: 10px 14px; border: 1px solid var(--stroke); border-radius: 999px; background: var(--panel); color: rgba(255,255,255,.66); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 400; }
.maze-form { display: grid; gap: 14px; }
.maze-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.maze-form input, .maze-form textarea, .maze-form select { width: 100%; padding: 15px 16px; border: 1px solid var(--stroke); border-radius: 18px; background: rgba(0,0,0,.18); color: #fff; font-size: 13px; font-weight: 300; letter-spacing: .02em; outline: none; }
.maze-form textarea { min-height: 150px; resize: vertical; }
.maze-form input::placeholder, .maze-form textarea::placeholder { color: rgba(255,255,255,.45); }

/* Luxury typography refinements */
.maze-section-head, .maze-bio-text, .maze-book-copy { text-wrap: balance; }
.maze-bio-text p { margin-bottom: 14px; }
.maze-disc-card, .maze-product, .maze-video-card, .maze-form, .maze-bio-image, .maze-hero-card, .maze-stats div { backdrop-filter: blur(16px); }
.maze-disc-card h3, .maze-product h3, .maze-video-card h3, .maze-book-copy h2, .maze-bio-text h2, .maze-section-head h2 { color: rgba(255,255,255,.95); }
.maze-nav { border-color: rgba(255,255,255,.09); }
.maze-section-head { margin-bottom: 54px; }

@media (max-width: 980px) {
  .maze-cursor { display: none; }
  .maze-nav nav { display: none; }
  .maze-hero, .maze-bio, .maze-book { grid-template-columns: 1fr; }
  .maze-disc-grid, .maze-shop-grid, .maze-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .maze-gallery { grid-template-columns: 1fr; grid-auto-rows: 220px; }
  .photo-holder.tall, .photo-holder.wide { grid-row: auto; grid-column: auto; }
  .maze-profile-wrap { height: 460px; }
}
@media (max-width: 620px) {
  .panel { padding: 105px 18px; }
  .maze-disc-grid, .maze-shop-grid, .maze-video-grid, .maze-stats, .maze-form-row { grid-template-columns: 1fr; }
  .maze-hero h1 { font-size: 82px; }
  .maze-hero h2, .maze-section-head h2, .maze-bio-text h2, .maze-book-copy h2 { font-size: 42px; }
  .maze-pill { display: none; }
}

/* Header streaming/contact actions */
.maze-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.maze-social-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  border-radius: 999px;
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 12px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.16);
  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
  overflow: hidden;
}
.maze-social-pill:hover {
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.08);
  box-shadow: 0 18px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.22);
}
.maze-whatsapp-pill {
  padding: 0 15px 0 12px;
  background: linear-gradient(135deg, #25D366, #128C7E);
}
.maze-whatsapp-pill img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.maze-spotify-pill {
  width: 42px;
  min-width: 42px;
  padding: 0;
  background: linear-gradient(135deg, #1DB954, #159a45);
}
.maze-spotify-pill img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

@media (max-width: 980px) {
  .maze-nav { width: min(100% - 24px, 760px); }
  .maze-header-actions { gap: 7px; }
  .maze-whatsapp-pill { padding: 0 12px; }
  .maze-whatsapp-pill span { display: none; }
  .maze-whatsapp-pill img { width: 20px; height: 20px; }
}
@media (max-width: 620px) {
  .maze-nav { top: 12px; padding: 10px 12px; border-radius: 24px; }
  .maze-logo { font-size: 15px; }
  .maze-header-actions .maze-pill { display: inline-flex; padding: 10px 12px; font-size: 9px; letter-spacing: .1em; }
  .maze-social-pill { height: 34px; }
  .maze-spotify-pill { width: 36px; min-width: 36px; }
}

/* Better desktop header fit with added CTA buttons */
.maze-nav { width: min(1320px, calc(100% - 34px)); }
.maze-nav nav { gap: 14px; font-size: 10px; letter-spacing: .14em; }
.maze-logo { min-width: 92px; }
@media (max-width: 1160px) {
  .maze-nav nav { display: none; }
}
.maze-pill, .maze-social-pill { white-space: nowrap; }

/* Full Discography page */
.maze-nav nav a.is-active { color: #fff; }
.maze-nav nav a.is-active::after { content: ''; display: block; height: 1px; margin-top: 4px; background: linear-gradient(90deg, var(--purple), var(--pink)); opacity: .9; }
.maze-discography-page {
  background: radial-gradient(circle at 78% 8%, rgba(126, 43, 180, .28), transparent 38%), linear-gradient(180deg, #080315 0%, #05020a 40%, #080315 100%);
  min-height: 100vh;
}
.maze-music-hero {
  min-height: 92vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(70px, 10vh, 130px);
  overflow: hidden;
}
.maze-music-hero-bg,
.maze-music-hero-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.maze-music-hero-bg {
  background-size: cover;
  background-position: center;
  transform: scale(1.04);
  filter: contrast(1.08) saturate(.92);
}
.maze-music-hero-overlay {
  background:
    radial-gradient(circle at 46% 45%, rgba(255,255,255,.05), transparent 20%),
    linear-gradient(90deg, rgba(5,2,10,.88) 0%, rgba(5,2,10,.42) 45%, rgba(5,2,10,.86) 100%),
    linear-gradient(180deg, rgba(5,2,10,.42) 0%, rgba(8,3,21,.92) 100%);
}
.maze-music-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.maze-music-hero h1 {
  font-size: clamp(74px, 13vw, 180px);
  line-height: .75;
  letter-spacing: -.09em;
  margin: 0;
  background: linear-gradient(120deg, #fff, #f0e2ff 42%, #a65cff 70%, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
}
.maze-music-hero h2 {
  margin: 26px 0 28px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(38px, 5.4vw, 88px);
  line-height: .9;
  font-weight: 600;
  letter-spacing: -.04em;
}
.maze-platform-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.maze-platform-row a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  color: #fff;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.maze-platform-row a:hover { transform: translateY(-4px); background: rgba(157,78,221,.20); border-color: rgba(255,255,255,.35); }
.maze-platform-row svg { width: 20px; height: 20px; fill: currentColor; flex: 0 0 auto; }
.maze-platform-row span { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; }
.maze-disc-side-nav {
  position: fixed;
  top: 160px;
  right: max(20px, calc((100vw - 1320px) / 2));
  z-index: 200;
  width: 150px;
  display: grid;
  gap: 8px;
  justify-items: end;
  text-align: right;
  pointer-events: auto;
}
.maze-disc-side-nav span,
.maze-disc-side-nav a {
  display: block;
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(255,255,255,.72);
  text-shadow: 0 8px 28px rgba(0,0,0,.55);
  transition: color .2s ease, transform .2s ease;
}
.maze-disc-side-nav span { color: #ffd166; }
.maze-disc-side-nav a:hover { color: #ff2fd6; transform: translateX(-4px); }
.maze-full-discography {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 44px));
  margin: 0 auto;
  padding: 70px 0 130px;
}
.maze-discography-category {
  scroll-margin-top: 130px;
  padding: 38px 0 66px;
  border-top: 1px solid rgba(255,255,255,.09);
}
.maze-category-title-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}
.maze-category-title-row .maze-kicker { margin: 0 0 9px; }
.maze-category-title-row h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 56px);
  line-height: .92;
  letter-spacing: -.045em;
  text-transform: uppercase;
  font-weight: 1000;
  color: rgba(255,255,255,.96);
}
.maze-category-title-row span {
  color: rgba(255,255,255,.52);
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
}
.maze-release-grid,
.maze-feature-discography {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 22px;
}
.maze-release-card,
.maze-feature-cover {
  display: block;
  min-width: 0;
}
.maze-release-art,
.maze-feature-cover-img {
  position: relative;
  display: block;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(255,255,255,.055);
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
}
.maze-release-art::after,
.maze-feature-cover-img::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.08);
  pointer-events: none;
}
.maze-release-art img,
.maze-feature-cover-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), filter .42s ease;
}
.maze-release-card:hover .maze-release-art img,
.maze-feature-cover:hover .maze-feature-cover-img img {
  transform: scale(1.09);
  filter: brightness(1.06) contrast(1.04);
}
.maze-release-card strong,
.maze-feature-cover strong {
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,.92);
  font-size: 13px;
  line-height: 1.28;
  text-align: center;
  font-weight: 800;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.maze-empty-discography { color: rgba(255,255,255,.6); }
.maze-home-discography { min-height: auto; }
.maze-feature-discography {
  max-width: 1080px;
  margin: 0 auto;
}
.maze-feature-cover {
  padding: 14px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  box-shadow: 0 26px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.maze-feature-cover-img { border-radius: 17px; }
.maze-discography-more { position: relative; z-index: 2; text-align: center; margin-top: 36px; }

@media (max-width: 1240px) {
  .maze-disc-side-nav { display: none; }
}
@media (max-width: 980px) {
  .maze-release-grid, .maze-feature-discography { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .maze-category-title-row { align-items: flex-start; flex-direction: column; }
  .maze-music-hero { min-height: 82vh; }
}
@media (max-width: 620px) {
  .maze-music-hero { padding-bottom: 60px; }
  .maze-platform-row a { width: calc(50% - 6px); justify-content: center; padding: 0 12px; }
  .maze-platform-row span { display: none; }
  .maze-platform-row svg { width: 22px; height: 22px; }
  .maze-full-discography { width: min(100% - 28px, 1180px); padding-top: 42px; }
  .maze-release-grid, .maze-feature-discography { gap: 22px 14px; }
  .maze-release-card strong, .maze-feature-cover strong { font-size: 11px; }
  .maze-feature-cover { padding: 9px; border-radius: 18px; }
  .maze-feature-cover-img { border-radius: 12px; }
}

.maze-disc-side-nav { display:none !important; }
 .maze-category-title-row {
  display: block;
  text-align: left;
  margin-bottom: 24px;
}
.maze-category-title-row .maze-kicker {
  margin: 0 0 8px;
  text-align: left;
  font-size: 10px;
  letter-spacing: .13em;
  color: rgba(255,255,255,.68);
}
.maze-category-title-row h2 {
  margin: 0;
  text-align: left;
  font-size: clamp(25px, 2.7vw, 36px);
  line-height: 1;
  letter-spacing: -.015em;
  text-transform: uppercase;
  font-weight: 1000;
  color: rgba(255,255,255,.98);
}
.maze-category-title-row span { display: none; }

/* DJ Maze premium expansion */
.maze-music-hero-bg { transform: none !important; filter: contrast(1.04) saturate(1.02) !important; background-position: center center !important; }
.maze-footer-video { position: relative; min-height: 500px; overflow: hidden; display: grid; place-items: center; background:#05020a; }
.maze-footer-bg, .maze-footer-bg iframe, .maze-footer-overlay { position:absolute; inset:0; width:100%; height:100%; }
.maze-footer-bg iframe { pointer-events:none; transform: scale(1.32); filter: saturate(.9) contrast(1.06); }
.maze-footer-overlay { background: radial-gradient(circle at center, rgba(157,78,221,.22), transparent 34%), linear-gradient(180deg, rgba(5,2,10,.74), rgba(5,2,10,.92)); z-index:1; }
.maze-footer-content { position:relative; z-index:2; text-align:center; padding:70px 24px; }
.maze-footer-content h2 { margin:0 0 28px; font-size:clamp(46px,8vw,110px); line-height:.8; letter-spacing:-.06em; color:#fff; font-weight:1000; text-shadow:0 24px 90px rgba(157,78,221,.45); }
.maze-footer-content p { color:rgba(255,255,255,.62); letter-spacing:.18em; text-transform:uppercase; font-size:11px; margin-top:28px; }
.maze-footer-socials { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.maze-footer-socials a { width:48px; height:48px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); display:grid; place-items:center; transition:.25s ease; backdrop-filter:blur(14px); }
.maze-footer-socials a:hover { transform:translateY(-5px); background:rgba(157,78,221,.24); border-color:rgba(255,255,255,.38); }
.maze-footer-socials svg { width:22px; height:22px; fill:#fff; }
.maze-bio-more { margin-top: 24px; }
.maze-feature-discography-8 { max-width:1180px; }
.maze-wc-home-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.maze-wc-card { border:1px solid rgba(255,255,255,.1); border-radius:26px; padding:14px; list-style:none; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)); box-shadow:0 24px 80px rgba(0,0,0,.24); }
.maze-wc-img { display:block; aspect-ratio:1/1; border-radius:18px; overflow:hidden; background:rgba(255,255,255,.05); }
.maze-wc-img img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.maze-wc-card:hover .maze-wc-img img { transform:scale(1.08); }
.maze-wc-card h2, .maze-wc-card h3 { color:#fff; font-size:14px; margin:15px 0 8px; line-height:1.25; font-weight:800; }
.maze-wc-card .price { color:#fff; font-weight:900; margin-bottom:12px; }
.maze-wc-card .button, .single_add_to_cart_button, .checkout-button, .woocommerce button.button, .woocommerce a.button { display:inline-flex !important; align-items:center; justify-content:center; border:0 !important; border-radius:999px !important; padding:12px 16px !important; background:linear-gradient(135deg,var(--purple),var(--pink)) !important; color:#fff !important; text-transform:uppercase; letter-spacing:.13em; font-size:10px !important; font-weight:800 !important; }
.maze-real-gallery .maze-photo-tile, .maze-photo-page-card, .maze-bio-photo-strip a { display:block; overflow:hidden; border-radius:26px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); box-shadow:0 25px 80px rgba(0,0,0,.28); }
.maze-real-gallery .maze-photo-tile img, .maze-photo-page-card img, .maze-bio-photo-strip img { width:100%; height:100%; object-fit:cover; transition:transform .45s ease, filter .45s ease; }
.maze-real-gallery .maze-photo-tile:hover img, .maze-photo-page-card:hover img, .maze-bio-photo-strip a:hover img { transform:scale(1.08); filter:brightness(1.08); }
.maze-video-grid-real { grid-template-columns: repeat(4,minmax(0,1fr)); }
.maze-video-thumb { padding:0; min-height:260px; overflow:hidden; position:relative; background:#090512; }
.maze-video-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; transition:transform .45s ease; }
.maze-video-thumb:hover img { transform:scale(1.08); }
.maze-video-thumb::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(5,2,10,.9)); z-index:1; }
.maze-video-thumb .play { position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%); width:58px; height:58px; display:grid; place-items:center; border-radius:999px; border:1px solid rgba(255,255,255,.5); background:rgba(0,0,0,.38); backdrop-filter:blur(12px); }
.maze-video-thumb h3 { position:relative; z-index:2; margin:0; padding:0 20px 22px; font-size:14px; }
.maze-lightbox { position:fixed; inset:0; z-index:100000; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(1,0,6,.88); backdrop-filter:blur(18px); }
.maze-lightbox.is-open { display:flex; }
.maze-lightbox-close { position:absolute; top:22px; right:24px; width:48px; height:48px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:30px; cursor:pointer; z-index:2; }
.maze-lightbox-stage { width:min(1100px,96vw); max-height:86vh; display:grid; place-items:center; }
.maze-lightbox-stage img { max-width:100%; max-height:86vh; border-radius:18px; box-shadow:0 30px 100px #000; }
.maze-lightbox-stage iframe { width:min(1100px,96vw); aspect-ratio:16/9; border:0; border-radius:18px; box-shadow:0 30px 100px #000; }
.maze-bio-hero, .maze-simple-hero, .maze-shop-hero { min-height:76vh; display:flex; align-items:flex-end; overflow:hidden; }
.maze-bio-hero-bg, .maze-bio-hero-overlay { position:absolute; inset:0; }
.maze-bio-hero-bg { background-size:cover; background-position:center; filter:contrast(1.05) saturate(1.05); }
.maze-bio-hero-overlay { background:linear-gradient(90deg,rgba(5,2,10,.88),rgba(5,2,10,.28),rgba(5,2,10,.72)), linear-gradient(180deg,rgba(5,2,10,.18),#05020a); }
.maze-bio-hero-content, .maze-simple-hero > *, .maze-shop-hero > * { position:relative; z-index:2; max-width:1180px; width:100%; margin:0 auto; }
.maze-bio-hero h1, .maze-simple-hero h1, .maze-shop-hero h1 { margin:0; font-size:clamp(66px,13vw,170px); line-height:.8; letter-spacing:-.08em; color:#fff; text-transform:uppercase; }
.maze-bio-hero p, .maze-simple-hero p, .maze-shop-hero p { max-width:650px; color:rgba(255,255,255,.75); line-height:1.8; }
.maze-bio-story { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding:80px 0 120px; }
.maze-bio-intro-3d { display:grid; grid-template-columns:.82fr 1.18fr; gap:54px; align-items:center; }
.maze-bio-portrait { border-radius:36px; overflow:hidden; min-height:620px; border:1px solid rgba(255,255,255,.12); box-shadow:0 40px 140px rgba(0,0,0,.42); }
.maze-bio-portrait img { width:100%; height:620px; object-fit:cover; }
.maze-bio-copy h2 { font-size:clamp(38px,5vw,74px); line-height:.92; margin:0 0 25px; letter-spacing:-.045em; color:#fff; }
.maze-bio-copy p, .maze-bio-editorial p { color:rgba(255,255,255,.72); line-height:1.95; font-size:15px; }
.maze-bio-panels { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:70px 0; }
.maze-bio-panels article { border:1px solid rgba(255,255,255,.1); border-radius:30px; padding:28px; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)); transform:perspective(900px) rotateX(2deg); box-shadow:0 24px 90px rgba(0,0,0,.24); }
.maze-bio-panels span { display:block; font-size:42px; color:var(--blue); font-weight:1000; margin-bottom:12px; }
.maze-bio-panels h3 { color:#fff; margin:0 0 10px; }
.maze-bio-panels p { color:rgba(255,255,255,.65); line-height:1.7; }
.maze-bio-editorial { display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.maze-bio-photo-strip { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-top:70px; }
.maze-bio-photo-strip a { aspect-ratio:3/4; border-radius:22px; }
.maze-simple-hero { background:radial-gradient(circle at 70% 20%,rgba(157,78,221,.4),transparent 30%),linear-gradient(180deg,#090315,#05020a); }
.maze-photo-page-grid { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding:80px 0 130px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.maze-photo-page-card { aspect-ratio:1/1; border-radius:24px; }
.maze-photo-page-card.large { grid-column:span 2; grid-row:span 2; }
.maze-shop-hero { min-height:62vh; background:radial-gradient(circle at 72% 24%,rgba(255,47,214,.25),transparent 34%),radial-gradient(circle at 20% 20%,rgba(0,212,255,.18),transparent 30%),linear-gradient(180deg,#0b0318,#05020a); }
.maze-wc-archive { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding:70px 0 130px; }
ul.products { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:0 !important; margin:0 !important; }
.woocommerce .quantity input.qty { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:14px; padding:12px; }
.woocommerce table.shop_table, .woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order, .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content { border:1px solid rgba(255,255,255,.12) !important; border-radius:28px !important; background:rgba(255,255,255,.05) !important; padding:22px; color:#fff; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { color:#fff; border-color:rgba(255,255,255,.1) !important; }
.woocommerce input.input-text, .woocommerce textarea, .woocommerce select { background:rgba(255,255,255,.07) !important; color:#fff !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:16px !important; padding:13px !important; }
.maze-single-product-panel { width:min(1180px,calc(100% - 44px)); margin:0 auto; padding-top:150px; }
.woocommerce div.product { color:#fff; }
.woocommerce div.product div.images img { border-radius:26px; background:rgba(255,255,255,.04); }
.woocommerce div.product .product_title { color:#fff; font-size:clamp(34px,5vw,70px); letter-spacing:-.05em; }
.woocommerce div.product p.price { color:#fff; font-size:28px; font-weight:900; }
@media(max-width:980px){ .maze-wc-home-grid,.maze-video-grid-real,ul.products,.maze-photo-page-grid,.maze-feature-discography-8{grid-template-columns:repeat(2,1fr)!important;} .maze-bio-intro-3d,.maze-bio-editorial{grid-template-columns:1fr;} .maze-bio-panels{grid-template-columns:1fr;} .maze-bio-photo-strip{grid-template-columns:repeat(3,1fr);} }
@media(max-width:620px){ .maze-wc-home-grid,.maze-video-grid-real,ul.products,.maze-photo-page-grid,.maze-feature-discography-8{grid-template-columns:1fr!important;} .maze-bio-photo-strip{grid-template-columns:repeat(2,1fr);} .maze-footer-bg iframe{transform:scale(2.2);} }

/* Round 3 updates: hero CTAs, home bio slider, certifications, refined stats */
.maze-bio-home-updated {
  max-width: none;
  margin: 0;
  width: 100%;
  padding-left: max(5vw,22px);
  padding-right: max(5vw,22px);
  background:
    radial-gradient(circle at 18% 22%, rgba(157,78,221,.18), transparent 32%),
    radial-gradient(circle at 88% 70%, rgba(0,212,255,.10), transparent 28%),
    linear-gradient(135deg, #05020a 0%, #090316 44%, #05020a 100%) !important;
}
.maze-bio-home-updated .maze-bio-image,
.maze-bio-home-updated .maze-bio-text { max-width: 100%; }
.maze-bio-slider { position: relative; min-height: 245px; }
.maze-bio-slide { display: none; animation: mazeSlideFade .55s ease both; }
.maze-bio-slide.is-active { display: block; }
@keyframes mazeSlideFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.maze-bio-dots { display: flex; gap: 9px; align-items: center; margin-top: 18px; }
.maze-bio-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255,255,255,.28); cursor: pointer; transition: .25s ease; }
.maze-bio-dots button.is-active { width: 26px; background: linear-gradient(90deg, var(--purple), var(--pink)); }
.maze-stats-four { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin-top: 24px; }
.maze-stats-four div { padding: 14px 12px; border-radius: 18px; }
.maze-stats-four strong { font-size: 24px; line-height: 1; color: #fff; }
.maze-stats-four span { display: block; margin-top: 7px; font-size: 10px; line-height: 1.25; text-transform: uppercase; letter-spacing: .08em; }
.maze-certifications { min-height: auto; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 54px; overflow: hidden; background: radial-gradient(circle at 24% 40%, rgba(255,209,102,.13), transparent 32%), radial-gradient(circle at 78% 20%, rgba(157,78,221,.16), transparent 28%), linear-gradient(180deg,#090316,#05020a) !important; }
.maze-cert-visual { position: relative; z-index: 2; border-radius: 36px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 45px 140px rgba(0,0,0,.42); background: rgba(255,255,255,.04); }
.maze-cert-visual img { width: 100%; height: 100%; object-fit: cover; }
.maze-cert-copy { position: relative; z-index: 2; max-width: 720px; }
.maze-cert-copy h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(42px, 5vw, 76px); line-height: .9; letter-spacing: -.045em; margin: 0 0 28px; color: #fff; }
.maze-cert-copy ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.maze-cert-copy li { position: relative; padding: 14px 18px 14px 48px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); color: rgba(255,255,255,.78); line-height: 1.45; font-size: 14px; }
.maze-cert-copy li::before { content: ''; position: absolute; left: 18px; top: 50%; width: 13px; height: 13px; transform: translateY(-50%); border-radius: 999px; background: radial-gradient(circle, #fff, var(--gold) 55%, rgba(255,209,102,.25)); box-shadow: 0 0 24px rgba(255,209,102,.55); }
.maze-video-thumb .play { border: 0; background: transparent; backdrop-filter: none; width: 66px; height: 66px; }
.maze-video-thumb .play img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 32px rgba(0,0,0,.45)); }
.maze-bio-panels-four { grid-template-columns: repeat(4, 1fr); }
.maze-bio-panels-four article { padding: 20px; border-radius: 24px; }
.maze-bio-panels-four span { font-size: 34px; margin-bottom: 7px; }
.maze-bio-panels-four h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; line-height: 1.25; }
@media(max-width: 980px){
  .maze-certifications { grid-template-columns: 1fr; }
  .maze-stats-four, .maze-bio-panels-four { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .maze-bio-slider { min-height: 320px; }
}
@media(max-width: 620px){
  .maze-stats-four, .maze-bio-panels-four { grid-template-columns: 1fr; }
  .maze-bio-slider { min-height: 420px; }
}

/* Round 4: French text pass + modern biography page */
.maze-bio-home-updated .maze-bio-text .maze-kicker,
.maze-section-head .maze-kicker,
.maze-book-copy .maze-kicker { letter-spacing: .14em; }
.maze-bio-home-updated { background: radial-gradient(circle at 15% 24%, rgba(157,78,221,.20), transparent 32%), radial-gradient(circle at 86% 68%, rgba(255,47,214,.12), transparent 30%), linear-gradient(135deg, #070111 0%, #120522 48%, #070111 100%) !important; }
.maze-bio-home-updated::before { content:''; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg, rgba(255,255,255,.025), transparent 28%, transparent 72%, rgba(255,255,255,.025)); opacity:.45; }
.maze-bio-home-updated > * { position:relative; z-index:1; }
.maze-bio-home-updated .maze-bio-image img { object-position:center; }
.maze-bio-slider { min-height: 286px; }
.maze-bio-slide p { font-size: 14.5px; line-height: 1.82; }
.maze-bio-page-modern .maze-bio-hero-content .maze-kicker { color: #fff; }
.maze-bio-story-modern { padding-top: 96px; }
.maze-bio-modern-intro { display:grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items:center; margin-bottom: 54px; }
.maze-bio-modern-portrait { min-height: 660px; border-radius: 42px; overflow:hidden; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.04); box-shadow: 0 50px 150px rgba(0,0,0,.5), 0 0 90px rgba(157,78,221,.12); }
.maze-bio-modern-portrait img { width:100%; height:660px; object-fit:cover; object-position:center; display:block; }
.maze-bio-modern-opening { padding: 36px; border: 1px solid rgba(255,255,255,.10); border-radius: 34px; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); box-shadow: 0 30px 120px rgba(0,0,0,.26); }
.maze-bio-modern-opening h2 { margin:0 0 24px; color:#fff; font-size: clamp(42px, 5.8vw, 86px); line-height:.88; letter-spacing:-.06em; font-family:'Cormorant Garamond', serif; }
.maze-bio-lead-text { font-size: 18px !important; line-height: 1.85 !important; color: rgba(255,255,255,.78) !important; }
.maze-bio-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top: 30px; }
.maze-bio-mini-stats article { border-radius:20px; padding:18px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.055); }
.maze-bio-mini-stats strong { display:block; color:#fff; font-size:24px; font-weight:1000; margin-bottom:4px; }
.maze-bio-mini-stats span { color:rgba(255,255,255,.62); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.maze-bio-stats-refined { margin: 34px 0 76px; }
.maze-bio-chapter-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; align-items:stretch; }
.maze-bio-chapter { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:30px; padding:28px; min-height:300px; background: radial-gradient(circle at 30% 0%, rgba(157,78,221,.16), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026)); box-shadow: 0 30px 100px rgba(0,0,0,.22); }
.maze-bio-chapter.big { grid-column: span 2; }
.maze-bio-chapter.dark { background: radial-gradient(circle at 80% 10%, rgba(255,47,214,.18), transparent 36%), linear-gradient(180deg, rgba(20,8,34,.92), rgba(7,2,13,.9)); }
.maze-bio-chapter.finale { grid-column: span 3; min-height: 360px; background: radial-gradient(circle at 82% 20%, rgba(255,209,102,.14), transparent 34%), radial-gradient(circle at 16% 70%, rgba(157,78,221,.18), transparent 35%), linear-gradient(135deg, rgba(18,5,34,.96), rgba(4,1,8,.98)); }
.maze-bio-chapter > span { position:absolute; right:22px; top:18px; font-size:54px; line-height:1; font-weight:1000; color:rgba(255,255,255,.06); letter-spacing:-.08em; }
.maze-bio-chapter h3 { position:relative; z-index:1; margin:0 0 16px; color:#fff; font-size: clamp(25px, 2.7vw, 42px); line-height:1; letter-spacing:-.035em; }
.maze-bio-chapter p { position:relative; z-index:1; color:rgba(255,255,255,.72); line-height:1.85; font-size:14.5px; }
.maze-bio-chapter.visual { padding:0; min-height:360px; }
.maze-bio-chapter.visual img { width:100%; height:100%; object-fit:cover; display:block; transition: transform .65s ease; }
.maze-bio-chapter.visual:hover img { transform: scale(1.06); }
.maze-bio-chapter blockquote { margin: 26px 0 0; padding: 22px 26px; border-left: 4px solid var(--purple); border-radius: 18px; background: rgba(255,255,255,.06); color:#fff; font-size: clamp(24px, 3vw, 38px); line-height:1.1; font-family:'Cormorant Garamond', serif; }
.maze-bio-page-modern .maze-bio-photo-strip { margin-top: 86px; }
@media(max-width:980px){
  .maze-bio-modern-intro, .maze-bio-chapter-grid { grid-template-columns:1fr; }
  .maze-bio-chapter.big, .maze-bio-chapter.finale { grid-column: auto; }
  .maze-bio-modern-portrait, .maze-bio-modern-portrait img { min-height: auto; height: auto; }
  .maze-bio-mini-stats { grid-template-columns:1fr; }
}
@media(max-width:620px){
  .maze-bio-modern-opening { padding:24px; }
  .maze-bio-slider { min-height: 520px; }
  .maze-bio-chapter { padding:22px; border-radius:24px; }
}

/* Round 5: simpler, classier biography page */
.maze-bio-page-simple { background: #070111; }
.maze-bio-simple-main { width:min(1180px, calc(100% - 48px)); margin:0 auto; padding: 96px 0 120px; }
.maze-bio-simple-intro { display:grid; grid-template-columns: .86fr 1.14fr; gap: 56px; align-items:center; margin-bottom: 44px; }
.maze-bio-simple-photo { border-radius: 34px; overflow:hidden; min-height: 620px; border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); box-shadow: 0 42px 120px rgba(0,0,0,.45); }
.maze-bio-simple-photo img { width:100%; height:620px; object-fit:cover; object-position:center; display:block; }
.maze-bio-simple-copy { max-width: 680px; }
.maze-bio-simple-copy h2 { margin: 0 0 28px; color:#fff; font-family:'Cormorant Garamond', serif; font-size: clamp(42px, 5.2vw, 78px); line-height:.92; letter-spacing:-.055em; }
.maze-bio-simple-copy p { color: rgba(255,255,255,.74); font-size: 17px; line-height: 1.85; margin: 0 0 18px; }
.maze-bio-simple-stats { margin: 42px 0 66px !important; }
.maze-bio-simple-stats article { padding: 22px 18px !important; border-radius: 22px !important; min-height: auto !important; }
.maze-bio-simple-stats article span { font-size: 40px !important; }
.maze-bio-simple-stats article h3 { font-size: 13px !important; line-height:1.25 !important; }
.maze-bio-simple-sections { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.maze-bio-simple-sections article { position:relative; border:1px solid rgba(255,255,255,.10); border-radius: 28px; padding: 34px; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)); box-shadow: 0 26px 90px rgba(0,0,0,.18); }
.maze-bio-simple-sections article span { display:inline-flex; align-items:center; justify-content:center; width: 38px; height: 38px; border-radius: 50%; color:#fff; font-size: 12px; font-weight:900; background: linear-gradient(135deg, var(--purple), var(--pink)); margin-bottom: 22px; }
.maze-bio-simple-sections h3 { color:#fff; margin:0 0 14px; font-size: clamp(24px, 2.4vw, 34px); line-height:1.05; letter-spacing:-.03em; }
.maze-bio-simple-sections p { margin:0; color: rgba(255,255,255,.70); line-height:1.82; font-size: 14.5px; }
.maze-bio-simple-quote { margin-top: 20px; border:1px solid rgba(255,255,255,.11); border-radius: 32px; padding: 42px; background: radial-gradient(circle at 15% 20%, rgba(157,78,221,.20), transparent 38%), linear-gradient(135deg, rgba(18,5,34,.92), rgba(5,1,10,.94)); }
.maze-bio-simple-quote p { max-width: 860px; margin:0 0 24px; color: rgba(255,255,255,.74); line-height:1.8; }
.maze-bio-simple-quote blockquote { margin:0; color:#fff; font-family:'Cormorant Garamond', serif; font-size: clamp(32px, 4vw, 56px); line-height:1; letter-spacing:-.045em; }
@media(max-width:980px){
  .maze-bio-simple-intro, .maze-bio-simple-sections { grid-template-columns: 1fr; }
  .maze-bio-simple-photo, .maze-bio-simple-photo img { height:auto; min-height:auto; }
}
@media(max-width:620px){
  .maze-bio-simple-main { width:min(100% - 28px, 1180px); padding: 70px 0 90px; }
  .maze-bio-simple-sections article, .maze-bio-simple-quote { padding: 26px; border-radius: 24px; }
}

.maze-hero-highlights {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 18px 0 24px;
}
.maze-hero-highlights strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 16px;
  border: 1px solid rgba(183, 130, 255, .42);
  background: linear-gradient(135deg, rgba(132, 57, 255, .30), rgba(255,255,255,.10));
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(183,130,255,.35);
  box-shadow: 0 14px 36px rgba(61, 15, 130, .35), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
@media (max-width: 640px) {
  .maze-hero-highlights { gap: 8px; }
  .maze-hero-highlights strong { font-size: 14px; padding: 9px 14px; }
}

/* Professional WooCommerce single product page */
.maze-single-product-wrap {
  background:
    radial-gradient(circle at 18% 4%, rgba(157, 78, 221, .22), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(255, 47, 214, .10), transparent 32%),
    #070111;
  min-height: 100vh;
}
.maze-single-product-panel {
  width: min(1280px, calc(100% - 48px));
  margin: 0 auto;
  padding: 150px 0 120px;
}
.maze-product-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  color: rgba(255,255,255,.48);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.maze-product-breadcrumb a {
  color: rgba(255,255,255,.72);
  text-decoration: none;
}
.maze-product-breadcrumb a:hover { color: #fff; }
.maze-product-breadcrumb strong { color: rgba(255,255,255,.92); font-weight: 800; }

.maze-product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  gap: clamp(34px, 5vw, 72px);
  align-items: start;
}
.maze-product-gallery,
.maze-product-summary,
.maze-product-tab-card {
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow: 0 42px 120px rgba(0,0,0,.32);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.maze-product-gallery {
  border-radius: 36px;
  padding: 18px;
}
.maze-product-main-image {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: radial-gradient(circle at 50% 0%, rgba(157,78,221,.22), rgba(255,255,255,.035) 42%, rgba(0,0,0,.22));
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maze-product-main-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  transition: opacity .22s ease, transform .5s ease;
}
.maze-product-main-image:hover img { transform: scale(1.025); }
.maze-product-main-image.is-changing img { opacity: .15; }
.maze-product-placeholder,
.maze-product-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.maze-product-thumbs {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 16px 2px 2px;
  scrollbar-width: thin;
}
.maze-product-thumb {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  padding: 5px;
  background: rgba(255,255,255,.045);
  cursor: pointer;
  opacity: .70;
  transition: transform .2s ease, opacity .2s ease, border-color .2s ease, background .2s ease;
}
.maze-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 13px;
  display: block;
}
.maze-product-thumb:hover,
.maze-product-thumb.is-active {
  opacity: 1;
  transform: translateY(-2px);
  border-color: rgba(190, 142, 255, .75);
  background: rgba(157,78,221,.18);
}
.maze-product-summary {
  border-radius: 36px;
  padding: clamp(28px, 4vw, 46px);
  position: sticky;
  top: 110px;
}
.maze-product-summary .product_title {
  color: #fff;
  margin: 10px 0 18px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .92;
  letter-spacing: -.055em;
}
.maze-product-rating {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.66);
  margin-bottom: 18px;
}
.maze-product-price {
  color: #fff;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
  margin: 20px 0 18px;
}
.maze-product-price del {
  color: rgba(255,255,255,.38);
  font-size: .72em;
}
.maze-product-price ins {
  text-decoration: none;
}
.maze-product-short {
  color: rgba(255,255,255,.72);
  line-height: 1.75;
  font-size: 15px;
  margin-bottom: 28px;
}
.maze-product-actions {
  margin: 28px 0;
}
.maze-product-actions form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}
.maze-product-actions .quantity {
  display: inline-flex;
  height: 54px;
}
.maze-product-actions .qty {
  width: 86px;
  height: 54px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color: #fff;
  text-align: center;
  font-size: 16px;
  outline: none;
}
.maze-product-actions .single_add_to_cart_button,
.maze-product-actions button.button {
  min-height: 54px;
  border: 0;
  border-radius: 18px;
  padding: 0 28px;
  color: #fff;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 18px 45px rgba(157,78,221,.28);
}
.maze-product-actions .single_add_to_cart_button:hover {
  transform: translateY(-1px);
  box-shadow: 0 24px 58px rgba(157,78,221,.36);
}
.maze-product-trust {
  display: grid;
  gap: 10px;
  margin-top: 30px;
}
.maze-product-trust div {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255,255,255,.045);
}
.maze-product-trust strong {
  display: block;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}
.maze-product-trust span {
  color: rgba(255,255,255,.58);
  font-size: 13px;
}
.maze-product-meta {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.56);
  font-size: 13px;
}
.maze-product-meta a { color: rgba(255,255,255,.78); text-decoration: none; }
.maze-product-tabs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 54px;
}
.maze-product-tab-card {
  border-radius: 32px;
  padding: clamp(26px, 4vw, 44px);
}
.maze-product-tab-card h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1;
  letter-spacing: -.035em;
}
.maze-product-description,
.maze-product-description p,
.maze-product-tab-card p {
  color: rgba(255,255,255,.70);
  line-height: 1.82;
}
.maze-related-products { margin-top: 78px; }
.maze-related-products .maze-shop-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
.maze-single-product-panel .woocommerce-message,
.maze-single-product-panel .woocommerce-info,
.maze-single-product-panel .woocommerce-error {
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.07);
  color: #fff;
  padding: 18px 22px;
  margin-bottom: 24px;
}
.maze-single-product-panel .woocommerce-message a,
.maze-single-product-panel .woocommerce-info a { color:#fff; font-weight:800; }

@media (max-width: 1100px) {
  .maze-product-layout { grid-template-columns: 1fr; }
  .maze-product-summary { position: static; }
}
@media (max-width: 760px) {
  .maze-single-product-panel {
    width: min(100% - 28px, 1280px);
    padding-top: 126px;
  }
  .maze-product-gallery { padding: 12px; border-radius: 26px; }
  .maze-product-main-image { border-radius: 20px; }
  .maze-product-summary { border-radius: 26px; padding: 24px; }
  .maze-product-thumb { flex-basis: 72px; width: 72px; height: 72px; border-radius: 15px; }
  .maze-product-actions form.cart { display: grid; grid-template-columns: 1fr; }
  .maze-product-actions .quantity, .maze-product-actions .qty, .maze-product-actions .single_add_to_cart_button { width: 100%; }
  .maze-related-products .maze-shop-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .maze-related-products .maze-shop-grid { grid-template-columns: 1fr; }
}

/* Final content refinements */
.maze-hero h2 {
  margin-bottom: 18px;
}
.maze-hero-highlights {
  align-items: center;
  gap: 28px;
  margin: 18px 0 26px;
}
.maze-hero-highlights strong {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgba(255,255,255,.94);
  font-size: clamp(22px, 2.15vw, 34px);
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(0,212,255,.14);
}
.maze-hero-highlights strong span {
  color: #00d4ff;
  text-shadow: 0 0 18px rgba(0,212,255,.60), 0 0 42px rgba(0,212,255,.28);
}
.maze-bio-scrollbox {
  position: relative;
  height: 330px;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.026)),
    radial-gradient(circle at 18% 0%, rgba(0,212,255,.12), transparent 38%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 70px rgba(0,0,0,.18);
  margin: 24px 0 24px;
}
.maze-bio-scrollbox::before,
.maze-bio-scrollbox::after {
  content: "";
  position: absolute;
  left: 0;
  right: 14px;
  height: 42px;
  pointer-events: none;
  z-index: 2;
}
.maze-bio-scrollbox::before {
  top: 0;
  background: linear-gradient(180deg, rgba(11,3,24,.94), transparent);
}
.maze-bio-scrollbox::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(11,3,24,.94), transparent);
}
.maze-bio-scroll-inner {
  height: 100%;
  overflow-y: auto;
  padding: 34px 34px 40px;
  scrollbar-width: thin;
  scrollbar-color: rgba(0,212,255,.65) rgba(255,255,255,.08);
}
.maze-bio-scroll-inner::-webkit-scrollbar { width: 8px; }
.maze-bio-scroll-inner::-webkit-scrollbar-track { background: rgba(255,255,255,.08); border-radius: 99px; }
.maze-bio-scroll-inner::-webkit-scrollbar-thumb { background: #00d4ff; border-radius: 99px; }
.maze-bio-scroll-inner p {
  margin: 0 0 18px;
  color: rgba(255,255,255,.74);
  font-size: 15.5px;
  line-height: 1.82;
}
.maze-bio-scroll-inner strong {
  color: #fff;
  font-weight: 900;
}
.maze-bio-scroll-inner strong span,
.maze-stats-five strong,
.maze-bio-simple-stats article span {
  color: #00d4ff !important;
}
.maze-stats-five {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.maze-stats-five div {
  padding: 15px 10px !important;
  border-radius: 18px !important;
}
.maze-stats-five strong {
  font-size: 25px !important;
}
.maze-stats-five span {
  font-size: 10px !important;
  line-height: 1.25;
}

/* Subtle certifications strip */
.maze-certifications-subtle {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 64px 0;
  display: block;
}
.maze-cert-subtle-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}
.maze-cert-subtle-head h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 3.2vw, 48px);
  line-height: .98;
  letter-spacing: -.04em;
}
.maze-cert-subtle-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
.maze-cert-subtle-list article {
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 16px 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.060), rgba(255,255,255,.022));
  box-shadow: 0 18px 55px rgba(0,0,0,.14);
}
.maze-cert-subtle-list strong {
  display: block;
  color: #fff;
  font-size: 13px;
  margin-bottom: 6px;
}
.maze-cert-subtle-list span {
  display: inline-flex;
  color: #00d4ff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* Cleaner section headings after text edits */
.maze-home-discography .maze-section-head .maze-kicker:empty,
.maze-home-shop .maze-section-head .maze-kicker:empty {
  display: none;
}
.maze-home-shop .maze-section-head h2 {
  text-transform: none;
}
#videos .maze-section-head h2 {
  margin-top: 0;
}
.maze-footer-video h2 {
  letter-spacing: .08em;
}
.maze-footer-copyright {
  margin-top: 12px !important;
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.70) !important;
}

/* Brighter biography hero and compact bio stats */
.maze-bio-page-simple .maze-bio-hero-overlay {
  background: linear-gradient(90deg, rgba(5,1,10,.66), rgba(5,1,10,.20)), linear-gradient(0deg, rgba(7,1,17,.55), rgba(7,1,17,.08)) !important;
}
.maze-bio-page-simple .maze-bio-hero-bg {
  filter: brightness(1.20) contrast(1.04) saturate(1.08) !important;
}
.maze-bio-simple-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.maze-bio-simple-stats article {
  padding: 15px 10px !important;
  border-radius: 18px !important;
}
.maze-bio-simple-stats article span {
  font-size: 28px !important;
}
.maze-bio-simple-stats article h3 {
  font-size: 10px !important;
  letter-spacing: .08em;
}
.maze-bio-simple-sections article p + p {
  margin-top: 14px;
}

@media (max-width: 980px) {
  .maze-stats-five,
  .maze-bio-simple-stats,
  .maze-cert-subtle-list {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .maze-cert-subtle-head {
    display: block;
  }
}
@media (max-width: 620px) {
  .maze-hero-highlights {
    gap: 12px;
  }
  .maze-hero-highlights strong {
    font-size: 17px;
  }
  .maze-bio-scrollbox {
    height: 390px;
  }
  .maze-bio-scroll-inner {
    padding: 28px 24px 34px;
  }
  .maze-stats-five,
  .maze-bio-simple-stats,
  .maze-cert-subtle-list {
    grid-template-columns: 1fr !important;
  }
}

/* Latest correction pass */
.maze-bio-home-updated {
  width: min(1280px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.maze-bio-home-updated .maze-bio-image {
  background-image: none !important;
  min-height: auto !important;
}
.maze-bio-home-updated .maze-bio-image img {
  width: 100%;
  height: auto !important;
  max-height: 760px;
  object-fit: contain !important;
  object-position: center top !important;
}
.maze-bio-home-updated .maze-bio-text {
  justify-self: start;
  text-align: left;
}
.maze-bio-home-updated .maze-bio-text h2,
.maze-bio-simple-copy h2,
.maze-section-head h2,
.maze-cert-subtle-head h2,
.maze-book-copy h2,
.maze-simple-hero h1,
.maze-music-hero-content h1,
.maze-music-hero-content h2,
.maze-category-title-row h2,
.maze-footer-video h2 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.maze-bio-home-updated .maze-bio-text h2 {
  text-align: left !important;
  margin-left: 0 !important;
  transform: none !important;
}
.maze-bio-scroll-inner strong span {
  color: #00d4ff !important;
  text-shadow: 0 0 16px rgba(0,212,255,.42);
}
.maze-cert-subtle-head {
  display: block !important;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
.maze-cert-subtle-head .maze-kicker {
  text-align: center;
}
.maze-cert-subtle-head h2 {
  text-align: center !important;
  margin-top: 8px !important;
}
.maze-cert-subtle-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.cert-dots {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  min-width: 54px;
  font-style: normal;
}
.cert-dots i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
}
.cert-dots.gold i {
  background: #ffd166;
  box-shadow: 0 0 14px rgba(255,209,102,.8), 0 0 30px rgba(255,209,102,.25);
}
.cert-dots.silver i,
.cert-dots.platinum i {
  background: #e8edf5;
  box-shadow: 0 0 14px rgba(232,237,245,.82), 0 0 30px rgba(232,237,245,.28);
}
.maze-bio-simple-copy p strong {
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
}
.maze-bio-simple-copy h2 {
  letter-spacing: -.03em;
}
.maze-bio-simple-quote {
  text-align: center;
}
.maze-bio-simple-quote blockquote {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
.maze-photos-page-wrap .maze-simple-hero {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-left: max(48px, calc((100vw - 1180px) / 2)) !important;
  padding-right: 48px !important;
}
.maze-photos-page-wrap .maze-simple-hero .maze-kicker,
.maze-photos-page-wrap .maze-simple-hero h1,
.maze-photos-page-wrap .maze-simple-hero p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
@media (min-width: 1600px) {
  .maze-bio-home-updated {
    width: min(1360px, calc(100% - 120px));
  }
  .maze-bio-home-updated .maze-bio-text {
    max-width: 650px;
  }
}
@media (max-width: 980px) {
  .maze-bio-home-updated {
    width: min(100% - 34px, 1280px);
  }
  .cert-dots {
    min-width: auto;
  }
}

/* Premium gradient section title update */
.maze-gradient-title,
.maze-bio-home-updated .maze-bio-text h2,
.maze-cert-subtle-head h2,
.maze-home-discography .maze-section-head h2,
.maze-home-shop .maze-section-head h2,
#videos .maze-section-head h2,
.maze-book-copy h2,
.maze-bio-hero-content h1 {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 1000 !important;
  letter-spacing: -0.065em !important;
  line-height: .92 !important;
  color: transparent !important;
  background:
    linear-gradient(105deg, #ffffff 0%, #ffffff 28%, #c9a8ff 48%, #8d4dff 72%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 34px rgba(157, 78, 221, .18);
  position: relative;
}

.maze-bio-home-updated .maze-bio-text h2 {
  font-size: clamp(54px, 6.5vw, 104px) !important;
  margin-bottom: 22px !important;
}

.maze-cert-subtle-head h2,
.maze-home-discography .maze-section-head h2,
.maze-home-shop .maze-section-head h2,
#videos .maze-section-head h2,
.maze-book-copy h2 {
  font-size: clamp(42px, 5.2vw, 82px) !important;
}

.maze-section-head h2::after,
.maze-cert-subtle-head h2::after,
.maze-book-copy h2::after,
.maze-bio-home-updated .maze-bio-text h2::after {
  content: "";
  display: block;
  width: 86px;
  height: 3px;
  margin-top: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffffff, #9d4edd, transparent);
  box-shadow: 0 0 30px rgba(157, 78, 221, .45);
}

.maze-cert-subtle-head h2::after {
  margin-left: auto;
  margin-right: auto;
}

.maze-bio-hero-content h1 {
  font-size: clamp(72px, 10vw, 156px) !important;
}

.maze-blue-highlight {
  color: #00d4ff !important;
  font-weight: 950 !important;
  text-shadow: 0 0 18px rgba(0,212,255,.35);
  white-space: nowrap;
}

/* Photos page hero cleanup */
.maze-photos-page-wrap .maze-photos-hero-clean {
  min-height: 540px;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: max(54px, calc((100vw - 1180px) / 2)) !important;
  padding-right: 54px !important;
}
.maze-photos-hero-clean .maze-simple-hero-inner {
  max-width: 720px;
  width: 100%;
  text-align: left;
}
.maze-photos-hero-clean .maze-kicker {
  text-align: left !important;
  margin: 0 0 16px !important;
}
.maze-photos-hero-clean h1 {
  margin: 0 0 18px !important;
  text-align: left !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(64px, 9vw, 136px) !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
  font-weight: 1000 !important;
  color: transparent !important;
  background: linear-gradient(105deg, #ffffff 0%, #ffffff 30%, #c9a8ff 52%, #8d4dff 74%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.maze-photos-hero-clean p {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.maze-photos-hero-clean .maze-simple-hero-inner > p:last-child {
  color: rgba(255,255,255,.74);
  font-size: clamp(16px, 1.7vw, 22px);
  max-width: 560px;
  line-height: 1.6;
}

@media (max-width: 720px) {
  .maze-photos-page-wrap .maze-photos-hero-clean {
    padding-left: 24px !important;
    padding-right: 24px !important;
    min-height: 440px;
  }
  .maze-section-head h2::after,
  .maze-book-copy h2::after,
  .maze-bio-home-updated .maze-bio-text h2::after {
    width: 64px;
    margin-top: 14px;
  }
}

/* Fine tune homepage title weights */
.maze-home-discography .maze-section-head h2,
.maze-home-shop .maze-section-head h2,
#videos .maze-section-head h2 {
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  text-shadow: 0 0 22px rgba(157, 78, 221, .14) !important;
}

/* Smaller homepage catalogue/shop/video titles */
.maze-home-discography .maze-section-head h2,
.maze-home-shop .maze-section-head h2,
#videos .maze-section-head h2 {
  font-size: clamp(30px, 3.6vw, 56px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}

/* Certification and Photos hero correction */
.maze-cert-subtle-head h2 {
  font-size: clamp(30px, 3.4vw, 54px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  line-height: 1 !important;
}

.maze-cert-subtle-head .maze-kicker {
  font-size: 11px !important;
  font-weight: 600 !important;
}

.maze-photos-hero {
  min-height: 620px;
}

.maze-photos-hero .maze-music-hero-content {
  text-align: left !important;
  align-items: flex-start !important;
  max-width: 900px;
  margin-left: max(48px, calc((100vw - 1180px) / 2)) !important;
  margin-right: auto !important;
  padding-left: 0 !important;
}

.maze-photos-hero .maze-kicker,
.maze-photos-hero h1,
.maze-photos-hero h2 {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}

.maze-photos-hero h1 {
  font-size: clamp(64px, 8vw, 132px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.06em !important;
  line-height: .86 !important;
}

.maze-photos-hero h2 {
  max-width: 680px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(18px, 2vw, 30px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
  color: rgba(255,255,255,.78) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}

@media (max-width: 720px) {
  .maze-photos-hero .maze-music-hero-content {
    margin-left: 24px !important;
    padding-right: 24px !important;
  }
  .maze-photos-hero {
    min-height: 520px;
  }
}

/* Photos page subtitle size refinement */
.maze-photos-hero h2 {
  font-size: clamp(15px, 1.15vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
  max-width: 520px !important;
  color: rgba(255,255,255,.70) !important;
  -webkit-text-fill-color: rgba(255,255,255,.70) !important;
}

/* === DJ Maze Futuristic Hero + Global Menu Integration === */
:root {
  --bg: #02030a;
  --line: rgba(210, 200, 255, 0.24);
  --line-strong: rgba(210, 200, 255, 0.44);
  --text: #f8f3ff;
  --muted: rgba(245, 238, 255, 0.70);
  --faint: rgba(245, 238, 255, 0.42);
  --purple: #9f63ff;
  --blue: #8cc5ff;
  --panel: rgba(14, 15, 34, 0.38);
  --panel-dark: rgba(2, 4, 15, 0.32);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); }
a { color: inherit; text-decoration: none; }
svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.socials svg path:first-child, .socials svg circle:first-child, .socials svg rect:first-child { stroke-width: 1.65; }

.site-shell { min-height: 100vh; overflow: hidden; background: #02030a; }
.hero { position: relative; min-height: 100vh; display: grid; place-items: center; padding: clamp(16px, 2vw, 28px); isolation: isolate; }
.background { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(2,3,10,.40), rgba(2,3,11,.08) 48%, rgba(2,3,10,.20)), url("assets/images/hero/dj-maze-bg-hd.png"); background-size: cover; background-position: center; transform: scale(1.03) translate3d(0,0,0); transform-origin: center; will-change: transform; transition: transform .35s ease-out; z-index: -5; }
.grain { position: absolute; inset: 0; opacity: .12; z-index: -3; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E"); mix-blend-mode: screen; transform: translate3d(0,0,0); transition: transform .4s ease-out; will-change: transform; }
.aurora { position: absolute; width: 34vw; height: 34vw; border-radius: 50%; filter: blur(80px); opacity: .24; z-index: -4; pointer-events: none; transform: translate3d(0,0,0); transition: transform .45s ease-out; will-change: transform; }
.aurora-one { background: #713dff; left: 4%; bottom: -17%; }
.aurora-two { background: #7da9ff; right: 18%; bottom: 6%; opacity: .16; }

/* The main hero frame is intentionally transparent: no big glass layer blurring the photo. */
.frame { position: relative; width: min(96vw, 1820px); aspect-ratio: 1672 / 941; min-height: min(92vh, 941px); border: 1px solid rgba(210,200,255,.25); border-radius: 16px; overflow: hidden; background: transparent; box-shadow: 0 0 0 1px rgba(120, 91, 220, .08), 0 30px 100px rgba(0,0,0,.42); }
.frame::before { content:""; position:absolute; inset:0; border-radius: inherit; pointer-events:none; background: linear-gradient(135deg, rgba(255,255,255,.06), transparent 24%, transparent 76%, rgba(170,126,255,.08)); }

.nav { position: absolute; top: clamp(18px, 3vw, 38px); left: clamp(22px, 3.3vw, 62px); right: clamp(22px, 3.3vw, 62px); height: 50px; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; z-index: 5; letter-spacing: .42em; text-transform: uppercase; font-family: Syncopate, Orbitron, Inter, sans-serif; font-size: clamp(9px, .66vw, 12px); color: rgba(244,240,255,.82); }
.brand { display: flex; align-items: center; gap: 24px; letter-spacing: .42em; font-weight: 700; }
.logo-mark { width: 32px; height: 32px; display: grid; place-items: center; color: #cfb4ff; border: 1px solid rgba(183,142,255,.35); clip-path: polygon(50% 0, 100% 30%, 88% 100%, 12% 100%, 0 30%); text-shadow: 0 0 18px #9f5cff; font-family: Orbitron, sans-serif; }
.nav-links { justify-self: center; display: flex; gap: clamp(38px, 5.1vw, 76px); }
.nav-links a { position: relative; padding: 10px 0; transition: color .25s, text-shadow .25s, transform .25s, opacity .25s; }
.nav-links a::after { content:""; position:absolute; left:50%; bottom:0; width:0; height:1px; transform:translateX(-50%); background: linear-gradient(90deg, transparent, rgba(236,229,255,.98), transparent); box-shadow: 0 0 14px rgba(159,99,255,.65), 0 0 28px rgba(124,176,255,.35); transition: width .28s ease, opacity .28s ease; opacity:.78; }
.nav-links a:hover { color: #fff; transform: translateY(-1px); text-shadow: 0 0 18px var(--purple), 0 0 28px rgba(124,176,255,.26); }
.nav-links a:hover::after { width: 112%; opacity: 1; }
.nav-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.booking { min-width: 138px; padding: 17px 23px; border-radius: 9px; text-align: center; }
.whatsapp-btn { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 12px; color: #f4fff8; border: 1px solid rgba(150, 255, 196, .34); background: linear-gradient(145deg, rgba(23, 159, 91, .38), rgba(4, 30, 20, .28)); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 24px rgba(37, 211, 102, .20), 0 20px 60px rgba(0,0,0,.20); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease; }
.whatsapp-btn svg { width: 23px; height: 23px; fill: currentColor; stroke: none; filter: drop-shadow(0 0 10px rgba(37, 211, 102, .45)); }
.whatsapp-btn:hover { transform: translateY(-2px); border-color: rgba(177, 255, 211, .58); background: linear-gradient(145deg, rgba(37, 211, 102, .46), rgba(5, 34, 22, .32)); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 32px rgba(37, 211, 102, .30), 0 20px 60px rgba(0,0,0,.22); }
.glass-lite, .glass-card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,19,43,.48), rgba(4,6,20,.28)); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 60px rgba(0,0,0,.22); }

.hero-content { position: absolute; inset: 0; display: grid; grid-template-columns: 46% 1fr 23%; padding: 0 clamp(24px, 3.4vw, 64px); align-items: center; }
.copy-block { grid-column: 1; margin-top: 42px; max-width: 590px; }
.eyebrow, .card-label, .show-date, .show-location { text-transform: uppercase; letter-spacing: .46em; font-family: Orbitron, Inter, sans-serif; font-size: clamp(8px, .65vw, 11px); font-weight: 500; color: #c4aaff; }
.copy-block h1 { margin: 26px 0 22px; font-size: clamp(76px, 8.5vw, 162px); line-height: .82; letter-spacing: .02em; font-weight: 800; font-family: Orbitron, Inter, sans-serif; background: linear-gradient(90deg, #a166ff 0%, #e0ceff 46%, #90c9ff 88%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 44px rgba(138,86,255,.36); }
.intro { width: min(430px, 90%); color: var(--muted); font-size: clamp(15px, 1.1vw, 22px); line-height: 1.45; margin: 0 0 50px; }
.actions { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; text-transform: uppercase; letter-spacing: .29em; font-family: Orbitron, Inter, sans-serif; font-size: clamp(9px, .66vw, 11px); font-weight: 600; white-space: nowrap; }
.btn.primary { position: relative; overflow: hidden; isolation: isolate; min-width: 245px; padding: 17px 24px; border: 1px solid rgba(189, 146, 255, .72); border-radius: 10px; background: linear-gradient(135deg, rgba(125, 66, 255, .44), rgba(56, 38, 100, .22)); box-shadow: inset 0 0 22px rgba(184, 115, 255, .24), 0 0 26px rgba(140, 79, 255, .28); transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease; animation: buttonPulse 2.8s ease-in-out infinite; }
.btn.primary::before { content:""; position:absolute; top:-20%; bottom:-20%; left:-32%; width:26%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.08) 30%, rgba(255,255,255,.52) 50%, rgba(175,136,255,.16) 72%, transparent); transform: skewX(-22deg); filter: blur(7px); opacity:.92; pointer-events:none; z-index:1; transition: left .7s ease; }
.btn.primary::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0; background: radial-gradient(circle at 12% 50%, rgba(202,152,255,.40), transparent 22%), radial-gradient(circle at 88% 50%, rgba(145,196,255,.30), transparent 22%); }
.btn.primary > * { position: relative; z-index: 2; }
.btn.primary:hover { transform: translateY(-2px); border-color: rgba(225, 206, 255, .85); background: linear-gradient(135deg, rgba(136, 74, 255, .52), rgba(64, 44, 116, .28)); box-shadow: inset 0 0 28px rgba(194, 132, 255, .30), 0 0 32px rgba(152, 92, 255, .36), 0 12px 36px rgba(41, 18, 80, .30); }
.btn.primary:hover::before { left: 112%; }
.icon-disc { width: 28px; height: 28px; display: grid; place-items: center; color: #f4ebff; flex: 0 0 auto; }
.icon-disc svg { fill: rgba(255,255,255,.04); stroke-width: 1.65; }
.ghost { color: rgba(247,242,255,.86); }
.play-circle { width: 46px; height: 46px; display: grid; place-items: center; color: #f5edff; border: 1px solid rgba(201,188,255,.35); border-radius: 50%; background: rgba(8,10,26,.35); box-shadow: inset 0 0 14px rgba(151,116,255,.2), 0 0 18px rgba(142,99,255,.18); flex: 0 0 auto; }
.play-circle svg { width: 24px; height: 24px; fill: rgba(255,255,255,.03); }
.play-circle path, .icon-disc path { fill: currentColor; stroke: none; }

.glass-card { border-radius: 14px; }
.side-widgets { grid-column: 3; justify-self: end; width: min(345px, 100%); display: flex; flex-direction: column; gap: 22px; margin-top: 84px; }
.player-card { padding: 23px 20px; }
.card-label { margin: 0 0 18px; color: rgba(230,220,255,.72); letter-spacing: .31em; }
.waveform { height: 50px; display: flex; align-items: center; gap: 4px; mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent); }
.waveform span { width: 3px; height: calc(12px + var(--h, 20) * 1px); border-radius: 999px; background: linear-gradient(180deg, #f0dcff, #8d59ff 55%, #85b7ff); box-shadow: 0 0 14px rgba(163,94,255,.8); animation: wave 1.8s ease-in-out infinite; animation-delay: calc(var(--i, 1) * -80ms); opacity: .82; }
.waveform span:nth-child(odd){ --h: 24; }.waveform span:nth-child(3n){ --h: 36; }.waveform span:nth-child(4n){ --h: 12; }.waveform span:nth-child(5n){ --h: 44; }
.player-meta { display: flex; justify-content: space-between; gap: 20px; align-items: center; color: rgba(244,240,255,.8); font-size: 11px; letter-spacing: .11em; }
.player-meta strong { font-size: 10px; }

.show-card { padding: 20px 17px; display: grid; grid-template-columns: 1fr 84px; gap: 15px; align-items: center; min-height: 154px; }
.show-card .card-label { margin-bottom: 12px; }
.show-card h2 { margin: 0 0 18px; font-family: Orbitron, Inter, sans-serif; font-weight: 500; font-size: clamp(16px, 1.15vw, 22px); line-height: 1.22; letter-spacing: .14em; text-transform: uppercase; color: rgba(248,244,255,.90); }
.show-date, .show-location { margin: 7px 0; font-size: 9px; letter-spacing: .18em; color: rgba(244,240,255,.78); }
.show-thumb { width: 80px; height: 106px; border-radius: 8px; border: 1px solid var(--line); background-image: linear-gradient(180deg, rgba(6,6,18,.02), rgba(6,6,18,.18)), url("assets/images/hero/night-and-day.jpeg"); background-size: cover; background-position: center; box-shadow: inset 0 0 20px rgba(0,0,0,.25), 0 0 24px rgba(137,81,255,.18); position: relative; overflow: hidden; }
.connect-card { padding: 22px 25px 25px; }
.socials { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.socials a { width: 40px; height: 40px; display:grid; place-items:center; color: rgba(242,235,255,.84); border: 1px solid rgba(214,201,255,.16); border-radius: 12px; background: rgba(255,255,255,.035); filter: drop-shadow(0 0 11px rgba(140,104,255,.3)); transition: transform .2s, color .2s, border-color .2s; }
.socials a:hover { transform: translateY(-2px); color: #fff; border-color: rgba(214,201,255,.36); }
.socials svg { width: 22px; height: 22px; }
.socials [aria-label="Spotify"] svg circle:first-child { fill: none; }
.socials [aria-label="Apple Music"] svg path { fill: currentColor; stroke: none; }
.socials [aria-label="YouTube"] svg path:first-child { fill: none; }
.socials [aria-label="YouTube"] svg path:last-child { fill: currentColor; stroke: none; }

.stats { position: absolute; left: clamp(24px, 3.4vw, 64px); bottom: clamp(55px, 8.6vh, 92px); width: min(735px, 42vw); display: grid; grid-template-columns: repeat(4, 1fr); padding: 20px 24px; gap: 0; z-index: 4; }
.stats div { display: grid; grid-template-columns: 36px 1fr; grid-template-rows: auto auto; align-items: center; padding: 0 20px; border-right: 1px solid rgba(199,190,255,.18); min-width: 0; }
.stats div:last-child { border-right: 0; }
.stat-icon { grid-row: 1 / 3; width: 26px; height: 26px; display: grid; place-items: center; color: rgba(242,235,255,.76); filter: drop-shadow(0 0 11px rgba(154,100,255,.35)); }
.stat-icon svg { stroke-width: 1.7; }
.stats strong { font-family: Orbitron, Inter, sans-serif; font-size: clamp(12px, .95vw, 18px); letter-spacing: .14em; font-weight: 600; text-transform: uppercase; white-space: nowrap; }
.stats small { color: var(--muted); letter-spacing: .18em; text-transform: uppercase; font-size: 9px; white-space: nowrap; }

.scroll-cue { position: absolute; right: clamp(28px, 3.8vw, 64px); bottom: 34px; display: flex; align-items: center; gap: 35px; text-transform: uppercase; letter-spacing: .42em; color: var(--faint); font-family: Orbitron, Inter, sans-serif; font-size: 9px; }
.dots { display: grid; grid-template-columns: repeat(2, 6px); gap: 9px; }
.dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(242,235,255,.6); box-shadow: 0 0 10px rgba(172,128,255,.7); }
.mouse { width: 18px; height: 34px; border: 1px solid rgba(242,235,255,.45); border-radius: 999px; position: relative; }
.mouse::before { content:""; position:absolute; top:7px; left:50%; width:3px; height:7px; transform: translateX(-50%); background: rgba(242,235,255,.8); border-radius:99px; animation: scroll 1.8s infinite; }

@keyframes wave { 0%,100% { transform: scaleY(.55); opacity:.55; } 50% { transform: scaleY(1); opacity:1; } }
@keyframes scroll { 0% { transform: translate(-50%,0); opacity:1; } 80% { transform: translate(-50%,12px); opacity:0; } 100% { opacity:0; } }
@keyframes buttonPulse { 0%, 100% { box-shadow: inset 0 0 22px rgba(184, 115, 255, .24), 0 0 26px rgba(140, 79, 255, .28); } 50% { box-shadow: inset 0 0 24px rgba(197, 135, 255, .28), 0 0 34px rgba(148, 90, 255, .34); } }

@media (max-width: 1100px) {
  .frame { aspect-ratio: auto; min-height: 880px; }
  .nav { grid-template-columns: 1fr auto; }
  .nav-links { display: none; }
  .hero-content { grid-template-columns: 1fr; align-items: start; padding-top: 145px; }
  .side-widgets { grid-column: 1; margin-top: 40px; justify-self: start; width: min(520px, 100%); }
  .stats { width: calc(100% - 48px); grid-template-columns: repeat(2, 1fr); bottom: 52px; }
  .stats div { padding: 12px; }
  .scroll-cue { display: none; }
}

@media (max-width: 680px) {
  .hero { padding: 0; }
  .frame { width: 100%; min-height: 100vh; border-radius: 0; border-left: 0; border-right: 0; }
  .background { background-position: 62% center; }
  .nav { left: 20px; right: 20px; top: 20px; grid-template-columns: 1fr; }
  .nav-actions { display: none; }
  .brand { gap: 14px; }
  .hero-content { padding: 112px 22px 300px; }
  .copy-block h1 { font-size: 72px; }
  .intro { font-size: 15px; }
  .actions { gap: 20px; }
  .btn.primary { min-width: 100%; }
  .side-widgets { display: none; }
  .stats { left: 16px; right: 16px; width: auto; grid-template-columns: 1fr 1fr; padding: 12px; }
  .stats div { grid-template-columns: 28px 1fr; }
  .stat-icon { width: 22px; height: 22px; }
}

/* Global menu position for all inner pages */
body:not(.home) .djmaze-global-nav,
body:not(.front-page) .djmaze-global-nav {
  position: fixed;
  top: 24px;
  left: clamp(18px, 3vw, 52px);
  right: clamp(18px, 3vw, 52px);
  width: auto;
  z-index: 9999;
}

/* Home hero owns the menu inside the frame */
.djmaze-wp-hero .djmaze-global-nav {
  position: absolute;
}

.djmaze-global-nav .nav-links a.is-active,
.djmaze-global-nav .nav-links a[aria-current="page"] {
  color: #fff;
  text-shadow: 0 0 18px var(--purple), 0 0 28px rgba(124,176,255,.26);
}

.djmaze-wp-hero {
  padding: clamp(16px, 2vw, 28px);
}

.djmaze-wp-hero .frame {
  width: min(96vw, 1820px);
}

/* Keep old theme sections below the new hero */
#djmaze-site > .maze-section,
#djmaze-site > section:not(.djmaze-wp-hero) {
  position: relative;
  z-index: 1;
}

/* Better responsive navigation */
@media (max-width: 1180px) {
  .nav { grid-template-columns: 180px 1fr auto; }
  .nav-links { gap: clamp(18px, 3vw, 34px); }
  .booking { min-width: 118px; padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 920px) {
  .nav-links { display: none; }
  .nav { grid-template-columns: 1fr auto; }
}

/* === CORRECTED FRAME FIX: equal top/side gap, original rounded frame preserved === */

/*
  The hero should keep the original framed design:
  - equal gap on top, left and right
  - rounded border radius frame
  - background aligned with the frame, not full-bleed outside it
  - only the oversized top gap is reduced
*/
#djmaze-site.djmaze-home-site {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#djmaze-site.djmaze-home-site .djmaze-wp-hero {
  --djmaze-hero-gap: clamp(16px, 2vw, 28px);
  display: block !important;
  min-height: 100vh !important;
  padding: var(--djmaze-hero-gap) !important;
  margin: 0 !important;
  overflow: hidden;
}

/* Clip/align the background to the same rounded frame area */
#djmaze-site.djmaze-home-site .djmaze-wp-hero .background {
  top: var(--djmaze-hero-gap) !important;
  right: var(--djmaze-hero-gap) !important;
  bottom: var(--djmaze-hero-gap) !important;
  left: var(--djmaze-hero-gap) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: scale(1.03) translate3d(0,0,0);
}

/* Keep the original frame: side gaps and rounded corners stay */
#djmaze-site.djmaze-home-site .djmaze-wp-hero .frame {
  width: min(96vw, 1820px) !important;
  min-height: calc(100vh - (var(--djmaze-hero-gap) * 2)) !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
  border: 1px solid rgba(210,200,255,.25) !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Menu remains inside the frame on the homepage */
#djmaze-site.djmaze-home-site .djmaze-wp-hero .djmaze-global-nav {
  position: absolute !important;
  top: clamp(18px, 3vw, 38px) !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
}

/* Inner pages: add breathing space above the global menu */
body:not(.home) .djmaze-global-nav {
  top: 34px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  border-radius: 16px !important;
}

/* Only inner pages need extra top space for the fixed menu */
body:not(.home) #djmaze-site:not(.djmaze-home-site) {
  padding-top: 118px !important;
}

/* Glassmorphism menu on scroll for readability */
.djmaze-global-nav {
  transition: background .28s ease, backdrop-filter .28s ease, -webkit-backdrop-filter .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.djmaze-global-nav.is-scrolled,
body:not(.home) .djmaze-global-nav {
  background: linear-gradient(145deg, rgba(18,19,43,.68), rgba(4,6,20,.48)) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  border-color: rgba(210, 200, 255, 0.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 80px rgba(0,0,0,.36) !important;
  border-radius: 16px !important;
}

/* Homepage before scroll stays like the reference */
#djmaze-site.djmaze-home-site .djmaze-global-nav:not(.is-scrolled) {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* WordPress admin bar: inner pages only */
body.admin-bar:not(.home) .djmaze-global-nav {
  top: 66px !important;
}

@media (max-width: 920px) {
  #djmaze-site.djmaze-home-site .djmaze-wp-hero {
    --djmaze-hero-gap: 0px;
  }

#djmaze-site.djmaze-home-site .djmaze-wp-hero .frame,
  #djmaze-site.djmaze-home-site .djmaze-wp-hero .background {
    border-radius: 0 !important;
  }

body:not(.home) #djmaze-site:not(.djmaze-home-site) {
    padding-top: 96px !important;
  }
}

/* === Menu spacing refinement === */
.djmaze-global-nav .nav-links {
  gap: clamp(22px, 3.2vw, 44px) !important;
}

.djmaze-global-nav .nav-links a {
  padding-left: 0 !important;
  padding-right: 0 !important;
  letter-spacing: .34em !important;
}

@media (max-width: 1280px) {
  .djmaze-global-nav .nav-links {
    gap: clamp(16px, 2.4vw, 30px) !important;
  }

.djmaze-global-nav .nav-links a {
    letter-spacing: .26em !important;
  }
}

/* === Biography hero v3 full-width, preserve content below === */
.maze-bio-page-hero-wide {
  position: relative;
}

.maze-bio-page-hero-wide .biography-hero-v3 {
  position: relative;
  min-height: min(920px, 100vh);
  width: 100%;
  overflow: hidden;
  background: #04101f;
}

.maze-bio-page-hero-wide .biography-hero-v3__bg,
.maze-bio-page-hero-wide .biography-hero-v3__overlay {
  position: absolute;
  inset: 0;
}

.maze-bio-page-hero-wide .biography-hero-v3__bg {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.01);
}

.maze-bio-page-hero-wide .biography-hero-v3__overlay {
  background:
    linear-gradient(90deg, rgba(2,8,20,.96) 0%, rgba(2,8,20,.88) 26%, rgba(2,8,20,.55) 46%, rgba(2,8,20,.20) 68%, rgba(2,8,20,.12) 100%),
    radial-gradient(circle at 84% 20%, rgba(27, 99, 255, .34), transparent 24%),
    linear-gradient(180deg, rgba(4,10,24,.16), rgba(4,10,24,.28));
}

.maze-bio-page-hero-wide > .maze-cursor {
  z-index: 50;
}

.maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav {
  position: absolute !important;
  top: 28px !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
  width: auto !important;
  z-index: 20 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 34px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
  background: linear-gradient(145deg, rgba(18,19,43,.72), rgba(4,6,20,.54)) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-color: rgba(210, 200, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 24px 80px rgba(0,0,0,.38) !important;
  border-radius: 16px !important;
}

body.admin-bar .maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

.maze-bio-page-hero-wide .biography-hero-v3__content {
  position: relative;
  z-index: 3;
  min-height: inherit;
  display: flex;
  align-items: flex-end;
  padding: 160px clamp(24px, 4vw, 60px) 72px;
}

.maze-bio-page-hero-wide .biography-hero-v3__copy {
  width: min(52%, 760px);
}

.maze-bio-page-hero-wide .biography-hero-v3__socials {
  position: absolute;
  top: 58px;
  right: clamp(24px, 3vw, 44px);
  display: flex;
  gap: 18px;
}

.maze-bio-page-hero-wide .biography-hero-v3__socials a {
  width: 24px;
  height: 24px;
  color: rgba(255,255,255,.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .95;
  transition: transform .25s ease, opacity .25s ease, color .25s ease;
}

.maze-bio-page-hero-wide .biography-hero-v3__socials a:hover {
  transform: translateY(-2px);
  color: #67abff;
  opacity: 1;
}

.maze-bio-page-hero-wide .biography-hero-v3__socials svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.maze-bio-page-hero-wide .biography-hero-v3__socials a[aria-label="Spotify"] svg,
.maze-bio-page-hero-wide .biography-hero-v3__socials a[aria-label="YouTube"] svg {
  fill: currentColor;
  stroke: none;
}

.maze-bio-page-hero-wide .biography-hero-v3__eyebrow {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0 0 24px;
  color: #4b9eff;
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(13px, .95vw, 18px);
  text-transform: uppercase;
  letter-spacing: .44em;
}

.maze-bio-page-hero-wide .biography-hero-v3__eyebrow::before {
  content: "";
  width: 50px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #62b2ff, rgba(98,178,255,.18));
  box-shadow: 0 0 12px rgba(86,176,255,.36);
}

.maze-bio-page-hero-wide .biography-hero-v3 h1 {
  margin: 0;
  font-family: 'Syncopate', 'Orbitron', sans-serif;
  font-size: clamp(76px, 10.2vw, 172px);
  line-height: .88;
  letter-spacing: -.06em;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(250,252,255,.98) 22%, #73b1ff 62%, #3f87ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 8px 50px rgba(55,120,255,.16);
}

.maze-bio-page-hero-wide .biography-hero-v3__divider {
  width: min(720px, 100%);
  height: 2px;
  margin: 28px 0 28px;
  background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(72,141,255,.85), rgba(72,141,255,0));
  box-shadow: 0 0 18px rgba(79,153,255,.3);
}

.maze-bio-page-hero-wide .biography-hero-v3 h2 {
  margin: 0 0 16px;
  color: #4ea3ff;
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(18px, 1.05vw, 22px);
  text-transform: uppercase;
  letter-spacing: .34em;
  font-weight: 500;
}

.maze-bio-page-hero-wide .biography-hero-v3__intro {
  width: min(520px, 100%);
  margin: 0 0 40px;
  color: rgba(255,255,255,.90);
  font-size: clamp(18px, 1.15vw, 24px);
  line-height: 1.58;
}

.maze-bio-page-hero-wide .biography-hero-v3__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.maze-bio-page-hero-wide .biography-hero-v3__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 60px;
  text-transform: uppercase;
  font-family: 'Orbitron', 'Inter', sans-serif;
  letter-spacing: .28em;
  font-size: 14px;
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease;
}

.maze-bio-page-hero-wide .biography-hero-v3__btn:hover { transform: translateY(-2px); }

.maze-bio-page-hero-wide .biography-hero-v3__btn--primary {
  padding: 0 34px;
  background: linear-gradient(90deg, #62aaff, #4c8fff);
  color: white;
  box-shadow: 0 16px 36px rgba(61,130,255,.26);
}

.maze-bio-page-hero-wide .biography-hero-v3__btn--primary .icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.maze-bio-page-hero-wide .biography-hero-v3__btn--primary .icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.maze-bio-page-hero-wide .biography-hero-v3__btn--ghost {
  padding: 0 0 10px;
  color: rgba(255,255,255,.95);
  border-bottom: 1px solid rgba(110, 176, 255, .85);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.18);
}

.maze-bio-page-hero-wide .biography-hero-v3__btn--ghost .arrow {
  font-size: 22px;
  line-height: 1;
  margin-left: 8px;
}

.maze-bio-page-hero-wide .maze-bio-simple-main {
  padding-top: 0 !important;
}

@media (max-width: 1200px) {
  .maze-bio-page-hero-wide .biography-hero-v3__copy {
    width: min(64%, 760px);
  }
  .maze-bio-page-hero-wide .biography-hero-v3 h1 {
    font-size: clamp(72px, 9vw, 136px);
  }
}

@media (max-width: 920px) {
  .maze-bio-page-hero-wide .biography-hero-v3 {
    min-height: auto;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__content {
    padding: 130px 24px 40px;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__copy {
    width: 100%;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__socials {
    top: 92px;
    right: 24px;
    gap: 14px;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__eyebrow {
    letter-spacing: .28em;
    gap: 14px;
  }
  .maze-bio-page-hero-wide .biography-hero-v3 h1 {
    font-size: clamp(52px, 14vw, 92px);
  }
  .maze-bio-page-hero-wide .biography-hero-v3 h2 {
    font-size: 16px;
    letter-spacing: .2em;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__intro {
    font-size: 17px;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .maze-bio-page-hero-wide .biography-hero-v3__content {
    padding: 118px 18px 32px;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__socials {
    top: 84px;
    right: 18px;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__actions {
    gap: 18px;
    align-items: flex-start;
    flex-direction: column;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__btn {
    min-height: 54px;
    font-size: 12px;
    letter-spacing: .18em;
  }
  .maze-bio-page-hero-wide .biography-hero-v3__btn--primary {
    padding: 0 22px;
  }
}

/* === Biography hero design correction === */

/* The Biographie page must start with the hero immediately.
   Do not apply the inner-page top padding that was meant for normal pages. */
body:not(.home) #djmaze-site.maze-bio-page-hero-wide,
#djmaze-site.maze-bio-page-hero-wide {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Keep the existing/default menu on top of the hero image, not in a separate area. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav {
  position: absolute !important;
  top: 28px !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
  width: auto !important;
  z-index: 30 !important;
}

/* Remove reference-social block from layout if browser caches old markup/CSS. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3__socials {
  display: none !important;
}

/* Full-width hero: no rounded box, no side margin, no border. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3 {
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Make sure the background covers side-to-side. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3__bg {
  inset: 0 !important;
  background-size: cover !important;
  background-position: center right !important;
}

/* Keep all biography content below the hero visible and normal. */
#djmaze-site.maze-bio-page-hero-wide .maze-bio-simple-main {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Give hero text enough top clearance below the overlay menu. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3__content {
  padding-top: 170px !important;
}

@media (max-width: 920px) {
  #djmaze-site.maze-bio-page-hero-wide .biography-hero-v3__content {
    padding-top: 135px !important;
  }
}

/* === Biography hero/content spacing fix === */

/* Add clear breathing room after the full-width hero before the second content section. */
#djmaze-site.maze-bio-page-hero-wide .biography-hero-v3 {
  margin-bottom: clamp(42px, 5vw, 78px) !important;
}

/* Make sure the next section does not visually touch or overlap the hero. */
#djmaze-site.maze-bio-page-hero-wide .maze-bio-simple-main {
  padding-top: 0 !important;
}

#djmaze-site.maze-bio-page-hero-wide .maze-bio-simple-main > section:first-child {
  margin-top: 0 !important;
}

/* Responsive: keep spacing smaller on mobile but still visible. */
@media (max-width: 680px) {
  #djmaze-site.maze-bio-page-hero-wide .biography-hero-v3 {
    margin-bottom: 34px !important;
  }
}

/* === Discography hero v2 full-width === */
.maze-discography-page-hero-wide {
  position: relative;
}

body:not(.home) #djmaze-site.maze-discography-page-hero-wide,
#djmaze-site.maze-discography-page-hero-wide {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.maze-discography-page-hero-wide .discography-hero-v2 {
  position: relative;
  min-height: min(920px, 100vh);
  width: 100%;
  overflow: hidden;
  background: #040818;
  margin-bottom: clamp(40px, 4vw, 72px);
}

.maze-discography-page-hero-wide .discography-hero-v2__bg,
.maze-discography-page-hero-wide .discography-hero-v2__overlay {
  position: absolute;
  inset: 0;
}

.maze-discography-page-hero-wide .discography-hero-v2__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.01);
}

.maze-discography-page-hero-wide .discography-hero-v2__overlay {
  background:
    linear-gradient(90deg, rgba(3,5,20,.96) 0%, rgba(3,5,20,.92) 22%, rgba(3,5,20,.68) 42%, rgba(3,5,20,.24) 66%, rgba(3,5,20,.08) 100%),
    radial-gradient(circle at 86% 26%, rgba(87, 66, 255, .26), transparent 22%),
    linear-gradient(180deg, rgba(10, 5, 34, .16), rgba(7, 7, 26, .24));
}

.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav {
  position: absolute !important;
  top: 28px !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
  width: auto !important;
  z-index: 30 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 34px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
  background: linear-gradient(145deg, rgba(18,19,43,.72), rgba(4,6,20,.54)) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-color: rgba(210, 200, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 24px 80px rgba(0,0,0,.38) !important;
  border-radius: 16px !important;
}

body.admin-bar .maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__content {
  position: relative;
  z-index: 3;
  min-height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 158px clamp(24px, 4vw, 52px) 38px;
}

.maze-discography-page-hero-wide .discography-hero-v2__copy {
  width: min(52%, 760px);
  padding-top: 42px;
}

.maze-discography-page-hero-wide .discography-hero-v2__eyebrow {
  margin: 0 0 28px;
  color: #8b53ff;
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(14px, .92vw, 18px);
  text-transform: uppercase;
  letter-spacing: .46em;
}

.maze-discography-page-hero-wide .discography-hero-v2 h1 {
  margin: 0 0 26px;
  font-family: 'Syncopate', 'Orbitron', sans-serif;
  font-size: clamp(76px, 10vw, 170px);
  line-height: .88;
  letter-spacing: -.06em;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  background: linear-gradient(90deg, #7f4dff 0%, #6c3dff 18%, rgba(255,255,255,.98) 38%, rgba(255,255,255,.98) 72%, #f5f5f8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 8px 46px rgba(95,66,255,.18);
}

.maze-discography-page-hero-wide .discography-hero-v2 h2 {
  margin: 0 0 38px;
  color: rgba(255,255,255,.92);
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: clamp(16px, 1.05vw, 22px);
  text-transform: uppercase;
  letter-spacing: .34em;
  font-weight: 500;
}

.maze-discography-page-hero-wide .discography-hero-v2__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.maze-discography-page-hero-wide .discography-hero-v2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 60px;
  text-transform: uppercase;
  font-family: 'Orbitron', 'Inter', sans-serif;
  letter-spacing: .26em;
  font-size: 14px;
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease, color .25s ease, background .25s ease, border-color .25s ease;
}

.maze-discography-page-hero-wide .discography-hero-v2__btn:hover { transform: translateY(-2px); }

.maze-discography-page-hero-wide .discography-hero-v2__btn--primary {
  padding: 0 28px;
  border: 1px solid rgba(125, 78, 255, .88);
  border-radius: 999px;
  color: #fff;
  background: rgba(16, 10, 46, .18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 18px rgba(124,73,255,.16);
}

.maze-discography-page-hero-wide .discography-hero-v2__btn--ghost {
  padding: 0;
  color: rgba(255,255,255,.94);
}

.maze-discography-page-hero-wide .discography-hero-v2__btn--ghost .play {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.maze-discography-page-hero-wide .discography-hero-v2__btn--ghost .play svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

.maze-discography-page-hero-wide .discography-hero-v2__player {
  align-self: flex-start;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 18px;
  width: min(460px, 100%);
  margin-top: 40px;
  padding: 16px 18px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(14,12,36,.42), rgba(6,6,20,.32));
  border: 1px solid rgba(128, 86, 255, .22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 52px rgba(0,0,0,.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.maze-discography-page-hero-wide .discography-hero-v2__player-cover {
  width: 88px;
  height: 88px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}

.maze-discography-page-hero-wide .discography-hero-v2__player-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta .label {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,.55);
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .24em;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong {
  display: block;
  color: #8754ff;
  font-family: 'Orbitron', 'Inter', sans-serif;
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
  display: block;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.maze-discography-page-hero-wide .discography-hero-v2__waveform {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  min-height: 34px;
  padding-top: 6px;
}

.maze-discography-page-hero-wide .discography-hero-v2__waveform span {
  width: 3px;
  height: calc(8px + (var(--i, 1) * 0.75px));
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(160, 118, 255, 1), rgba(94, 79, 255, .65));
  box-shadow: 0 0 8px rgba(140, 96, 255, .35);
  animation: djmazeDiscWave calc(1.18s + (var(--i, 1) * 0.02s)) ease-in-out infinite alternate;
  animation-delay: calc(var(--i, 1) * -0.06s);
  transform-origin: center bottom;
}

@keyframes djmazeDiscWave {
  0% { transform: scaleY(.35); opacity: .55; }
  50% { transform: scaleY(1); opacity: 1; }
  100% { transform: scaleY(.52); opacity: .75; }
}

.maze-discography-page-hero-wide .maze-full-discography {
  padding-top: 0 !important;
}

@media (max-width: 1200px) {
  .maze-discography-page-hero-wide .discography-hero-v2__copy {
    width: min(62%, 760px);
  }
  .maze-discography-page-hero-wide .discography-hero-v2 h1 {
    font-size: clamp(72px, 8.8vw, 136px);
  }
}

@media (max-width: 920px) {
  .maze-discography-page-hero-wide .discography-hero-v2 {
    min-height: auto;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__content {
    padding: 130px 24px 34px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__copy {
    width: 100%;
    padding-top: 28px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__eyebrow {
    letter-spacing: .28em;
  }
  .maze-discography-page-hero-wide .discography-hero-v2 h1 {
    font-size: clamp(54px, 14vw, 96px);
  }
  .maze-discography-page-hero-wide .discography-hero-v2 h2 {
    font-size: 15px;
    letter-spacing: .18em;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__player {
    width: 100%;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__player-cover {
    width: 72px;
    height: 72px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__player-meta strong {
    font-size: 18px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
    font-size: 12px;
  }
}

@media (max-width: 640px) {
  .maze-discography-page-hero-wide .discography-hero-v2__content {
    padding: 118px 18px 28px;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__actions {
    gap: 16px;
    align-items: flex-start;
    flex-direction: column;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__btn {
    min-height: 52px;
    font-size: 12px;
    letter-spacing: .16em;
  }
  .maze-discography-page-hero-wide .discography-hero-v2__btn--primary {
    padding: 0 22px;
  }
}

/* === Discographie hero menu/player refinement === */

/* Match the Discographie menu vertical position to the Biographie page. */
.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav {
  top: 28px !important;
}

/* Make the dummy player text compact and force single-line labels. */
.maze-discography-page-hero-wide .discography-hero-v2__player {
  width: min(560px, 100%) !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 13px 16px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-cover {
  width: 74px !important;
  height: 74px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta {
  min-width: 0 !important;
  overflow: hidden !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta .label,
.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong,
.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta .label {
  font-size: 9px !important;
  letter-spacing: .18em !important;
  margin-bottom: 5px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong {
  font-size: 16px !important;
  line-height: 1.05 !important;
  letter-spacing: .08em !important;
  margin-bottom: 5px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: .10em !important;
  margin-bottom: 8px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__waveform {
  min-height: 24px !important;
  gap: 2px !important;
  padding-top: 3px !important;
}

.maze-discography-page-hero-wide .discography-hero-v2__waveform span {
  width: 2px !important;
}

@media (max-width: 920px) {
  .maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav {
    top: 28px !important;
  }

.maze-discography-page-hero-wide .discography-hero-v2__player {
    width: 100% !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
  }

.maze-discography-page-hero-wide .discography-hero-v2__player-cover {
    width: 64px !important;
    height: 64px !important;
  }
}

/* === Discographie hero title final size correction === */

/* Stronger selector so it overrides the previous large hero title size. */
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 h1 {
  font-size: clamp(64px, 8.2vw, 132px) !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
}

/* Keep the title balanced on mid-size screens. */
@media (max-width: 1200px) {
  #djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 h1 {
    font-size: clamp(58px, 7.6vw, 108px) !important;
  }
}

@media (max-width: 920px) {
  #djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 h1 {
    font-size: clamp(46px, 12vw, 78px) !important;
  }
}

/* === Discographie final menu position + reference player === */

/* Discographie menu must match Biographie menu position exactly. */
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav {
  position: absolute !important;
  top: 28px !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
  width: auto !important;
  z-index: 30 !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 34px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
}

body.admin-bar #djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

/* Player: slim horizontal reference style. */
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player {
  align-self: flex-start !important;
  width: min(520px, 100%) !important;
  min-height: 104px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  margin-top: 38px !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(12, 10, 30, .56), rgba(5, 6, 18, .42)) !important;
  border: 1px solid rgba(132, 91, 255, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 46px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-cover {
  width: 72px !important;
  height: 72px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta {
  min-width: 0 !important;
  overflow: hidden !important;
  justify-content: center !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta .label,
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong,
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta .label {
  font-family: 'Orbitron', 'Inter', sans-serif !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  margin: 0 0 6px !important;
  color: rgba(255,255,255,.52) !important;
  text-transform: uppercase !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong {
  font-family: 'Orbitron', 'Inter', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.05 !important;
  letter-spacing: .055em !important;
  margin: 0 0 6px !important;
  color: #8d5bff !important;
  text-transform: uppercase !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  margin: 0 0 8px !important;
  color: rgba(255,255,255,.74) !important;
  text-transform: uppercase !important;
}

/* Animated waves: longer and cleaner like the reference. */
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__waveform {
  display: flex !important;
  align-items: flex-end !important;
  gap: 2px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
}

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__waveform span {
  width: 2px !important;
  min-width: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(166,126,255,1), rgba(100,83,255,.65)) !important;
  box-shadow: 0 0 7px rgba(140,96,255,.36) !important;
}

/* Slightly reduce DJ MAZE title so the whole composition breathes. */
#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 h1 {
  font-size: clamp(60px, 7.7vw, 124px) !important;
}

@media (max-width: 920px) {
  #djmaze-site.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav {
    top: 28px !important;
  }

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player {
    width: 100% !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 12px 14px !important;
  }

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-cover {
    width: 64px !important;
    height: 64px !important;
  }

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta strong {
    font-size: 13px !important;
  }

#djmaze-site.maze-discography-page-hero-wide .discography-hero-v2__player-meta .artist {
    font-size: 8.5px !important;
    letter-spacing: .05em !important;
  }
}

/* === Shop hero v2 === */
.maze-shop-page-v2 {
  position: relative;
}

body:not(.home) #djmaze-site.maze-shop-page-v2,
#djmaze-site.maze-shop-page-v2 {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2 {
  position: relative;
  width: 100%;
  min-height: min(980px, 100vh);
  overflow: hidden;
  background: #021122;
  margin-bottom: clamp(42px, 4vw, 72px);
}

.maze-shop-page-v2 .maze-shop-hero-v2__bg,
.maze-shop-page-v2 .maze-shop-hero-v2__overlay {
  position: absolute;
  inset: 0;
}

.maze-shop-page-v2 .maze-shop-hero-v2__bg {
  background:
    radial-gradient(circle at 62% 18%, rgba(36, 140, 255, .58), transparent 28%),
    radial-gradient(circle at 58% 48%, rgba(9, 88, 186, .36), transparent 26%),
    linear-gradient(90deg, #031120 0%, #052447 30%, #0b5fb3 72%, #0c5aac 100%);
}

.maze-shop-page-v2 .maze-shop-hero-v2__overlay {
  background:
    linear-gradient(90deg, rgba(1,9,18,.92) 0%, rgba(1,9,18,.64) 24%, rgba(1,9,18,.16) 56%, rgba(1,9,18,.06) 100%),
    radial-gradient(circle at 48% 38%, rgba(0,0,0,.26), transparent 26%);
  pointer-events: none;
}

.maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav {
  position: absolute !important;
  top: 28px !important;
  left: clamp(22px, 3.3vw, 62px) !important;
  right: clamp(22px, 3.3vw, 62px) !important;
  width: auto !important;
  z-index: 30 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 34px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
  background: linear-gradient(145deg, rgba(18,19,43,.72), rgba(4,6,20,.54)) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-color: rgba(210, 200, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 24px 80px rgba(0,0,0,.38) !important;
  border-radius: 16px !important;
}

body.admin-bar .maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2__content {
  position: relative;
  z-index: 3;
  min-height: inherit;
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(500px, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  padding: 132px clamp(24px, 4vw, 62px) 36px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__copy {
  position: relative;
  z-index: 4;
  max-width: 280px;
  align-self: center;
  padding-top: 80px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__kicker {
  margin: 0 0 28px;
  color: rgba(255,255,255,.9);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.maze-shop-page-v2 .maze-shop-hero-v2__title-stack {
  position: absolute;
  left: 0;
  top: -20px;
  width: min(88vw, 1450px);
  pointer-events: none;
}

.maze-shop-page-v2 .maze-shop-hero-v2__title-stack span {
  display: block;
  font-family: 'Syncopate', 'Orbitron', sans-serif;
  font-weight: 700;
  line-height: .82;
  letter-spacing: -.075em;
  text-transform: uppercase;
  color: transparent;
  background: linear-gradient(180deg, rgba(47,196,255,.98), rgba(11,146,243,.95) 46%, rgba(9,96,180,.9) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 16px 38px rgba(0,114,255,.16);
  filter: drop-shadow(0 22px 46px rgba(0,0,0,.22));
}

.maze-shop-page-v2 .maze-shop-hero-v2__title-dj {
  font-size: clamp(120px, 17vw, 318px);
  margin-left: -14px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__title-maze {
  font-size: clamp(150px, 20vw, 396px);
  margin-top: -14px;
  margin-left: min(18vw, 255px);
}

.maze-shop-page-v2 .maze-shop-hero-v2__description {
  position: relative;
  z-index: 5;
  margin: 340px 0 18px;
  color: rgba(255,255,255,.9);
  font-size: clamp(18px, 1.15vw, 24px);
  line-height: 1.45;
}

.maze-shop-page-v2 .maze-shop-hero-v2__knowmore {
  position: relative;
  z-index: 5;
  display: inline-block;
  color: rgba(255,255,255,.9);
  font-style: italic;
  font-size: 20px;
  border-bottom: 1px solid rgba(255,255,255,.16);
  padding-bottom: 6px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__knowmore:hover {
  color: #9ad6ff;
  border-color: rgba(154,214,255,.45);
}

.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
  position: relative;
  z-index: 4;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  justify-self: center;
  width: min(54vw, 820px);
  margin-left: -20px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__cutout {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 22px 55px rgba(0,0,0,.34));
}

.maze-shop-page-v2 .maze-shop-hero-v2__showreel {
  position: absolute;
  right: clamp(28px, 3vw, 54px);
  bottom: 110px;
  z-index: 6;
  display: grid;
  grid-template-columns: 190px auto;
  align-items: center;
  min-height: 102px;
  background: linear-gradient(145deg, rgba(9,14,24,.82), rgba(5,8,14,.76));
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.maze-shop-page-v2 .maze-shop-hero-v2__showreel-thumb {
  position: relative;
  height: 100%;
  min-height: 102px;
  background-size: cover;
  background-position: center;
}

.maze-shop-page-v2 .maze-shop-hero-v2__showreel-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,.05));
}

.maze-shop-page-v2 .maze-shop-hero-v2__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
}

.maze-shop-page-v2 .maze-shop-hero-v2__play svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
}

.maze-shop-page-v2 .maze-shop-hero-v2__showreel-link {
  display: flex;
  align-items: center;
  padding: 0 34px;
  height: 100%;
  color: #fff;
  font-size: clamp(20px, 1.25vw, 32px);
  white-space: nowrap;
}

.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: end;
  width: 100%;
  margin-top: 16px;
  color: rgba(255,255,255,.66);
  font-size: 17px;
}

.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(1) { justify-self: start; }
.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(2) { justify-self: center; }
.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(3) { justify-self: center; }
.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(4) { justify-self: end; }

.maze-shop-page-v2 .maze-wc-archive {
  width: min(1180px, calc(100% - 44px));
  margin: 0 auto;
  padding-top: 0 !important;
}

@media (max-width: 1300px) {
  .maze-shop-page-v2 .maze-shop-hero-v2__content {
    grid-template-columns: minmax(260px, 320px) minmax(440px, 1fr);
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-maze {
    margin-left: min(16vw, 220px);
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__description {
    margin-top: 280px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__showreel {
    bottom: 86px;
    transform: scale(.92);
    transform-origin: right bottom;
  }
}

@media (max-width: 1040px) {
  .maze-shop-page-v2 .maze-shop-hero-v2 {
    min-height: auto;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding: 118px 20px 28px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__copy {
    max-width: 100%;
    padding-top: 0;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-stack {
    position: relative;
    top: auto;
    width: 100%;
    margin-bottom: 20px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-dj {
    font-size: clamp(92px, 18vw, 180px);
    margin-left: 0;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-maze {
    font-size: clamp(96px, 20vw, 190px);
    margin-top: -8px;
    margin-left: 18vw;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__description {
    margin-top: 10px;
    max-width: 420px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
    grid-column: 1;
    grid-row: auto;
    width: min(92vw, 620px);
    margin: 24px auto 0;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__showreel {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 18px 0 0 auto;
    transform: none;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta {
    margin-top: 26px;
    font-size: 14px;
  }
}

@media (max-width: 680px) {
  .maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav {
    top: 18px !important;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__content {
    padding: 106px 16px 24px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-dj {
    font-size: clamp(72px, 18vw, 120px);
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__title-maze {
    font-size: clamp(74px, 20vw, 128px);
    margin-left: 14vw;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__description {
    font-size: 16px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__knowmore {
    font-size: 18px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__showreel {
    width: 100%;
    grid-template-columns: 130px auto;
    min-height: 84px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__showreel-thumb {
    min-height: 84px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__showreel-link {
    font-size: 18px;
    padding: 0 18px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
  }
  .maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(2),
  .maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta span:nth-child(3) {
    justify-self: start;
  }
}

/* === Shop hero cutout replacement + centering fix === */
.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
  justify-self: center !important;
  align-self: end !important;
  width: min(46vw, 760px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(0) !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2__cutout {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 24px 58px rgba(0,0,0,.34)) !important;
}

@media (max-width: 1040px) {
  .maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
    width: min(82vw, 560px) !important;
    margin: 24px auto 0 !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2__cutout {
    max-width: 560px !important;
  }
}

@media (max-width: 680px) {
  .maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
    width: min(88vw, 460px) !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2__cutout {
    max-width: 460px !important;
  }
}

/* === Shop hero text cleanup === */
.maze-shop-page-v2 .maze-shop-hero-v2__kicker,
.maze-shop-page-v2 .maze-shop-hero-v2__bottom-meta {
  display: none !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2__copy {
  padding-top: 40px !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2__description {
  margin-top: 310px !important;
}

@media (max-width: 1040px) {
  .maze-shop-page-v2 .maze-shop-hero-v2__copy {
    padding-top: 0 !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2__description {
    margin-top: 10px !important;
  }
}

/* === Shop hero grounding / bottom spacing fix === */

/* Reduce the empty space at the bottom of the hero so the cutout sits closer to the base. */
.maze-shop-page-v2 .maze-shop-hero-v2__content {
  padding-bottom: 8px !important;
}

/* Keep the cutout anchored to the bottom and visually grounded. */
.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
  position: relative !important;
  align-self: end !important;
  margin-bottom: -6px !important;
  padding-bottom: 0 !important;
}

/* Add a subtle ground shadow under the cutout so it does not feel like it is floating. */
.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 8px !important;
  transform: translateX(-50%) !important;
  width: min(58%, 340px) !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.38) 0%, rgba(0,0,0,.2) 46%, rgba(0,0,0,0) 75%) !important;
  filter: blur(10px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.maze-shop-page-v2 .maze-shop-hero-v2__cutout {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin-bottom: 0 !important;
}

/* Close the space between the visual and the next section slightly. */
.maze-shop-page-v2 .maze-shop-hero-v2 {
  margin-bottom: 28px !important;
}

@media (max-width: 1040px) {
  .maze-shop-page-v2 .maze-shop-hero-v2__content {
    padding-bottom: 2px !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap {
    margin-bottom: -2px !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2__cutout-wrap::after {
    width: min(52%, 220px) !important;
    height: 24px !important;
    bottom: 8px !important;
  }

.maze-shop-page-v2 .maze-shop-hero-v2 {
    margin-bottom: 22px !important;
  }
}

/* === Fixed menu padding correction === */

/* When the nav becomes fixed on scroll, keep the glass bar balanced with padding on all sides. */
#djmaze-site .djmaze-global-nav.is-scrolled,
body:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
.maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav.is-scrolled,
.maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav.is-scrolled,
.maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
  padding: 14px 18px !important;
  min-height: 64px !important;
  height: auto !important;
  align-items: center !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Give the fixed bar equal breathing room inside the viewport. */
#djmaze-site .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 24px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
  width: auto !important;
}

/* Logged-in WordPress admin bar offset. */
body.admin-bar #djmaze-site .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

/* Prevent the content from touching the glass container edges. */
#djmaze-site .djmaze-global-nav.is-scrolled .brand,
#djmaze-site .djmaze-global-nav.is-scrolled .nav-links,
#djmaze-site .djmaze-global-nav.is-scrolled .nav-actions {
  align-items: center !important;
}

#djmaze-site .djmaze-global-nav.is-scrolled .nav-actions {
  gap: 12px !important;
}

#djmaze-site .djmaze-global-nav.is-scrolled .booking,
#djmaze-site .djmaze-global-nav.is-scrolled .whatsapp-btn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep the WhatsApp button inside the glass bar with right padding. */
#djmaze-site .djmaze-global-nav.is-scrolled .whatsapp-btn {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

/* Shop page: keep fixed nav balanced after it leaves the hero. */
#djmaze-site.maze-shop-page-v2 .djmaze-global-nav.is-scrolled {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 920px) {
  #djmaze-site .djmaze-global-nav.is-scrolled,
  body:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
  .maze-shop-page-v2 .maze-shop-hero-v2 .djmaze-global-nav.is-scrolled,
  .maze-bio-page-hero-wide .biography-hero-v3 .djmaze-global-nav.is-scrolled,
  .maze-discography-page-hero-wide .discography-hero-v2 .djmaze-global-nav.is-scrolled {
    padding: 12px 14px !important;
    min-height: 58px !important;
  }

#djmaze-site .djmaze-global-nav.is-scrolled {
    top: 18px !important;
    left: 14px !important;
    right: 14px !important;
  }

body.admin-bar #djmaze-site .djmaze-global-nav.is-scrolled {
    top: 58px !important;
  }
}

/* === Global fixed menu padding + z-index correction for all pages === */

/* Always keep the menu in front of every page/section/content. */
#djmaze-site .djmaze-global-nav,
#djmaze-site .djmaze-global-nav.is-scrolled,
.djmaze-global-nav,
.djmaze-global-nav.is-scrolled {
  z-index: 999999 !important;
  isolation: isolate !important;
}

/* Apply the balanced fixed menu bar to every page when scrolling. */
body #djmaze-site .djmaze-global-nav.is-scrolled,
body:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
body.woocommerce-page #djmaze-site .djmaze-global-nav.is-scrolled,
body.woocommerce-shop #djmaze-site .djmaze-global-nav.is-scrolled,
#djmaze-site.maze-shop-page-v2 .djmaze-global-nav.is-scrolled,
#djmaze-site.maze-bio-page-hero-wide .djmaze-global-nav.is-scrolled,
#djmaze-site.maze-discography-page-hero-wide .djmaze-global-nav.is-scrolled,
#djmaze-site.maze-discography-page .djmaze-global-nav.is-scrolled,
#djmaze-site.maze-photo-page-wrap .djmaze-global-nav.is-scrolled {
  position: fixed !important;
  top: 24px !important;
  left: clamp(18px, 3vw, 52px) !important;
  right: clamp(18px, 3vw, 52px) !important;
  width: auto !important;
  height: auto !important;
  min-height: 64px !important;
  padding: 14px 18px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border-radius: 16px !important;
  z-index: 999999 !important;
  background: linear-gradient(145deg, rgba(18,19,43,.76), rgba(4,6,20,.58)) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-color: rgba(210, 200, 255, 0.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 24px 80px rgba(0,0,0,.38) !important;
}

/* WordPress admin bar offset for every page. */
body.admin-bar #djmaze-site .djmaze-global-nav.is-scrolled,
body.admin-bar:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
body.admin-bar.woocommerce-page #djmaze-site .djmaze-global-nav.is-scrolled,
body.admin-bar.woocommerce-shop #djmaze-site .djmaze-global-nav.is-scrolled,
body.admin-bar #djmaze-site.maze-shop-page-v2 .djmaze-global-nav.is-scrolled,
body.admin-bar #djmaze-site.maze-bio-page-hero-wide .djmaze-global-nav.is-scrolled,
body.admin-bar #djmaze-site.maze-discography-page-hero-wide .djmaze-global-nav.is-scrolled {
  top: 66px !important;
}

/* Make sure hero/page layers never cover the fixed menu on scroll. */
#djmaze-site .biography-hero-v3,
#djmaze-site .discography-hero-v2,
#djmaze-site .maze-shop-hero-v2,
#djmaze-site .maze-full-discography,
#djmaze-site .maze-wc-archive,
#djmaze-site .maze-bio-simple-main,
#djmaze-site .panel,
#djmaze-site main {
  z-index: auto;
}

#djmaze-site .biography-hero-v3__content,
#djmaze-site .discography-hero-v2__content,
#djmaze-site .maze-shop-hero-v2__content {
  z-index: 3 !important;
}

/* Keep nav children centered inside the glass bar. */
body #djmaze-site .djmaze-global-nav.is-scrolled .brand,
body #djmaze-site .djmaze-global-nav.is-scrolled .nav-links,
body #djmaze-site .djmaze-global-nav.is-scrolled .nav-actions {
  align-items: center !important;
}

body #djmaze-site .djmaze-global-nav.is-scrolled .nav-actions {
  gap: 12px !important;
}

body #djmaze-site .djmaze-global-nav.is-scrolled .booking,
body #djmaze-site .djmaze-global-nav.is-scrolled .whatsapp-btn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body #djmaze-site .djmaze-global-nav.is-scrolled .whatsapp-btn {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
}

/* Mobile version for all pages. */
@media (max-width: 920px) {
  body #djmaze-site .djmaze-global-nav.is-scrolled,
  body:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
  body.woocommerce-page #djmaze-site .djmaze-global-nav.is-scrolled,
  body.woocommerce-shop #djmaze-site .djmaze-global-nav.is-scrolled,
  #djmaze-site.maze-shop-page-v2 .djmaze-global-nav.is-scrolled,
  #djmaze-site.maze-bio-page-hero-wide .djmaze-global-nav.is-scrolled,
  #djmaze-site.maze-discography-page-hero-wide .djmaze-global-nav.is-scrolled,
  #djmaze-site.maze-discography-page .djmaze-global-nav.is-scrolled,
  #djmaze-site.maze-photo-page-wrap .djmaze-global-nav.is-scrolled {
    top: 18px !important;
    left: 14px !important;
    right: 14px !important;
    min-height: 58px !important;
    padding: 12px 14px !important;
    z-index: 999999 !important;
  }

body.admin-bar #djmaze-site .djmaze-global-nav.is-scrolled,
  body.admin-bar:not(.home) #djmaze-site .djmaze-global-nav.is-scrolled,
  body.admin-bar.woocommerce-page #djmaze-site .djmaze-global-nav.is-scrolled,
  body.admin-bar.woocommerce-shop #djmaze-site .djmaze-global-nav.is-scrolled {
    top: 58px !important;
  }
}

${this.title}

Code Editor : style.css