/* MRE palette V2 — obsidian, platinum, ice white, controlled electric cobalt. */
:root{
  --black:#03050a;
  --night:#080b12;
  --white:#f7f9fc;
  --paper:#eef1f6;
  --silver:#c9ced8;
  --muted:#8d95a3;
  --ember:#ff681a;
  --line-dark:rgba(223,228,240,.16);
  --line-light:rgba(24,30,44,.16);
  --accent:#ff681a;
  --accent-soft:#e0d6cf;
  --accent-deep:#2a180f;
}

html,body{background:var(--black)}
::selection{background:var(--accent);color:#fff}
.site-header{background:transparent;border-bottom-color:transparent}
.site-header.scrolled{background:rgba(3,5,10,.96);border-bottom-color:rgba(220,226,239,.16)}
.site-nav a:after{background:linear-gradient(90deg,var(--accent-soft),var(--accent))}

.hero{background:radial-gradient(circle at 78% 14%,rgba(255,104,26,.08),transparent 28%),var(--black)}
.hero h1 span:nth-child(2){color:var(--accent-soft)}
.hero-visual{background:linear-gradient(145deg,#090d18 0%,#151d3a 52%,#bf5421 100%)}
.hero-photo-frame{background:#080b12}
.hero-photo-wash{background:linear-gradient(180deg,rgba(7,10,17,.02),rgba(3,5,10,.72)),linear-gradient(90deg,rgba(255,104,26,.18),transparent 58%)}
.hero-vertical{color:rgba(236,240,249,.72)}
.hero-player{background:#070a10;border-top-color:rgba(214,221,238,.14)}
.hero-player-label span{color:var(--accent-soft)}
.feature-play:hover,.feature-play.playing{background:var(--accent);border-color:var(--accent);color:#fff}
.feature-progress i{background:linear-gradient(90deg,var(--accent-soft),var(--accent))}

.catalog{background:linear-gradient(180deg,#06080d,#080b12)}
.track-card{background:#0a0d14;border-color:rgba(221,226,240,.14)}
.track-card:nth-child(1){background:linear-gradient(155deg,#121824,#07090e)}
.track-card:nth-child(3){background:linear-gradient(150deg,rgba(255,104,26,.18),#090c13 48%)}
.track-card:nth-child(5){background:linear-gradient(140deg,#1a120d 0%,#ac4a1e 58%,#ff9a60 100%);color:#fff}
.track-card:nth-child(5) .track-number{color:#dfe4ff}
.track-card:nth-child(5) .track-theme{color:#edf0ff}
.track-card:nth-child(5):before{color:rgba(255,255,255,.08)}
.track-number{color:var(--accent-soft)}
.track-card:hover{border-color:rgba(155,165,255,.58)}
.track-card:nth-child(5):hover{border-color:#e1d8d2}

.brand-break{
  color:#f7f9ff;
  background:
    radial-gradient(circle at 78% 28%,rgba(128,143,255,.32),transparent 24%),
    radial-gradient(circle at 18% 84%,rgba(78,94,196,.19),transparent 34%),
    linear-gradient(135deg,#070a12 0%,#11172b 46%,#2a170d 100%);
}
.brand-break-inner>span{color:#aab4d1}
.brand-break p{color:#dbe0ea}
.brand-break img{mix-blend-mode:screen;filter:grayscale(.25) saturate(.65) contrast(1.08) brightness(1.08);opacity:.58}
.brand-break:before{background:radial-gradient(circle at 72% 38%,rgba(163,174,255,.23),transparent 25%),radial-gradient(circle at 16% 82%,rgba(255,255,255,.06),transparent 32%)}
.brand-break::after{background:linear-gradient(90deg,transparent,rgba(180,190,255,.28),transparent)}

.story{background:#eef1f6;color:#10131a}
.story-copy .section-number,.sync-header .section-number{color:#ac4a1e}
.story-copy>p:not(.story-lead){color:#3e4451}
.sync{background:#e1e5ed;color:#11151d;border-top-color:rgba(24,30,44,.14)}
.sync-title-row>p{color:#505866}
.sync-pills span{border-color:#b6becd;background:rgba(255,255,255,.36)}
.sync-table{border-top-color:#1a2030}
.sync-row{border-bottom-color:#c0c7d3}
.sync-row span{color:#657082}
.sync-row button:hover,.sync-cta{color:#ac4a1e}

.connect{background:radial-gradient(circle at 82% 20%,rgba(255,104,26,.08),transparent 24%),#05070c}
.email-form button,.professional-heading>span,.panel-number,.panel-actions button{color:var(--accent-soft)}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--accent)}
.button-orange{background:linear-gradient(135deg,var(--accent-soft),var(--accent));border-color:var(--accent);color:#fff}
.button-orange:hover{background:#fff;color:#0a0d14;border-color:#fff}
.button-light:hover{background:var(--accent);border-color:var(--accent);color:#fff}

.track-card:after{background:radial-gradient(circle 260px at var(--mx) var(--my),rgba(255,104,26,.22),transparent 68%)}
.track-card:nth-child(5):after{background:radial-gradient(circle 280px at var(--mx) var(--my),rgba(255,255,255,.26),transparent 70%)}
.hero-visual::before{background:radial-gradient(circle at 28% 34%,rgba(255,255,255,.22),transparent 18%),radial-gradient(circle at 72% 70%,rgba(255,104,26,.38),transparent 28%),linear-gradient(118deg,transparent 22%,rgba(207,215,255,.14) 48%,transparent 68%)}
.hero-player:before{background:linear-gradient(105deg,transparent 5%,rgba(255,104,26,.11) 45%,transparent 78%)}
.hero-player.is-playing{background:linear-gradient(105deg,#080a12,#11172c 52%,#07090e);border-top-color:rgba(255,104,26,.48);box-shadow:inset 0 1px 0 rgba(255,104,26,.16),0 -8px 55px rgba(255,104,26,.10)}
.hero-player.is-playing .feature-play{box-shadow:0 0 30px rgba(255,104,26,.34)}
.hero-player.is-playing .feature-progress i{box-shadow:0 0 18px rgba(255,104,26,.58)}
.player-wave span{background:var(--accent)}
.motion-preference-notice button{border-color:var(--accent);background:var(--accent);color:#fff}

@keyframes mre-featured-card-breathe{
  from{box-shadow:0 0 0 rgba(255,104,26,0),inset 0 0 0 rgba(255,104,26,0)}
  to{box-shadow:0 20px 70px rgba(255,104,26,.12),inset 0 0 54px rgba(255,104,26,.04)}
}
@keyframes mre-card-edge{
  from{border-color:rgba(255,255,255,.14)}
  to{border-color:rgba(255,104,26,.48)}
}
@keyframes mre-card-edge-orange{
  from{box-shadow:0 0 0 rgba(255,255,255,0)}
  to{box-shadow:0 16px 55px rgba(255,104,26,.20),inset 0 0 0 1px rgba(255,255,255,.17)}
}

/* Header integration: hero runs behind the navigation until scroll. */
.site-header{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.site-header.scrolled{
  background:rgba(3,5,10,.95)!important;
  border-bottom:1px solid rgba(220,226,239,.11)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(14px)!important;
}
.wordmark{
  position:relative;
  isolation:isolate;
}
.wordmark:before{
  content:"";
  position:absolute;
  inset:-8px -12px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,104,26,.28),rgba(255,104,26,0) 70%);
  filter:blur(7px);
}
.wordmark img{
  filter:
    drop-shadow(2px 0 0 #ff681a)
    drop-shadow(-2px 0 0 #ff681a)
    drop-shadow(0 2px 0 #ff681a)
    drop-shadow(0 -2px 0 #ff681a)
    drop-shadow(1.4px 1.4px 0 #ff681a)
    drop-shadow(-1.4px 1.4px 0 #ff681a)
    drop-shadow(1.4px -1.4px 0 #ff681a)
    drop-shadow(-1.4px -1.4px 0 #ff681a)
    drop-shadow(0 0 12px rgba(255,104,26,.68));
}
.hero{padding-top:0;border-bottom-color:rgba(223,228,240,.08)}
.hero-poster{min-height:clamp(650px,100svh,860px)}
.hero-copy{padding-top:calc(var(--header) + clamp(46px,5vw,78px))}

@media(max-width:900px){
  .hero-copy{padding-top:calc(var(--header) + 42px)}
  .hero-poster{min-height:0}
}