/* CL-WEB v1.8.1 PRECHECK G32.6 — FINAL HERO ACCESS STACK
   CSP-safe external CSS patch. Homepage only via index.html link. */
.hero--master-r4 .hero-precheck-access{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  width:100%;
  max-width:540px;
}
.hero--master-r4 .hero-precheck-access .hero-precheck-cta{
  width:100%;
  max-width:430px;
  white-space:normal;
  text-align:center;
}
.hero--master-r4 .hero-precheck-access .hero-precheck-support{
  display:block;
  width:max-content;
  max-width:100%;
  color:#becbd6;
  font-size:.74rem;
  line-height:1.45;
  white-space:nowrap;
}
.hero--master-r4 .hero-precheck-access .hero-precheck-privacy{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin-top:1px;
  color:#e4b84d;
  font-size:.82rem;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
}
.hero--master-r4 .hero-precheck-access .hero-precheck-privacy:hover,
.hero--master-r4 .hero-precheck-access .hero-precheck-privacy:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}
@media (max-width:620px){
  .hero--master-r4 .hero-precheck-access{max-width:100%}
  .hero--master-r4 .hero-precheck-access .hero-precheck-support{
    width:100%;
    max-width:430px;
    white-space:normal;
  }
  .hero--master-r4 .hero-precheck-access .hero-precheck-privacy{white-space:normal}
}

/* CL-WEB v1.8.1 PRECHECK G32.7 — DESKTOP HERO PORTRAIT TOP ALIGN
   Scope: homepage desktop only. Removes the empty top band created when the
   portrait wrapper stretched to the taller left hero column. Mobile/tablet
   behavior remains governed by the existing <=900px rules. */
@media (min-width:901px){
  .hero--master-r4 .hero-portrait-wrap{
    display:block;
    align-self:start;
    min-height:0;
  }
  .hero--master-r4 .portrait-frame{
    height:auto;
    min-height:0;
    aspect-ratio:77 / 100;
  }
  .hero--master-r4 .portrait-frame>img{
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:50% 50%;
  }
}

/* CL-WEB v1.8.1 PRECHECK G32.8 — DESKTOP HERO PORTRAIT FULL-HEIGHT BALANCE
   Scope: homepage desktop only. The G32.7 top alignment removed the upper void
   but left unused hero-row space below the portrait. This patch lets the right
   visual occupy the full desktop grid-row height and crops only horizontally as
   needed, avoiding empty bands above or below. Mobile/tablet remains unchanged. */
@media (min-width:901px){
  .hero--master-r4 .hero-portrait-wrap{
    display:flex;
    align-self:stretch;
    align-items:stretch;
    min-height:0;
  }
  .hero--master-r4 .portrait-frame{
    flex:1 1 auto;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:auto;
  }
  .hero--master-r4 .portrait-frame>img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:50% 50%;
  }
}


/* CL-WEB v1.8.1 PRECHECK G32.10 — DESKTOP HERO FULL-CONTEXT / NO DUPLICATE
   Scope: homepage desktop only. Keep the full-height media container from G32.8,
   but show the original portrait once, uncropped, over the established dark CL
   frame background. This preserves the laptop + CL mark without repeating the
   photo and without reintroducing an empty hero row below the media. */
@media (min-width:901px){
  .hero--master-r4 .portrait-frame{
    overflow:hidden;
    background:
      radial-gradient(circle at 52% 38%,rgba(207,162,77,.10),transparent 38%),
      linear-gradient(180deg,#071b2f 0%,#06192b 58%,#041321 100%);
  }
  .hero--master-r4 .portrait-frame::before{
    background:linear-gradient(90deg,rgba(3,18,31,.28) 0%,rgba(3,18,31,.06) 22%,transparent 48%);
  }
  .hero--master-r4 .portrait-frame::after{
    background:linear-gradient(180deg,transparent 58%,rgba(3,13,24,.05) 70%,rgba(3,13,24,.74) 100%);
  }
  .hero--master-r4 .portrait-frame>img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:contain;
    object-position:50% 100%;
  }
}


/* CL-WEB v1.8.1 PRECHECK G32.12 — DESKTOP HERO FULL-HEIGHT + LEFT RAIL + CL FOCAL ADJUST
   Scope: homepage desktop only. Preserve the full-height right hero media
   behavior that removes the top/bottom gap, keep a single non-duplicated
   portrait image, move the USA/México/Panamá rail to the left side, and shift
   the cover focal point so more of the rear laptop area / CL monogram remains
   visible. Mobile/tablet unchanged. */
@media (min-width:901px){
  .hero--master-r4 .hero-portrait-wrap{
    display:flex;
    align-self:stretch;
    align-items:stretch;
    min-height:0;
  }
  .hero--master-r4 .portrait-frame{
    flex:1 1 auto;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:auto;
    overflow:hidden;
    background:
      radial-gradient(circle at 52% 38%,rgba(207,162,77,.10),transparent 38%),
      linear-gradient(180deg,#071b2f 0%,#06192b 58%,#041321 100%);
  }
  .hero--master-r4 .portrait-frame>img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:64% 50%;
    margin:0;
    max-width:none;
    max-height:none;
  }
  .hero--master-r4 .hero-country-rail{
    left:18px;
    right:auto;
    border-left:none;
    border-right:1px solid rgba(224,188,98,.66);
    background:linear-gradient(270deg,transparent,rgba(2,16,29,.56));
    text-align:left;
  }
}


/* CL-WEB v1.8.1 PRECHECK G32.13 — APPROVED HERO MASTER ASSET
   Desktop homepage only. Replaces the prior constrained portrait with the
   approved CL Hero Master image, preserving full-height fill and left country
   rail. Focal point favors the laptop CL mark while retaining face and hand. */
@media (min-width:901px){
  .hero--master-r4 .portrait-frame>img{
    object-fit:cover;
    object-position:62% 50%;
  }
}


/* CL-WEB v1.8.1 PRECHECK G32.14 — HERO MASTER V2 WEB INTEGRATION
   Desktop homepage only. Uses the user-approved Hero-adapted master image.
   Keeps the proven full-height layout and left USA/México/Panamá rail.
   Focal point is minimally centered to preserve the complete shoulder/arm line
   while keeping the laptop and CL monogram materially visible. */
@media (min-width:901px){
  .hero--master-r4 .portrait-frame>img{
    object-fit:cover;
    object-position:52% 50%;
  }
}