/* ==========================================================================\n   SHARED CASE-STUDY STYLES\n   Used by DeciPal, eMotion, Reward System, Vince, Equine and Ed Controls.\n   ========================================================================== */\n\n/* Vince & DeciPal: cream header (no overlay), tighter padding */
.project-case-study:not(.header-overlay) .site-header{
  background:#F2ECEA;
  color:#A15D66;
  padding: clamp(10px,1.6vw,16px) var(--g);
}

/* Vince/DeciPal mobile menu colors (cream) */
@media (max-width:720px){
  .project-case-study:not(.header-overlay) .nav{ background:#F2ECEA; color:#A15D66 }
  .project-case-study:not(.header-overlay) .nav a{ color:#A15D66 }
  .project-case-study:not(.header-overlay) .nav-toggle{ color:#A15D66; border-color:#A15D66 }
}

/* Shared case-study page shell */
.project-case-study{ background:var(--cs-cream); color:var(--cs-ink); }
.project-case-study .masthead{ background:var(--cs-cream); color:var(--cs-ink); }
.project-case-study .site-header .btn-ghost{ border-color:currentColor; }

/* Hero block */
.cs-hero {
  margin-inline: auto;
  padding-inline: var(--g);

  /* fixed header + breathing space */
  padding-top: calc(var(--header-h, 80px) + clamp(16px, 2vw, 28px));

  padding-bottom: clamp(18px, 4vw, 36px);
}

.cs-hero__meta{ --meta-stagger:110ms; }
.cs-hero__meta .cs-meta-col{
  opacity:0; transform:translateY(16px); filter:blur(2px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.65,.2,1), filter .6s ease;
}
.cs-hero__meta.is-inview .cs-meta-col{ opacity:1; transform:none; filter:none; }
.cs-hero__meta.is-inview .cs-meta-col:nth-child(1){ transition-delay: calc(var(--meta-stagger) * 0); }
.cs-hero__meta.is-inview .cs-meta-col:nth-child(2){ transition-delay: calc(var(--meta-stagger) * 1); }
.cs-hero__meta.is-inview .cs-meta-col:nth-child(3){ transition-delay: calc(var(--meta-stagger) * 2); }
@media (prefers-reduced-motion:reduce){
  .cs-hero__meta .cs-meta-col{ opacity:1; transform:none; filter:none; transition:none; }
}

.cs-title{
  font-family:"Cormorant",serif;
  font-weight:300; line-height:1.05; letter-spacing:.01em;
  margin: clamp(8px,1vw,10px) 0 clamp(12px,2vw,18px);
  font-size: clamp(44px,10vw,120px);
  color: #A15D66;
  text-align: center;
}
.cs-meta-p,.cs-meta-list,.cs-meta-list li{ color:#7A7A7A; }

.cs-hero__media{
  border-radius: 5px; overflow: hidden;
  box-shadow: 0 14px 44px rgba(0,0,0,.15);
  margin: 0;
}
.cs-hero__media img{ width:100%; height:auto; display:block; }

/* Meta layout */
.cs-hero__meta{
  display:grid;
  grid-template-columns:
    clamp(260px, 30vw, 360px)
    clamp(180px, 22vw, 240px)
    clamp(200px, 24vw, 260px);
  gap: clamp(24px, 4vw, 64px);
  margin-top: clamp(28px, 5vw, 72px);
  margin-bottom: clamp(24px, 4vw, 56px);
  justify-content: center;
}
.cs-meta-h{ margin:0 0 12px 0; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:#A15D66; }
.cs-meta-p{ margin:0; font-size:15px; line-height:1.6; }
.cs-meta-list{ margin:0; padding-left:0; list-style:none; font-size:15px; line-height:1.6; }

/* Case-study image strips (shared) */
.cs-block{ padding-left: clamp(18px, 4vw, 36px); padding-right: clamp(18px, 4vw, 36px); }
.cs-figure{ margin:0 auto; overflow:hidden; }
.cs-figure img{ display:block; width:100%; height:auto; }

/* Video wrap (shared default) */
.cs-video-wrap{
  margin-inline:auto;
  overflow:hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.45);
  background:#000;
}
.cs-video{ width:100%; height:auto; aspect-ratio:16/9; display:block; }

/* Prevent reveal from hiding the tall poster */
.project-case-study .cs-figure.reveal,
.project-case-study .cs-figure[data-reveal]{
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* =========================
   NEXT PROJECT CARD
   ========================= */
.next-project{ padding-block: clamp(24px,4vw,48px); }

.next-card{
  display:block;
  width:min(1200px, 92vw);
  margin-inline:auto;
  text-decoration:none;
  color:inherit;
  border-radius: 14px;
  outline: none;
}
.next-eyebrow{ margin:0 0 10px 0; font-size:14px; letter-spacing:.06em; text-transform:uppercase; opacity:.8; }
.next-media{ margin:0; border-radius:10px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.12); }
.next-media img{ display:block; width:100%; height:auto; transform:translateZ(0); transition: transform .35s cubic-bezier(.2,.65,.2,1); }
.next-info{ margin-top:10px; }
.next-title{ margin:0; font-weight:700; font-size:clamp(18px,1.8vw,22px); }
.next-sub{ margin:2px 0 0 0; font-size:12px; opacity:.75; }
.next-card:hover .next-media img{ transform: scale(1.02); }
.next-card:focus-visible{ box-shadow:0 0 0 3px color-mix(in srgb, currentColor 20%, transparent); border-radius:14px; }

/* Responsive meta → stacked */
@media (max-width:900px){
  .cs-hero__meta{ grid-template-columns:1fr; gap:18px; margin-top: clamp(16px,4vw,28px); margin-bottom: clamp(16px,4vw,32px); max-width:none; }
}