/* TURELINE brand story. The shared site palette and navigation remain intact. */
.company-about-page main{overflow:clip}
.about-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);padding:24px 0 36px}
.about-breadcrumb a{text-decoration:none}
.about-hero{padding-bottom:76px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:60px;align-items:center}
.about-hero-copy{padding-bottom:20px}
.company-about-page h1,.company-about-page h2,.company-about-page h3{font-weight:400;color:var(--brand);margin:0}
.about-hero h1{font-size:clamp(42px,4.4vw,64px);line-height:1.2;letter-spacing:-.035em;margin:20px 0 28px}
.about-lead{font-size:19px;line-height:1.85;color:var(--muted);max-width:34em;margin:0 0 20px}
.about-hero-image{margin:0;position:relative;isolation:isolate}
.about-hero-image img{width:100%;height:470px;object-fit:cover;object-position:center;display:block;border-radius:3px 44px 3px 3px}
.about-hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin:16px 0 0}
.about-hero-image figcaption span:last-child{letter-spacing:.06em;font-size:10px}
.about-network{background:var(--surface-neutral);padding:84px 0 94px;border-block:18px solid white}
.about-network-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px}
.company-about-page h2{font-size:clamp(32px,3.2vw,46px);line-height:1.25;letter-spacing:-.025em}
.about-section-intro{padding-top:24px}
.about-section-intro .eyebrow{margin-bottom:22px}
.about-section-intro>p:last-child{color:var(--muted);max-width:27em;line-height:1.9;margin-top:28px}
.about-role{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;align-items:center;padding:27px 0}
.about-role:not(:last-child){border-bottom:1px solid var(--border)}
.about-role h3{font-size:24px;line-height:1.35;margin:8px 0 12px}
.about-role p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}
.about-role-mark img{width:136px;display:block}
.about-index{font-size:10px;letter-spacing:.04em;color:var(--accent-text);font-weight:500}
.about-role-wordmark{font-size:29px;font-weight:500;line-height:1.3;color:var(--brand)}
.about-role-wordmark small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:7px}
.about-manufacturing{padding:96px 0 104px}
.about-manufacturing-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:80px;align-items:center}
.about-factory-photo{margin:0}
.about-factory-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px 32px 3px 3px}
.about-factory-photo figcaption{font-size:12px;color:var(--muted);margin-top:16px}
.about-factory-documentary{grid-column:1/-1;margin-top:-24px}
.about-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:26px}
.about-gallery-heading h3{font-size:26px}
.about-gallery-heading p{color:var(--muted);font-size:14px;margin:0}
.about-factory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.about-factory-gallery figure,.about-field-gallery figure{margin:0;min-width:0}
.about-factory-gallery a{display:block;border-radius:3px}
.about-factory-gallery a:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.about-factory-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.about-factory-gallery figcaption,.about-field-gallery figcaption{display:flex;align-items:baseline;gap:14px;font-size:13px;line-height:1.6;color:var(--muted);margin-top:14px}
.about-factory-gallery figcaption span{font-size:11px;color:var(--accent-text);font-variant-numeric:tabular-nums}
.about-manufacturing-copy h2{margin:18px 0 30px}
.about-manufacturing-copy>p:not(.eyebrow),.about-experience-copy>p{color:var(--muted);line-height:1.9;margin:0 0 20px;max-width:65ch}
.about-experience{padding:82px 0 96px;background:var(--surface-neutral);border-block:18px solid white}
.about-experience-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px 96px;align-items:start}
.about-field-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.about-field-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.about-field-gallery figure:nth-child(n+3) img{object-position:50% 35%}
.about-experience-title h2{margin-top:20px}
.about-experience-number{font-size:100px;line-height:1;letter-spacing:-.06em;color:var(--brand);margin:36px 0 8px;font-variant-numeric:tabular-nums}
.about-experience-number span{font-size:50px;vertical-align:top;letter-spacing:0}
.about-experience-label{font-size:13px;color:var(--muted);margin:0}
.about-experience-copy{padding-top:26px}
.about-quality{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:32px 0 18px}
.about-quality div{border-top:1px solid var(--border);padding-top:16px}
.about-quality dt{color:var(--brand);font-size:17px;font-weight:500}
.about-quality dd{color:var(--muted);font-size:13px;margin:8px 0 0}
.about-purpose{padding:90px 0 100px}
.about-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.about-purpose h2{margin-top:20px}
.about-purpose-grid>div>p:not(.eyebrow){color:var(--muted);line-height:1.9;margin:0 0 30px}
.about-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.about-capabilities{padding:78px 0 86px;background:var(--surface-neutral);border-block:18px solid white}
.capability-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:44px}
.capability-columns h3{font-size:23px;line-height:1.4}
.capability-columns p{color:var(--muted);line-height:1.85;margin:18px 0 24px}
.about-application-links{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px;padding:28px 0 0;border-top:1px solid var(--border)}
.about-application-links p{font-size:22px;color:var(--brand);margin:0}
.about-credentials{padding:86px 0 94px;background:#f5f5f3;border-block:18px solid white;scroll-margin-top:120px}
.credentials-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:42px}
.credentials-heading p{color:var(--muted);line-height:1.85;max-width:48ch}
.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:38px}
.credential-card{min-width:0;background:white;padding:24px}
.credential-card a{display:block;text-decoration:none}
.credential-card img{display:block;width:100%;height:240px;object-fit:contain;margin-bottom:24px}
.credential-card h3{font-size:19px;line-height:1.5}
.credential-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 8px}
.credential-card small{display:block;font-size:12px;line-height:1.7;color:var(--muted)}
.credential-open{display:inline-block;color:var(--brand);font-size:14px;margin-top:18px;border-bottom:1px solid var(--border);padding-bottom:4px}
.credential-card a:focus-visible{outline:2px solid var(--brand);outline-offset:8px}
.credential-group{border-top:1px solid var(--border);padding:24px 0}
.credential-group summary{cursor:pointer;font-size:21px;color:var(--brand);line-height:1.5}
.credential-group summary span{float:right;font-size:13px;color:var(--muted);margin-top:5px}
.credential-group>p{color:var(--muted);line-height:1.8;margin:24px 0}
@media(max-width:1100px){.capability-columns,.credentials-heading{grid-template-columns:1fr;gap:28px}.about-capabilities,.about-credentials{padding-block:48px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.credential-grid{grid-template-columns:1fr}.about-application-links{align-items:flex-start;flex-direction:column}.credential-group summary span{float:none;display:block}}
@media(min-width:1101px){.about-hero-copy{animation:about-enter .6s var(--ease) both}.about-hero-image{animation:about-enter .75s var(--ease) both}}
@keyframes about-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Keep the existing narrow-screen behavior usable; mobile redesign is deferred. */
@media(max-width:1100px){.about-hero-grid,.about-network-grid,.about-manufacturing-grid,.about-experience-grid,.about-purpose-grid{grid-template-columns:1fr;gap:36px}.about-hero-image img{height:auto;max-height:470px}.about-hero{padding-bottom:48px}.about-network,.about-manufacturing,.about-experience,.about-purpose{padding-block:48px}.about-role{grid-template-columns:130px minmax(0,1fr);gap:24px}.about-experience-copy{padding-top:0}}
@media(max-width:1100px){.about-factory-documentary{margin-top:0}.about-factory-gallery,.about-field-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.about-factory-gallery,.about-field-gallery{grid-template-columns:1fr}.about-gallery-heading{display:block}.about-gallery-heading p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.about-hero-copy,.about-hero-image{animation:none}}
