/* Balanced typography and viewport-aware content groups. */
:root{--header-height:88px}
html{scroll-padding-top:var(--header-height)}
body{font-size:16px}
.header{height:var(--header-height);gap:24px}
.brand{gap:12px}.brand .brand-symbol{width:50px;height:50px}.brand>span{font-size:30px}.brand small{font-size:12px;letter-spacing:1.5px}
.header nav{font-size:17px;gap:28px}.header-actions{font-size:14px;gap:20px}
.button,.button.small,.text-link,.industry-panels .text-link{font-size:15px;min-height:44px}.button{padding:12px 21px}.button.small{padding:11px 17px}
.hero{min-height:0;min-height:calc(100svh - var(--header-height));display:flex;align-items:center}
.hero-inner{width:100%;margin:0 4.4%;max-width:none;padding:40px 0 0}
.hero h1{font-size:clamp(42px,4.3vw,68px);line-height:1.2;margin-top:22px;letter-spacing:-2px}
.hero-copy{font-size:17px;line-height:1.8;margin-top:23px}.hero-links{margin-top:25px}
.hero-bottom{margin-top:38px;padding:18px 0;font-size:11px}.hero .eyebrow{font-size:12px}.photo-tag{bottom:22px;font-size:12px}.photo-tag small{font-size:13px}
.section{padding-block:64px}.section-top{margin-bottom:18px}.title-row{margin-bottom:30px;gap:32px}
h2{font-size:clamp(30px,2.8vw,42px);line-height:1.25}.eyebrow,.panel-overline{font-size:12px}
.title-row>p,.about-text>p:not(.eyebrow),.contact-intro>p:not(.eyebrow){font-size:16px;line-height:1.8}
.section-note{font-size:14px}.proof{padding-block:24px}.proof strong{font-size:24px}.proof strong span{font-size:14px}.proof-label{font-size:12px}
.solution h3{font-size:23px}.solution-content>p:not(.eyebrow){font-size:16px;line-height:1.7}.solution-content{padding:22px 22px 0}
summary,.detail{font-size:15px}summary{padding-block:13px}details{margin-top:16px}
.mro-row{font-size:15px;margin:0 auto 40px}.mro-row>span:last-child{font-size:14px}
.evidence{margin-top:0;padding-top:0;border-top:0}.quality{border-top:1px solid #ffffff30}
.evidence-copy h4{font-size:18px}.evidence-copy p,.manufacturing .process p{font-size:15px;line-height:1.7}
.manufacturing .process h3{font-size:19px}.evidence-heading h3{font-size:26px}.evidence-heading>p{font-size:13px}
figcaption h3{font-size:22px}figcaption p{font-size:14px}.industry-tabs button{font-size:20px;padding-block:24px}
.industry-panels h3{font-size:26px}.industry-panels p{font-size:16px;line-height:1.75}.tags span{font-size:13px}
.about-sign{font-size:15px}.about-sign strong{font-size:28px}.about-text{padding:48px clamp(30px,4vw,70px)}
.contact dl{font-size:15px}.form-head h3{font-size:21px}form label{font-size:14px}.form-note{font-size:13px}
.footer-logo{font-size:38px}.footer-logo span{font-size:15px}.footer-info{font-size:14px}
.header nav{top:calc(var(--header-height) - 1px)}
@media(min-width:1001px){
 .header nav{display:flex;position:static;flex-direction:row;padding:0;margin:auto;border:0;box-shadow:none;background:transparent}
 .header nav a{font-size:17px;padding-block:12px}.menu{display:none}
 .evidence-grid{grid-template-columns:repeat(4,1fr);gap:22px}
 .industry-layout{grid-template-columns:240px 1fr;gap:35px}
 .industry-panels{min-height:0}.industry-panels article{display:grid;grid-template-columns:40% 1fr;grid-template-rows:auto auto auto auto 1fr;column-gap:24px;padding:24px;min-height:330px;height:auto}
 .industry-photo,.fpcb-application{grid-column:1;grid-row:1/6;height:300px;min-height:0;min-width:0;margin:0}
 .industry-photo img{object-fit:cover}.fpcb-application img{object-fit:contain}.energy-pair{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .industry-panels article>.panel-overline,.industry-panels article>h3,.industry-panels article>p,.industry-panels article>.tags,.industry-panels article>.text-link{grid-column:2}
 .industry-panels h3{margin:10px 0 12px}.industry-panels .text-link{align-self:end;justify-self:start}.tags{margin:15px 0}.industry-tabs button{padding-block:21px}
 .factory-main{height:380px}.factory-side{gap:16px}.factory-side figure{height:182px;min-height:0}
 .factory-grid figcaption{padding:48px 22px 18px}.factory-side figcaption h3{font-size:20px}
 .product-visual{height:230px}.vhb-visual>svg{height:195px}.render-photo{height:160px}.real-sample{height:70px}
 .evidence-photo{height:190px}.evidence-copy{padding-top:14px}.evidence-heading{margin-bottom:22px}
 .manufacturing .process{margin-top:28px}.process>div{padding-top:18px}.process h3{margin-top:10px}
 .about-photo{min-height:450px}
 .contact{gap:48px}.contact form{padding:24px}.form-head{margin-bottom:14px}.form-head span{font-size:12px}
 form label{margin-bottom:10px}input:not([hidden]),select,textarea{font-size:15px;min-height:40px;padding:8px 10px;margin-top:4px;line-height:1.4}
 input::placeholder,textarea::placeholder{font-size:14px}textarea{height:76px;min-height:76px}.form-note{line-height:1.6;margin:0 0 12px}.submit{padding-block:10px}#formStatus:empty{margin:0}
 .contact-intro h2{margin:18px 0}.phone{margin-top:24px}.contact dl{margin-top:24px;gap:12px}
}
/* Short laptop screens: spend height on content instead of empty space. */
@media(min-width:1001px) and (max-height:800px){
 :root{--header-height:76px}.brand .brand-symbol{width:44px;height:44px}.brand>span{font-size:28px}.brand small{font-size:11px}
 .hero-inner{padding-top:28px}.hero h1{font-size:clamp(42px,4vw,60px);margin-top:18px}.hero-copy{margin-top:19px}.hero-links{margin-top:22px}.hero-bottom{margin-top:30px;padding-block:14px}
 .section{padding-block:28px}.section-top{margin-bottom:10px}.title-row{margin-bottom:20px}h2{font-size:32px}.title-row>p{font-size:15px;line-height:1.7}
 .product-visual{height:180px}.vhb-visual>svg{height:146px;padding-top:5px}.render-photo{height:120px}.real-sample{height:60px}.real-sample>svg{height:48px}.real-sample strong{font-size:14px}.real-sample span{font-size:12px}
 .solution-content{padding:16px 20px 0}.solution h3{font-size:21px;margin:5px 0 8px}.solution-content>p:not(.eyebrow){font-size:15px;line-height:1.7}details{margin-top:12px}summary{padding-block:10px}
 .factory-main{height:clamp(280px,48svh,360px)}.factory-side figure{height:calc((clamp(280px,48svh,360px) - 16px)/2)}.factory-side{grid-template-rows:1fr 1fr}.factory-side figcaption h3{font-size:18px}.factory-grid figcaption{padding-bottom:14px}
 .evidence-photo{height:clamp(140px,24svh,180px)}.evidence-copy h4{font-size:17px;margin-block:6px}.evidence-copy p,.manufacturing .process p{font-size:14px}.evidence-heading{margin-bottom:18px}.evidence-heading h3{font-size:24px}.manufacturing .process{margin-top:20px}.process>div{padding-top:12px}.manufacturing .process h3{font-size:18px;margin:8px 0 4px}
 .industry-panels article{min-height:310px;padding:20px;column-gap:20px}.industry-photo,.fpcb-application{height:270px;min-height:0}.industry-panels h3{font-size:23px}.industry-panels p{font-size:15px}.industry-tabs button{font-size:18px}.image-context{margin-top:8px;font-size:12px}
 .about-photo{min-height:420px}.about-text{padding:32px 45px}.about-text h2{margin:16px 0 20px}.about-sign{margin-top:20px;padding-top:16px}
 .contact form{padding:18px 22px}.form-head{margin-bottom:10px}.form-head h3{font-size:20px}form label{margin-bottom:8px;font-size:13px}input:not([hidden]),select,textarea{min-height:36px;padding:7px 9px;font-size:14px}textarea{height:66px;min-height:66px}.form-note{font-size:12px;margin-bottom:8px}.contact .button{min-height:40px}.contact-intro>p:not(.eyebrow){font-size:15px}.contact dl{font-size:14px}
}
@media(max-width:1000px){
 :root{--header-height:82px}.hero{min-height:0}.hero-inner{padding-top:40px}.header nav a{font-size:18px}
 .brand .brand-symbol{width:46px;height:46px}.brand>span{font-size:27px}.brand small{font-size:12px}.section{padding-block:48px}
 .hero h1{font-size:clamp(36px,6vw,54px)}.hero-bottom{margin-top:38px}.hero-copy{font-size:16px}
 .quality .evidence{margin:0;padding:0}.industry-panels{min-height:0}
}
@media(max-width:760px){
 :root{--header-height:76px}.brand .brand-symbol{width:40px;height:40px}.brand>span{font-size:25px}.brand small{font-size:11px}.header-actions{gap:6px}.button.small{font-size:14px;padding:9px 10px;gap:8px}
 .hero-inner{margin-inline:24px;padding-top:32px}.hero h1{font-size:clamp(36px,8vw,48px)}.hero-copy{font-size:16px}.hero-links .button,.hero-links .text-link{font-size:15px}.hero .eyebrow{font-size:11px;letter-spacing:.4px}
 .hero-bottom{font-size:10px;margin-top:32px;padding-block:18px}.title-row>p{font-size:16px}.title-row{margin-bottom:24px}.section{padding-block:40px}h2{font-size:30px}
 .solution-content>p:not(.eyebrow){font-size:16px}.solution h3{font-size:23px}.mro-row{margin-bottom:30px}
 .product-visual{height:260px}.vhb-visual>svg{height:224px}.render-photo{height:190px}.real-sample{height:70px}
 .industry-panels h3{font-size:24px}.industry-panels p{font-size:16px}.industry-tabs button{font-size:17px}.industry-photo,.fpcb-application{height:210px}
 .contact-intro>p:not(.eyebrow),.about-text>p:not(.eyebrow){font-size:16px}.about-text{padding:35px 24px}.about-sign{font-size:14px}
 input:not([hidden]),select,textarea,input::placeholder,textarea::placeholder{font-size:16px}.form-head h3{font-size:20px}.form-head span{font-size:12px}
}