/* Blog — Featured-hero (split card for the first post on archive / index).
   Image left, body right on desktop; stacks on mobile. Category badge
   floats in the top-left of the image, Fraunces title in the body,
   meta row with teal icons, excerpt, primary CTA. Mirrors the clinic
   premium pattern (4px teal accent bar on hover via ::before). */

.pr-blog-featured-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:0;
  background:var(--paper);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(10,42,39,.09);
  margin-bottom:48px;
  border:1px solid var(--line);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
}

/* Teal accent bar on the top edge — scales in on hover. */
.pr-blog-featured-hero::before{
  content:"";position:absolute;
  top:0;left:0;right:0;height:4px;
  background:var(--teal);
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s ease;
  z-index:3;
}
.pr-blog-featured-hero:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 50px rgba(10,42,39,.14);
}
.pr-blog-featured-hero:hover::before{transform:scaleX(1)}

/* Media (left column) */
.pr-blog-featured-hero__media{
  position:relative;
  display:block;
  overflow:hidden;
  background:var(--cream);
  aspect-ratio:4/3;
}
@media(min-width:769px){
  .pr-blog-featured-hero__media{aspect-ratio:auto;min-height:360px}
}
.pr-blog-featured-hero__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.pr-blog-featured-hero:hover .pr-blog-featured-hero__media img{
  transform:scale(1.04);
}

/* Category badge (top-left of image) */
.pr-blog-featured-hero__cat-badge{
  position:absolute;
  top:18px;left:18px;
  padding:7px 14px;
  background:rgba(252,250,244,.94);
  color:var(--teal);
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.72rem;font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.6);
  backdrop-filter:blur(8px);
  box-shadow:0 4px 12px rgba(10,42,39,.18);
}

/* Body (right column) */
.pr-blog-featured-hero__body{
  padding:44px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.pr-blog-featured-hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.66rem;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--sage);
  margin-bottom:16px;
}
.pr-blog-featured-hero__eyebrow::before{
  content:"";display:inline-block;
  width:22px;height:1.5px;
  background:var(--sage);
}

.pr-blog-featured-hero__title{
  font-family:"Fraunces",serif;
  font-size:clamp(22px,2.6vw,32px);
  font-weight:400;
  line-height:1.25;
  margin:0 0 18px;
  color:var(--pine);
  letter-spacing:-.01em;
}

.pr-blog-featured-hero__title a{
  color:inherit;
  text-decoration:none;
  transition:color .2s;
}
.pr-blog-featured-hero__title a:hover{color:var(--teal)}

.pr-blog-featured-hero__meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:.84rem;
  color:var(--ink-soft);
  margin-bottom:18px;
}

.pr-blog-featured-hero__meta-item{
  display:inline-flex;align-items:center;gap:7px;
  font-family:"Hanken Grotesk",sans-serif;
  font-weight:500;
}

.pr-blog-featured-hero__meta-item svg{
  width:15px;height:15px;
  color:var(--teal);
  flex-shrink:0;
}

.pr-blog-featured-hero__excerpt{
  color:var(--ink-soft);
  font-size:.98rem;
  line-height:1.7;
  margin-bottom:24px;
}

.pr-blog-featured-hero__read-more-inline{
  color:var(--teal);
  text-decoration:underline;
  text-underline-offset:3px;
  font-weight:600;
  margin-left:4px;
}
.pr-blog-featured-hero__read-more-inline:hover{color:var(--pine)}

.pr-blog-featured-hero__btn{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 28px;
  background:var(--teal);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  font-family:"Hanken Grotesk",sans-serif;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.04em;
  transition:background .25s ease, transform .2s ease, box-shadow .3s ease, gap .25s ease;
  box-shadow:0 6px 18px rgba(31,91,84,.22);
}
.pr-blog-featured-hero__btn:hover{
  background:var(--pine);
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(15,58,54,.32);
  gap:14px;
}

.pr-blog-featured-hero__btn svg{width:14px;height:14px}

/* --- Responsive ------------------------------------------------------- */
@media(max-width:900px){
  .pr-blog-featured-hero{grid-template-columns:1fr;margin-bottom:36px}
  .pr-blog-featured-hero__media{aspect-ratio:16/10;min-height:0}
  .pr-blog-featured-hero__body{padding:32px 28px}
}
@media(max-width:560px){
  .pr-blog-featured-hero{border-radius:16px;margin-bottom:30px}
  .pr-blog-featured-hero__cat-badge{top:14px;left:14px;padding:6px 12px;font-size:.66rem}
  .pr-blog-featured-hero__body{padding:24px 20px 26px}
  .pr-blog-featured-hero__eyebrow{font-size:.6rem;margin-bottom:12px}
  .pr-blog-featured-hero__title{font-size:1.3rem;margin-bottom:14px;line-height:1.3}
  .pr-blog-featured-hero__meta{gap:12px;font-size:.8rem;margin-bottom:14px}
  .pr-blog-featured-hero__excerpt{font-size:.92rem;line-height:1.6;margin-bottom:18px}
  .pr-blog-featured-hero__btn{padding:11px 22px;font-size:.82rem;width:100%;justify-content:center}
}