.blog-index,.blog-article{background:var(--h-light-bg);color:var(--h-text-main);min-height:calc(100vh - 150px)}.blog-index__hero{background:var(--h-black);color:#fff;border-bottom:3px solid var(--h-red);padding:clamp(60px,7vw,100px) 0 clamp(50px,6vw,80px)}.blog-index__hero .eyebrow{color:var(--h-red);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800}.blog-index__hero h1{font-family:var(--h-font-display);letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 20px;font-size:clamp(48px,8vw,92px);font-weight:900;line-height:.92}.blog-index__hero h1 span{color:var(--h-red)}.blog-index__hero p:last-child{color:#94a3b8;max-width:640px;margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.blog-index__list{padding-block:48px 90px}.blog-index__list-head{border-bottom:2px solid var(--h-border-light);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px;padding-bottom:16px;display:flex}.blog-index__list-head h2{font-family:var(--h-font-display);text-transform:uppercase;color:var(--h-text-main);margin:0;font-size:clamp(26px,3.5vw,42px);font-weight:900}.blog-index__list-head span{text-transform:uppercase;letter-spacing:.08em;color:var(--h-text-muted);font-size:12px;font-weight:800}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.blog-card{border:1px solid var(--h-border-light);background:#fff;border-radius:4px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 16px 36px #00000014}.blog-card--lead{grid-area:span 2/span 2}.blog-card__media{aspect-ratio:16/10;background:#f1f5f9;width:100%;display:block;position:relative;overflow:hidden}.blog-card--lead .blog-card__media{aspect-ratio:16/9}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__media span{width:100%;height:100%;font-family:var(--h-font-display);letter-spacing:.05em;color:var(--h-red);text-align:center;background:#0b0d0e;place-items:center;font-size:clamp(40px,5vw,70px);font-weight:900;display:grid}.blog-card__content{flex-direction:column;flex:1;padding:24px 22px;display:flex}.blog-card__meta{color:var(--h-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px;font-weight:800}.blog-card__meta span{color:var(--h-red);padding-inline:6px}.blog-card h3{font-family:var(--h-font-display);text-transform:uppercase;margin:0 0 12px;font-size:clamp(22px,2.5vw,32px);font-weight:800;line-height:1.1}.blog-card--lead h3{font-size:clamp(32px,3.8vw,50px)}.blog-card h3 a{color:var(--h-text-main);text-decoration:none;transition:color .15s}.blog-card h3 a:hover{color:var(--h-red)}.blog-card__content>p:not(.blog-card__meta){color:#475569;margin:0 0 20px;font-size:14px;line-height:1.6}.blog-card__read{font-family:var(--h-font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--h-red);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:800;text-decoration:none;transition:gap .15s;display:inline-flex}.blog-card__read:hover{color:var(--h-red-dark);gap:12px}.blog-index__empty{text-align:center;border:2px dashed var(--h-border-light);background:#fff;border-radius:4px;max-width:680px;margin:0 auto;padding:70px 32px}.blog-index__empty h3{font-family:var(--h-font-display);text-transform:uppercase;margin:0 0 12px;font-size:32px;font-weight:900}.blog-index__empty p{color:var(--h-text-muted);margin:0 0 20px;font-size:15px;line-height:1.6}.blog-index__empty a{background:var(--h-black);color:#fff;font-family:var(--h-font-display);text-transform:uppercase;border-radius:3px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.blog-index__empty a:hover{background:var(--h-red)}.blog-pagination{justify-content:center;align-items:center;gap:14px;margin-top:54px;display:flex}.blog-pagination a{font-family:var(--h-font-display);text-transform:uppercase;letter-spacing:.05em;background:var(--h-black);color:#fff;border-radius:3px;padding:10px 20px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s}.blog-pagination a:hover{background:var(--h-red)}.blog-pagination span{color:var(--h-text-muted);font-size:13px;font-weight:700}.blog-article__back{padding-top:28px}.blog-article__back a,.blog-article__end a{text-transform:uppercase;letter-spacing:.06em;min-height:40px;color:var(--h-text-muted);align-items:center;gap:8px;font-size:12px;font-weight:800;text-decoration:none;transition:color .15s;display:inline-flex}.blog-article__back a:hover,.blog-article__end a:hover{color:var(--h-red)}.blog-article__header{max-width:900px;padding-block:36px 48px}.blog-article__header .eyebrow{color:var(--h-red);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.blog-article__header h1{font-family:var(--h-font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--h-text-main);margin:0 0 20px;font-size:clamp(38px,5.5vw,68px);font-weight:900;line-height:.96}.blog-article__dek{color:#475569;max-width:780px;margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.5}.blog-article__byline{border-top:1px solid var(--h-border-light);color:var(--h-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;padding-top:18px;font-size:11px;font-weight:800;display:flex}.blog-article__cover{margin:0 auto 60px}.blog-article__cover img{object-fit:cover;background:#e2e8f0;border-radius:4px;width:100%;max-height:640px;display:block}.blog-article__body{color:#1e293b;width:min(100% - 48px,780px);margin:0 auto;padding-bottom:70px;font-size:17px;line-height:1.8}.blog-article__body h2,.blog-article__body h3{font-family:var(--h-font-display);text-transform:uppercase;color:var(--h-text-main);margin:2em 0 .6em;line-height:1.05}.blog-article__body h2{border-bottom:2px solid var(--h-border-light);padding-bottom:8px;font-size:clamp(28px,3.2vw,42px)}.blog-article__body h3{font-size:clamp(22px,2.5vw,30px)}.blog-article__body p{margin:0 0 1.4em}.blog-article__body a{color:var(--h-red);text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog-article__body a:hover{color:var(--h-red-dark)}.blog-article__body blockquote{border-left:4px solid var(--h-red);font-family:var(--h-font-display);text-transform:uppercase;color:var(--h-black);background:#fff;border-radius:0 4px 4px 0;margin:2.2em 0;padding:12px 0 12px 24px;font-size:1.35em;font-weight:800;line-height:1.3}.blog-article__body blockquote p{margin:0}.blog-article__body li{margin-bottom:.5em}.blog-article__body pre{background:var(--h-black);color:#fff;border-radius:4px;padding:20px;font-size:14px;overflow-x:auto}.blog-article__related{border-top:3px solid var(--h-black);padding:48px 0 64px}.blog-article__related h2{font-family:var(--h-font-display);text-transform:uppercase;color:var(--h-text-main);margin:0 0 24px;font-size:clamp(28px,4vw,48px);font-weight:900}.blog-article__related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.blog-article__related>div a{border:1px solid var(--h-border-light);min-height:80px;font-family:var(--h-font-display);text-transform:uppercase;color:var(--h-text-main);background:#fff;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:16px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.blog-article__product-image{object-fit:contain;flex-shrink:0;width:88px;height:88px}.blog-article__product-name{overflow-wrap:anywhere;flex:1;min-width:0}.blog-article__related>div a>svg{flex-shrink:0}.blog-article__related>div a:hover{border-color:var(--h-red);color:var(--h-red);transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.blog-article__end{padding-bottom:60px}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--lead{grid-area:auto/span 2}.blog-article__related>div{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.blog-index__hero h1{font-size:clamp(32px,9vw,48px)}.blog-index__list-head{flex-wrap:wrap;gap:8px}.blog-grid{grid-template-columns:1fr}.blog-card--lead{grid-column:span 1}.blog-article__related>div{grid-template-columns:1fr}}