/* THE FORGE V3.97.6A - Spotlight hero overlap fix
   Keeps the existing Spotlight look while reserving a real column for the logo. */

@media (min-width: 931px){
  .cover .cover-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:28px !important;
    align-items:center !important;
  }

  .cover .creator-logo{
    position:static !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:300px !important;
    max-width:300px !important;
    height:260px !important;
    margin:0 !important;
    padding:6px !important;
    justify-self:end !important;
    align-self:center !important;
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .cover .creator-logo img{
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* The first hero content block owns the left column. */
  .cover .cover-inner > :not(.creator-logo){
    min-width:0 !important;
    grid-column:1 !important;
  }

  .cover h1{
    max-width:100% !important;
    overflow-wrap:normal !important;
  }
}

@media (max-width: 930px){
  .cover .cover-inner{
    display:block !important;
  }

  .cover .creator-logo{
    position:static !important;
    transform:none !important;
    width:min(82vw,300px) !important;
    height:220px !important;
    margin:22px auto 0 !important;
    padding:6px !important;
  }

  .cover .creator-logo img{
    max-width:100% !important;
    max-height:100% !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
}