/* =========================================================
   SEA LICENSING — SEAFARERS
   FINAL DESKTOP HERO
   Background image + pathways panel removed
   ========================================================= */

@media (min-width:1051px){

  .sfw-hero{
    background-image:
      linear-gradient(
        90deg,
        rgba(3,25,39,.88) 0%,
        rgba(3,25,39,.72) 28%,
        rgba(3,25,39,.36) 50%,
        rgba(3,25,39,.12) 72%,
        rgba(3,25,39,.04) 100%
      ),
      url('/assets/images/seafarers-hero-premium-wide.jpg') !important;

    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  /* Remove entire right-side pathways panel */
  .sfw-pathways{
    display:none !important;
  }

}

/* =========================================================
   FINAL — REMOVE SEAFARER PATHWAYS PANEL
   DESKTOP ONLY
   ========================================================= */

@media (min-width:1051px){

  html body.seafarers-page
  .sfw-hero
  .sfw-pathways{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  /* Let left hero content use the freed space */
  html body.seafarers-page
  .sfw-hero-grid{
    grid-template-columns:minmax(0,760px) 1fr !important;
  }

}

/* =========================================================
   FINAL HARD REMOVE — RIGHT HERO PANEL
   ========================================================= */

@media (min-width:1051px){

  body.seafarers-page
  .sfw-hero-grid > :nth-child(2){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body.seafarers-page
  .sfw-hero-grid{
    grid-template-columns:minmax(0,720px) 1fr !important;
  }

}

/* =========================================================
   SEA LICENSING — SEAFARERS
   FINAL DESKTOP HERO COMPOSITION
   Image unchanged
   ========================================================= */

@media (min-width:1051px){

  /* Preserve image, but let the photograph open up much earlier */
  body.seafarers-page .sfw-hero{
    background-image:
      linear-gradient(
        90deg,
        rgba(2,20,32,.94) 0%,
        rgba(2,20,32,.88) 17%,
        rgba(2,20,32,.70) 29%,
        rgba(2,20,32,.38) 40%,
        rgba(2,20,32,.14) 49%,
        rgba(2,20,32,.04) 57%,
        rgba(2,20,32,0) 100%
      ),
      url('/assets/images/seafarers-hero-premium-wide.jpg') !important;

    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;
  }

  /* The right-side panel is intentionally removed */
  body.seafarers-page
  .sfw-hero-grid > :nth-child(2){
    display:none !important;
  }

  /* Do not allow the copy to spread across the photograph */
  body.seafarers-page .sfw-hero-grid{
    grid-template-columns:minmax(0,620px) 1fr !important;
    column-gap:80px !important;
  }

  body.seafarers-page
  .sfw-hero-grid > :first-child{
    width:100% !important;
    max-width:620px !important;
  }

  /* Main statement */
  body.seafarers-page .sfw-hero h1{
    max-width:620px !important;
    font-size:clamp(54px,3.35vw,62px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
    margin-top:13px !important;
  }

  /* Supporting headline */
  body.seafarers-page
  .sfw-hero-grid > :first-child h2{
    max-width:600px !important;
    font-size:28px !important;
    line-height:1.18 !important;
    letter-spacing:-.025em !important;
    margin-top:18px !important;
  }

  /* Supporting paragraph */
  body.seafarers-page
  .sfw-hero-grid > :first-child p{
    max-width:570px !important;
    font-size:13px !important;
    line-height:1.58 !important;
    margin-top:17px !important;
  }

  /* CTA spacing */
  body.seafarers-page .sfw-hero-actions{
    margin-top:22px !important;
  }

}

/* =========================================================
   SEA LICENSING — SEAFARERS
   FINAL COMPACT DESKTOP HERO
   ========================================================= */

@media (min-width:1051px){

  body.seafarers-page .sfw-hero{
    min-height:450px !important;
    height:450px !important;
  }

  body.seafarers-page .sfw-hero-grid{
    height:100% !important;
    padding-top:24px !important;
    padding-bottom:24px !important;
    align-items:center !important;
  }

  body.seafarers-page
  .sfw-hero-grid > :first-child{
    max-width:600px !important;
  }

  body.seafarers-page .sfw-hero h1{
    max-width:600px !important;
    font-size:52px !important;
    line-height:.96 !important;
    margin-top:9px !important;
  }

  body.seafarers-page
  .sfw-hero-grid > :first-child h2{
    max-width:570px !important;
    font-size:23px !important;
    line-height:1.16 !important;
    margin-top:13px !important;
  }

  body.seafarers-page
  .sfw-hero-grid > :first-child p{
    max-width:550px !important;
    font-size:12px !important;
    line-height:1.52 !important;
    margin-top:13px !important;
  }

  body.seafarers-page .sfw-hero-actions{
    margin-top:16px !important;
  }

}
