/* Institutional introduction: native HTML/SVG adaptation of feature and beam patterns. */
.about.about-presentation{padding:112px 0 90px;background:#08090b;color:#f8fafc;border-bottom-color:#242932}
.about-presentation .about-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:72px}
.about-presentation .about-introduction h2{margin:0 0 30px;font-size:clamp(38px,3.8vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:650;max-width:600px;text-wrap:balance}
.about-presentation .about-introduction h2 span{color:#2563ff}
.about-presentation .about-introduction p{font-size:18px;line-height:1.7;color:#bac4d5;margin:0 0 20px;max-width:530px;text-wrap:pretty}
.about-presentation .about-introduction strong{color:#f8fafc;font-weight:600}
.about-presentation .about-principles{list-style:none;padding:36px 0 0;margin:64px 0 0;border-top:1px solid #242932;display:grid;grid-template-columns:1fr 1fr;gap:72px}
.about-presentation .about-principles li{padding-left:20px;border-left:2px solid #2563ff}
.about-presentation .about-principles h3{font-size:20px;margin:0 0 12px;letter-spacing:-.025em;font-weight:600}
.about-presentation .about-principles p{font-size:16px;line-height:1.65;color:#bac4d5;margin:0;max-width:440px}

.about-presentation .identity-diagram{position:relative;margin:0;min-width:0;isolation:isolate}
.identity-diagram .identity-map{position:relative;width:100%;aspect-ratio:600/460}
.identity-diagram .identity-map::before{content:"";position:absolute;inset:12% 5%;background:radial-gradient(ellipse at 40% 50%,#172e5c55,transparent 72%);z-index:-1}
.identity-diagram .identity-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.identity-links .connection{fill:none;stroke:#4666a2;stroke-width:1.7;stroke-linecap:round}
.identity-links .beam{fill:none;stroke-width:3;stroke-linecap:round;opacity:0}
.identity-diagram[data-beam-state="active"] .beam{opacity:1}
.identity-diagram .identity-origin{position:absolute;left:4%;top:calc(50% - 52px);width:26%;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:2}
.identity-diagram .identity-symbol{display:grid;place-items:center;width:104px;aspect-ratio:1;background:#071b49;border-radius:28px;box-shadow:0 15px 36px #00000033;outline:1px solid #2e416b;outline-offset:9px}
.identity-diagram .identity-symbol img{display:block;width:76px;height:auto}
.identity-diagram .identity-origin>strong{font-size:17px;letter-spacing:-.02em;font-weight:650}
.identity-diagram .identity-fronts{list-style:none;padding:0;margin:0}
.identity-diagram .identity-front{position:absolute;left:52%;right:0;min-height:148px;padding:24px 20px 24px 38px;border:1px solid #dae4f2;border-radius:16px;box-shadow:0 8px 26px #0000001a;background:#fff;color:#071b49;display:flex;flex-direction:column;justify-content:center}
.identity-diagram .identity-front:first-child{top:7%}
.identity-diagram .identity-front:last-child{bottom:7%}
.identity-diagram .identity-endpoint{position:absolute;left:-22px;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;border:1px solid #cbdaf3;background:#fff;display:grid;place-items:center;color:#2563ff;box-shadow:0 3px 10px #071b4908}
.identity-diagram .identity-endpoint svg{width:22px;height:22px}
.identity-diagram .identity-front h3{font-size:22px;letter-spacing:-.025em;line-height:1.25;font-weight:650;margin:0 0 10px}
.identity-diagram .identity-front:last-child h3{font-size:20px}
.identity-diagram .identity-front h3 span{display:block;font-size:15px;font-weight:500;color:#465575;margin-top:5px}
.identity-diagram .identity-front p{font-size:15px;line-height:1.5;color:#465575;margin:0}
@media(max-width:1100px){
 .about-presentation .about-composition{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .identity-diagram .identity-origin{top:calc(50% - 44px)}
 .identity-diagram .identity-symbol{width:88px;border-radius:24px;outline-offset:6px}
 .identity-diagram .identity-symbol img{width:64px}
 .identity-diagram .identity-front{padding:20px 16px 20px 30px;min-height:138px}
 .identity-diagram .identity-front h3{font-size:20px}
 .identity-diagram .identity-front:last-child h3{font-size:18px}
}
@media(max-width:1200px){
 .about.about-presentation{padding:76px 0 64px}
 .about-presentation .about-composition{grid-template-columns:1fr;gap:30px}
 .about-presentation .about-introduction{max-width:650px}
 .about-presentation .about-introduction p{max-width:620px}
 .about-presentation .identity-diagram{width:min(100%,600px);justify-self:center}
 .about-presentation .about-principles{margin-top:38px;gap:36px}
}
@media(max-width:768px){
 .about-presentation *, .about-presentation *::before{animation:none!important;transition:none!important}
 .identity-links .beam{display:none}
}
@media(max-width:560px){
 .about.about-presentation{padding:58px 0 56px}
 .about-presentation .about-introduction h2{font-size:36px;margin-bottom:24px;max-width:400px}
 .about-presentation .about-introduction p{font-size:17px;line-height:1.65;margin-bottom:16px}
 .about-presentation .about-composition{gap:22px}
 .identity-diagram .identity-map{aspect-ratio:auto;min-height:370px}
 .identity-diagram .identity-links{display:none}
 .identity-diagram .identity-origin{left:0;top:calc(50% - 33px);width:66px;gap:15px}
 .identity-diagram .identity-symbol{width:66px;border-radius:18px;outline-offset:5px;box-shadow:0 8px 22px #071b4915}
 .identity-diagram .identity-symbol img{width:50px}
 .identity-diagram .identity-origin>strong{font-size:14px}
 .identity-diagram .identity-fronts{position:relative;margin:16px 0 16px 116px;display:grid;gap:30px}
 .identity-diagram .identity-fronts::before{content:"";position:absolute;left:-30px;top:70px;bottom:70px;width:1px;background:#4666a2}
 .identity-diagram .identity-origin::after{content:"";position:absolute;width:20px;height:1px;background:#4666a2;left:100%;top:33px}
 .identity-diagram .identity-front{position:relative;inset:auto!important;min-height:150px;padding:20px 12px 20px 30px;border-radius:12px}
 .identity-diagram .identity-front::before{content:"";position:absolute;left:-31px;width:30px;height:1px;background:#4666a2;top:50%}
 .identity-diagram .identity-endpoint{width:36px;height:36px;left:-18px;top:calc(50% - 18px)}
 .identity-diagram .identity-endpoint svg{width:18px;height:18px}
 .identity-diagram .identity-front h3{font-size:20px}
 .identity-diagram .identity-front:last-child h3{font-size:18px}
 .about-presentation .about-principles{grid-template-columns:1fr;margin-top:24px;padding-top:28px;gap:28px}
 .about-presentation .about-principles h3{font-size:19px}
}
@media(max-width:360px){.identity-diagram .identity-fronts{margin-left:104px}.identity-diagram .identity-front{padding-left:24px}.identity-diagram .identity-front:last-child h3{font-size:17px}.identity-diagram .identity-fronts::before{left:-18px}.identity-diagram .identity-front::before{left:-19px;width:18px}}
@media(prefers-reduced-motion:reduce){.identity-links .beam{display:none}.about-presentation *{animation:none!important}}