/* About NPE: scoped editorial refinement of the established company page. */
.npe-about main{color:#263d53}
.npe-about main ::selection{background:#165498;color:#fff}
.npe-about .npe-page-hero{padding-block:40px 52px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,60px)}
.npe-about .npe-page-copy h1{max-width:15ch;letter-spacing:-.025em!important;margin-bottom:20px!important}
.npe-about .about-origin{font-size:1rem;color:#165498;margin:0 0 18px;font-weight:600}
.npe-about .npe-page-copy>p:not(.about-origin){max-width:55ch}
.npe-about .npe-page-visual{background:#f4f6f9}
.npe-about .npe-page-visual figcaption{background:#f4f6f9;font-size:.875rem!important;line-height:1.6!important}
.npe-about .about-section{padding-block:clamp(40px,5vw,64px)}
.npe-about .about-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);border-top:1px solid #d3dbe6}
.npe-about .about-story h2,.npe-about .about-principles h2,.npe-about .about-contact h2,.npe-about .about-invite h2{font-size:clamp(1.7rem,2.6vw,2.4rem)!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:0 0 20px}
.npe-about .about-story h2{max-width:17ch}
.npe-about .about-story p,.npe-about .about-principles p,.npe-about .about-contact p,.npe-about .about-invite p{font-size:1rem;line-height:1.8;margin:0 0 18px;max-width:70ch}
.npe-about .about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:28px 0 0}
.npe-about .about-facts>div{padding:16px 0;border-top:1px solid #d3dbe6;min-width:0}
.npe-about .about-facts dt{font-size:.875rem;line-height:1.6;color:#526579}
.npe-about .about-facts dd{font-size:1.125rem;line-height:1.5;color:#165498;font-weight:600;margin:5px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.npe-about .about-principles{background:#165498;color:#fff}
.npe-about .about-principles h2{color:#fff!important;max-width:20ch}
.npe-about .about-principles-list{margin-top:28px}
.npe-about .about-principle{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);padding:26px 0;border-top:1px solid #ffffff59}
.npe-about .about-principle h3{font-size:1.1875rem;line-height:1.5!important;margin:0;font-weight:600;color:#fff}
.npe-about .about-principle p{color:#fff;margin:0}
.npe-about .about-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
.npe-about .about-office address{font-size:1rem;font-style:normal;line-height:1.8;margin:0 0 18px}
.npe-about .about-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.npe-about .about-contact-links a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;line-height:1.6;text-underline-offset:5px;overflow-wrap:anywhere;max-width:100%}
.npe-about .about-documents ul{margin:24px 0 0;padding-left:22px}
.npe-about .about-documents li{font-size:1rem;line-height:1.8;margin:10px 0;padding-left:4px}
.npe-about .about-documents li::marker{color:#165498}
.npe-about .about-invite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding:32px;border-block:1px solid #d3dbe6;background:#f4f6f9;margin-block:0 20px}
.npe-about .about-invite h2{font-size:clamp(1.5rem,2.2vw,1.9rem)!important;max-width:27ch;margin-bottom:14px}
.npe-about .about-invite p{margin:0}
.npe-about .about-invite .button{min-height:50px;font-size:.875rem;white-space:normal;max-width:100%;padding:15px 20px}
.npe-about .npe-shop-bridge{margin-top:36px}
.npe-about main .button-orange,.npe-about main .button-orange:hover{color:#fff!important}
.npe-about main a:focus-visible{outline:3px solid #165498;outline-offset:5px}
.npe-about main a:not(.button):hover{text-decoration-thickness:2px;text-underline-offset:5px}
.npe-about main .button:focus-visible{outline:3px solid #165498;outline-offset:5px}
@media(max-width:960px){.npe-about .about-invite{grid-template-columns:1fr;gap:24px}.npe-about .about-invite .button{justify-self:start}}
@media(max-width:760px){.npe-about .npe-page-hero,.npe-about .about-story,.npe-about .about-contact,.npe-about .about-principle{grid-template-columns:minmax(0,1fr)}.npe-about .npe-page-hero{padding-block:28px 36px;gap:28px}.npe-about .npe-page-copy h1{max-width:none}.npe-about .about-section{padding-block:36px}.npe-about .about-story h2{max-width:none;margin-bottom:0}.npe-about .about-story{gap:22px}.npe-about .about-principle{gap:12px;padding-block:24px}.npe-about .about-contact{gap:36px}.npe-about .about-invite{padding:24px}.npe-about .npe-shop-bridge{margin-top:28px}}
@media(max-width:380px){.npe-about .about-facts{grid-template-columns:1fr}.npe-about .npe-hero-actions .button{width:100%}.npe-about .about-invite{padding:20px}.npe-about .about-invite .button{width:100%}}
@media(prefers-reduced-motion:reduce){.npe-about main .button{transition:none}.npe-about main .button:hover{transform:none}}