.ss-blog-index{--ss-blog-red: #e30613;--ss-blog-ink: #121212;--ss-blog-muted: rgba(18, 18, 18, .62);--ss-blog-line: rgba(18, 18, 18, .12);padding:clamp(5rem,9vw,10rem) 0 clamp(6rem,10vw,11rem);background:radial-gradient(circle at 92% 0%,rgba(227,6,19,.08),transparent 30rem),#fff}.ss-blog-index__inner{max-width:144rem}.ss-blog-index__header{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:clamp(3.5rem,7vw,7rem)}.ss-blog-index__eyebrow{margin:0 0 1.4rem;color:var(--ss-blog-red);font-size:1.2rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.ss-blog-index__header h1{max-width:12ch;margin:0;color:var(--ss-blog-ink);font-size:clamp(4.8rem,9vw,10.5rem);font-weight:800;letter-spacing:-.065em;line-height:.88}.ss-blog-index__count{display:grid;width:6.5rem;height:6.5rem;margin:0 0 .8rem;border:.1rem solid var(--ss-blog-line);border-radius:50%;color:var(--ss-blog-ink);font-size:1.3rem;font-weight:750;letter-spacing:.08em;place-items:center}.ss-blog-index__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.6rem,2.6vw,3.2rem)}.ss-blog-card{display:flex;min-width:0;grid-column:span 4;flex-direction:column;overflow:hidden;border:.1rem solid var(--ss-blog-line);border-radius:1.8rem;background:#fff;box-shadow:0 1.5rem 4rem #1212120d;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.ss-blog-card--featured{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1.45fr) minmax(28rem,.75fr)}.ss-blog-card:hover{border-color:#e306134d;box-shadow:0 2.2rem 5rem #1212121c;transform:translateY(-.45rem)}.ss-blog-card__media{display:block;aspect-ratio:16 / 10;overflow:hidden;background:#efefed}.ss-blog-card--featured .ss-blog-card__media{min-height:34rem;aspect-ratio:auto}.ss-blog-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.ss-blog-card:hover .ss-blog-card__image{transform:scale(1.035)}.ss-blog-card__placeholder{display:grid;width:100%;height:100%;min-height:20rem;padding:2.4rem;color:#fff;background:linear-gradient(135deg,#e30613f5,#7d0008f5),var(--ss-blog-red);place-items:end start}.ss-blog-card__placeholder span{font-size:1.2rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.ss-blog-card__body{display:flex;min-width:0;flex:1;padding:clamp(2rem,3.2vw,3.7rem);flex-direction:column;align-items:flex-start}.ss-blog-card--featured .ss-blog-card__body{padding:clamp(2.4rem,4vw,5.5rem)}.ss-blog-card__meta{display:flex;flex-wrap:wrap;margin-bottom:1.3rem;color:var(--ss-blog-muted);font-size:1.15rem;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;gap:.7rem}.ss-blog-card h2{margin:0;font-size:clamp(2.2rem,2.7vw,3.4rem);font-weight:780;letter-spacing:-.04em;line-height:1.03}.ss-blog-card--featured h2{max-width:14ch;font-size:clamp(3rem,4vw,5.8rem)}.ss-blog-card h2 a{color:var(--ss-blog-ink);text-decoration:none}.ss-blog-card__body p{max-width:48ch;margin:1.5rem 0 2.4rem;color:var(--ss-blog-muted);font-size:1.55rem;line-height:1.65}.ss-blog-card__arrow{display:grid;width:4.4rem;height:4.4rem;margin-top:auto;border-radius:50%;color:#fff;background:var(--ss-blog-ink);place-items:center;text-decoration:none;transition:background .18s ease,transform .18s ease}.ss-blog-card:hover .ss-blog-card__arrow{background:var(--ss-blog-red);transform:translate(.25rem,-.25rem)}.ss-blog-card__arrow span{font-size:2.2rem;line-height:1}.ss-blog-card__media:focus-visible,.ss-blog-card h2 a:focus-visible,.ss-blog-card__arrow:focus-visible{outline:.3rem solid var(--ss-blog-red);outline-offset:.4rem}.ss-blog-index__pagination{margin-top:5rem}@media screen and (max-width:989px){.ss-blog-card--featured{grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr)}.ss-blog-card--featured .ss-blog-card__media{min-height:28rem}}@media screen and (max-width:749px){.ss-blog-index{padding-top:4.5rem}.ss-blog-index__header{align-items:flex-start}.ss-blog-index__count{width:5.2rem;height:5.2rem;flex:0 0 auto;font-size:1.1rem}.ss-blog-card,.ss-blog-card--featured{display:flex;grid-column:1 / -1;grid-template-columns:1fr}.ss-blog-card--featured .ss-blog-card__media,.ss-blog-card__media{min-height:0;aspect-ratio:16 / 10}.ss-blog-card--featured h2{font-size:clamp(2.8rem,9vw,4.2rem)}}@media(prefers-reduced-motion:reduce){.ss-blog-card,.ss-blog-card__image,.ss-blog-card__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-main-blog.css.map */