/* Photography is intentionally soft and quiet, so people add warmth without competing with the brand. */
.hero-visual{height:500px;border-radius:2px;overflow:hidden;position:relative;background:#eaf3fc}
.hero-visual img,.understanding-visual>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.42) contrast(.97) brightness(1.08)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(242,249,255,.46),transparent 54%),linear-gradient(0deg,rgba(9,51,98,.12),transparent 50%);pointer-events:none}
.photo-caption{position:absolute;z-index:1;left:34px;bottom:31px;padding:13px 16px;background:#ffffffdb;color:#1c3b5a;font:600 15px/1.35 "Manrope";letter-spacing:-.45px}
.photo-caption strong{color:var(--blue)}
.understanding-visual{height:500px;background:#e8f2fc;position:relative;overflow:hidden}
.understanding-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,247,255,.28),transparent 60%);pointer-events:none}
.understanding-label{position:absolute;z-index:1;right:0;bottom:0;background:var(--blue);padding:17px 23px;color:#fff;font:600 18px/1.22 "Manrope";letter-spacing:-.65px}
@media(max-width:900px){.hero-visual{height:450px}}
@media(max-width:680px){.hero-visual{height:340px;order:-1}.photo-caption{left:22px;bottom:20px;padding:10px 12px;font-size:13px}.understanding-visual{height:360px}}