/* Type D About / factory trust page. */
.about-page { overflow: clip; }
.about-hero { min-height: 720px; padding: calc(var(--header-height) + 56px) 0 64px; background: linear-gradient(90deg,var(--white) 0%,var(--white) 49%,var(--surface) 49%,var(--surface) 100%); overflow: hidden; }
.about-hero .breadcrumbs { padding-top: 0; padding-bottom: 42px; }
.about-hero-grid { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 72px; }
.about-hero-copy h1 { max-width: 710px; margin-bottom: 25px; color: var(--navy); font-size: clamp(48px,5.1vw,72px); font-weight: 640; letter-spacing: -.052em; }
.about-answer { max-width: 690px; margin-bottom: 29px; color: var(--muted); font-size: 18px; line-height: 1.72; }
.about-answer p { margin: 0; }
.about-answer strong { color: var(--text); font-weight: 560; }
.about-hero-visual { position: relative; }
.about-hero-visual figure { margin: 0; }
.about-hero-image { display: block; width: 100%; height: 468px; object-fit: cover; border-radius: 4px 4px 38px 4px; box-shadow: 0 30px 68px rgba(11,35,65,.19); }
.about-hero-visual figcaption,.about-factory figcaption,.about-team figcaption { padding: 8px 2px 0; color: var(--muted); font-size: 10px; }
.about-evidence-card { position: absolute; right: -18px; bottom: 32px; width: 315px; padding: 22px; color: var(--white); background: rgba(11,35,65,.97); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 20px 48px rgba(11,35,65,.27); }
.about-evidence-card > span { display: block; margin-bottom: 13px; color: #8bc2ef; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.about-evidence-card div { display: grid; grid-template-columns: 95px 1fr; gap: 12px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.12); font-size: 10px; }
.about-evidence-card strong { font-weight: 700; }
.about-evidence-card em { color: #d6e1eb; font-style: normal; }
.about-media-status { position: absolute; top: 14px; left: 14px; z-index: 2; display: inline-flex; padding: 6px 9px; border-radius: 999px; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.about-media-status--temporary { color: #704508; background: #fff0c7; }
.about-media-status--pending { color: #fff; background: rgba(139,91,22,.92); }
.about-page figure { position: relative; }

.about-overview { background: var(--surface); }
.about-overview-layout { display: grid; grid-template-columns: .68fr 1.32fr; gap: 70px; align-items: start; }
.about-overview-statement { position: sticky; top: 110px; }
.about-overview-statement blockquote { margin: 0; padding: 26px 0 0; color: var(--navy); border-top: 3px solid var(--blue); font-size: 23px; font-weight: 640; line-height: 1.42; letter-spacing: -.02em; }
.about-identity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--line); background: var(--white); box-shadow: var(--shadow-sm); }
.about-identity-grid article { min-height: 205px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.about-identity-grid article:nth-child(2n) { border-right: 0; }
.about-identity-grid article:nth-last-child(-n+2) { border-bottom: 0; }
.about-identity-grid span { display: block; margin-bottom: 35px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.about-identity-grid h3 { margin-bottom: 9px; color: var(--navy); font-size: 20px; }
.about-identity-grid p { margin: 0; font-size: 12px; }

.about-background { background: var(--white); }
.about-background-header { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 40px; }
.about-background-header .section-title { margin-bottom: 0; }
.about-background-header > p { max-width: 470px; margin: 0; font-size: 13px; }
.about-background-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.about-background-track article { min-height: 290px; padding: 30px; background: var(--white); }
.about-background-track span { display: block; margin-bottom: 54px; color: var(--blue); font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.about-background-track h3 { margin-bottom: 13px; color: var(--navy); font-size: 23px; }
.about-background-track p { font-size: 12px; }

.about-factory { background: var(--surface); }
.about-factory-layout { display: grid; grid-template-columns: 1.08fr .92fr; gap: 64px; align-items: center; }
.about-factory-image { display: block; width: 100%; height: 500px; object-fit: cover; border-radius: 4px 34px 4px 4px; box-shadow: var(--shadow-md); }
.about-evidence-list { margin: 24px 0 0; border-top: 1px solid var(--line); }
.about-evidence-list > div { display: grid; grid-template-columns: 150px 1fr; gap: 18px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.about-evidence-list dt { color: var(--navy); font-size: 11px; font-weight: 800; }
.about-evidence-list dd { margin: 0; color: var(--muted); font-size: 12px; }
.about-verification-note { margin-top: 22px; padding: 16px 18px; color: #465669; background: var(--white); border-left: 3px solid var(--blue); font-size: 11px; box-shadow: var(--shadow-sm); }

.about-team { background: var(--white); }
.about-team-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 64px; align-items: start; }
.about-team-image { display: block; width: 100%; height: 510px; object-fit: cover; border-radius: 32px 4px 4px 4px; box-shadow: var(--shadow-md); }
.about-role-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 26px; }
.about-role-grid article { padding: 21px; background: var(--white); border: 1px solid var(--line); border-radius: 10px; }
.about-role-grid span { display: block; margin-bottom: 20px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .1em; }
.about-role-grid h3 { margin-bottom: 8px; color: var(--navy); font-size: 18px; }
.about-role-grid p { margin: 0; font-size: 11px; }

.about-system { color: var(--white); background: var(--navy); }
.about-system .section-kicker { color: #8bc2ef; }
.about-system .section-title { color: var(--white); }
.about-system-intro { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: end; margin-bottom: 42px; }
.about-system-intro .section-title { margin-bottom: 0; }
.about-system-intro p { margin: 0; color: #b9c7d4; }
.about-system-intro strong { color: var(--white); }
.about-system-flow { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); border: 1px solid rgba(255,255,255,.16); }
.about-system-flow article { position: relative; min-height: 245px; padding: 26px 22px; border-right: 1px solid rgba(255,255,255,.13); }
.about-system-flow article:last-child { border-right: 0; }
.about-system-flow article::after { position: absolute; z-index: 2; top: 30px; right: -13px; display: grid; width: 26px; height: 26px; place-items: center; color: var(--navy); background: #8bc2ef; border-radius: 50%; content: "→"; font-size: 9px; }
.about-system-flow article:last-child::after { display: none; }
.about-system-flow span { display: block; margin-bottom: 52px; color: #8bc2ef; font-size: 9px; font-weight: 850; letter-spacing: .11em; }
.about-system-flow h3 { margin-bottom: 9px; color: var(--white); font-size: 17px; }
.about-system-flow p { margin: 0; color: #aebdca; font-size: 10px; }
.about-system-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 25px; }
.about-system-links a { padding: 9px 12px; color: #dce8f2; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; font-size: 10px; font-weight: 750; }
.about-system-links a:hover { color: var(--white); border-color: #8bc2ef; background: rgba(139,194,239,.08); }

.about-cooperation { background: var(--white); }
.about-cooperation-layout { display: grid; grid-template-columns: .62fr 1.38fr; gap: 58px; align-items: start; }
.about-cooperation-copy { position: sticky; top: 110px; }
.about-table-scroll { max-width: 100%; overflow-x: auto; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
.about-table-scroll table { width: 100%; min-width: 760px; border-collapse: collapse; }
.about-table-scroll caption { padding: 18px 20px; color: var(--navy); border-bottom: 1px solid var(--line); text-align: left; font-size: 12px; font-weight: 760; }
.about-table-scroll th,.about-table-scroll td { padding: 15px 17px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 12px; }
.about-table-scroll thead th { color: var(--white); background: var(--navy); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.about-table-scroll tbody th { width: 19%; color: var(--navy); background: #fafbfd; font-weight: 740; }
.about-table-scroll tbody tr:last-child th,.about-table-scroll tbody tr:last-child td { border-bottom: 0; }
.about-table-scroll td { color: #526071; }

.about-technical { background: var(--surface); }
.about-review-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); background: var(--white); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.about-review-grid > div { padding: 18px; border-right: 1px solid var(--line); }
.about-review-grid > div:last-child { border-right: 0; }
.about-review-grid dt { margin-bottom: 6px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.about-review-grid dd { margin: 0; color: var(--navy); font-size: 12px; font-weight: 720; }
.about-review-grid dd.is-pending { color: #8a5b0c; }
.about-evidence-note { margin: 14px 0 0; font-size: 11px; }
.about-certification-disclosure { display: grid; grid-template-columns: 130px 1fr; gap: 20px; align-items: center; margin-top: 24px; padding: 18px; background: var(--white); border: 1px solid var(--line); border-radius: 10px; }
.about-certification-disclosure figure { margin: 0; }
.about-certificate-image { display: block; width: 130px; height: 160px; object-fit: cover; }
.about-certification-disclosure strong { display: block; margin-bottom: 6px; color: var(--navy); font-size: 13px; }
.about-certification-disclosure p { margin: 0 0 10px; font-size: 11px; }
.about-certification-disclosure ul { margin: 12px 0 0; padding-left: 18px; color: var(--muted); font-size: 11px; }
.about-certification-status { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: 9px; font-weight: 850; }
.about-certification-status.is-pending { color: #8a5b0c; background: #fff2d8; }
.about-certification-status.is-verified { color: #126142; background: #e3f3ec; }
.about-page .global-faq { background: var(--white); }
.about-page .global-rfq { background: var(--navy-2); }
.about-page .related-links { background: var(--surface); }

@media (max-width: 1080px) {
	.about-hero { min-height: auto; background: var(--white); }
	.about-hero-grid,.about-overview-layout,.about-factory-layout,.about-team-layout,.about-system-intro,.about-cooperation-layout { grid-template-columns: 1fr; }
	.about-overview-statement,.about-cooperation-copy { position: static; }
	.about-background-track { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.about-system-flow { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.about-review-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.about-review-grid > div { border-bottom: 1px solid var(--line); }
	.about-system-flow article:nth-child(3) { border-right: 0; }
	.about-system-flow article::after { display: none; }
}

@media (max-width: 780px) {
	.about-hero { padding-top: calc(var(--header-height) + 28px); }
	.about-hero .breadcrumbs { padding-bottom: 24px; }
	.about-hero-copy h1 { font-size: 42px; }
	.about-answer { font-size: 16px; }
	.about-hero-image { height: 380px; }
	.about-evidence-card { position: static; width: 100%; margin-top: 10px; }
	.about-identity-grid,.about-background-track,.about-role-grid { grid-template-columns: 1fr; }
	.about-identity-grid article { min-height: 0; border-right: 0; }
	.about-identity-grid article:nth-last-child(2) { border-bottom: 1px solid var(--line); }
	.about-background-header { display: block; }
	.about-background-header > p { margin-top: 20px; }
	.about-background-track article { min-height: 0; }
	.about-factory-image,.about-team-image { height: 390px; }
	.about-system-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.about-review-grid { grid-template-columns: 1fr; }
	.about-review-grid > div { border-right: 0; }
	.about-system-flow article:nth-child(3) { border-right: 1px solid rgba(255,255,255,.13); }
	.about-system-flow article:nth-child(2n) { border-right: 0; }
}

@media (max-width: 480px) {
	.about-hero-copy h1 { font-size: 36px; }
	.about-hero-image { height: 300px; }
	.about-hero .hero-actions { display: grid; }
	.about-hero .hero-actions .button { width: 100%; }
	.about-evidence-list > div { grid-template-columns: 1fr; gap: 6px; }
	.about-factory-image,.about-team-image { height: 310px; }
	.about-system-flow { grid-template-columns: 1fr; }
	.about-system-flow article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
	.about-certification-disclosure { grid-template-columns: 1fr; }
	.about-certificate-image { width: 100%; height: 240px; object-fit: contain; }
}

@media (prefers-reduced-motion: reduce) {
	.about-page * { scroll-behavior: auto; }
}