.about-page{background:#fff}.about-page main{overflow:hidden}.about-page h1,.about-page h2,.about-page p{margin-top:0}.about-page h1{max-width:820px;margin-bottom:26px;color:var(--navy);font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.045em}.about-page h2{margin-bottom:20px;color:var(--navy);font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.035em}.about-page .eyebrow{margin-bottom:18px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.about-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);align-items:center;gap:clamp(44px,7vw,110px);min-height:calc(100vh - 72px);padding-top:clamp(80px,9vw,140px);padding-bottom:clamp(70px,8vw,120px);background:linear-gradient(105deg,#f5f7fa 0%,#fff 68%)}.hero-lead{max-width:730px;margin-bottom:34px;color:#4b5563;font-size:clamp(17px,1.45vw,21px);line-height:1.75}.about-hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.text-link{color:var(--navy);font-weight:750}.hero-visual{position:relative;margin:0}.hero-visual:before{content:"";position:absolute;top:-24px;right:-24px;width:44%;height:44%;border-top:2px solid var(--orange);border-right:2px solid var(--orange)}.hero-visual img{position:relative;aspect-ratio:1.05;object-fit:cover;box-shadow:0 30px 70px rgba(15,39,66,.16)}.hero-visual figcaption{position:absolute;right:-22px;bottom:-28px;display:grid;min-width:245px;padding:22px 26px;color:#fff;background:var(--navy);box-shadow:0 20px 40px rgba(15,39,66,.24)}.hero-visual figcaption span{color:#cbd5e1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero-visual figcaption strong{margin-top:5px;font-size:17px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(18px,5vw,72px);background:var(--navy)}.trust-strip div{display:flex;gap:15px;align-items:center;min-height:92px;padding:22px clamp(14px,2vw,30px);color:#fff;border-right:1px solid rgba(255,255,255,.12)}.trust-strip div:last-child{border-right:0}.trust-strip span{color:var(--orange);font-size:12px;font-weight:800}.trust-strip strong{font-size:14px}
.process-section,.consistency-section,.faq-section{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}.about-page .process-section{display:block;color:var(--ink);background:#fff}.section-intro{max-width:790px;margin-bottom:52px}.section-intro.centered{margin-right:auto;margin-left:auto;text-align:center}.section-intro>p:last-child,.body-lead{color:#6b7280;font-size:17px;line-height:1.75}.project-flow{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none}.project-flow:before{content:"";position:absolute;top:29px;right:7%;left:7%;height:1px;background:#cbd5e1}.project-flow li{position:relative;padding:0 13px;text-align:center}.project-flow li>span{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;margin:0 auto 23px;color:var(--navy);border:1px solid #cbd5e1;border-radius:50%;background:#fff;font-size:12px;font-weight:800;transition:.2s ease}.project-flow li:hover>span{color:#fff;border-color:var(--orange);background:var(--orange);transform:translateY(-3px)}.project-flow strong{display:block;margin-bottom:10px;color:var(--navy);font-size:15px;line-height:1.3}.project-flow p{color:#6b7280;font-size:13px;line-height:1.6}
.engineering-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,8vw,120px);background:#f5f7fa}.feature-image{position:relative}.feature-image>span{position:absolute;bottom:0;left:0;padding:15px 20px;color:#fff;background:var(--navy);font-size:11px;font-weight:800;letter-spacing:.16em}.feature-image img{aspect-ratio:1.08;object-fit:cover}.engineering-section .body-lead{max-width:660px;margin-bottom:30px}.engineering-list{border-top:1px solid #d6dce4}.engineering-list article{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #d6dce4}.engineering-list strong{color:var(--navy)}.engineering-list span{color:#6b7280;font-size:14px}
.factory-section{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px);color:#fff;background:#0b1c30}.factory-section .light h2{color:#fff}.factory-section .light>p:last-child{color:#aebdcd}.factory-route{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:50px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.factory-route article{position:relative;display:flex;min-height:165px;padding:24px 16px;flex-direction:column;border-right:1px solid rgba(255,255,255,.12)}.factory-route article:last-child{border-right:0}.factory-route article:not(:last-child):after{content:"→";position:absolute;z-index:1;top:50%;right:-10px;color:var(--orange);transform:translateY(-50%)}.factory-route span{margin-bottom:auto;color:var(--orange);font-size:11px;font-weight:800}.factory-route strong{margin-bottom:5px;font-size:15px}.factory-route small{color:#9fb0c3;line-height:1.45}.factory-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.factory-gallery figure{position:relative;overflow:hidden;margin:0}.factory-gallery img{aspect-ratio:1.42;object-fit:cover;transition:transform .4s ease}.factory-gallery figure:hover img{transform:scale(1.03)}.factory-gallery figcaption{position:absolute;right:0;bottom:0;left:0;padding:30px 18px 14px;color:#fff;background:linear-gradient(transparent,rgba(5,15,27,.85));font-size:13px;font-weight:700}
.quality-loop{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.quality-loop article,.partner-grid article{min-height:220px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.quality-loop span,.partner-grid span{display:block;margin-bottom:28px;color:var(--orange);font-size:11px;font-weight:800}.quality-loop strong,.partner-grid strong{display:block;margin-bottom:12px;color:var(--navy);font-size:18px}.quality-loop p,.partner-grid p{color:#6b7280;font-size:14px}.inline-cta{display:inline-block;margin-top:28px;color:var(--navy);font-weight:750;border-bottom:2px solid var(--orange)}
.partner-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px);padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px);background:#f5f7fa}.partner-section .section-intro{position:sticky;top:120px;align-self:start;margin:0}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);background:#fff}
.beliefs-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px);color:#fff;background:var(--navy)}.beliefs-section h2{color:#fff}.belief-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}.belief-list li{display:grid;grid-template-columns:52px 1fr;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18)}.belief-list span{color:var(--orange);font-size:11px;font-weight:800}.belief-list p{margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.45}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:24px 48px 24px 0;color:var(--navy);font-size:17px;font-weight:750;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;top:20px;right:4px;color:var(--orange);font-size:25px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:720px;padding:0 45px 24px 0;color:#6b7280}
.about-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-top:80px;padding-bottom:80px;color:#fff;background:#102d4d}.about-cta h2{max-width:850px;color:#fff}.about-cta>div>p:last-child{max-width:780px;color:#bdcad7}.cta-actions{display:flex;min-width:max-content;flex-direction:column;gap:12px}.about-cta .button.ghost{color:#fff;border-color:rgba(255,255,255,.4)}

/* Revised 2026-07-17 content structure */
.hero-copy{max-width:760px;margin-bottom:32px;color:#4b5563;font-size:clamp(16px,1.3vw,19px);line-height:1.72}.hero-copy p{margin-bottom:12px}.about-hero .text-link{display:inline-flex;align-items:center;min-height:48px}
.split-copy-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);background:#fff}.split-copy-section .section-intro{margin:0}.split-copy-body{color:#667085;font-size:16px;line-height:1.75}.split-copy-body>p{margin-bottom:18px}.list-heading{display:block;margin:30px 0 14px;color:var(--navy);font-size:17px}.check-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:"";position:absolute;top:.65em;left:0;width:8px;height:8px;background:var(--orange)}
.principles-section{background:#f5f7fa}.principle-grid,.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.principle-grid article,.scope-grid article{min-height:255px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle-grid article:last-child,.scope-grid article:last-child{grid-column:span 2}.principle-grid span,.scope-grid span,.visibility-list span{display:block;margin-bottom:26px;color:var(--orange);font-size:11px;font-weight:800}.principle-grid strong,.scope-grid strong,.visibility-list strong{display:block;margin-bottom:12px;color:var(--navy);font-size:18px}.principle-grid p,.scope-grid p,.visibility-list p{color:#667085;font-size:14px;line-height:1.65}
.about-page .project-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-page .project-flow:before{display:none}.about-page .project-flow li{min-height:260px;padding:28px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.about-page .project-flow li>span{display:block;width:auto;height:auto;margin:0 0 28px;border:0;border-radius:0;color:var(--orange);font-size:11px}.about-page .project-flow li:hover>span{color:var(--orange);background:transparent;transform:none}.about-page .project-flow strong{font-size:17px}.about-page .project-flow p{font-size:14px;line-height:1.65}
.scope-section{background:#fff}.scope-grid{grid-template-columns:repeat(3,1fr)}
.about-page .factory-route{grid-template-columns:repeat(4,1fr);border-left:1px solid rgba(255,255,255,.24)}.about-page .factory-route article{min-height:240px;padding:25px 20px;border-bottom:1px solid rgba(255,255,255,.24)}.about-page .factory-route article:not(:last-child):after{display:none}.about-page .factory-route strong{font-size:14px;line-height:1.35}.about-page .factory-route small{font-size:12px;line-height:1.6}
.about-page .quality-loop{grid-template-columns:repeat(4,1fr)}.about-page .quality-loop article{min-height:250px;padding:28px}.about-page .quality-loop article:last-child{grid-column:span 2}
.visibility-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px);color:#fff;background:var(--navy)}.visibility-section h2{color:#fff}.visibility-section .section-intro>p:last-child{color:#aebdcd}.visibility-list{border-top:1px solid rgba(255,255,255,.18)}.visibility-list article{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.18)}.visibility-list span{margin:2px 0 0}.visibility-list strong{color:#fff}.visibility-list p{margin:0;color:#aebdcd}
.partner-section .section-intro>p:last-child{color:#667085;line-height:1.7}.cta-contact{color:#fff}.cta-actions small{max-width:300px;color:#aebdcd;font-size:12px;line-height:1.55}

/* About page spacing and workshop refresh */
.about-page main>.section-pad{padding-top:clamp(58px,6.5vw,92px);padding-bottom:clamp(58px,6.5vw,92px)}
.about-page main>.about-hero{min-height:auto;padding-top:clamp(72px,7vw,96px);padding-bottom:clamp(64px,6vw,88px)}
.about-page .section-intro{margin-bottom:38px}
.about-page .engineering-section{gap:clamp(42px,6vw,84px)}
.about-page .factory-section{position:relative;color:#fff;background:linear-gradient(rgba(5,20,36,.86),rgba(5,20,36,.9)),url('/assets/about/workshop-active-background-v1.webp') center/cover no-repeat}
.about-page .factory-route{margin-bottom:0;border-color:rgba(255,255,255,.24);background:rgba(5,20,36,.66);backdrop-filter:blur(3px)}
.about-page .partner-section{padding-top:clamp(56px,6vw,82px);padding-bottom:clamp(56px,6vw,82px)}
.about-page .partner-grid article{min-height:176px;padding:24px}
.about-page .faq-section{padding-top:clamp(56px,6vw,82px);padding-bottom:clamp(56px,6vw,82px)}
.about-page .faq-section .section-intro>p{color:#6b7280;line-height:1.7}
.about-page .faq-section .inline-cta{margin-top:6px}
.about-page .faq-list summary{padding-top:19px;padding-bottom:19px}
.about-page .faq-list summary:after{top:15px}
.about-page .about-cta{padding-top:clamp(54px,5.5vw,74px);padding-bottom:clamp(54px,5.5vw,74px)}
@media(max-width:1100px){.about-hero{grid-template-columns:1fr 420px}.about-page .project-flow,.about-page .factory-route,.about-page .quality-loop{grid-template-columns:repeat(2,1fr)}.about-page .project-flow li{display:block}.about-page .factory-route article{display:flex}.about-page .quality-loop article:last-child{grid-column:span 1}.faq-section{grid-template-columns:1fr}.faq-section .section-intro{margin-bottom:0}}
@media(max-width:820px){.about-hero,.engineering-section,.partner-section,.beliefs-section,.split-copy-section,.visibility-section{grid-template-columns:1fr}.about-hero{min-height:auto}.hero-visual{max-width:620px}.feature-image{order:2}.principle-grid,.scope-grid{grid-template-columns:1fr 1fr}.principle-grid article:last-child,.scope-grid article:last-child{grid-column:span 2}.partner-section .section-intro{position:static}.about-cta{align-items:flex-start;flex-direction:column}.cta-actions{min-width:0;width:100%}}
@media(max-width:620px){.about-page h1{font-size:42px}.about-page h2{font-size:32px}.about-hero{padding-top:65px}.hero-visual figcaption{right:-8px;bottom:-22px;min-width:210px}.about-page .project-flow,.about-page .factory-route,.about-page .quality-loop,.principle-grid,.scope-grid,.partner-grid{grid-template-columns:1fr}.principle-grid article:last-child,.scope-grid article:last-child{grid-column:span 1}.about-page .project-flow li,.about-page .factory-route article,.about-page .quality-loop article,.principle-grid article,.scope-grid article{min-height:0}.engineering-list article{grid-template-columns:1fr;gap:4px}.belief-list li{grid-template-columns:40px 1fr}.cta-actions .button{width:100%;text-align:center}.about-page .footer-links{grid-template-columns:1fr}.about-page .footer-link-group{min-width:0}}

/* Compact card groups from review feedback */
.about-page .principle-grid article{min-height:205px;padding:24px 28px}
.about-page .scope-grid article{min-height:180px;padding:24px 28px}
.about-page .principle-grid span,.about-page .scope-grid span{margin-bottom:18px}
.about-page .principle-grid strong,.about-page .scope-grid strong{margin-bottom:9px}
.about-page .principle-grid p,.about-page .scope-grid p{line-height:1.58}
.about-page .factory-route{grid-template-columns:repeat(12,1fr);border-left:1px solid rgba(255,255,255,.34);background:transparent;backdrop-filter:none}
.about-page .factory-route article{grid-column:span 3;min-height:178px;padding:20px;background:rgba(13,48,79,.95);border-color:rgba(255,255,255,.24)}
.about-page .factory-route article:nth-child(even){background:rgba(18,59,94,.95)}
.about-page .factory-route article:nth-child(n+5){grid-column:span 4}
.about-page .factory-route span{margin-bottom:18px}
.about-page .factory-route strong{margin-top:auto}
.about-page .factory-route small{line-height:1.55}
@media(max-width:1100px){.about-page .factory-route{grid-template-columns:repeat(2,1fr)}.about-page .factory-route article,.about-page .factory-route article:nth-child(n+5){grid-column:span 1}.about-page .factory-route article:last-child{grid-column:span 2}}
@media(max-width:620px){.about-page .factory-route{grid-template-columns:1fr}.about-page .factory-route article,.about-page .factory-route article:nth-child(n+5),.about-page .factory-route article:last-child{grid-column:span 1}}
