/* Discology NEXT V3.3 — isolated hero component. */
.dx-hero{min-height:628px;padding:62px var(--dx-edge) 38px;display:grid;grid-template-columns:minmax(340px,36%) minmax(0,1fr) minmax(104px,124px);align-items:center;position:relative;border-bottom:1px solid #253947;isolation:isolate}
.dx-hero::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse 35% 70% at 42% 48%,#0a253755,transparent 85%)}
.dx-hero::after{content:"";position:absolute;right:-17%;bottom:-73%;width:780px;height:590px;border:1px solid #243d4c;border-radius:50%;transform:rotate(-15deg);z-index:-2}
.dx-hero__glow{position:absolute;right:20%;top:9%;width:49%;height:73%;background:radial-gradient(ellipse,#07829b23,#0a4d6520 26%,transparent 70%);filter:blur(25px);z-index:-1;pointer-events:none}
.dx-hero__copy{z-index:3;position:relative;align-self:center;padding-bottom:32px}
.dx-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 26px;color:#a9bcc5;font-size:10px;font-weight:800;letter-spacing:.3em;white-space:nowrap}
.dx-eyebrow>span{width:40px;height:1px;background:var(--dx-lime);display:block}
.dx-eyebrow b{color:#6e8494;font-weight:600}
.dx-hero h1{font-size:clamp(52px,5.35vw,96px);line-height:.99;letter-spacing:-.072em;font-weight:950;margin:0;text-transform:uppercase}
.dx-hero h1>span{display:block;white-space:nowrap}
.dx-head-outline{color:transparent;-webkit-text-stroke:1.4px #a6c8d7;text-shadow:0 0 14px #89d6ff0c;letter-spacing:-.069em}
.dx-head-accent{color:var(--dx-lime);text-shadow:0 0 34px #caff3d2e}
.dx-hero__intro{max-width:400px;color:#b3c7d0;line-height:1.7;margin:23px 0 27px;font-size:15px}
.dx-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.dx-btn-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--dx-lime);color:#081013!important;font-weight:900;font-size:11px;letter-spacing:.08em;padding:19px 21px;border-radius:7px;box-shadow:0 0 28px #c4fd3a45;transition:transform .23s,box-shadow .23s}
.dx-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 36px #c4fd3a65}
.dx-btn-primary span{font-size:21px;line-height:.8}
.dx-pulse-caption{font-size:9px;letter-spacing:.17em;font-weight:700;color:#8fa9b4;display:flex;align-items:center;gap:9px}
.dx-pulse-caption i{width:7px;height:7px;border-radius:50%;background:var(--dx-cyan);box-shadow:0 0 12px var(--dx-cyan);animation:dx-pulse 2.4s infinite}
.dx-hero__wave{height:40px;display:flex;align-items:center;gap:4px;margin-top:39px;opacity:.7}
.dx-hero__wave span{width:3px;height:8px;background:var(--dx-cyan);border-radius:5px}
.dx-hero__wave span:nth-child(3n){height:19px}
.dx-hero__wave span:nth-child(4n){height:29px}
.dx-hero__wave span:nth-child(5n){height:13px}
.dx-hero__wave span:nth-child(7n){height:37px}
.dx-scroll-hint{position:absolute;right:var(--dx-edge);bottom:18px;font-size:9px;letter-spacing:.19em;color:#b9d4dd!important;display:flex;gap:16px;align-items:center}
.dx-scroll-hint span{font-size:25px}
@media(min-width:1680px){.dx-hero{min-height:700px}}
@media(min-width:1680px){.dx-hero h1{font-size:95px}}
@media(max-width:1300px){.dx-hero{grid-template-columns:minmax(310px,37%) minmax(0,1fr) 99px}}
@media(max-width:1300px){.dx-hero h1{font-size:clamp(48px,5vw,70px)}}
@media(max-width:1050px){.dx-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding-top:40px}}
@media(max-width:1050px){.dx-scroll-hint{display:none}}
@media(max-width:1050px){.dx-hero__copy{padding-bottom:0}}
@media(max-width:760px){.dx-hero{display:block;padding-top:50px}}
@media(max-width:760px){.dx-hero__copy{max-width:600px}}
@media(max-width:760px){.dx-hero h1{font-size:clamp(56px,11.5vw,87px)}}
@media(max-width:760px){.dx-hero__intro{max-width:500px}}
@media(max-width:520px){.dx-eyebrow{font-size:8px;letter-spacing:.2em;gap:9px}}
@media(max-width:520px){.dx-eyebrow>span{width:20px}}
@media(max-width:520px){.dx-hero h1{font-size:clamp(46px,12.4vw,65px)}}
@media(max-width:520px){.dx-hero__actions{gap:16px}}
@media(max-width:520px){.dx-btn-primary{font-size:10px;padding:16px 14px}}
@media(max-width:520px){.dx-pulse-caption{font-size:8px}}
@media(max-width:520px){.dx-hero__intro{font-size:14px}}
@media (min-width:1450px){.dx-page--full .dx-hero{
    grid-template-columns:minmax(460px,31%) minmax(0,1fr) minmax(145px,11%);
    gap:clamp(4px,1vw,34px);
    padding:clamp(54px,4.1vw,115px) var(--dx-edge) clamp(46px,3vw,90px);
    min-height:clamp(740px,75vh,1090px);
  }}
@media (min-width:1450px){.dx-page--full .dx-hero h1{font-size:clamp(76px,4.85vw,132px)}}
@media (min-width:1450px){.dx-page--full .dx-hero__intro{max-width:600px;font-size:clamp(15px,.89vw,19px)}}
@media (min-width:2500px){.dx-page--full .dx-hero{min-height:980px}}
@media (min-width:2500px){.dx-page--full .dx-hero__copy{padding-left:clamp(0px,1vw,34px)}}
.dx-page--full .dx-hero h1{
  font-family:"Arial Narrow","Helvetica Neue",Arial,system-ui,sans-serif;
  font-weight:300;
  letter-spacing:.006em;
  line-height:1.07;
  text-shadow:none;
}
.dx-page--full .dx-hero h1>span{letter-spacing:.012em}
.dx-page--full .dx-hero h1>span:first-child{
  font-weight:300;color:rgba(239,251,255,.07);
  -webkit-text-stroke:1.15px #e8faff;
  text-shadow:0 0 12px #d7f9ff70,0 0 42px #65d6ff30;
}
.dx-page--full .dx-hero .dx-head-outline{
  font-weight:300;color:rgba(66,236,240,.055);
  -webkit-text-stroke:1.15px #77f3f8;
  text-shadow:0 0 15px #3adfee72,0 0 44px #35cfe738;
}
.dx-page--full .dx-hero .dx-head-accent{
  font-weight:300;color:rgba(202,249,84,.08);
  -webkit-text-stroke:1.3px #d5ff6f;
  text-shadow:0 0 17px #cbff7582,0 0 44px #b9ff4c40;
}
.dx-page--full .dx-hero .dx-period{color:var(--dx-lime);-webkit-text-stroke:0;text-shadow:0 0 24px #c4ff72aa}
@supports not (-webkit-text-stroke:1px black){.dx-page--full .dx-hero h1>span:first-child{color:#e8faff}}
@supports not (-webkit-text-stroke:1px black){.dx-page--full .dx-hero .dx-head-outline{color:#77f3f8}}
@supports not (-webkit-text-stroke:1px black){.dx-page--full .dx-hero .dx-head-accent{color:#d5ff6f}}
html[data-dx-theme="light"] .dx-hero{border-bottom-color:#bbd2df}
html[data-dx-theme="light"] .dx-hero::before{background:radial-gradient(ellipse 48% 75% at 55% 48%,#6aaec433,transparent 85%)}
html[data-dx-theme="light"] .dx-hero::after{border-color:#86aab94d}
html[data-dx-theme="light"] .dx-hero__glow{background:radial-gradient(ellipse,#7ec9d43b,transparent 70%)}
html[data-dx-theme="light"] .dx-eyebrow{color:#3b6475}
html[data-dx-theme="light"] .dx-eyebrow b{color:#5c7c89}
html[data-dx-theme="light"] .dx-eyebrow>span{background:#198692}
html[data-dx-theme="light"] .dx-page--full .dx-hero h1>span:first-child{color:#f6fcff25;-webkit-text-stroke:1.4px #1d455c;text-shadow:0 0 11px #5ebccc42}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-outline{color:#e6f9f51c;-webkit-text-stroke:1.4px #067e8d;text-shadow:0 0 10px #4db5bf52}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-accent{color:#cbe77826;-webkit-text-stroke:1.4px #488e18;text-shadow:0 0 17px #77be348a}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-period{color:#488e18}
html[data-dx-theme="light"] .dx-hero__intro{color:#36596b}
html[data-dx-theme="light"] .dx-btn-primary{background:#c1ed56;color:#122b19!important;box-shadow:0 0 20px #6fa6324d}
html[data-dx-theme="light"] .dx-btn-primary:hover{box-shadow:0 8px 27px #67b33a77}
html[data-dx-theme="light"] .dx-pulse-caption{color:#557787}
html[data-dx-theme="light"] .dx-scroll-hint{color:#37677a!important}
.dx-page--full .dx-hero h1{
  font-family:"Arial Narrow",Inter,"Helvetica Neue",Arial,system-ui,sans-serif;
  font-weight:900;
  line-height:1.015;
  letter-spacing:-.045em;
}
.dx-page--full .dx-hero h1>span{font-weight:900;letter-spacing:-.048em}
.dx-page--full .dx-hero h1>span:first-child{
  color:#f2fcff;
  -webkit-text-stroke:1px #ecfbff;
  text-shadow:0 0 15px #b2f2ff75,0 0 37px #39c7ff40;
}
.dx-page--full .dx-hero .dx-head-outline{
  color:rgba(53,229,244,.075);
  -webkit-text-stroke:2px #73eff6;
  text-shadow:0 0 12px #4ddfed92,0 0 34px #35cfe73b;
}
.dx-page--full .dx-hero .dx-head-accent{
  color:rgba(195,247,79,.09);
  -webkit-text-stroke:2.3px #d1ff65;
  text-shadow:0 0 15px #beff70a0,0 0 34px #a4ec433c;
}
html[data-dx-theme="light"] .dx-page--full .dx-hero h1>span:first-child{
  color:#17374b;-webkit-text-stroke:1px #1d5266;
  text-shadow:0 0 16px #70b8cb50;
}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-outline{
  color:rgba(38,141,167,.075);-webkit-text-stroke:2px #087e93;
  text-shadow:0 0 12px #2aa8c465;
}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-accent{
  color:rgba(90,151,36,.09);-webkit-text-stroke:2.3px #4b8d16;
  text-shadow:0 0 14px #88c33f70;
}
@supports not (-webkit-text-stroke:1px black){.dx-page--full .dx-hero .dx-head-outline{color:#73eff6}}
@supports not (-webkit-text-stroke:1px black){.dx-page--full .dx-hero .dx-head-accent{color:#d1ff65}}
@supports not (-webkit-text-stroke:1px black){html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-outline{color:#087e93}}
@supports not (-webkit-text-stroke:1px black){html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-accent{color:#4b8d16}}
.dx-page--full .dx-hero::before,
.dx-page--full .dx-hero::after{pointer-events:none}
.dx-page--full .dx-hero h1{
  font-family:Inter,"Arial Black",system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(58px,4.55vw,120px);
  letter-spacing:-.066em;
}
.dx-page--full .dx-hero h1>span{font-weight:900;letter-spacing:-.075em}
.dx-page--full .dx-hero .dx-head-outline{-webkit-text-stroke:2.65px #73eff6}
.dx-page--full .dx-hero .dx-head-accent{-webkit-text-stroke:2.8px #d1ff65}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-outline{-webkit-text-stroke:2.65px #087e93}
html[data-dx-theme="light"] .dx-page--full .dx-hero .dx-head-accent{-webkit-text-stroke:2.8px #4b8d16}
@media(max-width:760px){.dx-page--full .dx-hero h1{font-size:clamp(43px,9vw,71px)}}
@media(max-width:520px){.dx-page--full .dx-hero h1{font-size:clamp(34px,9.1vw,49px)}}

/* V3.3: headline weight matches V3.2 intended filled-MUSIC design. */
.dx-page--full .dx-hero h1>span:first-child{font-weight:900}