/* =========================================================
   LAU-TAM HOME PUBLICATIONS
   File: css/publications-home.css
   ========================================================= */

.home-publications{
  position:relative;
  background:#F3F5F8;
  color:#00050E;
  padding:clamp(5.5rem,9vw,8rem) clamp(2.5rem,6vw,6rem) clamp(5.5rem,9vw,8rem);
  overflow:hidden;
}

.home-publications-inner{
  width:min(1125px,100%);
  margin:0 auto;
}

.home-publications-kicker{
  margin-bottom:clamp(4rem,6vw,6.25rem);
  font-size:.74rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#00050E;
}

.home-publications-feature{
  background:#071330;
  color:#fff;
  margin-bottom:clamp(4.5rem,6vw,5.75rem);
}

.home-publications-feature-link{
  min-height:clamp(170px,22vw,245px);
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr) auto;
  align-items:center;
  gap:clamp(2rem,4vw,4rem);
  padding:clamp(2.75rem,5vw,4.15rem) clamp(3rem,5vw,4.75rem);
  color:inherit;
  text-decoration:none;
}

.home-publications-feature-title{
  font-family:var(--font-serif, Georgia, serif);
  font-size:clamp(2.25rem,4vw,4.15rem);
  line-height:.98;
  letter-spacing:-.055em;
  max-width:620px;
}

.home-publications-feature-meta{
  align-self:center;
}

.home-publications-feature-meta p{
  margin:0 0 .85rem;
  font-family:var(--font-serif, Georgia, serif);
  font-size:clamp(1.05rem,1.55vw,1.55rem);
  line-height:1.1;
  font-weight:700;
}

.home-publications-feature-meta span{
  display:block;
  font-size:.78rem;
  line-height:1.45;
  color:rgba(255,255,255,.68);
}

.home-publications-feature-cta,
.home-publications-more{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:.72rem;
  font-size:.73rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
}

.home-publications-feature-cta{
  align-self:center;
  color:#fff;
}

.home-publications-feature-link:hover .home-publications-feature-cta,
.home-publications-feature-link:focus-visible .home-publications-feature-cta{
  transform:translateX(4px);
}

.home-publications-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(2rem,3vw,3.1rem);
}

.home-publications-card{
  border-top:1px solid rgba(7,19,48,.16);
  min-height:285px;
}

.home-publications-card a{
  display:flex;
  min-height:285px;
  flex-direction:column;
  padding-top:1.65rem;
  color:inherit;
  text-decoration:none;
}

.home-publications-card time{
  display:block;
  margin-bottom:1.55rem;
  font-size:.92rem;
  line-height:1;
  font-weight:900;
  color:#001B5B;
}

.home-publications-card h3{
  margin:0 0 1.5rem;
  font-family:var(--font-serif, Georgia, serif);
  font-size:clamp(1.35rem,1.75vw,1.85rem);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#00050E;
}

.home-publications-card p{
  margin:0;
  max-width:260px;
  font-size:.98rem;
  line-height:1.62;
  color:rgba(0,5,14,.68);
}

.home-publications-author{
  display:block;
  margin-top:auto;
  padding-top:2rem;
  font-size:.68rem;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(0,5,14,.55);
}

.home-publications-card a:hover h3,
.home-publications-card a:focus-visible h3{
  color:#001B5B;
}

.home-publications-more{
  float:right;
  margin-top:clamp(4rem,6vw,5.35rem);
  color:#00050E;
  text-decoration:none;
}

.home-publications-more:hover,
.home-publications-more:focus-visible{
  transform:translateX(4px);
}

@media (max-width:1180px){
  .home-publications-feature-link{
    grid-template-columns:1fr;
    gap:1.65rem;
  }

  .home-publications-feature-cta{
    justify-self:start;
  }

  .home-publications-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-publications-card p{
    max-width:360px;
  }
}

@media (max-width:720px){
  .home-publications{
    padding:4.5rem 1.5rem 5rem;
  }

  .home-publications-kicker{
    margin-bottom:3rem;
  }

  .home-publications-feature-link{
    padding:2.35rem 1.5rem;
  }

  .home-publications-feature-title{
    font-size:clamp(2rem,11vw,3.15rem);
  }

  .home-publications-grid{
    grid-template-columns:1fr;
    gap:2.75rem;
  }

  .home-publications-card,
  .home-publications-card a{
    min-height:auto;
  }

  .home-publications-author{
    margin-top:1.85rem;
  }

  .home-publications-more{
    float:none;
    margin-top:3.5rem;
  }
}


/* =========================================================
   HOME PUBLICATIONS ALIGNMENT FIX - FINAL
   Aligns More Publications with the same right axis used by
   More Experiences.
   Keep this block at the absolute end of publications-home.css.
   ========================================================= */

.home-publications-inner{
  width:100%!important;
  max-width:var(--content-max,1440px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.home-publications-more{
  float:none!important;
  display:flex!important;
  width:max-content!important;
  margin-left:auto!important;
  margin-right:0!important;
}