.home-story { padding: 24px 0 72px; }
.home-story-panel { display: grid; grid-template-columns: 1.1fr 1fr; overflow: hidden; border-radius: 24px; background: #061b2a; }
.home-story-copy { padding: clamp(32px, 4.5vw, 78px); align-self: center; }
.home-story-label { display: block; color: #cbb38b; font-size: 12px; letter-spacing: .15em; font-weight: 600; margin-bottom: 25px; }
.home-story-copy h2 { color: #fff; font-size: clamp(32px, 3.15vw, 58px); font-weight: 500; line-height: 1.1; letter-spacing: -.04em; margin: 0 0 24px; }
.home-story-copy > p { color: #c2cbd1; font-size: 16px; line-height: 1.8; max-width: 460px; margin: 0 0 30px; }
.home-story-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.home-story-actions > span { font-size: 12px; line-height: 1.6; color: #a7b4bd; }
.home-story-actions a > span { margin-left: 12px; }
.home-story-visual { position: relative; min-height: 430px; overflow: hidden; }
.home-story-visual > img { position: absolute; width: 100%; height: 125%; bottom: 0; left: 0; object-fit: cover; object-position: center bottom; transition: transform .6s ease; }
.home-story-visual:hover > img { transform: scale(1.025); }
.home-story-caption { position: absolute; left: 26px; bottom: 26px; background: #ffffffed; border-radius: 12px; padding: 18px 24px; }
.home-story-caption span { display: block; font-size: 10px; letter-spacing: .13em; color: #666; margin-bottom: 6px; }
.home-story-caption strong { color: #171717; font-size: 21px; font-weight: 500; }
@media(max-width: 767px) { .home-story-panel { grid-template-columns: 1fr; border-radius: 18px; } .home-story-copy { padding: 32px 26px; } .home-story-visual { min-height: 300px; } .home-story { padding-bottom: 44px; } .home-story-caption { left: 18px; bottom: 18px; padding: 14px 18px; } }
@media(prefers-reduced-motion: reduce) { .home-story-visual > img { transition: none; } .home-story-visual:hover > img { transform: none; } }