/* HallowixStudios V48 — About first section matched to supplied prototype. */
body.hx-about-v28 .about-v25>.hero{
  position:relative!important;
  min-height:clamp(720px,82vh,900px)!important;
  padding:150px 0 82px!important;
  margin:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  background:#100d0b!important;
  isolation:isolate!important;
  border:0!important;
}
body.hx-about-v28 .about-v25>.hero .about-hero-background{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center center!important;display:block!important;
  z-index:0!important;opacity:1!important;filter:none!important;transform:none!important;pointer-events:none!important;
}
body.hx-about-v28 .about-v25>.hero::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:1!important;
  background:
    linear-gradient(90deg,rgba(10,9,8,.76) 0%,rgba(10,9,8,.58) 28%,rgba(10,9,8,.28) 58%,rgba(10,9,8,.34) 100%),
    linear-gradient(180deg,rgba(10,9,8,.34) 0%,rgba(10,9,8,.08) 24%,rgba(10,9,8,.18) 72%,rgba(10,9,8,.55) 100%),
    radial-gradient(ellipse at 18% 48%,rgba(9,8,7,.18),transparent 48%)!important;
  opacity:1!important;
}
body.hx-about-v28 .about-v25>.hero .hero-grid{
  position:relative!important;z-index:2!important;
  width:min(1460px,calc(100% - 56px))!important;max-width:none!important;
  margin:0 auto!important;padding:0!important;
  display:grid!important;grid-template-columns:minmax(320px,500px) 1fr!important;
  align-items:center!important;gap:80px!important;
}
body.hx-about-v28 .about-v25>.hero .hero-grid>div:first-child{max-width:500px!important;padding-top:28px!important}
body.hx-about-v28 .about-v25>.hero .kicker{
  display:inline-flex!important;align-items:center!important;gap:13px!important;
  color:#d9b36c!important;font:900 .77rem/1 Sora,system-ui,sans-serif!important;
  letter-spacing:.14em!important;margin:0 0 26px!important;text-shadow:0 3px 18px rgba(0,0,0,.55)!important;
}
body.hx-about-v28 .about-v25>.hero .kicker::before{content:"✦";font-size:1.15rem;filter:drop-shadow(0 0 10px rgba(217,179,108,.38))}
body.hx-about-v28 .about-v25>.hero .kicker::after{content:"";width:38px;height:1px;background:rgba(217,179,108,.72);position:absolute;margin-top:31px;margin-left:29px}
body.hx-about-v28 .about-v25>.hero h1{
  max-width:470px!important;margin:0!important;
  color:#f1eadf!important;font:900 clamp(4rem,5.25vw,6.8rem)/.79 Sora,system-ui,sans-serif!important;
  letter-spacing:-.075em!important;text-wrap:balance!important;text-shadow:0 8px 36px rgba(0,0,0,.42)!important;
}
body.hx-about-v28 .about-v25>.hero h1 [data-site-copy="about.hero.prefix"]{display:block!important;max-width:430px!important}
body.hx-about-v28 .about-v25>.hero h1 em{
  display:block!important;width:max-content!important;max-width:460px!important;margin-top:18px!important;
  color:#e0b86b!important;font-family:"Minecraft Ten",Sora,system-ui,sans-serif!important;
  font-style:normal!important;font-size:.68em!important;line-height:.91!important;letter-spacing:.035em!important;
  text-transform:uppercase!important;text-wrap:wrap!important;text-shadow:0 7px 30px rgba(0,0,0,.46)!important;
}
body.hx-about-v28 .about-v25>.hero p{
  max-width:500px!important;margin:28px 0 0!important;
  color:rgba(237,228,211,.62)!important;font-size:.95rem!important;line-height:1.72!important;font-weight:650!important;
  text-shadow:0 3px 15px rgba(0,0,0,.62)!important;
}
body.hx-about-v28 .about-v25>.hero .about-mark-stage{display:none!important}
@media(max-width:900px){
  body.hx-about-v28 .about-v25>.hero{min-height:720px!important;padding:130px 0 64px!important}
  body.hx-about-v28 .about-v25>.hero .about-hero-background{object-position:64% center!important}
  body.hx-about-v28 .about-v25>.hero .hero-grid{grid-template-columns:1fr!important;width:min(100% - 36px,700px)!important}
  body.hx-about-v28 .about-v25>.hero .hero-grid>div:first-child{max-width:470px!important}
}
@media(max-width:600px){
  body.hx-about-v28 .about-v25>.hero{min-height:680px!important}
  body.hx-about-v28 .about-v25>.hero .about-hero-background{object-position:68% center!important}
  body.hx-about-v28 .about-v25>.hero::after{content:"";position:absolute;inset:0;background:rgba(8,8,8,.16);pointer-events:none;z-index:1}
  body.hx-about-v28 .about-v25>.hero h1{font-size:clamp(3.2rem,15vw,4.4rem)!important;max-width:360px!important}
  body.hx-about-v28 .about-v25>.hero h1 em{font-size:.61em!important;max-width:330px!important}
  body.hx-about-v28 .about-v25>.hero p{font-size:.86rem!important;max-width:360px!important}
}
