/* ===== PAGE BASE ===== */
body.home { background:#fff; }

/* ===== WRAP: 2 columns (smaller cover) ===== */
.home-wrap{
  display:grid;
  grid-template-columns: minmax(280px, 420px) 1fr; /* left fixed-ish, right fills */
  gap:48px;
  max-width:1200px;
  margin:80px auto 100px;             /* room below fixed header */
  padding:0 5%;
  align-items:start;
}
.cover-col, .feat-col { min-width:0; }

/* ===== LEFT: Cover ===== */
.cover-link{
  display:block;
  text-decoration:none;
  color:inherit;
}
.cover-img{
  display:block;
  width:100%;
  height:auto;
  max-height: calc(100vh - 200px);     /* never runs off screen */
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  object-fit:contain;
}
/* ===== LEFT: Cover text ===== */
.cover-meta{
  margin-top:12px;
  font-family:'Rosemary', sans-serif;  /* ← now explicitly Rosemary */
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  letter-spacing: 0.02em;
  color:#000;
}

/* ===== RIGHT: Featuring header ===== */
.feat-heading{
  margin:0 0 12px;
  font-family:'Rosemary', sans-serif;  /* ← Rosemary as well */
  font-size: clamp(1.25rem, 2.4vw, 1.8rem);
  letter-spacing: 0.02em;
  color:#000;
}


.feat-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.4rem;
}

.feat-list li{
  font-family:'Wingman', sans-serif;
  font-size: clamp(1rem, 1.6vw, 1.1rem);
  line-height:1.4;
  opacity:0;
  transform: translateY(6px);
  animation: featIn .5s ease forwards;
  animation-delay: calc(var(--i) * 100ms); /* stagger by index */
}

@keyframes featIn{
  to { opacity:1; transform: translateY(0); }
}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .home-wrap{
    grid-template-columns: 1fr;        /* stack */
    gap:28px;
    margin-top:64px;
  }
  .cover-img{ max-height:none; }       /* allow natural height on small screens */
}