Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64
Apache
: 10.120.20.2 | : 216.73.216.49
Cant Read [ /etc/named.conf ]
8.5.7
verseaumee
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
README
+ Create Folder
+ Create File
/
home /
verseaumee /
maze /
wp-content /
themes /
Archive /
[ HOME SHELL ]
Name
Size
Permission
Action
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
12.3
KB
-rw-r--r--
functions.php
18.6
KB
-rw-r--r--
header.php
311
B
-rw-r--r--
index.php
360
B
-rw-r--r--
page-biography.php
4.08
KB
-rw-r--r--
page-discography.php
2.74
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
68.06
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
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.0.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; }
Close