/* Adds the story without changing the approved PIARIM design system. */
.story-teaser-section{padding:12px 0 56px}.story-teaser{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;border-radius:22px;padding:36px 38px;background:#eaf0df;border:1px solid #dce5ce;overflow:hidden}.story-teaser .eyebrow{font-size:12px}.story-teaser h2{font-size:clamp(24px,2.55vw,34px);margin:14px 0;max-width:440px}.story-teaser p{font-size:14px;max-width:410px;color:#637458;line-height:1.7}.story-teaser .story-teaser-meta{font-size:11px;color:#718365;margin-top:17px;display:flex;flex-wrap:wrap;gap:7px 15px}.story-teaser-visual{display:block;position:relative;border-radius:14px;overflow:hidden;border:1px solid #9eaf8777;box-shadow:0 20px 50px #2f461626;aspect-ratio:16/9;background:#17271a;transition:transform .25s,box-shadow .25s}.story-teaser-visual:hover{transform:translateY(-3px);box-shadow:0 25px 60px #2f46163b}.story-teaser-visual>img{width:100%;height:100%;object-fit:cover;display:block}.story-teaser-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b170ed9,transparent 65%)}.story-teaser-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#263d1a;background:#d6f58c;box-shadow:0 0 0 9px #d6f58c18;z-index:2}.story-teaser-play .icon{fill:currentColor;stroke:none;width:19px;height:19px;margin-left:3px}.story-teaser-label{position:absolute;bottom:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;color:#e9f1de;font-size:11px;z-index:2}.story-teaser-label small{font-size:10px;color:#b8cf9d}.story-page-intro{padding:45px 0 27px}.story-page-intro h1{font-size:clamp(30px,3.3vw,45px);margin:14px 0 16px;max-width:900px}.story-page-intro .lead{font-size:16px;max-width:720px;line-height:1.7}.story-page-frame{border-radius:19px;overflow:hidden;box-shadow:0 24px 55px #1e352626;border:1px solid #435637;background:#101b15}.story-page-frame iframe{display:block;width:100%;height:1030px;border:0;background:#101b15}.story-page-note{display:flex;gap:24px;justify-content:space-between;margin:18px 0 0;font-size:12px;color:#6c7c62;line-height:1.65}.story-page-note p{max-width:800px;font-size:12px}.story-page-note a{white-space:nowrap;color:#3f6430;align-self:flex-start;border-bottom:1px solid #a7bd94;font-weight:600}.story-overview-section{padding:50px 0 72px}.story-overview-section .grid-3{gap:20px}.story-overview-card{background:white;border:1px solid #e0e7d6;border-radius:14px;padding:24px}.story-overview-card>span{font-size:10px;color:#859a71;letter-spacing:.12em}.story-overview-card h3{font-size:18px;margin:10px 0}.story-overview-card p{font-size:13px;line-height:1.65}.story-modal{position:fixed;inset:0;border:0;margin:auto;width:min(1240px,calc(100vw - 44px));height:min(96dvh,1080px);max-width:1240px;max-height:96dvh;padding:0;background:#101b15;color:#ecf3e7;border-radius:16px;box-shadow:0 25px 120px #0008;overflow:hidden}.story-modal::backdrop{background:#07110cdc;backdrop-filter:blur(10px)}.story-modal[open]{display:flex;flex-direction:column}.story-modal-head{display:flex;align-items:center;gap:20px;justify-content:space-between;flex:none;border-bottom:1px solid #40543755;background:#17291a;padding:11px 19px}.story-modal-head>span{font-size:12px;color:#acc892}.story-modal-head>a{color:#8ba973;font-size:11px;margin-left:auto}.story-modal-head>button{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:7px;background:#d6f58c15;color:#d6f58c;font-size:23px;font-weight:400;line-height:1}.story-modal iframe{width:100%;height:100%;flex:1;min-height:0;border:0;background:#101b15}.story-modal-loading{color:#a4bf8c;padding:30px;text-align:center;font-size:14px}.story-open-link .icon{width:16px!important;height:16px!important}.story-open-link{gap:9px!important}@media(max-width:900px){.story-teaser{gap:27px;padding:28px}.story-teaser h2{font-size:27px}.story-page-frame iframe{height:1030px}}@media(max-width:680px){.story-teaser-section{padding-bottom:24px}.story-teaser{grid-template-columns:1fr;gap:23px;padding:24px}.story-teaser h2{font-size:26px}.story-teaser p{font-size:13px}.story-teaser-visual{max-width:560px}.story-page-intro{padding:29px 0 24px}.story-page-intro .lead{font-size:14px}.story-page-frame{border-radius:13px}.story-page-frame iframe{height:1040px}.story-page-note{flex-direction:column;gap:11px;font-size:11px}.story-page-note p{font-size:11px}.story-overview-section{padding:36px 0 50px}.story-overview-section .grid-3{grid-template-columns:1fr}.story-modal{width:calc(100vw - 14px);height:96dvh;max-height:96dvh;border-radius:12px}.story-modal-head{padding:9px 13px;gap:10px}.story-modal-head>span{font-size:10px}.story-modal-head>a{font-size:9px}.story-teaser .btn{font-size:12px}}@media(prefers-reduced-motion:reduce){.story-teaser-visual{transition:none}.story-teaser-visual:hover{transform:none}}