/* Featured client story replaces the hero skyline banner. */
.hero-story-card { position:relative;display:block;width:100%;aspect-ratio:1;align-self:center;overflow:hidden;border-radius:22px;background:#13365d;color:#fff;text-decoration:none;isolation:isolate; }
.hero-story-card>img { display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.hero-story-shade { position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(16,46,83,.3) 55%,rgba(16,46,83,.95) 100%); }
.hero-story-top { position:absolute;inset:23px 28px auto;display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.09em;font-weight:600; }
.hero-story-top>span { padding:6px 12px;border-radius:6px;background:rgba(28,44,53,.3);backdrop-filter:blur(8px); }
.hero-story-play { position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #fff;background:#ffffff1a;backdrop-filter:blur(4px);transition:background .2s; }
.hero-story-play svg { width:25px;height:25px;margin-left:3px; }
.hero-story-card:hover .hero-story-play { background:#ffffff35; }
.hero-story-card:focus-visible { outline:3px solid #e2700c;outline-offset:5px; }
.hero-story-caption { position:absolute;inset:auto 30px 30px;display:flex;flex-direction:column;align-items:flex-start; }
.hero-story-eyebrow { font-size:11px;font-weight:650;letter-spacing:.035em; }
.hero-story-title { display:block;font-family:'Bricolage Grotesque','Manrope',sans-serif;font-size:clamp(25px,2.65vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.045em;margin-top:18px; }
.hero-story-role { font-size:16px;font-weight:400;margin-top:12px;color:#e1e9f5; }
.hero-story-watch { display:flex;align-items:center;gap:20px;font-size:14px;font-weight:700;margin-top:26px; }
.hero-story-watch svg { width:21px;height:21px; }
@media(max-width:600px) {
 .hero-story-card { border-radius:18px; }
 .hero-story-top { inset:18px 20px auto;font-size:9px; }
 .hero-story-caption { inset:auto 22px 24px; }
 .hero-story-title { font-size:clamp(23px,6.5vw,34px);margin-top:12px; }
 .hero-story-role { font-size:14px;margin-top:9px; }
 .hero-story-watch { margin-top:19px;font-size:12px; }
 .hero-story-play { width:58px;height:58px; }
}