/**
 * MAUP manifest.
 * @maup-path: assets/css/pages/blog.css
 * @maup-version: 1.5.0
 * @maup-mode: upsert
 * @maup-role: Blog index and post stylesheet
 */
.blog-index .inner-hero,.blog-archive .inner-hero{padding-bottom:clamp(70px,8vw,118px)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(46px,6vw,92px) clamp(18px,2.4vw,36px)}
.blog-card{min-width:0}
.blog-card-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:clamp(14px,1.6vw,24px);background:#101012}
.blog-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease);filter:saturate(.9) contrast(1.02)}
.blog-card:hover .blog-card-media img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.blog-card-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 74% 28%,rgba(143,130,255,.2),transparent 35%),linear-gradient(145deg,#161619,#0d0d0f)}
.blog-card-copy{padding:20px 4px 0}
.blog-card-meta{display:flex;justify-content:space-between;gap:18px;color:#707078;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}
.blog-card h2{max-width:760px;margin:18px 0 12px;font:200 clamp(2rem,3.5vw,4.2rem)/.98 var(--font-display);letter-spacing:-.055em;text-wrap:balance}
.blog-card h2 a{color:#efefec;text-decoration:none}
.blog-card p{max-width:680px;margin:0;color:#909097;line-height:1.7}
.blog-pagination{grid-column:1/-1;padding-top:18px}
.blog-single-atmosphere{position:absolute;inset:0 0 auto;height:min(82svh,900px);overflow:hidden;pointer-events:none;opacity:.7;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.72) 58%,transparent 100%)}
.blog-single-atmosphere img{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(70px) saturate(.72) brightness(.48);opacity:.32}
.blog-single-article{position:relative;z-index:2}
.blog-single-cover{width:min(calc(100% - clamp(28px,4vw,72px)),1680px);margin-inline:auto}
.blog-single-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(14px,1.5vw,24px)}
.blog-single-content{padding-block:clamp(82px,9vw,150px)}
.blog-single-content>.wp-block-image.alignwide,.blog-single-content>.alignwide{max-width:1280px}
.blog-single-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:clamp(90px,10vw,150px);border-top:1px solid rgba(255,255,255,.08);padding-top:30px}
.blog-single-nav>div:last-child{text-align:right}
.blog-single-nav a{color:#b5b5ba;text-decoration:none}
.blog-single-nav a:hover{color:#fff}
@media(max-width:760px){
  .blog-grid{grid-template-columns:1fr;gap:54px}
  .blog-card-media{width:100%;aspect-ratio:4/3}
  .blog-card h2{font-size:clamp(2.2rem,10vw,3.8rem)}
  .blog-single-cover{width:calc(100% - 20px)}
  .blog-single-cover img{aspect-ratio:4/3;border-radius:12px}
  .blog-single-nav{grid-template-columns:1fr}
  .blog-single-nav>div:last-child{text-align:left}
}

/* v1.5.0: immersive single + compact related cards. */
.blog-single{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg,rgba(7,7,7,.16),rgba(7,7,7,.5) 52%,rgba(7,7,7,.36))}
.blog-single-atmosphere{position:absolute;z-index:0;inset:0 0 auto;width:100%;height:100svh;min-height:720px;overflow:hidden;pointer-events:none;opacity:1;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.72) 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.72) 76%,transparent 100%)}
.blog-single-atmosphere .blog-single-atmosphere-image{position:absolute;inset:-6%;width:112%;max-width:none;height:112%;object-fit:cover;opacity:.56;filter:blur(clamp(24px,3.2vw,54px)) saturate(.82) contrast(1.06) brightness(.72);transform:scale(1.035)}
.blog-single-atmosphere-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.08) 0%,rgba(7,7,7,.18) 40%,rgba(7,7,7,.66) 84%,#070707 100%),radial-gradient(circle at 54% 20%,transparent 0%,rgba(7,7,7,.12) 44%,rgba(7,7,7,.48) 100%)}
.blog-single-article{position:relative;z-index:2}
.blog-single .inner-hero{position:relative;z-index:2}
.blog-single-cover{position:relative;z-index:2;width:min(calc(100% - clamp(28px,4vw,72px)),1840px);margin-inline:auto}
.blog-single-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:clamp(12px,1.2vw,20px);box-shadow:0 34px 100px rgba(0,0,0,.24)}
.blog-single-content{position:relative;z-index:2}
.blog-card--compact .blog-card-copy{padding:16px 2px 0}
.blog-card--compact .blog-card-meta{font-size:.58rem;gap:10px}
.blog-card--compact h2{margin:13px 0 0;font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.01;letter-spacing:-.045em}
.blog-card--compact .blog-card-media{border-radius:var(--radius-md)}
@media(max-width:760px){
  .blog-single-atmosphere{height:100svh;min-height:640px}
  .blog-single-atmosphere .blog-single-atmosphere-image{opacity:.48;filter:blur(26px) saturate(.8) brightness(.68)}
  .blog-single-cover{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)}
  .blog-single-cover img{width:100%;height:auto;min-height:58svh;aspect-ratio:auto;object-fit:cover;border-radius:0}
  .blog-card--compact h2{font-size:clamp(1.9rem,8vw,3rem)}
}
@media(prefers-reduced-motion:reduce){.blog-single-atmosphere .blog-single-atmosphere-image{transform:none}}