.character-hero{position:relative;isolation:isolate;width:calc(100% - 48px);max-width:1600px;min-height:clamp(400px,52svh,560px);margin:16px auto 8px;overflow:hidden;border-radius:24px;background:#fff;color:#14213d}.character-hero-scene{position:absolute;inset:0;z-index:-1}.character-hero-scene img{object-fit:contain;object-position:right center}.character-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgb(255 255 255/94%) 22%,rgb(255 255 255/0) 45%)}.character-hero-content{width:100%;max-width:1280px;margin:auto;padding:clamp(40px,4vw,64px) 16px}.character-hero-copy{width:min(40%,470px);padding-left:30px}.character-hero-eyebrow{margin:0 0 20px;font-size:14px;font-weight:600;color:#2456a6}.character-hero-copy h1{margin:0;font-size:clamp(36px,3.5vw,58px);font-weight:700;line-height:1.18;letter-spacing:-.045em;word-break:keep-all}.character-hero-description{margin:24px 0;font-size:14px;line-height:1.7;color:#46536a;word-break:keep-all}.character-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.character-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:1px solid #b9c3d2;border-radius:8px;background:#fff;font-size:14px;font-weight:600}.character-hero-actions a:first-child{background:#2456a6;border-color:#2456a6;color:#fff}.character-hero-actions a:hover{border-color:#14213d}.character-hero-actions a:focus-visible{outline:2px solid #2456a6;outline-offset:3px}@media (max-width:1023px){.character-hero{width:calc(100% - 32px);min-height:440px}.character-hero-copy{width:44%;padding-left:8px}.character-hero-content{padding-top:40px}}@media (max-width:768px){.character-hero{display:flex;flex-direction:column;width:100%;min-height:0;margin-top:0;border-radius:0}.character-hero-content{order:0;padding:28px 16px 8px}.character-hero-copy{width:100%;padding-left:0}.character-hero-copy h1{font-size:36px}.character-hero-eyebrow{margin-bottom:12px;font-size:12px}.character-hero-description{margin:16px 0}.character-hero-scene{position:relative;inset:auto;z-index:0;order:1;width:100%;aspect-ratio:1672/941}.character-hero-scene img{object-fit:contain}.character-hero-scene:after{background:none}}