.about-center-panel{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:calc((100% - var(--content-width,1600px))/2 + 273px) minmax(0,1fr);border-top:1px solid #c7d7ef;background:#fff;color:#0b1925;cursor:default}
.about-menu-intro,.about-menu-featured{position:relative;isolation:isolate;min-width:0}
.about-menu-section-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.about-menu-intro-copy{padding:40px 28px 32px calc(100% - 273px)}
.about-menu-intro h2{margin:0;font-family:var(--type-font,sans-serif);font-size:22px;font-weight:600;line-height:30px;letter-spacing:0}
.about-menu-intro p{margin:24px 0 0;font-size:14px;font-weight:400;line-height:24px;color:#4a5056}
.about-menu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:36px calc((100vw - var(--content-width,1600px))/2) 40px 35px}
.about-menu-card{display:flex;align-items:flex-start;position:relative;isolation:isolate;min-width:0;min-height:164px;border:1px solid #dae2ed;border-radius:6px;background:#f7faff;color:#0b1925;transition:border-color 220ms ease,background-color 220ms ease;outline:none}
.about-menu-card-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:fill;border-radius:inherit;pointer-events:none;transition:opacity 220ms ease}
.about-menu-card-background-hover{opacity:0}
.about-menu-card-copy{position:relative;z-index:1;width:100%;padding:22px 24px;pointer-events:none}
.about-menu-card-mark{display:block;width:32px;height:4px;margin-bottom:12px;background:#296aff}
.about-menu-card h3{display:flex;align-items:center;gap:16px;margin:0 0 14px;font-family:var(--type-font,sans-serif);font-size:20px;font-weight:600;line-height:26px;letter-spacing:0;white-space:nowrap}
.about-menu-card-arrow{color:#8fa2b8;font-size:24px;font-weight:400;line-height:1;transition:color 220ms ease,transform 220ms ease}
.about-menu-card p{margin:0;max-width:min(180px,calc(100% - 120px));font-size:14px;font-weight:400;line-height:24px;color:#252d34}
.about-menu-card-icon{position:absolute;top:50%;right:14px;width:140px;height:140px;max-width:none;object-fit:contain;transform:translateY(-50%);pointer-events:none;transition:opacity 220ms ease}
.about-menu-card-icon-hover{opacity:0}
.about-menu-card:is(:hover,:focus-visible){border-color:#296aff;background:#edf5ff}
.about-menu-card:is(:hover,:focus-visible) .about-menu-card-arrow{color:#296aff;transform:translateX(3px)}
.about-menu-card:is(:hover,:focus-visible) .about-menu-card-background-hover,.about-menu-card:is(:hover,:focus-visible) .about-menu-card-icon-hover{opacity:1}
.about-menu-card:is(:hover,:focus-visible) .about-menu-card-icon.has-hover{opacity:0}
@media(max-width:1600px){.about-center-panel{grid-template-columns:calc((100% - var(--content-width,1600px))/2 + 220px) minmax(0,1fr)}.about-menu-intro-copy{padding-left:calc(100% - 220px)}.about-menu-cards{gap:20px;padding-left:28px}.about-menu-card-copy{padding:22px 18px}.about-menu-card h3{font-size:18px;gap:10px}.about-menu-card-icon{width:100px;height:100px;right:8px}.about-menu-card p{max-width:min(180px,calc(100% - 82px))}}
@media(max-width:1300px){.about-menu-cards{gap:16px;padding-left:20px}.about-menu-card-copy{padding:20px 14px}.about-menu-card h3{font-size:18px;gap:8px}.about-menu-card-icon{width:88px;height:88px;right:4px}.about-menu-card p{max-width:min(180px,calc(100% - 68px))}}
.navigation-compact .about-center-panel{grid-template-columns:1fr}
.navigation-compact .about-menu-intro-copy{padding:24px}
.navigation-compact .about-menu-intro p{max-width:420px;margin-top:16px}
.navigation-compact .about-menu-cards{padding:20px 14px;gap:16px}
@media(max-width:900px){.about-menu-cards{grid-template-columns:1fr}.about-menu-card h3{font-size:20px}.about-menu-card-icon{width:120px;height:120px;right:12px}.about-menu-card p{max-width:calc(100% - 105px)}}
@media(max-width:640px){.about-menu-intro h2{font-size:20px;line-height:28px}.navigation-compact .about-menu-intro-copy{padding:20px 18px}.about-menu-card h3{font-size:18px;line-height:26px}.about-menu-card-icon{width:112px;height:112px;right:8px}.about-menu-card p{max-width:calc(100% - 96px)}}
@media(prefers-reduced-motion:reduce){.about-menu-card,.about-menu-card-background,.about-menu-card-icon,.about-menu-card-arrow{transition:none}}

.about-menu-intro .about-menu-section-background{object-position:center 85%}
