html,body{width:100%;max-width:100%;overflow-x:hidden}
.hero,.hero-grid,.portrait{min-width:0}.hero{overflow:hidden;background:#0a0b09}
.portrait{isolation:isolate;background:#0a0b09}
@media(max-width:1200px){
  .hero-grid{grid-template-columns:minmax(0,52%) minmax(0,48%)}
  .portrait{height:435px;min-height:435px;overflow:hidden}
  .portrait img{position:relative;display:block;right:auto;bottom:auto;width:100%;height:435px;max-width:100%;object-fit:cover;object-position:52% 12%;filter:grayscale(1) contrast(1.26) brightness(.78);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 91%,transparent 100%)}
  .portrait:after{inset:0;background:linear-gradient(90deg,#0a0b09 0%,transparent 20%),linear-gradient(180deg,transparent 65%,#0a0b09 100%)}
  .signature{z-index:2;right:5%;bottom:46px}
  .hero .actions{position:relative;z-index:3}
}
@media(max-width:620px){
  .hero-grid{grid-template-columns:1fr}.portrait{height:335px;min-height:335px}.portrait img{height:335px;width:100%;object-position:50% 15%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 94%,transparent 100%)}
  .portrait:after{background:linear-gradient(180deg,transparent 62%,#0a0b09 100%)}.signature{right:8%;bottom:42px}
}