.bemed-blog {
  --ivory:#FBF9F5; --white:#FFFFFF; --ink:#1B1813;
  --sand-200:#ECE6DA; --sand-500:#9E9382; --sand-700:#514A3F;
  --gold-300:#D4BC8A; --gold-500:#BE9B5D; --gold-700:#876A3A;
  --border-hairline:#ECE6DA;
  --font-serif:"Cormorant Garamond",Georgia,serif;
  --font-sans:"Jost","Century Gothic","Helvetica Neue",system-ui,sans-serif;
  --shadow-xs:0 1px 2px rgba(33,30,24,.05);
  --shadow-md:0 10px 30px -12px rgba(33,30,24,.18);
  font-family:var(--font-sans); color:var(--ink); background:var(--ivory);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  padding:88px 72px 96px;
}
.bemed-blog *,.bemed-blog *::before,.bemed-blog *::after{box-sizing:border-box;}

.bemed-blog__head{display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:56px;}
.bemed-blog__eyebrow-row{display:flex; align-items:center; gap:14px; margin-bottom:20px;}
.bemed-blog__tick{display:inline-block; width:28px; height:1px; background:var(--gold-500);}
.bemed-blog__eyebrow{font-family:var(--font-sans); font-size:12px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--gold-700);}
.bemed-blog__title{font-family:var(--font-serif); font-weight:300; font-size:56px; line-height:1.04; letter-spacing:-.01em; color:var(--ink); margin:0;}
.bemed-blog__intro{font-family:var(--font-sans); font-weight:300; font-size:17px; line-height:1.7; color:var(--sand-700); margin:0 0 8px; max-width:42ch;}

.bemed-blog__grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}

.bemed-blog__card{display:flex; flex-direction:column; background:var(--white); border:1px solid var(--border-hairline); border-radius:8px; overflow:hidden; box-shadow:var(--shadow-xs); text-decoration:none; color:inherit; transition:box-shadow .24s cubic-bezier(.22,.61,.36,1), transform .24s cubic-bezier(.22,.61,.36,1);}
.bemed-blog__card:hover{box-shadow:var(--shadow-md); transform:translateY(-4px);}

.bemed-blog__media{position:relative; aspect-ratio:3/2; background:var(--sand-200); overflow:hidden;}
.bemed-blog__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.bemed-blog__pill{position:absolute; top:16px; left:16px; font-family:var(--font-sans); font-size:10px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--ink); background:rgba(251,249,245,.92); padding:7px 13px; border-radius:999px;}

.bemed-blog__body{padding:24px 26px 26px; display:flex; flex-direction:column; flex:1;}
.bemed-blog__date{font-family:var(--font-sans); font-size:12px; color:var(--sand-500); letter-spacing:.04em; margin-bottom:12px;}
.bemed-blog__card h3{font-family:var(--font-serif); font-weight:400; font-size:23px; line-height:1.16; color:var(--ink); margin:0 0 12px;}
.bemed-blog__excerpt{font-family:var(--font-sans); font-weight:300; font-size:14px; line-height:1.6; color:var(--sand-700); margin:0 0 20px;}
.bemed-blog__meta{margin-top:auto; display:flex; justify-content:space-between; align-items:center; padding-top:18px; border-top:1px solid var(--border-hairline);}
.bemed-blog__more{font-family:var(--font-sans); font-size:12px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-700);}
.bemed-blog__arrow{color:var(--gold-500); font-size:16px; transition:transform .24s cubic-bezier(.22,.61,.36,1);}
.bemed-blog__card:hover .bemed-blog__arrow{transform:translateX(4px);}

@media (max-width:1000px){
  .bemed-blog{padding:64px 28px 72px;}
  .bemed-blog__head{flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:40px;}
  .bemed-blog__title{font-size:42px;}
  .bemed-blog__grid{grid-template-columns:1fr 1fr; gap:20px;}
}
@media (max-width:640px){
  .bemed-blog__grid{grid-template-columns:1fr;}
}
