/* The dialogue circle connects the original artwork, process and calls to action. */
.about-page{--about-deep:#052653;--about-light:#eaf7fc}
.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:72px;align-items:center;padding-block:88px 100px}
.about-image-duet{position:relative;min-height:625px}
.about-image-main{position:absolute;left:0;top:0;width:80%;height:auto}
.about-image-second{position:absolute;right:-2%;bottom:-4%;width:53%;height:auto;border:10px solid #fff;border-radius:0}
.about-dialogue-seal{position:absolute;left:36%;top:53%;width:176px;aspect-ratio:1;z-index:1;border-radius:50%;container-type:inline-size;box-shadow:0 0 0 7px #fff,0 7px 20px #05265324}
.about-dialogue-seal>.anniversary-seal{position:relative;left:auto;bottom:auto;z-index:auto;width:100%;height:100%;padding:9cqw;animation:about-anniversary-spin 36s linear infinite;animation-play-state:paused;transform-origin:center}
.about-dialogue-seal .anniversary-kicker{font-size:6.25cqw}
.about-dialogue-seal .anniversary-number{font-size:40cqw;padding-right:2.8cqw}
.about-dialogue-seal .anniversary-years{font-size:7.4cqw}
.about-dialogue-seal .anniversary-caption{font-size:7.4cqw;margin-top:4cqw}
.about-dialogue-seal .anniversary-date{font-size:6.25cqw;margin-top:3.4cqw}
.about-dialogue-seal>.anniversary-seal::after{animation:none;opacity:0}
.about-motion-region.is-in-view .about-dialogue-seal>.anniversary-seal{animation-play-state:running}
.page-hidden .about-motion-region .about-dialogue-seal>.anniversary-seal{animation-play-state:paused}
@keyframes about-anniversary-spin{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.about-motion-region .about-dialogue-seal:hover>.anniversary-seal{animation-play-state:paused}}
@media(prefers-reduced-motion:reduce){.about-dialogue-seal>.anniversary-seal{animation:none}}
.about-kicker{font-size:12px;font-weight:600;color:#076ca6;display:flex;align-items:center;gap:11px;margin-bottom:15px;line-height:1.5}
.about-kicker>span{width:25px;height:2px;background:#00a4cf}
.about-story h2,.about-values h2{font-size:54px;line-height:1.06;letter-spacing:-.025em;margin-bottom:23px}
.about-lead{font-size:18px;line-height:1.6;color:#234e73;margin-bottom:18px}
.about-story-copy>p:not(.about-kicker):not(.about-lead),.about-values-copy>p:not(.about-kicker):not(.about-lead){font-size:14px;line-height:1.9;margin-bottom:15px}
.about-since{display:flex;align-items:center;gap:20px;border-top:1px solid #dbe8f1;padding-top:20px;margin-top:22px;margin-bottom:27px}
.about-since>strong{font-family:'Source Sans Pro',Arial,sans-serif;font-size:28px;font-weight:500;color:var(--blue);white-space:nowrap}
.about-since>span{font-size:12px;line-height:1.6;color:#5e7287;border-left:2px solid var(--yellow);padding-left:20px}.about-since b{font-weight:600;color:#2b4d6e}
.about-story-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.about-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 13px 12px 25px;min-height:54px;border-radius:40px;font-size:13px;font-weight:600;line-height:1.5;transition:box-shadow .25s,background .25s;flex:none;text-align:center}
.about-button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-family:Arial,sans-serif;font-size:21px;line-height:1;transition:transform .25s}
.about-button:hover>span{transform:rotate(45deg)}
.about-button-blue{background:#063b88;color:#fff}.about-button-blue>span{background:#04b2dc;color:#063b88}.about-button-blue:hover{background:#084b9d;box-shadow:0 7px 23px #054b9629}
.about-button-yellow{background:#f4cc26;color:#07386b}.about-button-yellow>span{background:#063b88;color:#f4cc26}.about-button-yellow:hover{background:#ffda42;box-shadow:0 5px 25px #f4cc2633}
.about-text-link{display:inline-flex;gap:10px;align-items:center;color:#17689d;font-size:11px;font-weight:600;padding:10px 0}.about-text-link:hover{text-decoration:underline;text-underline-offset:4px}.about-text-link>span{font-size:18px}
.about-process{position:relative;isolation:isolate;overflow:hidden;padding:85px 0 65px;color:#fff;background:linear-gradient(110deg,#063b88 12%,#045fac 65%,#009ed6 100%)}
.about-process>.container{position:relative;z-index:1}
.process-grid{position:absolute;z-index:0;top:90px;right:-65px;width:clamp(280px,24vw,440px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(45deg,transparent 0 10px,#4bddff55 10px 11px,transparent 11px 18px);mask-image:linear-gradient(135deg,#000,transparent 78%);pointer-events:none}
.process-watermark{position:absolute;z-index:0;right:-100px;top:53%;width:clamp(430px,36vw,650px);height:auto;transform:translateY(-50%) rotate(-14deg);filter:brightness(0) invert(1);opacity:.065;pointer-events:none;user-select:none}
.about-section-heading{text-align:center;position:relative}.about-section-heading .about-kicker{justify-content:center;color:#8ddcf2;margin-bottom:13px}.about-section-heading h2{color:#fff;font-size:52px;line-height:1.06;font-weight:400;letter-spacing:-.015em}.about-section-heading>p:last-child{color:#cae2f3;font-size:14px;margin-top:19px}
.process-flow{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:47px auto 36px;max-width:1110px}
.process-connection{position:absolute;z-index:-1;width:84%;height:65px;top:35px;left:8%;overflow:visible;fill:none;stroke:#e4c337;stroke-width:1.5;stroke-dasharray:4 8;opacity:.5}
.process-step{display:flex;flex-direction:column;align-items:center;gap:24px;background:transparent;color:#d6e6f3;font-family:'Source Sans Pro',Arial,sans-serif;font-size:23px;line-height:1.2;padding:10px 0;position:relative;min-width:0}
.process-icon{position:relative;width:114px;aspect-ratio:1;border-radius:50%;background:#0750a0;border:1px solid #40b8e54d;display:grid;place-items:center;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s}
.process-icon::after{content:'';position:absolute;bottom:-8px;left:21px;width:24px;height:23px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
.process-icon>svg{width:57px;height:57px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-icon>small{position:absolute;left:-5px;top:-3px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#04a4d2;color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;font-size:14px;line-height:1}
.process-step:hover .process-icon{transform:translateY(-4px);border-color:#a6f2ff}.process-step[aria-selected="true"]{color:#fff}.process-step[aria-selected="true"] .process-icon{background:#0875b7;border-color:#8de5fb;box-shadow:0 0 0 7px #23b6d51c,0 8px 30px #001c4933}.process-step[aria-selected="true"] small{background:#f4cc26;color:#063b88}
.process-panels{max-width:825px;margin:0 auto;text-align:center;border-top:1px solid #b3deef33;min-height:190px;padding-top:27px}
.process-panel{animation:process-panel-in .25s var(--ease)}.process-panel-label{font-size:11px;color:#93def3}.process-panel h3{font-size:29px;color:#fff;margin:8px 0 11px}.process-panel p{font-size:14px;line-height:1.8;color:#d2e6f5;max-width:690px;margin-inline:auto}
.process-invitation{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:930px;border:1px solid #84c8e145;border-radius:60px;margin:25px auto 0;padding:11px 12px 11px 30px}.process-invitation p{font-size:15px;font-weight:500;color:#e4f3fb}
.about-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:80px;align-items:center;padding-block:100px 85px}
.about-partnership-image{position:relative;max-width:505px}.about-partnership-image img{width:100%;height:auto}.about-image-caption{position:absolute;bottom:0;right:10px;font-family:'Source Sans Pro',Arial,sans-serif;font-size:14px;color:#267798;background:#fff;padding:6px 15px;border-radius:25px;border:1px solid #dcecf4}
.about-commitments{display:grid;gap:12px;margin-top:27px}
.about-commitments details{border:1px solid #d8e6ef;border-radius:14px;background:#fff}
.about-commitments details[open]{border-color:#b5d9ec;background:linear-gradient(110deg,#f0f8fd,#fff);box-shadow:0 8px 24px #063b8808}
.about-commitments summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;color:#153f66;font-size:14px;font-weight:600;min-height:64px;padding:17px 20px;border-radius:13px}
.about-commitments summary::-webkit-details-marker{display:none}
.about-commitments summary::marker{content:''}
.commitment-chevron{width:20px;height:20px;flex:none;fill:none;stroke:#0875b7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.about-commitments details[open] summary{color:#075a9e}
.about-commitments details[open] .commitment-chevron{transform:rotate(180deg)}
.about-commitments details>p{font-size:16px;line-height:22px;color:#526e85;margin:0;padding:0 56px 20px 20px}
.about-commitments summary:focus-visible{outline:2px solid #0875b7;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.about-commitments summary:hover{color:#0875b7}.about-commitments details:not([open]):hover{border-color:#a8d2e8;background:#f8fcff}}



html:not(.js) .process-panel[hidden]{display:block!important;margin-top:25px}html:not(.js) .process-step{pointer-events:none}
@keyframes process-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.about-image-duet{min-height:650px}.about-story{gap:85px}}
@media(max-width:1250px){.about-story{gap:45px;padding-block:70px 80px}.about-story h2,.about-values h2{font-size:47px}.about-image-duet{min-height:590px}.about-values{gap:45px}.about-story-actions{gap:12px}.about-since{gap:15px}.about-since>span{padding-left:15px}}
@media(max-width:1000px){.about-story{gap:30px;grid-template-columns:.9fr 1fr}.about-story h2,.about-values h2{font-size:41px}.about-image-duet{min-height:540px}.about-image-main{top:20px;width:92%}.about-image-second{width:65%;bottom:2%}.about-dialogue-seal{width:152px;left:23%;top:49%}.about-since{align-items:flex-start;flex-direction:column;gap:8px}.about-since>span{padding-left:0;border-left:0}.about-since br{display:none}.about-values{gap:32px}.process-step{font-size:21px}.process-flow{gap:20px}}
@media(max-width:760px){.about-story{display:flex;flex-direction:column;gap:20px;padding-block:43px 60px}.about-image-duet{width:min(440px,100%);min-height:380px}.about-image-main{top:0;width:76%;max-width:315px}.about-image-second{right:0;bottom:0;width:53%;max-width:220px;border-width:7px}.about-dialogue-seal{width:148px;left:33%;top:50%}.about-story-copy{width:100%;order:-1}.about-story h2,.about-values h2{font-size:43px;line-height:1.1;max-width:540px}.about-kicker{font-size:11px;margin-bottom:13px}.about-lead{font-size:17px;line-height:1.65}.about-story-copy>p:not(.about-kicker):not(.about-lead),.about-values-copy>p:not(.about-kicker):not(.about-lead){font-size:14px;line-height:1.85}.about-since{flex-direction:row;align-items:center;gap:17px}.about-since>span{border-left:2px solid #f4cc26;padding-left:17px;font-size:11px}.about-since>strong{font-size:25px}.about-since br{display:block}.about-story-actions{gap:10px 20px}.about-text-link{font-size:11px}.about-process{padding:58px 0 43px}.about-section-heading h2{font-size:40px}.about-section-heading>p:last-child{font-size:13px;max-width:280px;margin:15px auto 0}.process-flow{grid-template-columns:1fr 1fr;gap:29px 17px;margin:34px 0 29px}.process-connection{display:none}.process-icon{width:91px}.process-icon>svg{width:47px;height:47px}.process-step{font-size:20px;gap:18px}.process-icon>small{width:28px;height:28px;font-size:13px}.process-panels{min-height:251px;padding-top:23px}.process-panel h3{font-size:29px;line-height:1.18;margin-block:10px 13px}.process-panel p{font-size:13px;line-height:1.85}.process-invitation{flex-direction:column;gap:18px;border-radius:25px;text-align:center;padding:22px 18px;margin-top:24px}.process-invitation p{font-size:14px;max-width:245px}.process-invitation .about-button{font-size:12px;gap:14px;padding-left:20px}.about-values{display:flex;flex-direction:column;gap:33px;padding-block:55px 45px}.about-partnership-image{width:min(400px,100%);margin-inline:auto}.about-image-caption{font-size:12px;right:0}.about-values-copy{width:100%}.about-values h2{font-size:43px}.about-commitments summary{font-size:13px}.about-commitments details>p{font-size:13px;padding-right:12px}}
@media(max-width:380px){.about-image-duet{min-height:335px}.about-dialogue-seal{width:128px}.about-image-second{bottom:-5%}.about-story h2,.about-values h2{font-size:37px}.about-since{gap:12px}.about-since>strong{font-size:23px}.about-since>span{font-size:10px;padding-left:12px}}
@media(prefers-reduced-motion:reduce){.about-page .process-panel{animation:none}}
@media(max-width:760px){.process-grid{top:240px;right:-120px;opacity:.7}.process-watermark{width:340px;right:-125px;top:54%;opacity:.055}.process-ambient .hero-particle:not(.is-glint):nth-child(3n){display:none}}
