blog-index{display:block}.blog-index__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:2.4rem;margin-bottom:4rem}.blog-index__eyebrow-wrapper{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.blog-index__eyebrow-line{width:3rem;height:.1rem;background-color:rgb(var(--color-base-accent));flex-shrink:0}.blog-index__eyebrow{margin:0;color:rgb(var(--color-base-accent))}.blog-index__heading{font-family:Playfair Display,serif;font-style:italic;font-weight:600;color:rgb(var(--color-base-accent));margin:0 0 1.2rem;font-size:3.2rem;line-height:1.2}@media screen and (min-width:750px){.blog-index__heading{font-size:4rem}}.blog-index__filters{display:grid;grid-template-columns:minmax(0,max-content);justify-content:center;gap:1.6rem;margin-bottom:5rem}.blog-index__pill-row{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.blog-index__pill{--pill-color: var(--color-base-accent);position:relative;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:Jost,sans-serif;font-weight:500;font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;color:rgba(var(--pill-color),.85);background-color:transparent;border:.1rem solid rgba(var(--pill-color),.35);border-radius:999px;padding:.8rem 1.8rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease,padding .2s ease,font-size .2s ease}@media screen and (max-width:1320px)and (min-width:601px){.blog-index__pill-row{gap:.4rem}.blog-index__pill{gap:.3rem;font-size:1rem;padding:.5rem 1rem}}.blog-index__pill-count{opacity:.65;font-weight:400}.blog-index__pill-hover-icon{position:absolute;top:-2.2rem;left:50%;width:1.6rem;height:1.6rem;opacity:0;transform:translate(-50%) scale(.6);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.blog-index__pill-hover-icon svg{display:block;width:100%;height:100%}.blog-index__pill-hover-icon svg path,.blog-index__pill-hover-icon svg circle,.blog-index__pill-hover-icon svg rect{stroke:rgb(var(--pill-color))}@media screen and (hover:hover){.blog-index__pill:hover .blog-index__pill-hover-icon{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.blog-index__pill-hover-icon{transition:none}}@media screen and (hover:hover){.blog-index__pill:hover{border-color:rgb(var(--pill-color));color:rgb(var(--pill-color));background-color:rgba(var(--pill-color),.1)}}.blog-index__pill.is-active{background-color:rgb(var(--pill-color));border-color:rgb(var(--pill-color));color:rgb(var(--color-base-background))}.blog-index__pill.is-active .blog-index__pill-count{opacity:.7}.blog-index__subtags{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:1.2rem;row-gap:.6rem;padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-base-accent),.15);min-height:10rem}.blog-index__subtags[hidden]{display:flex;visibility:hidden}.blog-index__subtags-label{flex-shrink:0;margin:0;color:rgb(var(--color-text-muted))}.blog-index__subtags-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .4rem;list-style:none;margin:0;padding:0}.blog-index__subtags-list li:not(:last-child):after{content:",";color:rgba(var(--color-base-text),.5)}.blog-index__subtag-link{--tag-color: var(--color-base-accent);cursor:pointer;background:none;border:none;padding:0;font-family:Jost,sans-serif;font-weight:500;font-size:1.4rem;line-height:1.4;color:rgba(var(--tag-color),.75);text-decoration:underline;text-underline-offset:.2rem;transition:color .2s ease}@media screen and (min-width:990px){.blog-index__subtag-link{font-size:1.75rem}.blog-index__subtags-list{gap:.6rem .6rem}.blog-index__subtags{row-gap:.8rem}}@media screen and (hover:hover){.blog-index__subtag-link:hover{color:rgb(var(--tag-color))}}.blog-index__subtag-link.is-active{color:rgb(var(--tag-color));font-weight:600}.blog-index__series{margin-bottom:5rem}.blog-index__series-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.8rem}.blog-index__series-eyebrow{color:rgb(var(--color-base-accent));margin:0 0 .8rem}.blog-index__series-heading{font-family:Playfair Display,serif;font-style:italic;font-weight:600;color:rgb(var(--color-base-text));margin:0;font-size:2.4rem}@media screen and (min-width:750px){.blog-index__series-heading{font-size:2.8rem}}.blog-index__series-grid{display:grid;grid-template-columns:1fr;gap:2.4rem;list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.blog-index__series-grid{grid-template-columns:repeat(3,1fr)}}.blog-index__series-card{position:relative;border:.1rem solid rgba(var(--color-base-accent),.25);border-radius:2rem;overflow:hidden;background-color:rgb(var(--color-placeholder));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media screen and (hover:hover){.blog-index__series-card:hover{transform:translateY(-.4rem);border-color:rgba(var(--color-base-accent),.6);box-shadow:0 0 24px rgba(var(--color-base-accent),.2)}}.blog-index__series-link{display:block;color:inherit;text-decoration:none}.blog-index__series-image{position:relative;aspect-ratio:4 / 3;overflow:hidden}.blog-index__series-image img{width:100%;height:100%;object-fit:cover}.blog-index__hover-zoom-image.blog-index__hover-zoom-image{transition:transform .4s ease}@media screen and (hover:hover){.blog-index__series-card:hover .blog-index__hover-zoom-image,.blog-index__writing-link:hover .blog-index__hover-zoom-image{transform:scale(1.06)}}.blog-index__series-sparkle{position:absolute;background-color:rgba(var(--color-accent-light),.9);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);opacity:0;transform:scale(.5);transition:opacity .25s ease,transform .25s ease;pointer-events:none}@media screen and (hover:hover){.blog-index__series-card:hover .blog-index__series-sparkle{opacity:1;transform:scale(1);animation-name:blog-index-sparkle-twinkle;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@keyframes blog-index-sparkle-twinkle{0%,to{opacity:.6}50%{opacity:1}}.blog-index__series-info{padding:2rem}.blog-index__series-part{color:rgb(var(--color-base-accent));margin:0 0 .8rem}.blog-index__series-title{font-family:Playfair Display,serif;font-style:italic;font-weight:600;color:rgb(var(--color-base-text));margin:0 0 .8rem;font-size:1.9rem;line-height:1.3}.blog-index__series-excerpt{font-family:Jost,sans-serif;font-weight:500;color:rgba(var(--color-base-text),.75);margin:0 0 1.2rem;font-size:1.4rem;line-height:1.5}.blog-index__series-meta{color:rgba(var(--color-base-text),.5);margin:0}@media(prefers-reduced-motion:reduce){.blog-index__series-card,.blog-index__hover-zoom-image,.blog-index__series-sparkle{transition:none}.blog-index__series-card:hover .blog-index__series-sparkle{animation:none}}.blog-index__writings-section{max-width:105rem;margin:0 auto}.blog-index__writings-header{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;padding-bottom:1.6rem;margin-bottom:2.4rem;border-bottom:.1rem solid rgba(var(--color-base-accent),.2)}.blog-index__writings-sort{margin:0 0 0 auto;color:rgb(var(--color-text-muted));white-space:nowrap}.blog-index__month-group{margin-bottom:3.2rem}.blog-index__month-heading{font-family:Jost,sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-text-muted));font-size:1.4rem;margin:0 0 1.2rem;padding-bottom:.8rem;border-bottom:.1rem solid rgba(var(--color-base-accent),.3)}.blog-index__writings-list{list-style:none;margin:0;padding:0}.blog-index__writing-row{border-bottom:.1rem solid rgba(var(--color-base-accent),.15)}.blog-index__writing-row:last-child{border-bottom:none}.blog-index__writing-link{display:grid;grid-template-columns:5.2rem 34rem 1fr;align-items:center;column-gap:2rem;padding:2.4rem 0;text-decoration:none;color:inherit}@media screen and (max-width:600px){.blog-index__writing-link{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem;padding:2rem 0}}.blog-index__writing-meta{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media screen and (max-width:600px){.blog-index__writing-meta{flex-direction:row;align-items:center;gap:.8rem}}.blog-index__writing-dot{width:1.6rem;height:1.6rem;border-radius:50%;background-color:rgb(var(--dot-color, var(--color-base-accent)));flex-shrink:0}.blog-index__writing-date{color:rgb(var(--color-text-muted));white-space:nowrap}.blog-index__writing-thumb{display:block;width:100%;height:21rem;border-radius:1.6rem;overflow:hidden;background-color:rgb(var(--color-placeholder))}@media screen and (max-width:600px){.blog-index__writing-thumb{height:auto;aspect-ratio:34 / 21;border-radius:1.4rem}}.blog-index__writing-thumb img{width:100%;height:100%;object-fit:cover}.blog-index__writing-content{position:relative;display:flex;flex-direction:column;gap:.4rem;min-width:0}.blog-index__writing-sparkle{position:absolute;background-color:rgba(var(--dot-color, var(--color-accent-light)),.9);clip-path:polygon(50% 0%,61% 35%,100% 50%,61% 65%,50% 100%,39% 65%,0% 50%,39% 35%);opacity:0;transform:scale(.5);transition:opacity .25s ease,transform .25s ease;pointer-events:none}@media screen and (hover:hover){.blog-index__writing-link:hover .blog-index__writing-sparkle{opacity:1;transform:scale(1);animation-name:blog-index-writing-sparkle-twinkle;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@keyframes blog-index-writing-sparkle-twinkle{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.blog-index__writing-sparkle{transition:none}.blog-index__writing-link:hover .blog-index__writing-sparkle{animation:none}}.blog-index__writing-tag{color:rgb(var(--dot-color, var(--color-coral)));white-space:nowrap}.blog-index__writing-title{font-family:Playfair Display,serif;font-style:normal;font-weight:600;color:rgb(var(--color-base-text));font-size:1.9rem;line-height:1.3;transition:color .2s ease}@media screen and (hover:hover){.blog-index__writing-link:hover .blog-index__writing-title{color:rgb(var(--color-base-accent))}}.blog-index__writing-excerpt{font-family:Jost,sans-serif;font-weight:500;color:rgb(var(--color-text-muted));font-size:1.4rem;line-height:1.5}.blog-index__writings-empty{font-family:Jost,sans-serif;font-weight:500;color:rgba(var(--color-base-text),.6);text-align:center;padding:4rem 0}.blog-index__load-more-wrapper{display:flex;justify-content:center;margin-top:3.2rem}@media(prefers-reduced-motion:reduce){.blog-index__writing-title{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-blog-index.css.map */