/* The approved Maximusland listening room: clear rims, cool light and real artwork. */
:root {
  --bg:#0d111b;
  --panel:#182235;
  --white:#f3f6ff;
  --orange:#bfd2ff;
  --muted:#aebbd0;
  --glass-border:#ffffff75;
  --glass-shadow:inset 0 2px 2px #ffffffa3,inset 0 -2px 4px #090e3459,inset 2px 0 4px #ffffff30,0 8px 24px #03081938;
}
body { background:var(--bg);color:var(--white); }
.header-shell { background:#0d1423c7;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 -1px #ffffff24; }
.site-header { border-bottom-color:transparent; }
.brand-version { border-color:#c3d5ff66;color:#d5e3ff;background:#ffffff0b; }
.desktop-nav a { color:#bdc7da; }
.desktop-nav a:hover { color:#fff; }
.hero { background:radial-gradient(ellipse at 9% 40%,#7863bd25,transparent 52%),radial-gradient(ellipse at 88% 60%,#397c9338,transparent 52%),#0d111b; }
.hero-art { opacity:.13;filter:grayscale(.85) hue-rotate(150deg); }
.hero-shade { background:linear-gradient(90deg,#0d111b 1%,#0d111b25 65%,#0d111b44),linear-gradient(0deg,#0d111b,transparent 35%); }
.hero h1>span:last-child { color:#bed2ff;background:linear-gradient(115deg,#c6dfff 3%,#dac9ff 48%,#b5eaf0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.hero-topline .eyebrow,.hero-coordinate,.hero-description p,.hero-edition,.scroll-link>span:first-child { color:#afbdd2; }
.hero-listening { padding:16px;border:1px solid var(--glass-border);border-radius:27px;background:linear-gradient(135deg,#ffffff39,#d4e4ff09 43%,#a6dfff1c);box-shadow:var(--glass-shadow),0 26px 70px #0003;backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transform:rotate(2deg); }
.hero-cover-wrap { border-radius:17px;aspect-ratio:1;box-shadow:inset 0 1px 2px #fff8; }
.hero-track-copy small,.listening-top,.listening-bottom { color:#bdcbe0; }
.listening-bottom { border-top-color:#d0dcff3b; }
.hero-feature:hover .hero-cover { transform:scale(1.015);filter:brightness(1.04); }
.hero-cover-play svg { margin-left:0; }

/* All action buttons share the same lens and pointer-driven iridescence. */
:is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.hero-cover-play,.round-play,.project-play>span,.project-info button,.work-view-switch button,.mobile-menu>button) {
  --glass-x:50%;--glass-y:0%;--glass-hue:0deg;
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid var(--glass-border);border-radius:999px;
  color:var(--white);
  background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffff80,transparent 62%),linear-gradient(125deg,#b3b0ff35,#ffffff0a 44%,#8ddceb30 80%,#f0bfd935);
  box-shadow:var(--glass-shadow);
  backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
  transition:translate .2s ease,scale .2s ease,box-shadow .2s ease,filter .2s ease;
}
:is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.hero-cover-play,.round-play,.project-play>span,.project-info button,.work-view-switch button,.mobile-menu>button)::before {
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.62;
  background:conic-gradient(from var(--glass-hue) at var(--glass-x) var(--glass-y),#c8ebff11,#f3a6e99c,#7decfd8c,#fff5b17c,#bac3ff9c,#c8ebff11);
}
:is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.hero-cover-play,.round-play,.project-play>span,.project-info button,.work-view-switch button,.mobile-menu>button)::after {
  content:'';position:absolute;inset:1px;pointer-events:none;border-radius:inherit;border-top:1px solid #ffffffa0;border-bottom:1px solid #bcbcff70;
}
:is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.project-info button,.work-view-switch button,.mobile-menu>button):hover {
  color:#fff;translate:0 -2px;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffff80,transparent 62%),linear-gradient(125deg,#b3b0ff35,#ffffff0a 44%,#8ddceb30 80%,#f0bfd935),#a5bef514;box-shadow:var(--glass-shadow),0 5px 25px #8d9fe33d;
}
:is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.project-info button,.work-view-switch button,.mobile-menu>button):active { scale:.95;translate:0 0; }
:is(.header-contact,.solid-button,.text-button,.cf-project,.mobile-menu>button) { padding:13px 21px;min-height:46px;gap:13px; }
.text-button::after { width:auto;transform:none; }
.header-contact { font-weight:500;background-color:#6c81b724; }
.round-play,.round-listen:hover .round-play { color:white;border-color:var(--glass-border);background-color:#5b759330; }
.round-listen:hover .round-play,.hero-feature:hover .hero-cover-play { filter:brightness(1.16); }
.round-listen .round-play,.hero-cover-play { flex-shrink:0; }
.hero-cover-wrap .hero-cover-play,.project-detail-art .detail-play { position:absolute; }
.project-play:hover>span,.project-card.is-active .project-play>span,.round-listen:hover .round-play { color:white;background:radial-gradient(ellipse at var(--glass-x) var(--glass-y),#ffffff80,transparent 62%),linear-gradient(125deg,#b3b0ff35,#ffffff0a 44%,#8ddceb30 80%,#f0bfd935); }
.menu-toggle,.icon-button { min-width:44px;min-height:44px; }
.language-switch select { border-radius:999px!important;border-color:#ffffff59!important;background:#ffffff0d!important;box-shadow:inset 0 1px 1px #ffffff59; }
.language-switch select option { background:#182235;color:#f3f6ff; }
.work-view-switch { padding:5px;border:1px solid #ffffff3d;border-radius:999px;background:#ffffff08;gap:6px; }
.work-view-switch button { padding:10px 18px!important;color:#b9c9e2!important;box-shadow:none;background:#ffffff08;border-color:transparent; }
.work-view-switch button[aria-pressed=true] { color:#fff!important;background-color:#8faad140;box-shadow:var(--glass-shadow);border-color:var(--glass-border); }
.work-search-field { border-radius:999px!important;border-color:#ffffff47!important;background:#ffffff0b!important;color:var(--white);backdrop-filter:blur(12px); }
.work-search-field input { color:var(--white)!important; }
.work-search-field input::placeholder { color:#b0bed3; }
.work-search-field button { color:#d4e4ff; }

/* A dark gallery keeps the clear glass edges visible against real covers. */
.work-section { color:var(--white);background:radial-gradient(ellipse at 15% 43%,#69549828,transparent 50%),radial-gradient(ellipse at 89% 75%,#32849726,transparent 48%),#0d111b; }
.work-section .section-label,.work-section .section-label>span:last-child { color:#a4b4cd; }
.work-section .section-heading p,.works-bottom>span,.project-info p,.project-credit { color:#aebdd3; }
.work-section .text-button { color:var(--white); }
.coverflow {
  --cf-cover:clamp(245px,27vw,335px);
  padding:28px 30px 30px;border-radius:30px;border:1px solid #d2dfff3d;
  background:radial-gradient(ellipse at 19% 37%,#9574fa2b,transparent 47%),radial-gradient(ellipse at 80% 58%,#5ad9df30,transparent 45%),radial-gradient(ellipse at 51% 91%,#e3ac911f,transparent 42%),#101624;
  box-shadow:inset 0 1px 1px #ffffff35,0 25px 70px #0002;
}
.coverflow::before { content:'';position:absolute;left:-12%;top:12%;width:124%;height:61%;border:1px solid #c7e3ff33;border-radius:50%;transform:rotate(-19deg);pointer-events:none;z-index:-1; }
.cf-label,.cf-top-count { font-size:12px;letter-spacing:.1em;color:#bfcee2; }
.cf-card[data-offset='0'] { --cf-z:20px; }
.cf-card[data-offset='-1'] { --cf-x:calc(var(--cf-cover) * 1.02 * -1);--cf-z:-120px;--cf-angle:52deg;--cf-brightness:.84; }
.cf-card[data-offset='1'] { --cf-x:calc(var(--cf-cover) * 1.02);--cf-z:-120px;--cf-angle:-52deg;--cf-brightness:.84; }
.cf-cover-button {
  padding:9px;border-radius:27px;border:1px solid #ffffff9c;
  background:linear-gradient(135deg,#ffffff74,#dae6ff15 35%,#ffffff22 70%,#bdedff73);
  box-shadow:inset 2px 2px 4px #ffffffb3,inset -2px -2px 5px #36538285,0 23px 34px #03071850;
}
.cf-card.is-playing .cf-cover-button { border-color:#ffffffc9; }
.cf-cover-image { border-radius:18px;object-fit:contain;background:#111824; }
.cf-cover-placeholder { inset:9px;border-radius:18px; }
.cf-cover-button::after { inset:9px;border-radius:18px;background:linear-gradient(140deg,#ffffff0c,transparent 43%);box-shadow:inset 0 1px 0 #ffffff8f; }
.cf-cover-play,.cf-card.is-selected .cf-cover-button:hover .cf-cover-play,.cf-card.is-playing .cf-cover-play { color:#fff;background:radial-gradient(ellipse at 30% 0,#ffffff70,transparent 65%),#a5c8ee25;border-color:#ffffffa3;box-shadow:inset 0 1px 2px #fff,0 4px 8px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); }
.cf-reflection { top:calc(100% + 13px);height:52px;opacity:calc(.17 * var(--cf-brightness));filter:blur(10px);border-radius:50%;mask-image:linear-gradient(#0007,transparent);-webkit-mask-image:linear-gradient(#0007,transparent); }
.cf-reflection img { object-position:bottom; }
.cf-title { font-size:clamp(23px,2.3vw,30px);font-weight:500;letter-spacing:-.035em; }
.cf-artist { font-size:14px;color:#adbed6; }
.cf-controls { background:linear-gradient(130deg,#ffffff35,#ffffff0a 47%,#b2dfff29);border:1px solid #ffffff80;border-radius:999px;box-shadow:var(--glass-shadow);backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%);padding:10px 14px;gap:10px; }
.cf-controls .cf-control { width:44px;height:44px;min-width:44px;padding:10px;color:#fff; }
.cf-controls .cf-main-play { width:56px;height:56px; }
.cf-count { display:none; }
.cf-project { font-size:14px;color:#e2ecfc; }
#track-count { color:#c6d5ed;margin-left:0; }
.cf-hint { color:#a3b5cf; }
.cf-bottom { display:flex;flex-direction:column;gap:23px;margin-top:25px; }
.cf-player { width:min(100%,570px);border-radius:30px;padding:15px 22px 17px;border:1px solid #ffffff80;background:linear-gradient(130deg,#ffffff35,#ffffff0a 47%,#b2dfff29);box-shadow:var(--glass-shadow),0 17px 40px #0003;backdrop-filter:blur(25px) saturate(150%);-webkit-backdrop-filter:blur(25px) saturate(150%); }
.cf-transport { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px; }
.cf-transport .cf-controls { padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:12px; }
.cf-transport .cf-hint { display:block;font-size:12px;letter-spacing:0;line-height:1.5; }
.cf-volume { display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0; }
.cf-volume .cf-mute { width:38px;height:38px;min-width:38px;padding:9px; }
.cf-volume .cf-mute svg { width:18px;height:18px; }
.cf-volume-range { max-width:55px;min-width:0; }
.cf-player input[type=range] { height:28px;min-width:0;background-size:100% 3px;background-repeat:no-repeat;background-position:center; }
.cf-seek-row { display:flex;align-items:center;gap:13px;margin-top:17px;font-size:12px;color:#c5d5eb;font-variant-numeric:tabular-nums; }
.cf-seek-row span { min-width:30px; }
.cf-seek-row span:last-child { text-align:right; }
.cf-seek-row input { flex:1;min-width:0; }
.cf-seek:disabled { opacity:.45;cursor:default; }
.cf-cover-button::after { background:radial-gradient(ellipse at var(--glass-x,50%) var(--glass-y,0%),#ffffff20,transparent 58%); }
.project-art { padding:8px;border:1px solid #ffffff80;border-radius:25px;background:linear-gradient(140deg,#ffffff40,#c8e4ff15);box-shadow:var(--glass-shadow); }
.project-art>img { border-radius:18px; }
.project-info button { width:46px;height:46px;display:grid;place-items:center;padding:12px; }
.project-play>span { width:48px;height:48px; }

.statement { background:radial-gradient(ellipse at 8% 90%,#9874d940,transparent 60%),radial-gradient(ellipse at 85% 17%,#569aaa40,transparent 60%),#192335;color:#f0f4ff;border-block:1px solid #d2e1ff35; }
.statement .eyebrow,.statement-bottom>span { color:#bdcce3; }
.statement>p>span { color:#d1dfff; }
.statement-bottom { border-top-color:#d8e4ff35; }
.statement-bottom .text-button,.statement-bottom>button { color:#fff; }
.statement .signal-symbol { color:#d9e4ff; }
.about-section,.services-section,.faq-section,.site-footer { background:#0d111b; }
.about-copy>p,.service-content p,.service-footnote,.services-section .section-heading p,.faq-list p { color:#aebdd3; }
.portrait-frame { border-radius:26px;border:1px solid #d8e7ff63;box-shadow:var(--glass-shadow); }
.services-section { border-top:1px solid #d3e4ff28; }
.service-row { border-color:#d5e3ff35; }
.service-plus { background:linear-gradient(135deg,#ffffff30,#bdd4ff18);border:1px solid #ffffff64;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;box-shadow:inset 0 1px 2px #ffffff90; }
.process-section { background:#192335;color:var(--white);border-block:1px solid #d5e5ff2e; }
.process-section .section-label,.process-section .step-number { color:#c3d6f8; }
.process-steps li { border-color:#ffffff3a; }
.process-steps p { color:#b5c4db; }
.faq-list details,.faq-list details:last-child { border-color:#d2e3ff35; }
.contact-section { color:var(--white);background:radial-gradient(ellipse at 80% 80%,#49849b38,transparent 60%),radial-gradient(ellipse at 20% 30%,#7660b735,transparent 60%),#131d30;border-block:1px solid #d8e5ff2b; }
.contact-section .eyebrow,.contact-bottom>p { color:#afc0da; }
.contact-section h2 span { color:#c6dbff; }
.contact-bottom { border-color:#d9e8ff3b; }
.contact-big-button { color:white; }
.footer-bottom { color:#aebcd1; }

.player-dock { border-radius:29px!important;border:1px solid #ffffff90!important;background:linear-gradient(130deg,#ffffff25,#b5d5ff0a 50%,#99ddee20),#172136d9!important;box-shadow:var(--glass-shadow),0 18px 55px #0006!important;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%); }
.dock-controls .main-play { color:white;background-color:#a4b8e526; }
.dock-track img { border-radius:11px;border:1px solid #fff6; }
.dock-track small,.dock-seek span { color:#b4c5df; }
.dock-volume input,.dock-seek input { accent-color:#d6e5ff; }
.catalog-dialog,.project-dialog,.brief-dialog { border-radius:28px!important;background:linear-gradient(135deg,#ffffff12,#b4d7ff06),#162136f5;border:1px solid #ffffff85!important;box-shadow:var(--glass-shadow),0 30px 100px #0008;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px); }
dialog::backdrop { background:#03091b9c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px); }
.brief-dialog input,.brief-dialog select,.brief-dialog textarea,.search-label input { padding-inline:13px;border-radius:13px;border:1px solid #aebed34f;background:#07101e55;color:#edf4ff; }
.brief-dialog option { background:#172338; }
.brief-intro,.form-note,.brief-fallback,.project-detail-copy>p:not(.detail-artist) { color:#b6c8e3; }
.project-dialog .project-close { position:absolute; }
.catalog-item { border-color:#d2dfff23; }
.catalog-item:hover,.catalog-item.is-active { background:#c9dcff14; }
.catalog-item.is-active { color:#d9e8ff; }
.catalog-item img { border-radius:9px; }
.catalog-artist,.catalog-number,.catalog-item small { color:#a9bbd5; }
.mobile-menu { background:#121c2df5;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-bottom:1px solid #fff6; }
.mobile-menu>button>span { color:var(--white); }
.toast { background:#1b2c44ee;border:1px solid #d4e5ff70;border-radius:20px;color:#f0f6ff;backdrop-filter:blur(20px); }

@media(max-width:760px) {
  .hero-shade { background:linear-gradient(180deg,#0d111b 0%,#0d111b20 45%,#0d111b); }
  .hero-listening { padding:12px;border-radius:24px; }
  .hero-cover-wrap { border-radius:16px; }
  .coverflow { --cf-cover:clamp(190px,51vw,270px);padding:22px 17px 25px;border-radius:26px; }
  .cf-viewport { height:calc(var(--cf-cover) + 104px); }
  .cf-cover-button { border-radius:23px;padding:7px; }
  .cf-cover-image { border-radius:16px; }
  .cf-cover-button::after,.cf-cover-placeholder { inset:7px;border-radius:16px; }
  .cf-label,.cf-top-count { font-size:12px;letter-spacing:.035em; }
  .cf-controls { justify-self:center; }
  .cf-player { padding:14px 15px 15px;border-radius:27px; }
  .cf-transport { grid-template-columns:1fr auto;gap:9px; }
  .cf-transport .cf-hint { grid-column:1/-1;grid-row:2;text-align:center; }
  .cf-transport .cf-controls { gap:8px;justify-self:start; }
  .cf-volume-range { max-width:48px; }
  .cf-seek-row { margin-top:9px;gap:10px; }
  .cf-project { justify-self:center;font-size:14px; }
  .work-view-switch button { padding-inline:12px!important; }
  .hero-project-link { width:max-content;font-size:14px; }
  .statement-bottom>button { max-width:none;font-size:14px; }
  .player-dock { border-radius:23px!important; }
  .dock-controls { gap:5px; }
  .dock-controls .icon-button { min-width:40px;min-height:44px; }
  .player-dock>#player-close { min-width:38px;width:38px; }
}
@media(max-width:380px) {
  .coverflow { padding-inline:10px; }
  .cf-transport .cf-controls { gap:5px; }
  .cf-controls .cf-control { width:40px;min-width:40px; }
  .cf-controls .cf-main-play { width:50px;min-width:50px;height:50px; }
  .cf-volume { gap:5px; }
  .cf-volume-range { max-width:29px; }
  .cf-player { padding-inline:12px; }
  .cf-label,.cf-top-count { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  :is(.header-contact,.solid-button,.cf-control,.cf-project,.text-button,.icon-button,.contact-big-button,.detail-play,.hero-cover-play,.round-play,.project-play>span,.project-info button,.work-view-switch button,.mobile-menu>button) { transition:none;translate:none;scale:none; }
}
@media(prefers-reduced-transparency:reduce) {
  .header-shell,.hero-listening,.cf-controls,.player-dock,.catalog-dialog,.project-dialog,.brief-dialog { background:#1b2a42!important;backdrop-filter:none;-webkit-backdrop-filter:none; }
}