/* Homepage: tekstblok "Gezonde lucht, gezonder leven" (template-parts/home-story.php). */
.pro-home-story{position:relative;isolation:isolate;margin:64px auto 72px;padding:clamp(28px,3.4vw,52px) clamp(22px,3vw,48px);border:1px solid rgba(255,255,255,.88);border-radius:32px;background:radial-gradient(circle at 12% 8%,rgba(103,201,255,.22),transparent 34%),radial-gradient(circle at 92% 92%,rgba(171,220,116,.2),transparent 30%),linear-gradient(135deg,rgba(248,253,255,.97),rgba(226,244,255,.86) 52%,rgba(240,250,255,.9));box-shadow:0 26px 65px rgba(4,67,123,.13),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}
.pro-home-story__wash{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 40%);pointer-events:none}
.pro-home-story__header{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;margin-bottom:clamp(24px,3vw,38px)}
.pro-home-story.has-image .pro-home-story__header{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}
.pro-home-story__intro{max-width:780px}
.pro-home-story__intro .eyebrow{display:block;margin-bottom:12px;font-size:.72rem;letter-spacing:.105em}
.pro-home-story__intro h2{margin:0 0 18px;color:var(--navy);font-family:"Nunito Sans","Segoe UI",sans-serif;font-size:clamp(2rem,3vw,3.05rem);font-weight:900;line-height:1.04;letter-spacing:-.04em}
.pro-home-story__intro p{margin:0 0 14px;color:#345b7b;font-size:1.02rem;line-height:1.62}
.pro-home-story__intro p:last-child{margin-bottom:0}
.pro-home-story__media{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(5,75,132,.16)}
.pro-home-story__media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.pro-home-story__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-template-rows:auto auto;gap:18px}
.pro-home-story__card{position:relative;padding:28px 28px 30px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(242,250,255,.55));box-shadow:0 16px 35px rgba(5,75,132,.09),inset 0 1px 0 #fff}
.pro-home-story__card h3{margin:0 0 12px;color:#083f7f;font-family:"Nunito Sans","Segoe UI",sans-serif;font-size:1.28rem;font-weight:900;line-height:1.18;letter-spacing:-.02em}
.pro-home-story__card p{margin:0 0 12px;color:#3e607b;font-size:.95rem;line-height:1.6}
.pro-home-story__card p:last-child{margin-bottom:0}
.pro-home-story__card--list{grid-column:2;grid-row:1/3;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(234,246,255,.78))}
.pro-home-story__card--breathe{grid-column:1;grid-row:1}
.pro-home-story__card--ease{grid-column:1;grid-row:2;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;background:linear-gradient(135deg,rgba(236,249,228,.85),rgba(255,255,255,.75))}
.pro-home-story__card--ease h3{grid-column:2}
.pro-home-story__card--ease p{grid-column:2}
.pro-home-story__card--ease .pro-home-story__icon{grid-row:1/4;margin:0;background:linear-gradient(145deg,#e6f7d6,#fff);color:#3f8a1f;box-shadow:inset 0 0 0 1px rgba(99,170,60,.2)}
.pro-home-story__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:15px;background:linear-gradient(145deg,#e1f3ff,#fff);color:#0868bf;box-shadow:inset 0 0 0 1px rgba(71,153,220,.16)}
.pro-home-story__icon svg{width:27px;height:27px}.pro-home-story__icon--image{padding:8px;background:#fff}.pro-home-story__icon img{display:block;width:100%;height:100%;object-fit:contain}
.pro-home-story__button{margin-top:16px;min-height:46px;padding:12px 22px;background:linear-gradient(135deg,#fe880f,#fd6d07);box-shadow:0 10px 24px rgba(224,87,0,.24)}
.pro-home-story__button:hover{background:linear-gradient(135deg,#ff9518,#ff7408);box-shadow:0 13px 28px rgba(224,87,0,.32)}
.pro-home-story__card--list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;list-style:none}
.pro-home-story__card--list li{display:flex;align-items:center;gap:11px;min-height:44px;padding:8px 12px;border:1px solid rgba(255,255,255,.86);border-radius:14px;background:rgba(255,255,255,.78);color:var(--navy);font-size:.9rem;font-weight:700;line-height:1.25;box-shadow:0 5px 14px rgba(10,75,139,.06)}
.pro-home-story__card--list li span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#fe8707,#fe5a01);color:#fff;box-shadow:0 6px 14px rgba(224,87,0,.22)}
.pro-home-story__card--list li span svg{width:16px;height:16px}
@media(max-width:1050px){
  .pro-home-story{margin:48px auto 56px;border-radius:26px}
  .pro-home-story.has-image .pro-home-story__header{grid-template-columns:minmax(0,1fr)}
  .pro-home-story__media img{aspect-ratio:16/9}
  .pro-home-story__grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .pro-home-story__card--breathe,.pro-home-story__card--list,.pro-home-story__card--ease{grid-column:auto;grid-row:auto}
}
@media(max-width:700px){
  .pro-home-story{width:calc(100% - 24px);margin:40px auto 48px;padding:24px 16px 20px;border-radius:22px}
  .pro-home-story__intro h2{font-size:clamp(1.85rem,8vw,2.45rem)}
  .pro-home-story__intro p{font-size:.94rem}
  .pro-home-story__card{padding:20px 18px 22px;border-radius:18px}
  .pro-home-story__card h3{font-size:1.12rem}
  .pro-home-story__card p{font-size:.9rem}
  .pro-home-story__card--list ul{grid-template-columns:minmax(0,1fr);gap:8px}
  .pro-home-story__card--list li{min-height:40px;font-size:.86rem}
  .pro-home-story__card--ease{grid-template-columns:auto minmax(0,1fr);column-gap:14px}
  .pro-home-story__button{width:100%;justify-content:center}
}
@media(max-width:420px){.pro-home-story__card--ease{display:block}.pro-home-story__card--ease .pro-home-story__icon{margin-bottom:14px}}