.blog-index-page{--bi-teal:#0f6f79;--bi-aqua:#2bbfc8;--bi-ink:#06161d;--bi-muted:#33535a;--bi-soft:#e8f4f5;--bi-ease:cubic-bezier(.22,1,.36,1);color:#0b2b31;background:#f5fafa}.blog-index-page .wrap{max-width:var(--site-shell-max);width:100%;margin:0 auto;padding:0}.blog-index-page .bi-hero{padding:clamp(120px,17vh,170px) var(--site-shell-pad-x) clamp(44px,6vw,72px)}.blog-index-page .th-dark{color:#e9f3f5;background:radial-gradient(80% 55% at 50% 0,#0b3844 0%,#082530 55%,#06161d 100%);position:relative;overflow:hidden}.blog-index-page .th-light{background:radial-gradient(90% 60% at 50% 0,#fff 0%,#f5fafa 70%)}.blog-index-page .rv{opacity:0;transition:opacity .45s var(--bi-ease) var(--rd,0s), transform .45s var(--bi-ease) var(--rd,0s);transform:translateY(16px)}.blog-index-page .rv.in{opacity:1;transform:none}.blog-index-page .bi-hero-pattern{opacity:.35;pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#2bbfc82e 0%,#0000 70%),repeating-radial-gradient(circle at 20% 30%,#2bbfc814 0 1px,#0000 1px 24px);position:absolute;inset:0}.blog-index-page .bi-hero .wrap{z-index:1;position:relative}.blog-index-page .bi-crumb{color:#e9f3f580;margin:0 0 18px;font-size:12px}.blog-index-page .bi-crumb a{color:#e9f3f5b3;text-decoration:none}.blog-index-page .bi-crumb a:hover{color:#fff}.blog-index-page .bi-chip{letter-spacing:.14em;text-transform:uppercase;color:var(--bi-aqua);background:#2bbfc81f;border:1px solid #2bbfc859;border-radius:999px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-block}.blog-index-page .bi-hero h1{letter-spacing:-.03em;max-width:none;margin:14px 0 16px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.06}.blog-index-page .bi-lead{color:#e9f3f5b8;margin:0;font-size:16px;line-height:1.75}@media (min-width:1025px){.blog-index-page .bi-hero h1{white-space:nowrap;font-size:clamp(30px,3.6vw,52px)}.blog-index-page .bi-lead{white-space:nowrap;max-width:none;font-size:clamp(14px,1.15vw,16px)}}@media (max-width:1024px){.blog-index-page .bi-lead{max-width:58ch}}.blog-index-page .bi-main{padding:clamp(36px,5vw,56px) var(--site-shell-pad-x) clamp(70px,9vw,100px)}.blog-index-page .bi-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px);display:grid}.blog-index-page .bi-card{min-height:100%;color:inherit;transition:transform .25s var(--bi-ease), box-shadow .25s var(--bi-ease), border-color .25s var(--bi-ease);background:#fff;border:1px solid #0f6f791f;border-radius:20px;flex-direction:column;padding:22px 22px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px -32px #062a302e}.blog-index-page .bi-card:hover{border-color:#2bbfc847;transform:translateY(-4px);box-shadow:0 26px 52px -28px #062a303d}.blog-index-page .bi-card-accent{height:4px;position:absolute;top:0;left:0;right:0}.blog-index-page .bi-card-accent--kraft{background:linear-gradient(90deg,#c4a574,#8b6914)}.blog-index-page .bi-card-accent--carton{background:linear-gradient(90deg,#7eb8c4,#0f6f79)}.blog-index-page .bi-card-accent--rigid{background:linear-gradient(90deg,#94b8cc,#35556a)}.blog-index-page .bi-card-cat{letter-spacing:.14em;text-transform:uppercase;color:var(--bi-teal);margin-bottom:10px;font-size:10px;font-weight:700;display:block}.blog-index-page .bi-card h2{letter-spacing:-.018em;color:var(--bi-ink);margin:0 0 12px;font-size:clamp(17px,2vw,20px);font-weight:700;line-height:1.32}.blog-index-page .bi-card p{color:var(--bi-muted);flex:1;margin:0 0 18px;font-size:14.5px;line-height:1.65}.blog-index-page .bi-card-meta{color:#33535ab8;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.blog-index-page .bi-card-meta span+span:before{content:"·";opacity:.6;margin-right:12px}@media (min-width:761px) and (max-width:1024px){.blog-index-page .bi-grid{grid-template-columns:repeat(2,1fr)}.blog-index-page .bi-hero{padding-top:clamp(108px,14vh,140px)}.blog-index-page .bi-hero h1{max-width:none;font-size:clamp(28px,4.2vw,46px)}}@media (max-width:760px){.blog-index-page{overflow-x:clip}.blog-index-page .bi-hero{padding-top:clamp(96px,18vw,118px);padding-bottom:clamp(32px,6vw,48px)}.blog-index-page .bi-crumb{word-break:break-word;font-size:11px;line-height:1.55}.blog-index-page .bi-main{padding-top:clamp(28px,5vw,40px);padding-bottom:clamp(48px,8vw,72px)}.blog-index-page .bi-grid{grid-template-columns:1fr}.blog-index-page .bi-hero h1{letter-spacing:-.022em;max-width:none;font-size:clamp(22px,5.6vw,28px);line-height:1.2}.blog-index-page .bi-lead{font-size:15px;line-height:1.7}.blog-index-page .bi-card{border-radius:16px;padding:18px 16px 20px}.blog-index-page .bi-card h2{font-size:15px;line-height:1.34}.blog-index-page .bi-card p{font-size:14px}}@media (prefers-reduced-motion:reduce){.blog-index-page .rv{opacity:1;transform:none}}