/* Compact mobile presentation. Desktop styles stay in style.css. */
@media(max-width:760px){
 :root{--nav-h:64px}
 html{scrollbar-gutter:auto}
 body{font-size:14px;line-height:1.7}
 .wrap{width:calc(100% - 36px)}
 .nav__inner{width:calc(100% - 28px);gap:12px}
 .brand__mark{width:30px;height:36px}.brand__cn{font-size:19px}.brand__en{font-size:8px}.brand{gap:8px}
 .section{padding:36px 0}.sec-head{gap:10px;margin-bottom:22px}.sec-head h2{font-size:24px;line-height:1.4}.sec-head .lead{font-size:13px;line-height:1.7}.no,.en-tag{font-size:10px}
 .hero-carousel--background{padding:100px 0 18px;min-height:450px}
 .hero-carousel--background .hero-slide__copy{min-height:0;padding:0 16px}
 .hero-carousel--background h1{font-size:clamp(24px,6.8vw,30px);line-height:1.5}
 .hero-carousel--background .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:.06em}
 .hero-carousel--background .hero-slide__sub{font-size:14px;line-height:1.8;margin:18px 0 12px}
 .hero-carousel--background .material-line{font-size:12px;line-height:1.9;max-width:290px}
 .hero-carousel--background .hero-slide__process,.hero-carousel--background .hero-support{display:none}
 .hero-carousel--background .hero-background-note{font-size:9px;margin:24px 16px 0}
 .hero-carousel--factory .hero-carousel__controls{min-height:36px;margin-top:12px}
 .hero-carousel__side{top:50%;height:42px;width:26px;font-size:29px}
 .hero-carousel__prev.hero-carousel__side{left:3px}.hero-carousel__next.hero-carousel__side{right:3px}
 .hero-dot{min-height:36px;padding:10px 6px}
 .page-hero--photo,.page-hero--scene{min-height:286px;padding:calc(var(--nav-h) + 28px) 0 26px}
 .page-hero--photo h1,.page-hero--scene h1{font-size:27px;line-height:1.4}
 .page-hero .crumb{font-size:10px;letter-spacing:.04em;margin-bottom:14px;flex-wrap:wrap;gap:5px}
 .page-hero .en-tag{margin-bottom:12px;font-size:9px;letter-spacing:.1em}
 .page-hero--photo .sub{font-size:13px;line-height:1.75;margin-top:12px}
 .page-hero--photo .page-hero__credit{font-size:9px;margin-top:16px}
 .material-overview{grid-template-columns:1fr 1fr;gap:16px}
 .material-overview>div{padding-left:12px;border-left-width:2px;min-width:0}
 .material-overview h3{font-size:17px;line-height:1.5;margin-bottom:8px}
 .material-overview p{font-size:13px;line-height:1.75}.material-overview .source-note{font-size:12px;margin:8px 0 0}
 .process-gallery{gap:0}
 .process-row,.process-row.process-row--reverse{grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;padding:18px 0}
 .process-row .content-photo{order:0}.process-row .content-photo img{height:110px;object-fit:contain;border-radius:4px}
 .process-row .content-photo figcaption{font-size:9px;line-height:1.5;margin-top:5px}
 .process-row__text{min-width:0}.process-number{font-size:10px;letter-spacing:.1em}
 .process-row h3{font-size:18px;margin:4px 0 7px;line-height:1.4}
 .process-row p{font-size:13px;line-height:1.75}
 .source-note{font-size:11px;line-height:1.7;margin:12px 0}
 .project-grid{gap:16px}
 .project-card.project-link{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;border-radius:6px}
 .project-card.project-link figure{padding:12px 0 12px 12px}
 .project-card.project-link .content-photo img{height:112px;object-fit:contain}
 .project-card.project-link figcaption{font-size:9px;line-height:1.5;margin-top:5px}
 .project-card.project-link>div{padding:16px 12px}
 .project-card.project-link h3{font-size:17px;line-height:1.5;margin:7px 0}
 .project-card.project-link p{font-size:12px;line-height:1.7;margin-bottom:8px}
 .project-card.project-link .chips{display:none}.project-link__more{font-size:12px;margin-top:10px}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .step{padding:17px 14px;border-radius:5px}.step b.no2{font-size:10px;margin-bottom:7px}
 .step h3{font-size:16px;margin-bottom:6px}.step p{font-size:12px;line-height:1.75}
 .application-strip{gap:18px}.application-strip>div{padding-top:12px}.application-strip h3{font-size:18px;margin-bottom:5px}.application-strip p{font-size:12px}
 .sales-layout{grid-template-columns:120px minmax(0,1fr);gap:16px}
 .sales-layout>img{height:150px;object-fit:cover}.sales-layout h3{font-size:18px;line-height:1.5;margin-bottom:8px}.sales-layout p{font-size:12px}.sales-layout .source-note{font-size:10px}
 .tech-grid{gap:12px}.tech-card{padding:20px}.tech-card h3{font-size:18px}.tech-card p{font-size:13px;line-height:1.8;margin-top:10px}
 .industry-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .industry-photo-grid .content-photo img{height:128px}
 .industry-photo-grid figcaption{font-size:9px;line-height:1.5;padding:0 10px;min-height:0;margin-top:8px}
 .industry-photo-grid .reference-photo figcaption small{font-size:9px;line-height:1.5}
 .industry-photo-grid h3{font-size:16px;line-height:1.5;padding:12px 12px 0;margin:0}
 .industry-photo-grid .tech-card>p{font-size:12px;line-height:1.75;padding:0 12px 16px;margin-top:8px}
 .reference-pair,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
 .reference-grid>figure:only-child{grid-column:1 / -1}
 .content-photo img,.reference-pair .content-photo img,.split>.reference-photo img,.split>.content-photo img{height:190px;object-fit:contain}
 .reference-pair .content-photo img,.reference-grid .content-photo img{height:150px}
 .content-photo figcaption{font-size:10px;line-height:1.7;margin-top:8px}.reference-photo figcaption small{font-size:9px}
 .reference-grid h3{font-size:17px;margin-top:12px}.reference-grid p{font-size:12px}
 .split{gap:22px}.split__body h2{font-size:23px;line-height:1.45}.split__body h3{font-size:19px;line-height:1.5}.split__body p{font-size:13px;line-height:1.8}
 .biz__img{height:150px}.biz__body{padding:18px 14px}.biz__body h3{font-size:18px}.biz__body p{font-size:13px;line-height:1.8}
 .spec th,.spec td{font-size:12px;line-height:1.7;padding:10px 8px}.spec td:first-child{width:30%}
 .company-overview{padding:calc(var(--nav-h) + 34px) 0 34px}
 .company-intro{gap:22px}.company-intro .split__body h1{font-size:24px;margin:10px 0 16px}
 .company-intro .split__body p{font-size:13px;line-height:1.85}
 .company-intro .chips{margin-top:16px}.chips{gap:6px}.chips span{font-size:11px;padding:4px 9px}
 
 .company-beliefs{padding:34px 0}.beliefs-heading h2{font-size:14px}.belief-mission{margin-top:24px;padding-bottom:18px}
 .belief-mission p{font-size:40px}.belief-label{font-size:11px;margin-bottom:12px}
 .belief-orbit{width:140px;height:140px;right:-65px;top:12px}
 .belief-bottom{gap:24px;padding-top:18px}.belief-vision h3{font-size:21px;line-height:1.55}.belief-values li{font-size:24px}.belief-values ul{gap:12px 22px}
 .company-contacts{gap:12px}.company-contacts .company-contact{padding:20px}
 .company-contact h3{font-size:21px}.company-contact p{font-size:12px;margin-top:6px}
 .company-contacts .contact-details{margin-top:16px;gap:12px}.contact-details span{font-size:11px}.contact-details strong{font-size:17px}
 .foot__grid{grid-template-columns:1fr;padding:30px 0 20px;gap:0}
 .foot__grid>div:not(.foot__brand){display:none}
 .foot__brand .brand{margin-bottom:12px}.foot__brand p{font-size:12px;line-height:1.75;max-width:100%}.foot__slogan{font-size:11px;margin-top:12px}
 .footer-contact{grid-template-columns:1fr;gap:18px;padding:20px 0}
 .footer-contact__person{display:grid;grid-template-columns:76px minmax(0,1fr);gap:5px 10px;align-items:center}
 .footer-contact__person strong{grid-row:1 / 3;font-size:13px}.footer-contact__person a{font-size:13px;line-height:1.6;min-height:28px;display:flex;align-items:center;overflow-wrap:anywhere}
 .foot__bottom{padding:16px 0;gap:6px;font-size:10px}.foot__bottom span:last-child{display:none}
}
@media(max-width:360px){.process-row,.process-row.process-row--reverse{grid-template-columns:90px minmax(0,1fr);gap:12px}.process-row .content-photo img{height:96px}.project-card.project-link{grid-template-columns:94px minmax(0,1fr)}.project-card.project-link .content-photo img{height:96px}.hero-carousel--background h1{font-size:24px}.hero-carousel--background .hero-slide__copy{padding:0 12px}.industry-photo-grid h3{font-size:15px}}

@media(max-width:760px){.industry-photo-grid figcaption{min-height:0}.image-credits{font-size:10px;padding:12px 0}.image-credits li{font-size:10px}.hero-carousel--background .hero-carousel__controls{margin-top:24px}}

@media(max-width:760px){.focus-projects{grid-template-columns:1fr;gap:14px}.focus-project{grid-template-columns:110px minmax(0,1fr);min-height:190px;border-radius:7px}.focus-project__image{padding:10px}.focus-project__image img{height:120px}.focus-project__content{padding:18px 16px}.focus-project__label{font-size:10px;letter-spacing:.04em}.focus-project h3{font-size:18px;line-height:1.45;margin:8px 0}.focus-project p{font-size:12px;line-height:1.75;margin-bottom:12px}.focus-project__more{font-size:12px;gap:8px}}

@media(max-width:760px){
.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.capability-card{padding:20px 16px 18px;border-radius:7px}
.capability-card::before{left:16px;right:16px}
.capability-card__no{font-size:10px;letter-spacing:.1em}
.capability-card h3{font-size:16px;margin:9px 0 8px;line-height:1.4}
.capability-card p{font-size:12.5px;line-height:1.75}
.capability-cta{margin-top:22px}
.capability-cta a{font-size:13px}
.flow-rail{grid-template-columns:1fr;border-top:0}
.flow-rail__item{padding:18px 0 18px;border-left:0;border-top:1px solid var(--line)}
.flow-rail__item+.flow-rail__item{padding-left:0}
.flow-rail__no{font-size:10px}
.flow-rail h3{font-size:16px;margin:8px 0 6px}
.flow-rail p{font-size:12.5px;line-height:1.75}
.section-more{font-size:13px;align-self:flex-start;padding-bottom:0}
.section-more span{font-size:17px}
}
@media(max-width:360px){
.capability-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
.company-photo--wall{max-width:100%;justify-self:start}
.company-photo--wall figcaption{font-size:10px;margin-top:8px}
.company-note{font-size:12.5px;line-height:1.8;margin-top:14px}
}