/* Blog index — ported from the Say Notary blog design and scoped to this page
   so it coexists with style.css (shared header/footer). */
.blog-page{--bg-paper:#F3ECE4;--bg-ink:#241319;--bg-rose:#FF4F93;--bg-rose2:#FF2E88;--bg-violet:#B14CFF;--bg-dim:#6b5b60;--bg-line:#e0d1d7;background:var(--bg-paper)}
.blog-main{font-family:'Manrope',system-ui,sans-serif;color:var(--bg-ink);line-height:1.5}
.blog-main .sc{font-family:'Space Grotesk',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:600;color:var(--bg-dim)}
.blog-page .myrah-menu-links>a[aria-current="page"]{color:#fff}

/* ===== page shell ===== */
.blog{position:relative;min-height:100svh;background:var(--bg-paper);padding:161px 0 clamp(4rem,10vh,7rem)}
.blog::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");opacity:.04;mix-blend-mode:multiply}
.blog .bwrap{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 3rem}

/* ===== index header ===== */
.blog-head{margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.blog-main .blog-head h1{font-family:'Instrument Serif',serif;font-weight:400;font-size:clamp(2.6rem,7vw,4.2rem);line-height:1.03;color:var(--bg-ink);margin:.55rem 0 .7rem;text-wrap:balance;letter-spacing:-.01em}
.blog-main .blog-head h1 em{font-style:italic;color:var(--bg-rose);font-weight:400}
.blog-head p{max-width:44ch;color:var(--bg-dim);font-size:1.02rem;line-height:1.65;margin:0}

/* ===== card grid ===== */
.blog-grid{display:grid;gap:clamp(1.6rem,3vw,2.4rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr))}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bg-line);border-radius:14px;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s}
.bcard:hover{transform:translateY(-3px);border-color:var(--bg-rose);box-shadow:0 14px 34px -18px rgba(36,19,25,.35)}
.bcard .bcard-link{position:absolute;inset:0;z-index:3;text-indent:-9999px;overflow:hidden;cursor:default}
.bcard .bcard-link:focus-visible{outline:2px solid var(--bg-rose);outline-offset:3px}
.bcard-img{position:relative;aspect-ratio:16/10;background:var(--bg-line);overflow:hidden}
.bcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.bcard-img img.is-portrait{object-position:center 18%}
.bcard:hover .bcard-img img{transform:scale(1.035)}
.bcard-body{padding:1.15rem 1.25rem 1.35rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.bcard .bcard-date{font-family:'Space Grotesk',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:600;color:var(--bg-dim)}
.blog-main .bcard h2{font-family:'Instrument Serif',serif;font-weight:400;font-size:1.42rem;line-height:1.22;color:var(--bg-ink);margin:0;text-wrap:balance;letter-spacing:0}
.bcard p{color:var(--bg-dim);font-size:.92rem;line-height:1.6;margin:0}

@media (max-width:860px){.blog{padding-top:127px}}
@media (max-width:640px){
  .blog .bwrap{padding:0 1.35rem}
  .blog-grid{gap:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .bcard,.bcard-img img{transition:none}
  .bcard:hover{transform:none}
  .bcard:hover .bcard-img img{transform:none}
}

/* The shared footer sits on this page's warmer paper. */
.blog-page .footer{position:relative;z-index:2}