/* SOLART 57: Heila story and original vector illustrations. */
.heila-story{--story-navy:#0f3657;--story-green:#008f51;margin:72px 0 64px;scroll-margin-top:28px;color:var(--story-navy)}
.heila-story *{box-sizing:border-box}
.heila-story-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;padding:48px;border-radius:20px;background:#0f3657;color:#fff;align-items:start}
.heila-story-kicker{display:block;font-size:12px;letter-spacing:.18em;color:#b6e7c7;margin-bottom:20px}
.heila-story h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.15;margin:0;color:#fff;letter-spacing:-.02em}
.heila-story h2 span{display:block;color:#b6e7c7}
.heila-story p{font-size:16px;line-height:1.85;margin:0 0 18px}
.heila-story p:last-child{margin-bottom:0}
.heila-story-lead p{color:#eef5f7}
.heila-story-features{margin-top:28px}
.heila-story-feature{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.6fr);gap:48px;align-items:center;padding:36px 0;border-bottom:1px solid #e1e9e5}
.heila-story-feature:last-child{border-bottom:0}
.heila-story-feature:nth-child(even){grid-template-columns:minmax(0,1.6fr) minmax(230px,.75fr)}
.heila-story-feature:nth-child(even) .heila-story-art{order:2}
.heila-story-art{position:relative;border-radius:18px;background:linear-gradient(145deg,#f6faf7,#eef5f0);color:#0f3657;padding:18px;overflow:hidden}
.heila-story-art svg{display:block;width:100%;height:auto;max-height:280px}

.heila-story-copy{padding:10px 0}
.heila-story h3{font-size:clamp(23px,2.4vw,29px);font-weight:500;line-height:1.3;letter-spacing:-.015em;margin:0 0 20px;color:var(--story-navy)}
.heila-story-copy p{color:#4e6372}
.heila-story-copy strong{font-weight:600;color:#173d51}
@media(max-width:900px){.heila-story-intro{padding:32px;gap:28px;grid-template-columns:1fr}.heila-story-feature,.heila-story-feature:nth-child(even){gap:28px;grid-template-columns:220px minmax(0,1fr)}.heila-story-feature:nth-child(even) .heila-story-art{order:0}}
@media(max-width:600px){.heila-story{margin:44px 0}.heila-story-intro{padding:26px 22px;border-radius:16px}.heila-story h2{font-size:32px}.heila-story p{font-size:15px;line-height:1.8}.heila-story-feature,.heila-story-feature:nth-child(even){grid-template-columns:1fr;gap:20px;padding:28px 0}.heila-story-art{padding:6px 20px}.heila-story-art svg{height:180px}.heila-story-copy{padding:0}.heila-story h3{font-size:24px;margin-bottom:16px}}
