/* Shared, self-hosted typography for the Thai and English IYARA website. */
:root{--font-thai:'Inter','Noto Sans Thai','Leelawadee UI',sans-serif;--font-label:'Inter','Noto Sans Thai',sans-serif;--type-body:16px;--type-small:13px;--type-leading:1.85}
html{font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--font-thai)!important;font-size:var(--type-body);font-weight:400;line-height:var(--type-leading);letter-spacing:0;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4,p,li,button,input,select,textarea,summary,label,table,address,figcaption,dt,dd){font-family:var(--font-thai)!important}
:is(h1,h2,h3,h4){font-weight:500;letter-spacing:0;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
p,li,dd{line-height:1.85;word-break:normal;text-wrap:pretty}p{margin-top:0;margin-bottom:1.25em}
button,input,select,textarea{font-size:16px;line-height:1.6}strong,b{font-weight:600}h1,h2,h3,h4{font-synthesis:none}
.section h2,#about h2,#contact h2,#standards .certificate-heading h2{font-size:clamp(30px,3.25vw,44px)!important;line-height:1.42!important;font-weight:500!important;margin-bottom:20px}
.section-heading{align-items:flex-start;gap:30px;margin-bottom:36px}.section-heading p,#standards .certificate-heading p{font-size:16px!important;line-height:1.85!important;max-width:45ch!important}
.eyebrow{font-size:11px!important;line-height:1.7!important;letter-spacing:.16em!important;font-weight:500!important;margin-bottom:16px}
header nav a{font-size:14px!important;font-weight:500!important;line-height:1.5!important}header .iyara-maker{font-size:10px!important;line-height:1.5!important;letter-spacing:.02em!important}
.language-switch button{font-family:var(--font-thai)!important;font-size:12px!important;font-weight:500!important}
.button,.nav-cta,.detail-button{font-size:14px!important;font-weight:500!important;line-height:1.55!important;letter-spacing:0!important}
#entry .cinema-copy h1{font-family:var(--font-thai)!important;font-size:clamp(44px,5.3vw,74px)!important;font-weight:500!important;line-height:1.38!important;max-width:1100px;letter-spacing:0!important}
#entry .cinema-copy h1 em{font-weight:400!important}#entry .cinema-eyebrow{font-family:var(--font-label)!important;font-size:11px!important;letter-spacing:.2em!important;line-height:1.7!important}
#entry .cinema-copy>p{font-family:var(--font-thai)!important;font-size:16px!important;line-height:1.9!important;max-width:650px!important;margin:24px auto 0!important;color:#e4e6d9!important}
#entry .cinema-enter-trigger{font-size:14px!important;font-weight:500!important;line-height:1.6!important;padding:14px 27px!important;min-height:50px}
#entry .cinema-scroll{font-size:12px!important;line-height:1.65!important}#entry .cinema-sequence span,#entry .cinema-replay,#entry .cinema-skip{font-size:11px!important;line-height:1.6!important}
#entry .entry-collection-heading h2{font-size:clamp(29px,3vw,40px)!important;line-height:1.4!important;font-weight:500!important;margin:12px 0 10px!important;max-width:850px}
#entry .entry-collection-heading small{font-size:11px!important;line-height:1.6!important;letter-spacing:.16em!important}
#entry .entry-collection-heading p{font-family:var(--font-thai)!important;font-size:14px!important;line-height:1.8!important;max-width:65ch!important}
#entry .entry-collection-label{padding:14px 15px 17px!important;min-height:78px;align-items:flex-start}
#entry .entry-collection-label strong{font-size:17px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;display:block}
#entry .entry-collection-label small{font-size:10px!important;line-height:1.5!important;letter-spacing:.08em!important;margin-top:6px!important}
#entry .collection-index span{font-family:var(--font-thai)!important;font-size:11px!important;line-height:1.7!important;letter-spacing:0!important}#entry .collection-index b{font-variant-numeric:lining-nums}
#entry .entry-collection-number{font-size:11px!important}
#entry .entry-collection-grid{grid-template-rows:none!important;grid-auto-rows:max-content!important}
#entry .entry-collection{height:auto!important;min-height:0!important}
#entry .entry-collection-photo{height:clamp(106px,16svh,150px)!important;flex-shrink:0}
.procurement-grid h3{font-size:23px!important;line-height:1.45!important;font-weight:500!important;margin:18px 0 14px!important}.procurement-grid p{font-size:16px!important;line-height:1.85!important;min-height:0!important}.procurement-grid b{font-size:14px!important}
.global-facts span{font-size:14px!important;line-height:1.7!important}.global-facts strong{font-family:var(--font-label)!important;font-weight:500!important}
#client-references h2{font-size:24px!important;line-height:1.5!important;font-weight:500!important}#client-references .client-logo-heading small{font-size:11px!important;letter-spacing:.14em!important}
.steps h3,.timeline h3{font-size:22px!important;line-height:1.5!important;font-weight:500!important}.steps p,.timeline p,#about p{font-size:16px!important;line-height:1.9!important}
.album-button span{font-size:15px!important;line-height:1.7!important}.facility-grid h3{font-size:23px!important;line-height:1.5!important}
#portfolio .project-info h3{font-size:18px!important;line-height:1.65!important;font-weight:500!important}#portfolio .project-info{min-height:72px}
#portfolio .portfolio-drawer>summary{font-size:15px!important;line-height:1.7!important}#portfolio .portfolio-drawer>summary>small{font-size:13px!important}#portfolio .register-group h4{font-size:17px!important;line-height:1.6!important}#portfolio .register-group li{font-size:15px!important;line-height:1.85!important;padding:10px 0}
#standards .certificate-meta strong{font-size:20px!important;line-height:1.55!important;font-weight:500!important}#standards .certificate-company{font-size:13px!important;line-height:1.75!important;min-height:0}#standards .certificate-tag{font-size:11px!important;line-height:1.7!important;letter-spacing:.05em!important}#standards .certificate-open,#standards .certificate-count{font-size:14px!important;line-height:1.7!important}#standards .certificate-filters button{font-size:14px!important;line-height:1.6!important}#standards .certificate-scope-note{font-size:14px!important;line-height:1.85!important}
.faq summary{font-size:18px!important;font-weight:500!important;line-height:1.65!important}.faq details p{font-size:16px!important;line-height:1.9!important}
#contact form h3{font-size:26px!important;line-height:1.45!important;font-weight:500!important}#contact .form-intro{font-size:15px!important;line-height:1.85!important}#contact label{font-size:14px!important;line-height:1.7!important;font-weight:500!important}#contact :is(input,textarea,select){font-size:16px!important;line-height:1.7!important}#contact address,#contact .hours{font-size:15px!important;line-height:1.85!important}#contact .form-note,#form-status{font-size:13px!important;line-height:1.8!important}#contact .phone{font-size:clamp(29px,3vw,40px)!important;line-height:1.4!important;letter-spacing:-.02em!important}
footer .global-footer-nav a,footer .footer-wechat,.seo-resource-links{font-size:14px!important;line-height:1.85!important}footer .global-footer-nav strong,.seo-resource-links strong{font-size:11px!important;letter-spacing:.12em!important}footer>span{font-size:12px!important}
dialog h2,#product-dialog h2{font-size:30px!important;line-height:1.45!important;font-weight:500!important}dialog p,dialog li{font-size:16px!important;line-height:1.9!important}.spec-table{font-size:15px!important;line-height:1.85!important}.spec-table caption{font-size:13px!important;line-height:1.7!important}
#certificate-dialog h2{font-size:22px!important;line-height:1.5!important}#certificate-dialog .certificate-info p{font-size:15px!important;line-height:1.8!important}#certificate-dialog .certificate-controls :is(button,a){font-size:13px!important;line-height:1.6!important}
/* Product and document pages use the same type scale as the animated homepage. */
.product-hero h1{font-size:clamp(36px,4.2vw,58px)!important;line-height:1.3!important;font-weight:500!important;letter-spacing:0!important}.product-hero .lead{font-size:18px!important;line-height:1.8!important;max-width:48ch}
body:has(.breadcrumb) main>section>h2,body:has(.certificate) main>section>h2{font-size:clamp(27px,2.8vw,36px);line-height:1.45;font-weight:500}
.product-card h2{font-size:23px!important;line-height:1.45!important;font-weight:500!important}.product-card p{font-size:16px!important;line-height:1.85!important}.product-card span{font-size:14px!important;line-height:1.65!important}.specs li,.document-links li,dl{font-size:16px!important;line-height:1.85!important}.note{font-size:14px!important;line-height:1.85!important}.breadcrumb,figcaption,.page-links{font-size:13px!important;line-height:1.8!important}.languages a{font-size:13px!important;font-weight:500}
html[lang=en] #entry .cinema-copy h1{font-size:clamp(43px,5vw,70px)!important;line-height:1.2!important;letter-spacing:-.025em!important}html[lang=en] :is(h1,h2,h3,h4){letter-spacing:-.025em}html[lang=en] #entry .entry-collection-label strong{font-size:16px!important;line-height:1.45!important}html[lang=en] header nav a{font-size:13px!important}
@media(max-width:1100px){header nav a{font-size:15px!important;min-height:40px!important}html[lang=en] header nav a{font-size:15px!important}.section-heading{gap:22px}.steps h3,.timeline h3{font-size:21px!important}}
@media(max-width:720px){body{font-size:16px}.section h2,#about h2,#contact h2,#standards .certificate-heading h2{font-size:30px!important;line-height:1.5!important}.section-heading{gap:18px;margin-bottom:28px}.section-heading p,#standards .certificate-heading p{font-size:15px!important;line-height:1.85!important;max-width:100%!important}.eyebrow{font-size:10px!important;letter-spacing:.12em!important}
 #entry .cinema-copy{padding-left:6vw;padding-right:6vw}#entry .cinema-copy h1{font-size:clamp(34px,8vw,49px)!important;line-height:1.45!important}#entry .cinema-copy>p{font-size:15px!important;line-height:1.9!important;max-width:34ch!important;margin-top:20px!important}#entry .cinema-eyebrow{font-size:10px!important;letter-spacing:.14em!important}#entry .cinema-enter-trigger{font-size:14px!important;margin-top:24px!important}#entry .cinema-scroll{font-size:11px!important}#entry .cinema-sequence span,#entry .cinema-skip,#entry .cinema-replay{font-size:10px!important}
 #entry .entry-collection-heading h2{font-size:clamp(25px,6.4vw,31px)!important;line-height:1.5!important;max-width:100%!important;margin:10px 0!important}#entry .entry-collection-heading small{font-size:10px!important;letter-spacing:.12em!important}#entry .entry-collection-heading p{font-size:13px!important;line-height:1.8!important;max-width:30ch!important}#entry .collection-index{padding-left:12px;margin-top:22px}#entry .collection-index span{display:none}#entry .entry-collection-label{padding:12px 11px 15px!important;min-height:78px}#entry .entry-collection-label strong{font-size:15px!important;line-height:1.55!important}#entry .entry-collection-label small{font-size:9px!important;letter-spacing:.04em!important;line-height:1.65!important}
 #client-references h2{font-size:20px!important}#client-references .client-logo-heading small{font-size:10px!important}.procurement-grid h3{font-size:22px!important}.procurement-grid p{font-size:15px!important}.steps h3,.timeline h3{font-size:21px!important}.steps p,.timeline p,#about p{font-size:16px!important}
 #portfolio .project-info h3{font-size:18px!important}#portfolio .register-group li{font-size:14px!important}#portfolio .portfolio-drawer>summary{font-size:14px!important}#portfolio .portfolio-drawer>summary>small{font-size:12px!important}#standards .certificate-meta strong{font-size:19px!important}#standards .certificate-company{font-size:13px!important}.faq summary{font-size:17px!important}.faq details p{font-size:16px!important}#contact form h3{font-size:24px!important}#contact .phone{font-size:30px!important}
 dialog h2,#product-dialog h2{font-size:25px!important;line-height:1.5!important}dialog p,dialog li{font-size:16px!important;line-height:1.85!important}#certificate-dialog h2{font-size:19px!important}.spec-table{font-size:14px!important}.product-hero h1{font-size:36px!important;line-height:1.4!important}.product-hero .lead{font-size:17px!important}.product-card h2{font-size:23px!important}.product-card p{font-size:16px!important}
 html[lang=en] #entry .cinema-copy h1{font-size:clamp(33px,8.6vw,48px)!important;line-height:1.2!important}html[lang=en] #entry .entry-collection-label strong{font-size:14px!important;line-height:1.5!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}