.page-template-page-blog .site-header{position:relative;transition:none}.blog{--blog-radius:14px;background:var(--color-off-white-100);color:var(--color-black);padding-bottom:clamp(48px, 6vw, 88px)}.blog__hero{padding-top:clamp(8px, 1.4vw, 16px)}.blog__panel{border:1px solid var(--color-gray-100);border-radius:var(--blog-radius);padding:clamp(28px, 4vw, 56px) clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);text-align:center;background-image:url(/wp-content/themes/goodface-pure/dist/icon/dots.svg);background-repeat:repeat;background-size:12px 12px}.blog__title{margin:0 auto;max-width:900px;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .28em;font-family:var(--font-base);font-size:var(--fs-h1);font-weight:var(--fw-medium);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);color:var(--color-black)}.blog__word{display:block}.blog__subtitle{margin:clamp(12px, 1.4vw, 18px) auto 0;max-width:560px;font-size:var(--fs-body-m);font-weight:var(--fw-medium);line-height:1.4;color:var(--color-gray-500)}.blog-filter{display:flex;justify-content:center;margin:clamp(24px, 3vw, 36px) auto clamp(28px, 3.4vw, 44px)}.blog-filter__track{display:inline-flex;gap:4px;max-width:100%;padding:6px;border-radius:10px;border:1px solid var(--color-gray-100);background:var(--color-off-white-200);overflow-x:auto;scrollbar-width:none}.blog-filter__track::-webkit-scrollbar{display:none}.blog-filter__btn{flex:0 0 auto;padding:11px 22px;border:1px solid #fff0;border-radius:6px;background:#fff0;cursor:pointer;color:var(--color-gray-500);font-family:var(--font-base);font-size:var(--fs-body-s);font-weight:var(--fw-medium);line-height:1;white-space:nowrap;transition:background-color 0.3s,color 0.3s,box-shadow 0.3s,border-color 0.3s}.blog-filter__btn:hover{color:var(--color-black)}.blog-filter__btn.is-active{background:var(--color-white);border-color:rgb(25 25 25 / .06);color:var(--color-black);box-shadow:0 2px 6px rgb(26 26 18 / .05)}.blog__accent{margin-top:0}.blog-featured__link{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:clamp(300px, 26vw, 360px);border:1px solid var(--color-gray-100);border-radius:var(--blog-radius);overflow:hidden;text-decoration:none;background:var(--color-white)}.blog-featured__media{position:relative;order:2;display:flex;align-items:center;justify-content:center;background:var(--color-sky);overflow:hidden}.blog-featured__img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(.22,1,.36,1)}.blog-featured__link:hover .blog-featured__img{transform:scale(1.04)}.blog-featured__body{order:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(16px, 1.8vw, 22px);padding:clamp(28px, 3vw, 48px)}.blog-featured__badge.-inline{position:static}.blog-featured__title{margin:0;font-size:var(--fs-h3);font-weight:var(--fw-medium);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);color:var(--color-black)}.blog-featured__meta{margin-top:auto}.blog-featured__media .blog-featured__badge{display:none}.blog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px, 2vw, 28px);margin-top:clamp(20px, 2.4vw, 32px)}.blog-card{border-radius:var(--blog-radius);border:1px solid var(--color-gray-100);background:var(--color-white);padding:8px;transition:box-shadow 0.4s cubic-bezier(.22,1,.36,1),transform 0.4s cubic-bezier(.22,1,.36,1)}.blog-card:hover{box-shadow:0 18px 40px -20px rgb(26 26 18 / .22);transform:translateY(-2px)}.blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none}.blog-card__media{position:relative;aspect-ratio:20 / 11;border-radius:8px;background:var(--color-green);overflow:hidden}.blog-card__img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(.22,1,.36,1)}.blog-card__link:hover .blog-card__img{transform:scale(1.04)}.blog-card__badge,.blog-featured__badge{position:absolute;top:16px;left:16px;z-index:2;background:var(--color-white);border-color:rgb(25 25 25 / .06);color:var(--color-black);box-shadow:0 2px 6px rgb(26 26 18 / .06)}.blog-card__body{display:flex;flex-direction:column;gap:14px;padding:clamp(14px, 1.4vw, 18px) 8px 8px;flex:1}.blog-card__title{margin:0;font-size:var(--fs-h5);font-weight:var(--fw-medium);line-height:var(--lh-h5);letter-spacing:var(--ls-h5);color:var(--color-black);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta,.blog-featured__meta{display:flex;align-items:center;gap:20px}.blog-card__meta-item,.blog-featured__meta-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-body-xs);font-weight:var(--fw-medium);color:var(--color-gray-500)}.blog-card__meta-item svg,.blog-featured__meta-item svg{flex-shrink:0;color:var(--color-gray-500)}.blog__more{display:flex;justify-content:center;margin-top:clamp(28px, 3.4vw, 44px)}.blog__more-btn svg{color:currentColor}.is-hidden{display:none!important}.blog__grid{transition:opacity 0.35s cubic-bezier(.22,1,.36,1),transform 0.35s cubic-bezier(.22,1,.36,1)}.blog__grid.is-switching{opacity:0;transform:translateY(10px)}.blog__grid .blog-card.animate{opacity:0;visibility:visible;translate:0 20px;scale:.98;transition:opacity 0.7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),translate 0.7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),scale 0.7s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}.blog__grid .blog-card.animate.is-visible{opacity:1;translate:0 0;scale:1}@media (prefers-reduced-motion:reduce){.blog__grid,.blog__grid .blog-card.animate{transition:none}.blog__grid .blog-card.animate{opacity:1;translate:none;scale:none}}@media (max-width:860px){.blog-featured__link{grid-template-columns:1fr}.blog-featured__media{order:1;min-height:220px}.blog-featured__body{order:2}}@media (max-width:640px){.blog__grid{grid-template-columns:1fr}.blog-filter{justify-content:flex-start}}