.twl-blog-archive{padding:60px 0}@media (max-width:1023px){.twl-blog-archive{padding:36px 0}}.twl-blog-archive .blog-hero{aspect-ratio:16/9;object-fit:cover;border-radius:24px;width:100%;max-height:650px;overflow:hidden}@media (max-width:1023px){.twl-blog-archive .blog-hero{aspect-ratio:2/3;max-width:400px;max-height:none}}.twl-blog-archive header{text-align:center;max-width:900px;margin:45px auto 52px}.twl-blog-archive h1{font-family:var(--font-noto-sans-thai),Arial,Helvetica,sans-serif;margin-bottom:16px;font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.5}@media (max-width:1023px){.twl-blog-archive h1{text-align:center}}.twl-blog-archive .chips{flex-wrap:wrap;gap:16px;display:flex}@media (max-width:1023px){.twl-blog-archive .chips{justify-content:center;gap:8px}}.twl-blog-archive .content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}@media (max-width:1023px){.twl-blog-archive .content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (max-width:767px){.twl-blog-archive .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:639px){.twl-blog-archive .content-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}
