/* About uses the established Nitra typography, blue accent and shared navigation. */
.nitra-about{background:#fdfcf9;color:#071428}
.nitra-about main{overflow:clip}
.nitra-about .story-opening{padding-top:76px;padding-bottom:55px}
.story-kicker{font-size:11px;font-weight:600;letter-spacing:.14em;color:#056cc4;margin-bottom:22px}
.nitra-about .story-opening h1{font-size:clamp(44px,5.5vw,80px);line-height:1.04;letter-spacing:-.055em;font-weight:600;max-width:1100px;margin:0}
.story-introduction{max-width:650px;margin-top:28px}
.nitra-about main p{font-size:16px;line-height:1.75;color:#425572}
.nitra-about .story-introduction p{font-size:18px;line-height:1.65;margin:0 0 22px}
.nitra-about .story-link{display:inline-flex;align-items:center;gap:22px;color:#056cc4;text-decoration:none;border-bottom:1px solid #a9bfd2;padding:7px 0;font-size:13px;font-weight:500}
.nitra-about .story-link:hover{border-color:#056cc4}
.nitra-about main a:focus-visible{outline:2px solid #056cc4;outline-offset:5px}
.story-overview{display:grid;grid-template-columns:1.18fr 1fr;gap:8%;align-items:center;padding-bottom:110px}
.story-hardware{margin:0;background:#edf2f4;padding:40px 36px 22px}
.story-hardware img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.story-hardware figcaption{font-size:11px;color:#425572;margin-top:24px}
.nitra-about .story-large{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.16;letter-spacing:-.035em;color:#071428;margin:0 0 27px}
.story-large span{color:#056cc4}
.story-perspective>p:last-child{margin-top:20px}
.story-thinking{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:70px;padding-bottom:100px;border-top:1px solid #ced7de;scroll-margin-top:30px}
.nitra-about main h2{font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}
.nitra-about .story-lead{font-size:25px;line-height:1.4;color:#071428;margin:0 0 25px;letter-spacing:-.02em}
.story-narrative>p:last-child{margin-top:25px}
.story-questions{list-style:none;padding:0;margin:28px 0;border-left:2px solid #056cc4}
.story-questions li{font-size:18px;line-height:1.5;padding:7px 0 7px 24px}
.story-prototype{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:0;margin-bottom:110px;background:#eef3f6;padding:42px}
.story-prototype-photo img{display:block;width:100%;height:390px;object-fit:contain;mix-blend-mode:multiply}
.story-prototype figcaption>span{display:block;font-size:12px;color:#425572;margin-bottom:22px}
.story-prototype figcaption p{max-width:400px;margin:25px 0 18px}
.story-working{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-bottom:120px}
.story-working-intro p{max-width:390px;margin-top:26px}
.story-steps{list-style:none;margin:0;padding:0}
.story-steps li{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:26px 0;border-top:1px solid #ced7de}
.story-steps li:first-child{padding-top:0;border:0}
.story-step-number{font-size:12px;color:#056cc4;padding-top:6px}
.nitra-about .story-steps h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:0 0 15px}
.story-steps p{margin:0}
@media(max-width:767px){
 .nitra-about .story-opening{padding-top:44px;padding-bottom:36px}
 .nitra-about .story-opening h1{font-size:clamp(35px,8.3vw,56px)}
 .nitra-about .story-introduction p{font-size:16px}
 .nitra-about main p{font-size:15px}
 .story-overview,.story-thinking,.story-prototype,.story-working{grid-template-columns:1fr;gap:32px}
 .story-overview{padding-bottom:60px}.story-hardware{padding:28px 20px 18px}
 .story-thinking{padding-top:44px;padding-bottom:58px}
 .nitra-about .story-lead{font-size:22px}
 .story-questions li{font-size:16px;padding-left:18px}
 .story-prototype{padding:24px;margin-bottom:62px}
 .story-prototype-photo img{height:280px}
 .story-working{padding-bottom:64px}
 .story-steps li{grid-template-columns:25px 1fr;gap:12px}
 .nitra-about .story-steps h3{font-size:22px}
}