/* V9.2 visual-only update: TRON/TRC banner artwork + notice label removal. */
/* Hero has live text in the DOM, fully selectable, localizable and SEO accessible. */
.hero{
  background-color:#073659;
  background-image: url('tron-trc-hero-v92.webp');
  background-position:center center;
  background-size:cover;
  border-color:#27789e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.hero .hero-mesh,.hero .hero-art{display:none!important}
.hero-copy{max-width:66%;position:relative;z-index:2}
.hero h1 .hero-word-tron{color:#fff;-webkit-text-fill-color:#fff}
.hero h1 .hero-word-energy{color:#acfff1;-webkit-text-fill-color:#acfff1}
.hero-copy>p{color:#ecf8ff;text-shadow:0 1px 12px rgba(0,20,40,.5)}
.hero .eyebrow{color:#b7ffed}
.hero-chips span{background:rgba(2,26,48,.42);border-color:rgba(220,252,255,.3);color:#f4fcff;backdrop-filter:blur(3px)}
/* The label is removed from markup, but the marquee, its content, and the detail link remain. */
.notice-body{flex:1;min-width:0}
.notice-body .notice-marquee{flex:1;min-width:0}
@media(max-width:800px){
  .hero{background-position:60% center}
  .hero-copy{max-width:85%}
}
@media(max-width:600px){
  .hero{min-height:330px;background-position:58% center}
  .hero-copy{max-width:100%}
  .hero h1{filter:drop-shadow(0 2px 14px rgba(2,14,28,.4))}
  .hero-copy>p{max-width:85%;color:#e5f8ff}
  .notice-body{flex-direction:row;align-items:center}
}
@media(max-width:380px){
  .hero{background-position:57% center}
  .hero-copy>p{max-width:92%}
}