/* Blog pages. Layered on styles.css (nav, footer, tokens, font). No scripts on these pages. */
body.blogpage{min-height:100vh;display:flex;flex-direction:column}
.blogpage main{flex:1;padding:clamp(100px,16vh,150px) clamp(18px,6vw,90px) 10vh;width:100%;max-width:1100px;margin:0 auto}
.blogpage nav a[aria-current]{color:var(--ink)}
.bhead small{display:block;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;color:var(--soft);font-weight:700;margin-bottom:10px}
.bhead h1{font-size:clamp(3rem,10vw,8rem);font-weight:900;font-stretch:72%;letter-spacing:-.045em;line-height:.9}
.bhead p{margin-top:16px;font-size:1.1rem;color:var(--soft)}
.bhead a{color:var(--rose-d)}
.entries{list-style:none;padding:0;margin:clamp(30px,6vh,64px) 0 0;border-top:1.5px solid #1d141822}
.entry{display:grid;grid-template-columns:11ch 1fr;column-gap:clamp(16px,3vw,40px);row-gap:6px;padding:clamp(22px,3vw,34px) 0;border-bottom:1.5px solid #1d141822;text-decoration:none;transition:padding .3s,background .3s}
.entry:hover{background:#ffffff66;padding-left:14px;padding-right:14px;border-radius:14px}
.entry time{grid-row:1/4;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-d);padding-top:.7em}
.entry h2{font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:800;font-stretch:78%;letter-spacing:-.025em;line-height:1.02}
.entry p{color:var(--soft);max-width:60ch}
.entry .more{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-d)}
.entry:hover h2{color:var(--rose-d)}
@media (max-width:640px){.entry{grid-template-columns:1fr}.entry time{grid-row:auto;padding-top:0}}

.post{max-width:680px;margin:0 auto}
.back a{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rose-d);text-decoration:none}
.post header{margin:22px 0 clamp(24px,5vh,44px);font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.post header time{color:var(--rose-d)}
.post h1{margin-top:14px;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:900;font-stretch:78%;letter-spacing:-.035em;line-height:.98;text-transform:none;color:var(--ink)}
.prose{font-size:1.125rem;line-height:1.75}
.prose>*+*{margin-top:1.1em}
.prose h2,.prose h3,.prose h4{font-stretch:82%;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:2em}
.prose h2{font-size:1.9rem}.prose h3{font-size:1.45rem}.prose h4{font-size:1.2rem}
.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.5em}.prose li p{margin:0}
.prose a{color:var(--rose-d);text-underline-offset:3px}
.prose blockquote{border-left:4px solid var(--rose);padding:.2em 0 .2em 1.1em;color:var(--soft);font-style:italic}
.prose hr{border:0;border-top:1.5px solid #1d141822;margin:2em 0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:680px;margin:clamp(40px,8vh,80px) auto 0}
.pn a{display:block;padding:18px 20px;border-radius:18px;background:#ffffff88;text-decoration:none;font-weight:800;font-stretch:80%;font-size:1.15rem;line-height:1.15;transition:background .25s}
.pn a:hover{background:var(--blush)}.pn a.r{text-align:right}
.pn small{display:block;margin-bottom:6px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-d);font-stretch:100%}
@media (max-width:560px){.pn{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.entry,.pn a{transition:none}}