.story-feature{padding:76px 5vw 82px;background:#fff;color:#333;border-bottom:1px solid #003e7820}
.story-feature-in{max-width:1180px;margin:auto}.story-feature-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.story-feature .story-label{font:400 16px Economica,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#003e78;margin:0 0 14px}
.story-feature :is(h2,h1.seo-page-heading){font:300 clamp(32px,4vw,50px)/1.2 Poppins,sans-serif;margin:0}
.story-feature .sound-note{font:400 18px/1.5 Economica,sans-serif;margin:0;color:#003e78}
.story-player{position:relative;background:#080d14}.story-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.story-start{position:absolute;inset:0;border:0;background:linear-gradient(transparent,#0008);color:white;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font:500 17px Mulish,sans-serif;text-shadow:0 1px 5px #000}
.story-start .play-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid white;border-radius:50%;background:#003e78d9;font-size:28px;padding-left:4px}
.story-start:hover .play-icon{background:#003e78}.story-start:focus-visible{outline:4px solid #003e78;outline-offset:5px}.story-start[hidden]{display:none}
@media(max-width:700px){.story-feature{padding:42px 18px 48px}.story-feature-head{display:block;margin-bottom:22px}.story-feature :is(h2,h1.seo-page-heading){font-size:31px}.story-feature .sound-note{margin-top:14px;font-size:17px}.story-start{gap:8px;font-size:14px}.story-start .play-icon{width:50px;height:50px;font-size:20px}}
