/* Company profile, vision/mission and principles. */
.profile-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 80px; }
.profile-visual { position: relative; min-width: 0; }
.profile-visual > img { width: 100%; height: 410px; object-fit: cover; object-position: 66% center; border-radius: 20px; }
.profile-glass-note { position: absolute; left: 20px; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 13px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; color: #3c5b77; background: #eef5fc; font-size: 12px; line-height: 1.8; }
.profile-glass-note > .icon { width: 32px; height: 32px; color: #577fa6; }
.profile-glass-note strong { color: #213f5c; font-weight: 600; }
.profile-copy > h2 { margin-bottom: 23px; }
.profile-copy > p:not(.eyebrow) { color: #657a8f; font-size: 13px; line-height: 1.95; }
.profile-copy > p + p:not(.eyebrow) { margin-top: 15px; }
.statement-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.statement-card { padding: 33px 36px; border: 1px solid #e2eaf4; border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(40,73,115,.025); }
.statement-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #5b81a9; }
.statement-top .icon { width: 31px; height: 31px; stroke-width: 1.4; }
.statement-top > span { font-size: 10px; font-weight: 600; letter-spacing: 1.6px; }
.statement-card h3 { max-width: 355px; margin: 27px 0 15px; font-size: 25px; letter-spacing: -.9px; line-height: 1.45; }
.statement-card > p { color: #647a8e; font-size: 13px; line-height: 1.95; }
.statement-featured { border-color: #244b6b; background: linear-gradient(145deg,#264d6e,#12314c); }
.statement-featured h3 { color: #fff; }
.statement-featured .statement-top, .statement-featured > p { color: #c1d3e4; }
.values-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.value-panel { padding: 26px 23px; border: 1px solid #e3ebf4; border-radius: 16px; background: #f9fbfe; }
.value-panel > div { display: flex; align-items: center; justify-content: space-between; color: #6687ab; }
.value-panel > div > .icon { width: 27px; height: 27px; stroke-width: 1.4; }
.value-panel > div > span { color: #7e94a8; font-size: 10px; }
.value-panel h3 { margin: 24px 0 11px; font-size: 17px; letter-spacing: -.4px; }
.value-panel p { color: #6b7f92; font-size: 12px; line-height: 1.9; }
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .profile-glass-note { background: rgba(245,250,255,.86); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); } .statement-card:not(.statement-featured) { background: rgba(255,255,255,.69); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } }
@media(max-width:1000px) { .profile-layout { gap: 37px; } .profile-visual > img { height: 455px; } .profile-glass-note { left: 13px; right: 13px; padding: 14px; font-size: 11px; } .values-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .statement-card { padding: 28px; } .statement-card h3 { font-size: 23px; } }
@media(max-width:760px) { .profile-layout { grid-template-columns: minmax(0,1fr); gap: 35px; } .profile-visual > img { height: 370px; } .profile-glass-note { left: 17px; right: 17px; padding: 17px; font-size: 12px; } .statement-grid { grid-template-columns: minmax(0,1fr); gap: 17px; } .statement-card { padding: 28px; } .statement-card h3 { max-width: 400px; } .values-grid { gap: 14px; } .value-panel { padding: 23px 19px; } }
@media(max-width:420px) { .profile-visual > img { height: 330px; } .value-panel { padding: 21px 16px; } .value-panel h3 { font-size: 15px; } .value-panel p { font-size: 11px; } }
@media(max-width:350px) { .values-grid { grid-template-columns: minmax(0,1fr); } }