/* Trinity V43 — remove upper-right header logo and place Trinity mark in hero
   Mobile-focused placement: logo sits in the open area to the right of
   "WITHOUT LIMITS", above Browse Catalog, with generous breathing room. */

/* Remove the V41 mobile header logo and collapse that now-empty top row. */
@media (max-width:700px){
  .trinity-v35-brand{
    display:none!important;
  }

  .trinity-v35-shell{
    grid-template-columns:1fr!important;
    padding-top:0!important;
  }

  .trinity-v35-actions{
    margin-top:0!important;
  }

  /* Collapsing the former logo row changes the heading's containing block.
     Neutralize only the inherited heading lift so the copy returns to the
     previously approved V41.2 paint position; the CTA retains its own lift. */
  #trinityCinematicHero .brand-hero-heading{
    transform:translateY(0)!important;
  }

  .trinity-v43-hero-logo{
    position:absolute!important;
    z-index:8!important;
    top:110px!important;
    right:14px!important;
    width:90px!important;
    height:120px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:none;
  }

  .trinity-v43-hero-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    filter:drop-shadow(0 10px 20px rgba(0,0,0,.46));
  }

  /* V41.2 owns the heading and CTA positioning. The logo is independently
     anchored to the hero so it cannot collapse or clip the approved headline. */
}

/* Narrow phones: shrink and pull inward to retain safe margins. */
@media (max-width:430px){
  .trinity-v43-hero-logo{
    top:110px!important;
    right:12px!important;
    width:88px!important;
    height:116px!important;
  }
}

/* Very narrow phones: keep it compact enough to never collide with title. */
@media (max-width:375px){
  .trinity-v43-hero-logo{
    top:114px!important;
    right:10px!important;
    width:78px!important;
    height:104px!important;
  }
}

/* Desktop/tablet: place the same mark in the open hero space on the right
   without changing the existing desktop header logo. */
@media (min-width:701px){
  .trinity-v43-hero-logo{
    position:absolute;
    right:clamp(330px,28vw,460px);
    top:clamp(150px,20vh,245px);
    z-index:8;
    width:clamp(120px,11vw,180px);
    height:clamp(150px,14vw,220px);
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
  }

  .trinity-v43-hero-logo img{
    width:100%;
    height:100%;
    object-fit:contain;
    border:0;
    box-shadow:none;
    filter:drop-shadow(0 12px 28px rgba(0,0,0,.5));
  }
}

@media (min-width:701px) and (max-width:1024px){
  .trinity-v43-hero-logo{
    right:clamp(190px,25vw,270px);
    width:clamp(100px,12vw,132px);
    height:clamp(128px,15vw,166px);
  }
}