.desktop-characters{display:none}
@media(min-width:1440px){
  .desktop-characters{display:block;position:fixed;inset:0;z-index:1;pointer-events:none;user-select:none}
  .desktop-characters picture{position:absolute;top:90px;bottom:66px;width:calc((100vw - min(1160px,100vw - 560px))/2 - 36px);display:flex;align-items:center;justify-content:center}
  .desktop-characters .character-left{left:18px}
  .desktop-characters .character-right{right:18px}
  .desktop-characters img{display:block;width:100%;height:100%;object-fit:contain}
  body.has-desktop-characters #app .container{width:min(1160px,calc(100% - 560px))}
  body.has-desktop-characters .hero-grid{gap:32px;grid-template-columns:1.1fr .9fr}
  body.has-desktop-characters .hero-copy h1{font-size:clamp(2.8rem,3.8vw,5rem)}
}