.hero-content{container-type:inline-size}
.hero h1{
  margin:0 0 26px;
  color:var(--ink);
  white-space:nowrap!important;
  font-size:54px;
  font-weight:700;
  line-height:1.08;
  letter-spacing:-.045em;
}
@media(max-width:800px){
  .hero{gap:18px;padding-top:42px;padding-bottom:54px}
  .hero-brand img{width:154px;height:154px;margin:0 auto}
  .hero-brand .brand-word{display:none}
  .hero-content{width:100%;padding:0;text-align:center}
  .hero h1{margin-bottom:27px;font-size:44px;line-height:1.12}
  .hero-text{max-width:620px;margin:0 auto;text-align:right;padding-right:19px;border-right:3px solid var(--green)}
}
@media(min-width:801px){.hero{grid-template-columns:.4fr 1.6fr}}