.blog-index{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.blog-index__post{border-top:1px solid var(--line);color:var(--ink);grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:start;gap:1.5rem;padding:1.6rem 0;text-decoration:none;display:grid}.blog-index__meta{color:#171914a3;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:.5rem;font-size:.68rem;font-weight:600;display:flex}.blog-index__meta span,.blog-post__title span{width:fit-content;color:var(--ink);background:var(--yellow);padding:.22rem .42rem}.blog-index__copy h3{letter-spacing:-.055em;margin:0;font-size:clamp(1.65rem,2.4vw,2.5rem);font-weight:650;line-height:1;transition:color .16s,transform .16s}.section-content__copy .blog-index__copy p{color:#171914b3;max-width:42rem;font-family:var(--serif);margin:.75rem 0 0;font-size:1rem;line-height:1.48}.blog-index__read{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;padding-top:.2rem;font-size:.68rem;font-weight:650}.blog-index__post:hover .blog-index__copy h3{color:var(--blue);transform:translate(.25rem)}.blog-index__empty{border-top:1px solid var(--line);padding-top:1rem}.section-content__copy .blog-index__empty p{font-size:clamp(1.35rem,2vw,2rem)}.section-content__copy .blog-index__empty p+p{margin-top:1.4rem}.blog-post{background:var(--paper)}.blog-post__header{border-bottom:1px solid var(--ink);min-height:max(720px,88svh);color:var(--paper);background:var(--blue);grid-template-columns:minmax(11rem,.35fr) minmax(0,1.65fr);gap:2rem;padding:9.5rem max(2rem,50vw - 750px) 4rem;display:grid}.blog-post__back{width:fit-content;color:inherit;letter-spacing:.05em;text-transform:uppercase;align-self:start;font-size:.72rem;font-weight:650;text-decoration:none}.blog-post__back:before{content:"←";margin-right:.55rem;transition:transform .16s;display:inline-block}.blog-post__back:hover:before{transform:translate(-.25rem)}.blog-post__title{align-self:center;max-width:78rem}.blog-post__title>p{letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:.72rem;font-weight:650;display:flex}.blog-post__title span{color:var(--ink)}.blog-post__title h1{letter-spacing:-.08em;text-wrap:balance;margin:0;font-size:clamp(4.2rem,8.5vw,9.4rem);font-weight:700;line-height:.86}.blog-post__summary{max-width:48rem;font-family:var(--serif);border-top:1px solid #f4f0e58c;grid-column:2;align-self:end;margin:0;padding-top:1rem;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.4}.blog-post__page{grid-template-columns:minmax(11rem,.35fr) minmax(0,1.65fr);gap:2rem;padding:clamp(5rem,9vw,9rem) max(2rem,50vw - 750px);display:grid}.blog-post__folio{color:#171914a3;font-family:var(--display);align-self:start;padding-top:.25rem;font-size:.68rem;line-height:1.4}.blog-post__folio p{letter-spacing:.07em;text-transform:uppercase;margin:0 0 .2rem;font-weight:650}.blog-post__folio strong,.blog-post__folio time{color:var(--ink);font-size:.8rem;font-weight:600;display:block}.blog-post__folio p:not(:first-child){margin-top:1.5rem}.blog-post__prose{width:min(100%,48rem);font-family:var(--serif);font-size:clamp(1.18rem,1.5vw,1.38rem);line-height:1.68}.blog-post__prose>:first-child{margin-top:0}.blog-post__prose>:last-child{margin-bottom:0}.blog-post__prose p,.blog-post__prose ul,.blog-post__prose ol,.blog-post__prose blockquote,.blog-post__prose pre,.blog-post__prose table,.blog-post__prose figure{margin:0 0 1.55em}.blog-post__prose h2,.blog-post__prose h3,.blog-post__prose h4{max-width:20ch;font-family:var(--display);letter-spacing:-.055em;margin:2.4em 0 .7em;font-weight:650;line-height:1}.blog-post__prose h2{font-size:clamp(2.5rem,4vw,4.5rem)}.blog-post__prose h3{font-size:clamp(1.8rem,2.7vw,2.7rem)}.blog-post__prose h4{font-size:1.4rem}.blog-post__prose a{color:inherit;text-decoration-color:var(--orange);text-underline-offset:.16em;text-decoration-thickness:.12em}.blog-post__prose strong{font-weight:700}.blog-post__prose blockquote{border-left:.45rem solid var(--yellow);margin-left:0;padding:1.25rem 0 1.25rem 1.5rem;font-size:1.18em;font-style:italic;line-height:1.48}.blog-post__prose blockquote p{margin:0}.blog-post__prose li+li{margin-top:.45em}.blog-post__prose img{border:1px solid var(--ink);width:100%;height:auto;margin:2.5rem 0}.blog-post__prose code{color:var(--paper);background:var(--ink);border-radius:.2rem;padding:.12em .3em;font-size:.82em}.blog-post__prose pre{max-width:100%;color:var(--paper);background:var(--ink);padding:1.25rem;font-size:.84rem;line-height:1.55;overflow-x:auto}.blog-post__prose pre code{padding:0}.blog-post__prose hr{border:0;border-top:1px solid var(--line);margin:3.5rem 0}.blog-post__prose table{border-collapse:collapse;width:100%;font-family:var(--display);font-size:.88rem}.blog-post__prose th,.blog-post__prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.7rem}.blog-post__after{border-top:1px solid var(--ink);background:var(--yellow);justify-content:space-between;align-items:baseline;padding:2rem max(2rem,50vw - 750px);display:flex}.blog-post__after p{letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:650}.blog-post__after a{color:var(--ink);letter-spacing:-.045em;font-size:clamp(1.5rem,2.8vw,2.5rem);font-weight:650;text-decoration:none}@media (width<=900px){.blog-index__post{grid-template-columns:1fr auto}.blog-index__meta{flex-direction:row;grid-column:1/-1;align-items:center}.blog-post__header,.blog-post__page{grid-template-columns:1fr}.blog-post__header{gap:3.5rem;min-height:100svh;padding:7rem 1rem 2rem}.blog-post__title{align-self:end}.blog-post__title h1{font-size:clamp(3.8rem,16vw,7rem)}.blog-post__summary{grid-column:1}.blog-post__page{gap:4rem;padding:5rem 1rem}.blog-post__folio{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:.35rem .75rem;padding-bottom:1rem;display:grid}.blog-post__folio p,.blog-post__folio p:not(:first-child){margin:0}.blog-post__after{padding:1.5rem 1rem}}@media (width<=560px){.blog-index__post{grid-template-columns:1fr;gap:1rem}.blog-index__read{padding-top:0}.blog-post__title>p{flex-wrap:wrap}.blog-post__folio{grid-template-columns:auto 1fr}.blog-post__folio p:not(:first-child){margin-top:.75rem}.blog-post__after{display:block}.blog-post__after a{margin-top:.75rem;display:inline-block}}@media (prefers-reduced-motion:reduce){.blog-index__copy h3,.blog-post__back:before{transition:none}}