.tf-blog-index-header.tf-page-header,.tf-blog-article-header.tf-page-header{border-bottom:var(--hdr-rule) solid var(--gold);background:var(--hdr);color:var(--hdr-ink);border-radius:0 0 28px 28px;margin:0;padding:48px max(24px,50% - 552px) 80px;display:block;overflow:hidden}.tf-blog-index-header h1{letter-spacing:-1.2px;font-size:clamp(36px,4.5vw,64px);line-height:1.06}.tf-blog-article-header h1{font-size:clamp(34px,4vw,56px);line-height:1.12}.tf-blog-index-header .tf-eyebrow,.tf-blog-article-header .tf-eyebrow,.tf-blog-index-header .tf-page-description,.tf-blog-article-header .tf-page-description{color:var(--hdr-sub)}.tf-blog-index-header .tf-page-header-art>span,.tf-blog-article-header .tf-page-header-art>span{color:var(--hdr-glyph);font-size:380px;line-height:1.5;bottom:-100px;right:-2%}.tf-blog-index-header.tf-page-header{padding-bottom:112px}.tf-blog-index-header .tf-page-header-copy{width:min(100%,1152px)}.tf-blog-index-header .tf-eyebrow{align-items:center;gap:10px;display:flex}.tf-blog-index-header .tf-page-description{max-width:700px}.tf-blog-topics{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.tf-blog-topic{background:var(--hdr-pill);min-height:44px;color:var(--hdr-ink);border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:800;line-height:1.4;display:inline-flex}.tf-blog-topic:hover{text-underline-offset:4px;text-decoration:underline}.tf-blog-topic.tf-blog-topic--active{background:var(--gold);color:var(--held-ink)}.tf-blog-index-content{margin-top:-72px;position:relative}.tf-blog-card{padding:0}.tf-blog-link-card{padding:24px}@media (hover:hover){.tf-blog-card:hover{transform:translateY(-2px)}}.tf-blog-arrow{background:var(--sage-50);width:34px;height:34px;color:var(--brand-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.tf-blog-featured-art{background:var(--sage-200)}.tf-blog-featured-stack{height:100%;padding:28px 36px}.tf-blog-featured-stack:before{z-index:0;background:var(--gold);inset:28px 36px;transform:rotate(-6deg)}.tf-blog-featured-stack>.tf-tilted-card__front{background:var(--paper);border:0;border-radius:22px;height:100%;padding:0;overflow:hidden;transform:rotate(4deg)}.tf-blog-featured-cover{background:var(--paper);height:100%;min-height:300px}.tf-blog-featured-cover>span{font-size:clamp(130px,17vw,200px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tf-blog-cta{background:var(--hdr);color:var(--hdr-ink)}.tf-blog-cta h2{color:var(--hdr-ink)}.tf-blog-cta p{color:var(--hdr-sub);line-height:1.6}.tf-blog-article-header.tf-page-header{padding-bottom:80px}.tf-blog-article-header .tf-page-header-copy{width:min(100%,1152px)}.tf-blog-article-header h1{max-width:24ch}.tf-blog-article-header .tf-page-description{max-width:760px}.tf-blog-breadcrumb{letter-spacing:0;text-transform:none;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.tf-blog-breadcrumb a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.tf-blog-breadcrumb a:hover{text-decoration:underline}.tf-blog-byline{color:var(--hdr-sub);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;font-size:14px;display:flex}.tf-blog-byline b{color:var(--hdr-ink)}.tf-blog-author{background:var(--hdr-pill);width:38px;height:38px;color:var(--hdr-ink);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.tf-blog-article-cover{margin-top:-40px;margin-bottom:48px;position:relative}@media (max-width:640px){.tf-blog-index-header.tf-page-header,.tf-blog-article-header.tf-page-header{padding-top:28px;padding-inline:16px}.tf-blog-index-header.tf-page-header{padding-bottom:88px}.tf-blog-index-header h1{font-size:36px}.tf-blog-article-header h1{font-size:34px}.tf-blog-topics{flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.tf-blog-topic{white-space:nowrap;flex:none}.tf-blog-index-content{margin-top:-48px}.tf-blog-featured-stack{padding:24px 32px}.tf-blog-featured-stack:before{inset:24px 32px}.tf-blog-featured-cover{min-height:190px}.tf-blog-featured-cover>span{font-size:120px}.tf-blog-article-header.tf-page-header{padding-bottom:64px}.tf-blog-byline{gap:10px 16px}.tf-blog-article-cover{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){.tf-blog-card:hover{transform:none}}.tf-blog-index :lang(th),.tf-blog-link-card :lang(th),.tf-blog-article-header :lang(th){font-family:var(--font-sarabun), "Sarabun", sans-serif;letter-spacing:0;line-height:1.5}
