
.blog-hero{background:#090909;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);padding:clamp(2rem,5vw,6rem) clamp(1.5rem,6.5vw,7.5rem);align-items:center}
.blog-hero-copy{max-width:40rem}.blog-hero h1{font:400 clamp(2.8rem,5.5vw,6rem)/1.03 var(--serif);letter-spacing:-.045em;margin:2rem 0}.blog-hero h1 span,.blog-card h2 span{display:block;font-style:italic;margin-top:.15em}.blog-deck{font:400 clamp(1.2rem,2vw,1.6rem)/1.4 var(--serif);color:#ddd;max-width:25rem}.blog-byline{font-size:.875rem;line-height:1.8;margin-top:2rem}.blog-date{color:#bcbcbc;font-size:.8rem;line-height:1.6;max-width:26rem}.blog-jump{display:inline-block;margin-top:1.5rem;text-underline-offset:.3em}
.blog-cover{max-width:80rem;margin:auto;padding:4rem clamp(1.5rem,6.5vw,7.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;scroll-margin-top:2rem}.blog-cover figure{margin:0;max-width:28rem}.blog-cover img{display:block;width:100%;height:auto;filter:none!important;transform:none!important}.blog-cover figcaption{font-size:.75rem;line-height:1.5;margin-top:.75rem}.blog-cover h2{font:400 clamp(2.3rem,4vw,4rem)/1.12 var(--serif);letter-spacing:-.035em;margin:1rem 0 1.5rem}.blog-cover p{font-size:1rem;line-height:1.7}.blog-cover a{text-underline-offset:.3em}.elenoir-cover-card img{filter:none!important;object-fit:contain!important}@media(max-width:800px){.blog-cover{grid-template-columns:1fr}}
.blog-photo{margin:3rem 0}.blog-photo img{display:block;width:100%;height:auto;filter:none!important;transform:none!important}.blog-photo figcaption{font-size:.75rem;letter-spacing:.045em;line-height:1.5;margin-top:.75rem;color:#555}.blog-hero .blog-photo{margin:0;max-width:40rem;justify-self:center}.blog-hero .blog-photo figcaption{color:#bcbcbc}
.blog-reading{max-width:52rem;margin:0 auto;padding:clamp(3rem,7vw,6rem) 1.5rem 0;scroll-margin-top:2rem}.blog-intro{font:400 clamp(1.25rem,2.1vw,1.65rem)/1.6 var(--serif);margin:0 0 2rem}.blog-series-note{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #aaa;padding-bottom:1.5rem;margin-bottom:2rem}.blog-question{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:1rem;margin:2.5rem 0}.question-number{font-size:.75rem;color:#666;padding-top:.5rem;letter-spacing:.1em}.blog-question h2{font:700 1.15rem/1.5 var(--sans);margin:0 0 .9rem;letter-spacing:0}.blog-question p,.blog-conclusion p{font-size:1.0625rem;line-height:1.85;margin:0}.blog-conclusion{border-top:1px solid #aaa;padding-top:2rem;margin-top:3rem}.blog-conclusion p{font-family:var(--serif);font-size:1.2rem}
.blog-credits{max-width:52rem;margin:0 auto;padding:3.5rem 1.5rem 5rem}.blog-credits h2{font:400 2.5rem/1.1 var(--serif);margin:.5rem 0 1.5rem}.blog-credits ul{padding:0;list-style:none;line-height:1.9}.blog-credits li,.blog-credits p{font-size:.95rem;line-height:1.8;overflow-wrap:anywhere}.blog-credits a{text-underline-offset:.25em}.blog-credits .button{margin-top:1rem}
.blog-index-intro{background:#090909;color:white;padding:4rem clamp(1.5rem,6.5vw,7.5rem)}.blog-index-intro h1{font:400 clamp(2.8rem,6vw,6rem)/1.1 var(--serif);letter-spacing:-.04em;margin:1rem 0}.blog-index-intro p:last-child{max-width:42rem;font-size:1.125rem;line-height:1.7}.blog-index-list,.blog-home{padding:4rem clamp(1.5rem,6.5vw,7.5rem)}.blog-home{background:#f5f3ed}.blog-home>h2{font:400 clamp(2.5rem,5vw,4rem)/1.1 var(--serif);margin:.5rem 0 2rem}.blog-card{max-width:80rem;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;text-decoration:none;color:inherit}.blog-card>.blog-photo{max-width:28rem;margin:0}.blog-card h2{font:400 clamp(2.3rem,4vw,4rem)/1.12 var(--serif);letter-spacing:-.035em;margin:1rem 0 1.5rem}.blog-card p{font-size:1rem;line-height:1.7;max-width:35rem}.blog-card .section-kicker,.blog-card .blog-card-credit{font-size:.8rem}.blog-card-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:.35rem;margin-top:1rem}.blog-card:focus-visible{outline:2px solid currentColor;outline-offset:10px}.blog-card:hover .blog-card-link{border-bottom-width:2px}
@media(max-width:800px){.blog-hero,.blog-card{grid-template-columns:1fr}.blog-hero-copy{max-width:100%}.blog-hero .blog-photo{width:100%;max-width:35rem;justify-self:start}.blog-card>.blog-photo{width:100%;max-width:30rem}.blog-hero h1{font-size:clamp(2.8rem,9vw,5rem)}}
@media(max-width:480px){.blog-question{grid-template-columns:1fr;gap:.35rem}.question-number{padding:0}.blog-reading{padding-top:3rem}.blog-hero,.blog-index-intro{padding-top:2.5rem}.blog-hero h1{overflow-wrap:anywhere}}
