/* English typography and wrapping adjustments; brand colors and layouts stay shared. */
html[lang=en] body{font-family:Arial,'Noto Sans TC',sans-serif;line-height:1.65}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:0;line-height:1.12;text-wrap:balance}
html[lang=en] h1{font-size:clamp(44px,4.8vw,70px)}
html[lang=en] h2{font-size:clamp(32px,3.4vw,46px)}
html[lang=en] h3{font-size:26px}
html[lang=en] .nav{font-size:13px;gap:24px}
html[lang=en] .nav a{white-space:nowrap}
html[lang=en] .language{font-family:'Noto Sans TC',Arial,sans-serif;white-space:nowrap;font-size:12px;min-width:32px;justify-content:center}
html[lang=en] .hero-inner{padding-top:74px}
html[lang=en] .hero h1{max-width:640px;margin:27px 0}
html[lang=en] .hero-description{max-width:550px;line-height:1.85}
html[lang=en] .hero-description br{display:none}
html[lang=en] .hero-links{gap:26px}
html[lang=en] .expertise{grid-template-columns:1.1fr 1fr 1.15fr 1.1fr}
html[lang=en] .expertise-intro p{font-size:18px}
html[lang=en] .expertise-item p{font-size:12px;line-height:1.6;max-width:240px}
html[lang=en] .large-word{font:29px/1.15 'Barlow Condensed',Arial,sans-serif}
html[lang=en] .section-description{font-size:15px;max-width:450px}
html[lang=en] .section-description br{display:none}
html[lang=en] .product-option>span:nth-child(2){font-size:16px}
html[lang=en] .product-option small{font-size:10px}
html[lang=en] .product-copy>p,html[lang=en] .about-copy p{font-size:15px}
html[lang=en] .product-actions{flex-wrap:wrap;gap:8px}
html[lang=en] .oem-heading h2{font-size:48px}
html[lang=en] .oem-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:460px}
html[lang=en] .oem-heading>p:not(.eyebrow) br{display:none}
html[lang=en] .process-item h3{font-size:26px}
html[lang=en] .process-item p{font-size:14px}
html[lang=en] .about-copy .lead{font-size:24px;line-height:1.5}
html[lang=en] .contact h2{font-size:40px;max-width:670px}
html[lang=en] .footer-brand strong{flex-wrap:wrap;gap:0 13px}
html[lang=en] .footer-brand strong span{font:11px Arial,sans-serif;letter-spacing:.05em}
html[lang=en] .footer-main>div>p{line-height:1.8}
html[lang=en] .footer-bottom{font-size:10px}
html[lang=en] dialog h2{font-size:32px}
html[lang=en] .catalog-hero h1{font-size:57px;line-height:1.15;max-width:58%}
html[lang=en] .catalog-hero-content>p:not(.eyebrow){font-size:15px;max-width:49%}
html[lang=en] .catalog-hero-content>p:not(.eyebrow) br{display:none}
html[lang=en] .category-filters button{min-height:97px;font-size:13px;line-height:1.4}
html[lang=en] .card-meta{letter-spacing:.015em;font-size:10px}
html[lang=en] .catalog-card h3{font-size:28px;line-height:1.2;overflow-wrap:normal}
html[lang=en] .card-group{font-size:12px;line-height:1.6}
html[lang=en] .card-actions .text-link{font-size:12px;gap:12px}
html[lang=en] .selection-help h2{font-size:40px}
html[lang=en] .selection-help p{font-size:15px}
html[lang=en] .selection-help p br{display:none}
html[lang=en] .selection-steps h3{font-size:27px}
html[lang=en] .oem-hero-copy h1{font-size:54px;line-height:1.15}
html[lang=en] .oem-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
html[lang=en] .oem-hero-copy>p:not(.eyebrow) br{display:none}
html[lang=en] .capability-grid h3{font-size:30px;line-height:1.15}
html[lang=en] .capability-grid p{font-size:15px}
html[lang=en] .capability-grid li{font-size:13px}
html[lang=en] .partnership h2{font-size:44px}
html[lang=en] .partnership-options h3{font-size:27px}
html[lang=en] .partnership-options p{font-size:15px}
html[lang=en] .workflow h3{font-size:26px}
html[lang=en] .workflow p{font-size:14px}
html[lang=en] .workflow small{font-size:11px}
html[lang=en] .brief-list p,html[lang=en] .faq-items details p{font-size:15px}
html[lang=en] .company-hero h1{font-size:64px;line-height:1.1}
html[lang=en] .company-hero-grid{gap:55px}
html[lang=en] .company-hero-intro>p{font-size:17px;line-height:1.8}
html[lang=en] .experience-block h2{font-size:29px}
html[lang=en] .story-copy h2{font-size:38px;line-height:1.2}
html[lang=en] .story-copy>p{font-size:16px;line-height:1.85}
html[lang=en] .story-copy .story-signature{font-size:13px}
html[lang=en] .values-section h2{font-size:43px}
html[lang=en] .values-grid h3{font-size:30px}
html[lang=en] .values-grid p{font-size:15px}
html[lang=en] .service-paths h2{font-size:40px}
html[lang=en] .service-path-list h3{font-size:28px}
html[lang=en] .service-path-list p{font-size:14px}
html[lang=en] .contact-heading h1{font-size:62px;line-height:1.1}
html[lang=en] .contact-directory h2{font-size:34px}
html[lang=en] .inquiry-panel-heading h2{font-size:36px;line-height:1.1}
html[lang=en] .contact-prep h3{font-size:24px}
html[lang=en] .inquiry-panel-heading>p:last-child{font-size:14px}
html[lang=en] .location-address h2{font-size:29px;line-height:1.35}
html[lang=en] .field label{font-size:13px}
html[lang=en] .draft-panel pre{font-family:Arial,sans-serif}
@media(max-width:1150px){html[lang=en] .nav{gap:17px;font-size:12px}html[lang=en] .company-hero h1{font-size:56px}html[lang=en] .contact-heading h1{font-size:55px}html[lang=en] .oem-hero-copy h1{font-size:47px}html[lang=en] .category-filters button{font-size:12px}html[lang=en] .service-paths{gap:40px}html[lang=en] .header-actions{gap:16px}}
@media(max-width:800px){html[lang=en] .nav a{font-size:16px}html[lang=en] .hero-inner{padding-top:58px}html[lang=en] .hero h1{font-size:57px}html[lang=en] .hero-description{max-width:490px}html[lang=en] .expertise{grid-template-columns:1fr 1fr}html[lang=en] .company-hero h1{font-size:58px}html[lang=en] .company-hero-intro{padding-top:0}html[lang=en] .catalog-hero-content>p:not(.eyebrow){max-width:80%}html[lang=en] .catalog-hero h1{max-width:85%}html[lang=en] .oem-hero-copy h1{font-size:55px}html[lang=en] .category-filters button{min-height:80px}html[lang=en] .contact-heading h1{font-size:57px}html[lang=en] .company-hero-grid{gap:24px}}
@media(max-width:480px){html[lang=en] .header{gap:9px}html[lang=en] .header-actions{gap:8px}html[lang=en] .brand img{width:180px}html[lang=en] .hero h1{font-size:45px;line-height:1.12}html[lang=en] .hero-description{font-size:16px;line-height:1.8}html[lang=en] .hero-links{gap:14px}html[lang=en] .hero{min-height:640px}html[lang=en] .hero-bottom>span{max-width:160px;font-size:8px}html[lang=en] .hero-bottom a{gap:9px;font-size:11px}html[lang=en] .expertise-intro p{font-size:16px}html[lang=en] .expertise-item p{font-size:12px}html[lang=en] .large-word{font-size:26px}html[lang=en] h2{font-size:35px}html[lang=en] .product-option>span:nth-child(2){font-size:13px}html[lang=en] .product-option small{font-size:8px}html[lang=en] .product-option{gap:8px}html[lang=en] .option-arrow{display:none}html[lang=en] .product-copy>p,html[lang=en] .about-copy p{font-size:16px}html[lang=en] .oem-heading h2{font-size:41px}html[lang=en] .contact h2{font-size:37px}html[lang=en] .company-hero h1{font-size:clamp(34px,10.8vw,42px)}html[lang=en] .company-hero-intro>p{font-size:16px}html[lang=en] .story-copy h2{font-size:33px}html[lang=en] .values-section h2{font-size:36px}html[lang=en] .values-grid p{font-size:16px}html[lang=en] .values-grid h3{font-size:29px}html[lang=en] .service-paths h2{font-size:35px}html[lang=en] .service-path-list h3{font-size:27px}html[lang=en] .catalog-hero h1{font-size:44px;max-width:100%}html[lang=en] .catalog-hero-content>p:not(.eyebrow){max-width:100%;font-size:16px}html[lang=en] .category-filters button{font-size:12px;min-height:80px}html[lang=en] .category-filters button:first-child{min-height:48px}html[lang=en] .catalog-toolbar{gap:12px}html[lang=en] .group-field{flex-basis:100%}html[lang=en] .reset-filter{margin-left:auto;height:44px}html[lang=en] .results-heading h3{font-size:27px}html[lang=en] .catalog-card h3{font-size:29px}html[lang=en] .selection-help h2{font-size:35px}html[lang=en] .selection-help p{font-size:16px}html[lang=en] .oem-hero-copy h1{font-size:44px}html[lang=en] .oem-hero-copy>p:not(.eyebrow){font-size:16px}html[lang=en] .capability-grid h3{font-size:29px}html[lang=en] .capability-grid p{font-size:16px}html[lang=en] .partnership h2{font-size:36px}html[lang=en] .partnership-options h3{font-size:28px}html[lang=en] .workflow h3{font-size:28px}html[lang=en] .workflow p,html[lang=en] .brief-list p{font-size:16px}html[lang=en] .faq-items summary{font-size:16px}html[lang=en] .contact-heading h1{font-size:45px}html[lang=en] .contact-heading>p{font-size:16px}html[lang=en] .contact-heading>p br{display:none}html[lang=en] .inquiry-panel-heading h2{font-size:33px}html[lang=en] .contact-directory h2{font-size:33px}html[lang=en] .location-address h2{font-size:27px}html[lang=en] .field label{font-size:14px}html[lang=en] .draft-panel h3{font-size:28px}html[lang=en] .form-errors h3{font-size:21px}html[lang=en] .button{gap:24px}html[lang=en] .detail-actions .button{font-size:13px}}