/* Photography is intentionally soft and quiet, so people add warmth without competing with the brand. */
.hero-visual,.understanding-visual{width:100%;height:auto;max-height:500px;aspect-ratio:4/3;min-width:0}
.hero-visual{border-radius:2px;overflow:hidden;position:relative;background:#eaf3fc}
.hero-visual img,.understanding-visual>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.68) contrast(.98) brightness(1.05)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(42,126,211,.12),rgba(185,219,250,.04) 58%,rgba(25,91,164,.08)),linear-gradient(110deg,rgba(242,249,255,.38),transparent 54%),linear-gradient(0deg,rgba(9,51,98,.08),transparent 50%);pointer-events:none}
.photo-caption{position:absolute;z-index:1;left:34px;bottom:31px;padding:14px 18px;background:#ffffffdb;color:#1c3b5a;font:600 15px/1.35 "DM Sans",sans-serif;letter-spacing:0}
.photo-caption strong{color:var(--blue)}
.understanding-visual{padding:0;background:#e8f2fc;position:relative;overflow:hidden}
.understanding-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(42,126,211,.11),rgba(185,219,250,.03) 60%,rgba(25,91,164,.07)),linear-gradient(90deg,rgba(238,247,255,.2),transparent 60%);pointer-events:none}
.understanding-label{position:absolute;z-index:1;right:0;bottom:0;background:var(--blue);padding:14px 18px;color:#fff;font:600 18px/1.22 "DM Sans",sans-serif;letter-spacing:0}
@media(min-width:841px) and (max-width:1024px){.hero-visual{aspect-ratio:1/1;max-height:420px}}
@media(max-width:680px){.hero-visual{order:-1}.photo-caption{left:22px;bottom:20px;padding:10px 12px;font-size:13px}.understanding-label{padding:10px 12px;font-size:13px}}