/* V3.8 // descender fix + faster profile siren */

/* HERO NAME // keep Vietnamese diacritics and give descenders (g, y, p, q) real room. */
.hero__copy,
.hero-copy-row,
.mock-hero-main{
  overflow:visible!important;
}
.hero__copy h1{
  display:inline-block!important;
  overflow:visible!important;
  line-height:1.10!important;
  padding:0 0 .14em!important;
  margin-bottom:-.02em!important;
  vertical-align:top;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* PROFILE RECORD // faster siren cadence, same wide bloom. */
.portrait-console{
  animation-duration:1.8s!important;
}
.portrait-console__bezel::before,
.portrait-console__bezel::after,
.portrait-console__title strong{
  animation-duration:1.8s!important;
}

/* Give the bloom more presence without clipping the corrected inner cyan rail. */
.portrait-console{
  filter:
    drop-shadow(-13px 0 28px rgba(255,48,74,.44))
    drop-shadow(13px 0 29px rgba(90,223,255,.40))
    drop-shadow(0 0 26px rgba(165,226,255,.15));
}
.portrait-console__bezel{
  box-shadow:
    -11px 0 32px rgba(255,48,74,.22),
    11px 0 34px rgba(90,223,255,.24),
    0 0 48px rgba(151,220,255,.14),
    0 0 96px rgba(66,169,255,.09)!important;
}

/* MOBILE TOPBAR // keep VIEW + favorite visible instead of silently hiding metrics. */
@media(max-width:980px){
  body.ui-vi .site-metrics{
    display:flex!important;
    flex:0 0 auto!important;
    gap:5px!important;
  }
  body.ui-vi .mock-top-right{gap:6px!important}
  body.ui-vi .site-metrics>span,
  body.ui-vi .site-favorite{
    height:29px!important;
    padding:0 6px!important;
    font-size:6.5px!important;
    background:rgba(5,18,29,.82)!important;
    border-color:rgba(116,207,255,.22)!important;
  }
  body.ui-vi .site-metrics b{font-size:7px!important}
  body.ui-vi .site-favorite svg{width:12px!important;height:12px!important}
}

@media(max-width:700px){
  body.ui-vi .mock-topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:6px!important;
  }
  body.ui-vi .mock-brand{
    min-width:0!important;
    padding-right:10px!important;
  }
  body.ui-vi .mock-top-right{
    min-width:0!important;
    gap:4px!important;
  }
  body.ui-vi .site-metrics{gap:3px!important}
  body.ui-vi .site-metrics>span,
  body.ui-vi .site-favorite{
    height:28px!important;
    padding:0 5px!important;
    font-size:6px!important;
  }
  body.ui-vi .site-metrics b{font-size:6.5px!important}
  body.ui-vi .site-favorite svg{width:11px!important;height:11px!important}
  body.ui-vi .mobile-only{
    padding:8px 9px!important;
    font-size:7px!important;
  }
}

@media(max-width:430px){
  body.ui-vi .mock-brand{
    max-width:142px!important;
    padding-right:7px!important;
    border-right:0!important;
  }
  body.ui-vi .mock-brand strong{font-size:21px!important}
  body.ui-vi .mock-brand small{font-size:5.3px!important;letter-spacing:.06em!important}
  body.ui-vi .site-metrics>span,
  body.ui-vi .site-favorite{
    height:27px!important;
    padding:0 4px!important;
    font-size:5.5px!important;
  }
  body.ui-vi .site-metrics b{font-size:6px!important}
  body.ui-vi .site-favorite svg{width:10px!important;height:10px!important}
  body.ui-vi .mobile-only{padding:7px 8px!important;font-size:6.5px!important}
}

body.reduced-motion .portrait-console,
body.reduced-motion .portrait-console__bezel::before,
body.reduced-motion .portrait-console__bezel::after,
body.reduced-motion .portrait-console__title strong{
  animation:none!important;
}

@media(max-width:820px){
  .portrait-console,
  .portrait-console__bezel::before,
  .portrait-console__bezel::after,
  .portrait-console__title strong{animation-duration:2.2s!important}
}