/* About page: branded visual beside the existing company information. */
#page-about .about-layout{display:grid;grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);gap:clamp(30px,5vw,70px);align-items:stretch}
#page-about .about-visual{position:relative;min-height:490px;height:100%;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 76% 18%,#15b9df 0,transparent 26%),linear-gradient(145deg,#102452,#0b6095);box-shadow:0 20px 40px #13265b20}
#page-about .about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#page-about .about-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#09215042,#092150d9)}
#page-about .about-brand-mark{position:absolute;top:42px;left:42px;width:112px;height:112px;padding:10px;border:4px solid #ffffffa8;border-radius:22px;background:#fff;box-shadow:0 12px 25px #07142b36}
#page-about .about-brand-mark img{width:100%;height:100%;object-fit:contain}
#page-about .about-visual-copy{position:absolute;right:38px;bottom:38px;left:38px;display:flex;align-items:end;gap:14px;color:#fff}
#page-about .about-visual-copy span{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#df1f5a;font-size:20px;font-weight:900}
#page-about .about-visual-copy strong{font-size:clamp(27px,3vw,39px);line-height:1.04;letter-spacing:-1px}
#page-about .about-details h2{max-width:620px;margin:0 0 16px;color:var(--navy);font-size:18px;line-height:1.35;letter-spacing:0}
#page-about .about-details>p{max-width:680px;margin:0 0 14px;color:var(--muted)}
#page-about .about-principles{margin-top:26px;padding:22px 24px;border-left:4px solid #df1f5a;border-radius:0 14px 14px 0;background:#f4f7fb}
#page-about .about-principles h3{margin:0 0 12px;color:var(--navy);font-size:18px}
#page-about .about-principles ul{display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none}
#page-about .about-principles li{position:relative;padding-left:21px;color:#516177;font-size:13px}
#page-about .about-principles li:before{content:'✓';position:absolute;left:0;color:#df1f5a;font-weight:900}
@media(max-width:760px){#page-about .about-layout{grid-template-columns:1fr;gap:30px}#page-about .about-visual{min-height:360px}#page-about .about-brand-mark{top:26px;left:26px;width:88px;height:88px;border-radius:18px}#page-about .about-visual-copy{right:26px;bottom:26px;left:26px}#page-about .about-principles ul{grid-template-columns:1fr}}