/* Stage 13B: styles scoped to the About candidate. */

.about-page .breadcrumbs{display:flex;align-items:center;gap:10px;color:#b4cbd5;font-size:12px;margin-bottom:42px}
.about-page .breadcrumbs a{color:#e1edf2}
.about-page .about-hero{background:#0a1b2b;color:#fff;overflow:hidden}
.about-page .about-hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:6%;align-items:center;padding-top:62px;padding-bottom:74px}
.about-page .about-hero-copy{max-width:650px}
.about-page .about-hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px;color:#fff}
.about-page .about-hero-line{font-size:clamp(21px,2vw,28px);font-weight:750;color:#f9c875;line-height:1.3;margin:0 0 20px}
.about-page .about-hero-copy>p:not(.eyebrow):not(.about-hero-line){font-size:17px;line-height:1.7;color:#c7d6df;max-width:590px}
.about-page .about-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.about-page .button-outline{border:1px solid #8caebd;color:#fff;background:transparent}
.about-page .button-outline:hover{background:#fff;color:#0a1b2b}
.about-page .about-hero-photo{margin:0;position:relative;background:#22475d;min-height:370px;box-shadow:18px 18px 0 #fff1}
.about-page .about-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center}
.about-page .about-hero-photo figcaption{position:absolute;left:0;bottom:0;right:0;padding:32px 18px 16px;background:linear-gradient(transparent,#061c2ad9);font-size:13px;font-weight:700;color:#fff}
.about-page .eyebrow{font-size:11px;letter-spacing:.16em;font-weight:900}
.about-page h2{font-size:clamp(33px,3.5vw,50px);line-height:1.12;letter-spacing:-.045em;margin:10px 0 21px}
.about-page h3{line-height:1.23;letter-spacing:-.025em}
.about-page .about-intro{padding:90px 0}
.about-page .about-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}
.about-page .about-prose p{font-size:17px;line-height:1.75;margin:0 0 18px;color:#526575}
.about-page .about-prose strong{color:#183348}
.about-page .text-link{font-weight:800;color:#1e6c8f;display:inline-flex;gap:8px;align-items:center;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.about-page .about-equipment{background:#f4f7f7;padding:83px 0 95px}
.about-page .about-section-head{max-width:775px;margin-bottom:35px}
.about-page .about-section-head>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#5a6b78;margin:0}
.about-page .about-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.about-page .about-equipment-card{background:#fff;border-top:4px solid #d9a75e;padding:30px 27px 32px;display:flex;flex-direction:column;min-height:328px}
.about-page .about-equipment-card>span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#aa7339}
.about-page .about-equipment-card h3{font-size:25px;margin:25px 0 12px}
.about-page .about-equipment-card p{font-size:15px;line-height:1.68;color:#5d6f7c;margin:0 0 23px}
.about-page .about-equipment-card a{font-size:14px;color:#185d7e;font-weight:850;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.about-page .about-factory{padding:90px 0 98px}
.about-page .about-factory-heading{display:grid;grid-template-columns:1fr .7fr;gap:8%;align-items:end;margin-bottom:30px}
.about-page .about-factory-heading p:last-child{font-size:16px;line-height:1.7;color:#5d6f7c}
.about-page .about-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-page .about-photo-grid figure{margin:0;background:#dfe9eb}
.about-page .about-photo-grid img{width:100%;height:310px;object-fit:cover;display:block}
.about-page .about-photo-grid figcaption{padding:14px 18px;background:#eaf0f2;font-size:13px;font-weight:800;color:#1a3b4b}
.about-page .about-project{background:#10344a;color:#fff;padding:88px 0}
.about-page .about-project-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:9%;align-items:start}
.about-page .about-project h2{color:#fff}
.about-page .about-project-grid>div:first-child>p:not(.eyebrow){color:#c9dce4;font-size:17px;line-height:1.7}
.about-page .about-project .text-link{color:#f9c875}
.about-page .about-project-panel{background:#f4f7f7;color:#20394a;padding:35px 38px}
.about-page .about-project-panel h3{font-size:23px;margin:0 0 17px}
.about-page .about-project-panel ul,.about-page .about-support-panel ul{margin:0;padding-left:22px}
.about-page .about-project-panel li,.about-page .about-support-panel li{padding:7px 0;line-height:1.5}
.about-page .about-project-panel p{font-size:14px;color:#5b6f7c;line-height:1.6;margin:21px 0 0}
.about-page .about-flow{padding:84px 0 93px}
.about-page .about-flow-list{counter-reset:flow;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.about-page .about-flow-list li{counter-increment:flow;background:#f4f7f7;border-top:3px solid #bcd2db;padding:25px 20px;min-height:195px}
.about-page .about-flow-list li:before{content:counter(flow,decimal-leading-zero);display:block;color:#ad7736;font-weight:900;margin-bottom:18px}
.about-page .about-flow-list strong{display:block;margin-bottom:9px;font-size:16px}
.about-page .about-flow-list span{font-size:14px;line-height:1.55;color:#5f7180}
.about-page .about-support{background:#f4f7f7;padding:85px 0 92px}
.about-page .about-support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}
.about-page .about-support-grid>div:first-child p:not(.eyebrow){font-size:16px;line-height:1.72;color:#526677}
.about-page .about-support-panel{padding:30px 36px;background:#fff;border-left:5px solid #e8b463}
.about-page .about-support-panel h3{font-size:22px;margin:0 0 17px}
.about-page .about-contact{background:#0d2e42;color:#fff;padding:80px 0}
.about-page .about-contact-grid{display:grid;grid-template-columns:1fr .65fr;gap:10%;align-items:center}
.about-page .about-contact h2{color:#fff}
.about-page .about-contact-grid>div:first-child>p:not(.eyebrow){color:#c9d9df;line-height:1.7;font-size:16px}
.about-page .about-contact-page{color:#f9c875;text-decoration:underline;text-underline-offset:4px;font-weight:800}
.about-page .about-contact-card{display:flex;flex-direction:column;gap:15px;background:#fff;color:#18364a;padding:29px}
.about-page .about-contact-card>a:not(.button){font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.about-page .about-contact-card .button{justify-content:center}
.about-page #inquiry-form{scroll-margin-top:24px}
@media(max-width:1000px){.about-page .about-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}.about-page .about-hero-grid{gap:4%}}
@media(max-width:850px){.about-page .about-hero-grid,.about-page .about-intro-grid,.about-page .about-factory-heading,.about-page .about-project-grid,.about-page .about-support-grid,.about-page .about-contact-grid{grid-template-columns:1fr}.about-page .about-hero-grid{gap:33px}.about-page .about-factory-heading{gap:5px}.about-page .about-equipment-grid{grid-template-columns:1fr 1fr}.about-page .about-hero-photo{min-height:330px}.about-page .about-intro-grid,.about-page .about-project-grid,.about-page .about-support-grid,.about-page .about-contact-grid{gap:25px}}
@media(max-width:570px){.about-page .about-hero-grid{padding-top:38px;padding-bottom:54px}.about-page .about-hero h1{font-size:43px}.about-page .about-hero-line{font-size:22px}.about-page .about-hero-copy>p:not(.eyebrow):not(.about-hero-line){font-size:16px}.about-page .breadcrumbs{margin-bottom:25px}.about-page .about-actions{flex-direction:column}.about-page .about-actions .button{width:100%;justify-content:center;text-align:center}.about-page .about-hero-photo{min-height:235px;box-shadow:none}.about-page .about-intro,.about-page .about-factory,.about-page .about-flow,.about-page .about-support{padding:62px 0}.about-page .about-equipment{padding:62px 0}.about-page .about-equipment-grid,.about-page .about-photo-grid,.about-page .about-flow-list{grid-template-columns:1fr}.about-page .about-equipment-card{min-height:0}.about-page .about-photo-grid img{height:230px}.about-page .about-project{padding:62px 0}.about-page .about-project-panel{padding:28px 24px}.about-page .about-flow-list li{min-height:0}.about-page .about-contact{padding:62px 0}.about-page .about-contact-card{padding:24px}.about-page .about-contact-card .button{text-align:center}.about-page h2{font-size:35px}.about-page .about-factory-heading p:last-child{margin:0}.about-page .about-equipment-card p,.about-page .about-support-grid>div:first-child p:not(.eyebrow){font-size:16px}}

/* Stage 13G consolidation: spacing for the contextual Service and Contact links. */
.about-page .about-support .about-service-contact{margin-left:20px}
@media(max-width:700px){.about-page .about-support .about-service-contact{margin-left:0;margin-top:16px}}
