.company-teaser{background:#f3f2ee}
.company-teaser__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}
.company-teaser__copy h2{font:600 clamp(32px,4.5vw,48px)/1.08 Onest,sans-serif;letter-spacing:-.04em;margin:12px 0 16px}
.company-teaser__copy>p{max-width:36em;margin:0 0 20px;color:#3d4246}
.company-teaser__facts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:8px}
.company-teaser__facts li{padding-left:18px;position:relative;font-weight:600;font-size:14px}
.company-teaser__facts li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:#d8ff36}
.company-teaser__actions{display:flex;flex-wrap:wrap;gap:12px}
.company-teaser__media{display:grid;gap:10px}
.company-teaser__hero{margin:0;overflow:hidden;background:#d8dfe3}
.company-teaser__hero img{display:block;width:100%;height:auto}
.company-teaser__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.company-teaser__thumbs img{display:block;width:100%;height:110px;object-fit:cover;background:#d8dfe3}
@media(max-width:900px){
  .company-teaser__grid{grid-template-columns:1fr}
  .company-teaser__thumbs img{height:96px}
}

.company{background:#f3f2ee}
.company-hero{padding:120px 0 40px}
.page-about .company-hero{padding-top:140px}
.company-hero__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}
.company-hero__copy h1,.company-hero__copy h2{font:600 clamp(34px,5vw,56px)/1.05 Onest,sans-serif;letter-spacing:-.04em;margin:14px 0 18px}
.company-hero__lead-title{font:600 22px/1.25 Onest,sans-serif;margin:0 0 14px;letter-spacing:-.02em}
.company-hero__copy p{max-width:38em;margin:0 0 24px;color:#3d4246}
.company-hero__media{margin:0;overflow:hidden;background:#d8dfe3}
.company-hero__media img{display:block;width:100%;height:auto}
.company-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:10px 0 50px}
.company-fact{background:#fff;border:1px solid #d7d6d1;padding:22px 20px}
.company-fact h3{font:600 18px/1.2 Onest,sans-serif;margin:0 0 10px}
.company-fact p{margin:0;color:#6b6d6e;font-size:14px}
.company-production{padding:20px 0 70px}
.company-production__grid{display:grid;grid-template-columns:0.9fr 1.3fr;gap:28px;align-items:start}
.company-production__text h2{font:600 clamp(28px,4vw,42px)/1.1 Onest,sans-serif;margin:12px 0 18px;letter-spacing:-.03em}
.company-production__text p{margin:0 0 14px;max-width:36em}
.company-note{color:#6b6d6e;font-size:14px}
.company-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.company-gallery__item{margin:0}
.company-gallery__open{display:block;width:100%;padding:0;border:0;background:#d8dfe3;cursor:pointer;overflow:hidden}
.company-gallery__open img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s}
.company-gallery__open:hover img{transform:scale(1.03)}
.company-gallery figcaption{margin-top:8px;font-size:13px;color:#6b6d6e}
.company-products{padding:20px 0 70px}
.company-products h2{font:600 clamp(28px,4vw,42px)/1.1 Onest,sans-serif;margin:12px 0 22px}
.company-products__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.company-products__list a{display:block;background:#fff;border:1px solid #d7d6d1;padding:16px 18px;text-decoration:none;color:inherit;font-weight:600}
.company-products__list a:hover{border-color:#141c22}
.company-process{padding:30px 0 80px;background:#fff}
.company-process h2{font:600 clamp(28px,4vw,42px)/1.1 Onest,sans-serif;margin:12px 0 28px}
.company-steps{max-width:820px}
.company-cta{padding:80px 0;background:linear-gradient(120deg,#101a21,#17465d);color:#fff}
.company-cta__grid{display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center}
.company-cta h2{font:600 clamp(32px,5vw,48px)/1.05 Onest,sans-serif;margin:10px 0 14px;letter-spacing:-.04em}
.company-cta p{margin:0;max-width:38em;color:#c3d0d6}
@media(max-width:980px){
  .company-hero__grid,.company-production__grid,.company-cta__grid,.company-facts,.company-products__list{grid-template-columns:1fr 1fr}
  .company-hero{padding-top:100px}
}
@media(max-width:640px){
  .company-hero__grid,.company-production__grid,.company-cta__grid,.company-facts,.company-products__list,.company-gallery{grid-template-columns:1fr}
  .company-gallery__open img{height:260px;object-fit:contain;background:#e8ecef}
}