/* Visgeneer identity: actual raster artwork and its traced contours. */
.ci-section{padding:clamp(64px,8vw,128px) 0;background:#f5f6f4;border-top:1px solid #e3e7e3;color:#172b42;isolation:isolate}
.ci-wrap{width:min(1380px,calc(100% - 96px));margin-inline:auto}
.ci-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 60px;align-items:end;margin-bottom:42px}
.ci-heading h2{margin:0;font-size:clamp(30px,3.4vw,50px);line-height:1.3;letter-spacing:-.035em;font-weight:500;overflow-wrap:anywhere}
.ci-heading p{margin:0;max-width:520px;color:#56616b;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.ci-logo-stage{position:relative;margin:0;background:#fff;border:1px solid #e4e8e3;min-width:0;padding:32px clamp(20px,6vw,90px) 26px}
.ci-logo-stage figcaption{font-size:12px;line-height:1.7;letter-spacing:.08em;color:#56616b;margin:0 0 36px}
.ci-logo-art{position:relative;width:min(100%,900px);aspect-ratio:900/236;margin:0 auto 36px;direction:ltr}
.ci-logo-original,.ci-outline{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.ci-logo-original{opacity:1}
.ci-outline{opacity:0;fill:none;stroke:currentColor;color:#1D4892;stroke-width:1.15;stroke-dasharray:1000;stroke-dashoffset:1000;pointer-events:none;overflow:visible}
.ci-controls{display:flex;justify-content:flex-end;min-height:42px}
.ci-controls[hidden]{display:none}
.ci-motion-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:44px;border:1px solid #ccd4dc;padding:9px 16px;background:#fff;color:#243a50;font:inherit;font-size:12px;line-height:1.6;cursor:pointer;text-align:start;border-radius:0}
.ci-motion-button:hover{border-color:#1D4892;background:#f6f8fb}
.ci-motion-button:focus-visible{outline:2px solid #1D4892;outline-offset:4px}
.ci-motion-button svg{flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.ci-motion-button [hidden]{display:none}
.ci-palette{margin-top:36px;display:grid;grid-template-columns:1fr 3fr;gap:20px 36px;align-items:start}
.ci-palette h3{font-size:14px;font-weight:500;line-height:1.7;margin:0;padding-top:2px;overflow-wrap:anywhere}
.ci-palette ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;direction:ltr}
.ci-palette li{min-width:0;display:block}
.ci-swatch{display:block;background:var(--ci-color);height:clamp(44px,5vw,68px)}
.ci-palette code{display:block;padding-top:10px;font-size:12px;line-height:1.5;color:#43505d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}
@media(max-width:760px){
 .ci-wrap{width:calc(100% - 40px)}
 .ci-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 .ci-heading p{font-size:14px;line-height:1.9;max-width:100%}
 .ci-logo-stage{padding:22px 18px 20px}
 .ci-logo-stage figcaption{margin-bottom:36px;font-size:11px}
 .ci-logo-art{margin-bottom:30px}
 .ci-motion-button{font-size:11px;padding:8px 12px}
 .ci-palette{grid-template-columns:1fr;gap:16px;margin-top:26px}
 .ci-palette ul{gap:8px}
 .ci-palette code{font-size:10px;letter-spacing:0}
}
@media(max-width:360px){.ci-wrap{width:calc(100% - 28px)}.ci-logo-stage{padding-inline:14px}.ci-palette ul{gap:5px}.ci-palette code{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ci-outline{display:none!important}.ci-logo-original{opacity:1!important}.ci-controls{display:none!important}}

/* Six native company-story cards share the same restrained line-icon system. */
.v2-about-hub .v2-about-link-grid a:has(>.ci-directory-icon){min-height:270px}
.v2-about-hub .v2-about-link-grid .ci-directory-icon{position:static;display:block;width:42px;height:42px;max-width:100%;margin:0 0 22px;color:#1D4892;flex-shrink:0}
.v2-about-hub .v2-about-link-grid a:hover>.ci-directory-icon{color:#a2823d}
@media(max-width:600px){
 .v2-about-hub .v2-about-link-grid a:has(>.ci-directory-icon){min-height:240px}
 .v2-about-hub .v2-about-link-grid .ci-directory-icon{width:37px;height:37px;margin-bottom:18px}
}