.blog-hero{padding-top:var(--sp-8);padding-bottom:var(--sp-8);background:var(--color-bg)}.blog-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-12);align-items:center}.blog-hero__content{max-width:480px}.blog-hero__title{font-size:clamp(var(--fs-32),5vw,var(--fs-48));font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--color-text);margin:var(--sp-4) 0 var(--sp-4)}.blog-hero__description{font-size:var(--fs-15);line-height:var(--lh-base);color:var(--color-text-muted);max-width:36em}.blog-hero__visual-frame{width:100%;border-radius:var(--r-2xl);overflow:hidden;background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.blog-hero__image{width:100%;height:100%;object-fit:cover}@media(max-width:1024px){.blog-hero__inner{grid-template-columns:1fr;gap:var(--sp-6)}.blog-hero__content{max-width:100%}.blog-hero__visual-frame{max-width:540px;margin:0 auto}}.blog-list{padding:var(--sp-8) 0 var(--sp-12)}.blog-list__filter{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-8)}.blog-list__pill{display:inline-flex;align-items:center;padding:.625rem 1.125rem;font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:var(--r-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.blog-list__pill:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-list__pill.is-active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.blog-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);list-style:none;padding:0;margin:0}.blog-list__card{background:#fff;border:1px solid var(--color-border);border-radius:var(--r-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.blog-list__card[data-hidden]{display:none}.blog-list__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:transparent}.blog-list__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-list__cover{aspect-ratio:16 / 10;overflow:hidden;background:var(--color-bg-soft)}.blog-list__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.blog-list__card:hover .blog-list__image{transform:scale(1.05)}.blog-list__body{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);flex-grow:1}.blog-list__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.blog-list__date{font-size:var(--fs-13);color:var(--color-text-muted);font-weight:var(--fw-medium)}.blog-list__title{font-size:var(--fs-18);font-weight:var(--fw-semi);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list__summary{font-size:var(--fs-14);color:var(--color-text-muted);line-height:var(--lh-base);margin:0;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-list__cta{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);font-weight:var(--fw-semi);color:var(--color-accent);transition:gap var(--transition-fast);margin-top:auto}.blog-list__card:hover .blog-list__cta{gap:var(--sp-3)}.blog-list__cta [data-icon]{width:14px;height:14px}@media(max-width:1024px){.blog-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.blog-list__grid{grid-template-columns:1fr;gap:var(--sp-4)}.blog-list__filter{gap:var(--sp-2);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-inline:calc(-1 * var(--container-pad));padding-inline:var(--container-pad)}.blog-list__filter::-webkit-scrollbar{display:none}.blog-list__pill{flex-shrink:0}}.blog-newsletter{padding:var(--sp-8) 0 var(--sp-12)}.blog-newsletter__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sp-8);align-items:center;background:var(--color-bg-soft);border-radius:var(--r-2xl);padding:var(--sp-8) var(--sp-10);border:1px solid var(--color-border)}.blog-newsletter__title{font-size:var(--fs-22);font-weight:var(--fw-bold);color:var(--color-text);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-2)}.blog-newsletter__subtitle{font-size:var(--fs-14);color:var(--color-text-muted);line-height:var(--lh-base);margin:0}.blog-newsletter__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:stretch;position:relative}.blog-newsletter__input{padding:.875rem 1rem;font-family:var(--font-sans);font-size:var(--fs-15);color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:var(--r-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.blog-newsletter__input::placeholder{color:var(--color-text-dim)}.blog-newsletter__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e526}.blog-newsletter__submit{padding:.875rem 1.5rem;font-size:var(--fs-14);white-space:nowrap}.blog-newsletter__submit [data-icon]{width:16px;height:16px}.blog-newsletter__status{display:none;grid-column:1 / -1;margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-13);line-height:var(--lh-base)}.blog-newsletter__status.is-success{display:block;background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.blog-newsletter__status.is-error{display:block;background:#fee2e2;color:#991b1b;border:1px solid #FECACA}@media(max-width:860px){.blog-newsletter__inner{grid-template-columns:1fr;gap:var(--sp-5);padding:var(--sp-6)}}@media(max-width:480px){.blog-newsletter__form{grid-template-columns:1fr}.blog-newsletter__submit{justify-content:center}}