/* About-page storytelling only; content is visible before enhancement. */
body[data-page="about"]{--about-header-height:76px;--about-story-ink:#1d3c4e;--about-story-blue:#356e8d;}
body[data-page="about"] .about-visual-story{padding:0 0 14px;}
body[data-page="about"] .about-visual-story .ip-photo{margin:0;}
body[data-page="about"] .about-image-frame{height:clamp(350px,43vw,590px);border-radius:24px;transform-origin:center;}
body[data-page="about"] .about-image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%;transform-origin:center;}
body[data-page="about"] .about-visual-story figcaption{font-size:11px;line-height:1.8;margin-top:15px;}
html.about-story-ready body[data-page="about"] .about-image-frame{transform:scale(calc(.97 + var(--about-image-progress,1)*.03));border-radius:calc(28px - var(--about-image-progress,1)*12px);}
html.about-story-ready body[data-page="about"] .about-image-frame img{transform:scale(calc(1.035 - var(--about-image-progress,1)*.035));}
body[data-page="about"] .about-values-story{padding-top:92px;padding-bottom:100px;}
body[data-page="about"] .about-values-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);gap:9%;align-items:start;}
body[data-page="about"] .about-story-heading{display:block;position:sticky;top:calc(var(--about-header-height) + 42px);align-self:start;}
body[data-page="about"] .about-story-heading .ip-section-title{font-size:clamp(34px,3.2vw,46px);line-height:1.3;}
body[data-page="about"] .about-story-heading .ip-section-copy{margin-top:25px;max-width:430px;font-size:15px;line-height:1.95;}
body[data-page="about"] .about-reading-position{display:flex;align-items:center;gap:22px;margin-top:34px;color:#8a9ba6;font-size:11px;line-height:1.5;}
body[data-page="about"] .about-reading-position strong{font-size:35px;line-height:1;font-weight:500;color:var(--about-story-ink);letter-spacing:-.04em;}
body[data-page="about"] .about-reading-track{display:block;position:relative;flex:1;height:2px;max-width:170px;background:#dfe7ec;overflow:hidden;}
body[data-page="about"] .about-reading-track i{display:block;width:100%;height:100%;background:var(--about-story-blue);transform:scaleX(var(--about-reading-progress,0));transform-origin:left;}
body[data-page="about"] .about-story-index{display:flex;gap:12px;margin-top:22px;}
body[data-page="about"] .about-story-index a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #d7e2e8;border-radius:50%;color:#8397a4;font-size:11px;line-height:1;}
body[data-page="about"] .about-story-index a[aria-current="step"]{color:#fff;background:#315f78;border-color:#315f78;}
body[data-page="about"] .about-story-index a:focus-visible{outline:3px solid #116fb8;outline-offset:4px;}
body[data-page="about"] .about-principles{display:block;margin:0;}
body[data-page="about"] .about-principles .ip-principle{display:flex;flex-direction:column;justify-content:center;min-height:clamp(350px,58svh,560px);padding:52px 0;border-top:1px solid #dce4e9;scroll-margin-top:20px;}
body[data-page="about"] .about-principles .ip-principle:first-child{border-top:0;padding-top:24px;}
body[data-page="about"] .about-principles .ip-principle .ip-index{font-size:11px;color:#7c95a5;}
body[data-page="about"] .about-principles .ip-principle h3{font-size:clamp(29px,2.9vw,42px);line-height:1.35;margin:22px 0 18px;letter-spacing:-.035em;color:#4c6779;}
body[data-page="about"] .about-principles .ip-principle p{max-width:520px;font-size:16px;line-height:1.95;color:#637482;}
body[data-page="about"] .about-principles .ip-principle.is-current .ip-index{color:#326b8b;}
body[data-page="about"] .about-principles .ip-principle.is-current h3{color:var(--about-story-ink);}
body[data-page="about"] .about-principles .ip-principle:focus-visible{outline:2px solid #116fb8;outline-offset:10px;}
html.about-story-ready body[data-page="about"] [data-about-reveal]{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1);}
html.about-story-ready body[data-page="about"] [data-about-reveal]:not(.is-revealed){opacity:0;transform:translateY(16px);}
html.about-story-ready body[data-page="about"] [data-about-reveal].is-revealed,html.about-story-ready body[data-page="about"] [data-about-reveal]:focus-within{opacity:1;transform:none;}
@media(min-width:901px) and (max-height:700px){
 body[data-page="about"] .about-story-heading{top:calc(var(--about-header-height) + 23px);}
 body[data-page="about"] .about-story-heading .ip-section-title{font-size:34px;}
 body[data-page="about"] .about-story-heading .ip-section-copy{font-size:14px;margin-top:20px;}
 body[data-page="about"] .about-reading-position{margin-top:23px;}
 body[data-page="about"] .about-story-index{margin-top:15px;}
}
@media(max-width:1000px) and (min-width:901px){body[data-page="about"] .about-values-layout{column-gap:6%;}}
@media(max-width:900px){
 body[data-page="about"] .about-values-layout{display:block;}
 body[data-page="about"] .about-story-heading{position:static;top:auto;max-width:640px;}
 body[data-page="about"] .about-story-heading .ip-section-copy{max-width:620px;}
 body[data-page="about"] .about-reading-position{max-width:340px;margin-top:26px;}
 body[data-page="about"] .about-principles{margin-top:28px;}
 body[data-page="about"] .about-principles .ip-principle{min-height:0;padding:38px 0;}
 body[data-page="about"] .about-principles .ip-principle:first-child{padding-top:28px;}
 body[data-page="about"] .about-principles .ip-principle h3{font-size:31px;}
}
@media(max-width:800px){body[data-page="about"]{--about-header-height:72px;}}
@media(max-width:600px){
 body[data-page="about"] .about-visual-story{padding-bottom:0;}
 body[data-page="about"] .about-image-frame{height:clamp(255px,70vw,390px);border-radius:18px;}
 body[data-page="about"] .about-values-story{padding-top:60px;padding-bottom:60px;}
 body[data-page="about"] .about-story-heading .ip-section-title{font-size:32px;}
 body[data-page="about"] .about-story-heading .ip-section-copy{font-size:15px;margin-top:21px;}
 body[data-page="about"] .about-reading-position strong{font-size:31px;}
 body[data-page="about"] .about-principles .ip-principle h3{font-size:28px;}
 body[data-page="about"] .about-principles .ip-principle p{font-size:15px;}
 body[data-page="about"] .about-visual-story figcaption{font-size:11px;margin-top:12px;}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="about"] .about-story-heading{position:static;top:auto;}
 body[data-page="about"] .about-principles .ip-principle{min-height:0;padding-block:35px;}
 body[data-page="about"] .about-image-frame,body[data-page="about"] .about-image-frame img,html.about-story-ready body[data-page="about"] [data-about-reveal]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;}
}
@media print{
 body[data-page="about"] .about-story-heading{position:static;}
 body[data-page="about"] .about-principles .ip-principle{min-height:0;padding-block:24px;break-inside:avoid;}
 body[data-page="about"] .about-story-index,body[data-page="about"] .about-reading-position{display:none;}
 body[data-page="about"] [data-about-reveal]{opacity:1!important;transform:none!important;}
 body[data-page="about"] .about-image-frame,body[data-page="about"] .about-image-frame img{transform:none!important;}
}