/* Two distinct editorial chapters instead of two equal promotional cards. */
.stories{background:linear-gradient(180deg,#fff 0%,#f7fbf7 100%)}
.stories .section-heading{margin-bottom:38px}
.stories .section-heading h2{max-width:700px}
.stories .story-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.stories .client-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:490px;border-radius:32px;border:1px solid #cfe1d4;box-shadow:0 18px 46px #0c52320e;background:#0d573f}
.stories .client-story--sun{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:390px;background:#e8f4ea}
.stories .client-story>.video-cover{height:100%;min-height:390px;aspect-ratio:auto}
.stories .client-story--sun>.video-cover{order:2}
.stories .client-story--illy>.video-cover:after{background:linear-gradient(0deg,#032a22c4,transparent 46%),linear-gradient(90deg,transparent 75%,#0d573f7d)}
.stories .client-story--sun>.video-cover:after{background:linear-gradient(0deg,#032a22c4,transparent 46%)}
.stories .client-story-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(32px,4vw,68px);overflow:hidden}
.stories .client-story--illy .client-story-copy{color:#fff;background:radial-gradient(circle at 88% 8%,#87d19b28,transparent 42%),#0d573f}
.stories .client-story--illy .client-story-copy:before{content:"";position:absolute;width:440px;height:440px;right:-255px;top:-245px;border:1px solid #d8f0d251;border-radius:50%;pointer-events:none}
.stories .client-story--sun .client-story-copy{background:linear-gradient(145deg,#f5fcf5,#e8f4ea)}
.stories .client-story-head{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;gap:18px;margin-bottom:32px}
.stories .client-logo{flex:none;width:66px;height:66px;object-fit:contain;mix-blend-mode:normal;background:#fff;border-radius:16px;padding:7px}
.stories .client-logo--sun{width:120px;height:66px;padding:8px}
.story-index{font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.13em;text-align:right;color:#bad9c7}
.client-story--sun .story-index{color:#538269}
.story-duration{display:flex;align-items:baseline;gap:16px;width:100%;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #d5f1dc42}
.story-duration strong{font:500 clamp(54px,5vw,88px)/.95 Inter,Arial,sans-serif;letter-spacing:-.07em;color:#d8f7ca}
.story-duration span{max-width:125px;font:500 14px/1.35 Inter,Arial,sans-serif;color:#e4f5e6}
.stories .client-story h3{position:relative;font-size:clamp(32px,2.65vw,44px);line-height:1.13;max-width:490px;text-wrap:balance}
.stories .client-story p{position:relative;margin-top:19px;max-width:490px;font-size:15px;line-height:1.7}
.stories .client-story--illy p{color:#d9f0e2}
.stories .client-story--sun p{color:#496153}
.story-outcome{display:flex;align-items:baseline;gap:13px;width:100%;padding-top:20px;margin-top:30px;border-top:1px solid #d5f1dc42}
.story-outcome strong{font:500 32px/1 Inter,Arial,sans-serif;letter-spacing:-.055em;color:#d8f7ca}
.story-outcome span{font:500 13px/1.4 Inter,Arial,sans-serif;color:#d9f0e2}
.client-story--sun .story-outcome{border-color:#bed8c3}.client-story--sun .story-outcome strong{color:#087e51}.client-story--sun .story-outcome span{color:#536c5d}
@media(max-width:900px){.stories .client-story,.stories .client-story--sun{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}.stories .client-story>.video-cover{min-height:360px}.stories .client-story-copy{padding:32px}.stories .client-story h3{font-size:32px}.story-duration strong{font-size:58px}}
@media(max-width:700px){.stories .story-grid{gap:20px}.stories .client-story,.stories .client-story--sun{grid-template-columns:minmax(0,1fr);border-radius:24px}.stories .client-story>.video-cover{height:auto;min-height:0;aspect-ratio:1.3}.stories .client-story--sun>.video-cover{order:0}.stories .client-story-copy{padding:28px 27px 30px}.stories .client-story-head{margin-bottom:25px}.stories .client-story h3{font-size:clamp(29px,8vw,38px)}.stories .client-story p{font-size:14px}.story-duration{margin-bottom:22px;padding-bottom:20px}.story-duration strong{font-size:58px}.story-outcome{margin-top:25px}}
@media(max-width:370px){.stories .client-story-copy{padding:24px 22px 26px}.stories .client-story-head{gap:8px}.story-index{font-size:9px}.stories .client-story h3{font-size:29px}}