/* About Graiphic: real people, engineering roots and connected fields. */
.about-hero-grid,.about-story-grid,.about-research-grid,.about-preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,76px)}
.about-hero h1{font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-.035em;color:var(--petrol);margin:22px 0 26px}
.about-hero p{font-size:20px;color:#40575b;max-width:600px}
.about-hero figure,.about-research figure,.about-preview figure{margin:0;min-width:0}
.about-hero img{width:100%;height:480px;object-fit:cover;object-position:center 62%}
.about-hero figcaption,.about-research figcaption{font-size:13px;color:#52676b;margin-top:12px}
.about-actions{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:24px}
.about-actions .text-link{margin:0}
.about-story-grid{align-items:start;grid-template-columns:1.15fr .85fr}
.about-story h2,.about-research h2,.about-preview h2{font-size:clamp(30px,3vw,44px);line-height:1.15;color:var(--petrol);margin:18px 0 22px}
.about-story p,.about-research p,.about-preview p{font-size:18px;color:#40575b}
.about-journey{list-style:none;padding:0;margin:0;display:grid;gap:0}
.about-journey li{display:flex;gap:20px;padding:24px 0;border-top:1px solid #c1ccd0}
.about-journey li>span{font-size:14px;color:var(--teal);padding-top:5px}
.about-journey h3{font-size:23px;color:var(--petrol);margin:0 0 10px}
.about-journey p{margin:0;font-size:16px}
.about-poles .about-pole-image{display:block;margin-bottom:20px}
.about-poles img{width:100%;height:185px;object-fit:cover}
.about-poles img[src*="screw-inspection"]{object-fit:contain;background:#181f26}
.about-poles .group-poles-grid p{min-height:0}
.about-research img{width:100%;height:auto}
.about-values h2{color:#fff;font-size:clamp(30px,3vw,44px);margin:18px 0 32px;max-width:850px}
.about-values .small-label{color:#a8d5d4}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-bottom:32px}
.about-values-grid h3{color:#fff;font-size:23px;margin:0 0 12px}
.about-values .about-values-grid p{font-size:17px;line-height:1.65;margin:0;color:#d4e3e5}
.about-preview-grid{grid-template-columns:.7fr 1.3fr}
.about-preview img{width:100%;height:290px;object-fit:cover;object-position:center 64%}

/* The ninth navigation link gets the existing compact menu on smaller laptops. */
@media(min-width:1091px) and (max-width:1360px){.nav{gap:18px}.header-wrap{gap:28px}}
@media(min-width:1091px) and (max-width:1200px){.header-wrap{min-height:70px}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--black);padding:12px 23px 25px;margin:0;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{font-size:16px;padding:12px 0;border-bottom:1px solid #424242}.header-end{margin-left:0}}
@media(max-width:900px){.about-hero img{height:420px}.about-poles .group-poles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.about-hero-grid,.about-story-grid,.about-research-grid,.about-preview-grid{grid-template-columns:1fr;gap:30px}.about-hero h1{font-size:clamp(34px,9vw,42px)}.about-hero p{font-size:18px}.about-hero img{height:350px}.about-journey li{padding:20px 0}.about-research figure{order:2}.about-values-grid{grid-template-columns:1fr;gap:26px}.about-preview img{height:260px}.about-poles img{height:180px}}
@media(max-width:450px){.about-poles .group-poles-grid{grid-template-columns:1fr}.about-poles img{height:210px}}