.blog-post{padding-top:clamp(120px,14vh,180px)}.blog-post__inner{max-width:920px}.breadcrumbs{display:flex;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:clamp(32px,5vh,56px)}.breadcrumbs a{color:var(--text-muted);transition:color .2s ease}.breadcrumbs a:hover,.breadcrumbs span[aria-current]{color:var(--accent)}.blog-post__head{display:grid;gap:var(--space-3);margin-bottom:clamp(32px,5vh,56px)}.blog-post__title{font-family:var(--font-display);font-size:clamp(34px,4.4vw,56px);font-weight:600;letter-spacing:-.025em;line-height:1.1}.blog-post__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.blog-post__meta .dot{color:var(--border-strong)}.blog-post__cover{position:relative;aspect-ratio:16 / 9;width:100%;margin-bottom:clamp(40px,6vh,64px);border-radius:var(--radius-lg);border:1px solid var(--border-soft);overflow:hidden;background:#07152299}.blog-post__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-post__cover--contain{background:radial-gradient(60% 70% at 50% 60%,rgba(156,236,255,.22),transparent 70%),linear-gradient(180deg,#0a1c2a99,#071522f2)}.blog-post__cover--contain img{object-fit:contain;padding:clamp(28px,4vw,56px);filter:drop-shadow(0 24px 36px rgba(0,0,0,.55))}.blog-post__body{display:grid;gap:var(--space-5)}.blog-post__lede{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,1.8vw,24px);line-height:1.55;color:var(--text);padding-left:var(--space-4);border-left:2px solid var(--accent)}.blog-post__p{font-size:17px;line-height:1.8;color:var(--text-muted)}.blog-post__cta{margin-top:clamp(48px,8vh,96px);padding:clamp(32px,4vw,56px);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:linear-gradient(135deg,#08162299,#9cecff0f);display:grid;grid-template-columns:1fr auto;gap:var(--space-5);align-items:center}.blog-post__cta h3{font-family:var(--font-display);font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.blog-post__cta p{color:var(--text-muted);line-height:1.6;max-width:52ch}.blog-related{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.blog-related__card{display:grid;grid-template-columns:180px 1fr;gap:var(--space-5);padding:var(--space-4);align-items:start;text-decoration:none;transition:border-color .3s ease}.blog-related__card:hover{border-color:var(--accent-soft)}.blog-related__media{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-md);border:1px solid var(--border-soft);overflow:hidden;background:#07152299}.blog-related__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.blog-related__card:hover .blog-related__media img{transform:scale(1.06)}.blog-related__media--contain{background:radial-gradient(60% 70% at 50% 55%,rgba(156,236,255,.18),transparent 70%),linear-gradient(180deg,#0a1c2a99,#071522f2)}.blog-related__media--contain img{object-fit:contain;padding:14px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.blog-related__cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.blog-related__title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text);margin-top:6px;transition:color .2s ease}.blog-related__card:hover .blog-related__title{color:var(--accent)}@media (max-width: 900px){.blog-post__cta,.blog-related,.blog-related__card{grid-template-columns:1fr}.blog-related__media{width:100%;aspect-ratio:16 / 9}}@media (max-width: 780px){.breadcrumbs{justify-content:center}.blog-post__head,.blog-post__title{text-align:center}.blog-post__meta{justify-content:center}.blog-post__lede{padding-left:0;padding-top:var(--space-4);border-left:none;border-top:2px solid var(--accent);text-align:center}.blog-post__cta{text-align:center;justify-items:center}.blog-post__cta p{margin-inline:auto}.blog-related__body{text-align:center}}@media (max-width: 480px){.blog-post__title{font-size:clamp(28px,9vw,48px)}.blog-post__p{font-size:16px;line-height:1.7}}