@charset "UTF-8";
.brand-story{scroll-margin-top:142px}
.story-banner{position:relative;isolation:isolate;min-height:480px;display:flex;align-items:center;overflow:hidden;background:#edf2f3}
.story-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top}
.story-banner:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.story-content{padding-block:68px}
.story-kicker{color:#45668b;font-size:16px;font-weight:700;margin-bottom:20px;line-height:1.6}
.story-banner h2,.story-promise h2{font-size:38px;line-height:1.5;color:#203b61;font-weight:800}
.story-banner h2 strong{color:#203b61}
.story-banner .story-content>p:not(.story-kicker){font-size:15px;line-height:1.9;margin-top:22px;color:#46545b}
.story-banner .button{margin-top:28px}
.story-online:after{background:linear-gradient(90deg,#edf2f3f2,#edf2f3bd 40%,transparent 75%)}
.story-trust{min-height:530px;background:#203b61;color:white}
.story-trust .story-photo{object-fit:contain;object-position:right center;mask-image:linear-gradient(90deg,transparent 25%,black 65%)}
.story-trust:after{background:linear-gradient(90deg,#203b6180,transparent 65%)}
.story-trust h2{font-size:49px;color:white;line-height:1.4}
.story-trust h2 strong{color:#c7dcf4}
.story-promise h2 strong{color:#203b61}
.story-trust .story-kicker{color:#c7dcf4;font-size:20px}
.story-trust .story-content>p.story-subtitle{color:#e1eaf4;font-size:16px}
.story-signature{display:flex;align-items:center;gap:16px;margin-top:35px;color:#c7dcf4}
.story-signature>svg{width:45px;height:45px;stroke-width:1}
.story-signature span{font-size:10px;line-height:1.9}
.story-signature b{font-size:13px;font-weight:400}
.story-learning{min-height:390px;text-align:center;background:#203b61}
.story-learning .story-photo{object-position:center 62%}
.story-learning:after{background:#152b49d9}
.story-learning h2{color:white;font-size:33px}
.story-learning .story-kicker{color:#c7dcf4}
.story-learning .story-content>p:not(.story-kicker){color:#e1eaf4}
.story-together{min-height:440px}
.story-together:after{background:linear-gradient(90deg,#f3f6faf5,#f3f6fad9 37%,#f3f6fa44 68%,transparent)}
.story-together .story-photo{object-position:center 40%}
.story-together h2{font-size:33px}
.story-promise{background:#f3f6fa;text-align:center;padding:80px 0 28px;color:#203b61;border-top:1px solid #d6e1ed}
.story-promise .story-kicker{color:#45668b;font-size:14px}
.story-promise h2{color:#203b61;font-size:37px}
.promise-description{font-size:15px;margin-top:24px;color:#52677e}
.promise-points{display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0;gap:0;border-top:1px solid #c7dcf44d;border-bottom:1px solid #c7dcf44d;padding:28px 0}
.promise-points>div{padding:10px 16px;border-right:1px solid #c7dcf433}
.promise-points>div:last-child{border:0}
.promise-points dt{font-size:13px;color:#52677e}
.promise-points dd{margin:13px 0;color:#203b61;font-size:31px;font-weight:800;line-height:1.4}
.promise-points .point-detail{font-size:12px;color:#52677e;font-weight:400;margin:0;line-height:1.85}
.story-promise .button{background:#203b61;border-color:#203b61;color:#fff}
.story-promise .button:hover{background:#2d507b}
.story-disclosure{font-size:10px;color:#61758a;margin-top:37px}
@media(min-width:1600px){.story-banner{min-height:560px}.story-trust{min-height:600px}.story-photo{object-position:center 30%}}
@media(max-width:1000px) and (min-width:701px){.story-banner h2{font-size:30px}.story-trust h2{font-size:40px}.story-photo{object-position:65% 35%}.story-content{padding-block:60px}.promise-points dd{font-size:25px}.story-kicker{font-size:14px}}
@media(max-width:700px){
 .brand-story{scroll-margin-top:115px}
 .story-banner{min-height:570px;align-items:flex-end}
 .story-content{padding:0 0 32px}
 .story-photo{object-position:76% 20%;height:100%;transform:translateY(-13%)}
 .story-banner:after{background:linear-gradient(0deg,#edf2f3 2%,#edf2f3f5 26%,#edf2f377 48%,transparent 70%)}
 .story-kicker{font-size:11px;margin-bottom:12px}
 .story-banner h2{font-size:26px;line-height:1.5}
 .story-banner .story-content>p:not(.story-kicker){font-size:12px;line-height:1.8;margin-top:15px}
 .story-banner .button{margin-top:20px;font-size:13px;min-height:44px;padding:10px 16px}
 .story-online{background:#edf2f3}
 .story-trust{min-height:600px;background:#203b61}
 .story-trust .story-photo{object-fit:cover;object-position:83% 15%;transform:translateY(-5%);mask-image:none}
 .story-trust:after{background:linear-gradient(0deg,#203b61 3%,#203b61f5 25%,#203b6155 50%,transparent 70%)}
 .story-trust h2{font-size:35px}
 .story-trust .story-kicker{font-size:14px}
 .story-signature{margin-top:24px;gap:12px}
 .story-signature>svg{width:33px;height:33px}
 .story-signature span{font-size:9px}
 .story-signature b{font-size:11px}
 .story-learning{min-height:355px;align-items:center}
 .story-learning .story-content{padding:45px 0}
 .story-learning .story-photo{transform:none;object-position:70% center}
 .story-learning:after{background:#152b49d9}
 .story-learning h2{font-size:25px}
 .story-learning .story-content>p:not(.story-kicker){font-size:12px}
 .story-together{min-height:520px;background:#f3f6fa}
 .story-together .story-photo{object-position:75% 25%}
 .story-together:after{background:linear-gradient(0deg,#f3f6fa 4%,#f3f6faf2 27%,#f3f6fa55 48%,transparent 70%)}
 .story-together h2{font-size:25px}
 .story-promise{padding:50px 0 22px}
 .story-promise .story-kicker{font-size:11px}
 .story-promise h2{font-size:26px}
 .promise-description{font-size:12px;margin-top:20px}
 .promise-points{grid-template-columns:1fr 1fr;margin:28px 0;padding:0}
 .promise-points>div{padding:23px 8px;border-bottom:1px solid #c7dcf433}
 .promise-points>div:nth-child(2){border-right:0}
 .promise-points>div:nth-child(3),.promise-points>div:nth-child(4){border-bottom:0}
 .promise-points dd{font-size:24px;margin:10px 0}
 .promise-points dt{font-size:11px}
 .promise-points .point-detail{font-size:10px}
 .story-promise .button{font-size:14px}
 .story-disclosure{font-size:9px;line-height:1.8;margin-top:28px}
}
@media(max-width:360px){.story-banner h2{font-size:23px}.story-trust h2{font-size:31px}.story-promise h2{font-size:23px}.promise-points dd{font-size:21px}}