.hero-visual{background:#17315b}
.hero-photo{display:block;width:100%;height:100%;min-height:560px;object-fit:cover}
.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#09153b12 35%,#0910208c 100%)}
.photo-brand{position:absolute;top:24px;left:26px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.12em;text-shadow:0 2px 8px #0008}
.photo-badge{position:absolute;right:22px;bottom:54px;background:var(--yellow);color:#171717;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:800}
.brand{display:flex;align-items:center}.brand-logo{display:block;width:180px;height:50px;object-fit:cover;object-position:center center}
.hero-visual{aspect-ratio:16/10;min-height:0}.hero-photo{min-height:0}
.line-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:11px 14px;border:1px solid #06c755;border-radius:10px;background:#fff;color:#078b3e;font-size:12px;font-weight:800;text-align:center}.line-button span{font-weight:600}.line-button:hover{background:#effff4}.line-button--light{max-width:320px;margin:12px auto 0;border-color:#fff;background:transparent;color:#fff}.line-button--light:hover{background:#fff;color:#078b3e}
@media(max-width:820px){.hero-visual{aspect-ratio:auto;min-height:330px}.hero-photo{min-height:330px}.photo-brand{top:18px;left:18px}.photo-badge{right:16px;bottom:44px;font-size:10px;padding:6px 9px}}