/* Homepage design C "Calm wellness story" (job 108): light split photo hero, alternating soft sections with a picture
   beside each part of the letter, round-icon benefit cards mixed with photo tiles, a final gift card. */
.bhs-home--c{--hc-serif:"Lora",Georgia,serif;--hc-tint:#f0f7fc;--hc-tint2:#e3f0f9;--hc-ring:#cfe4f3}

/* hero */
.hc-hero{background:linear-gradient(90deg,#f7fbfe 0%,#e8f3fb 100%);overflow:hidden}
.hc-hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center;padding-top:56px;padding-bottom:64px}
.hc-h1{margin:0 0 30px;color:var(--hm-ink)}
.hc-h1__k{display:block;font:700 16px/1.3 var(--hm-head);letter-spacing:.14em;text-transform:uppercase;color:var(--hm-deep);margin-bottom:18px}
.hc-h1__p{display:block;font:600 clamp(31px,3.2vw,44px)/1.18 var(--hc-serif);letter-spacing:-.01em;color:#16324a}
.hc-chips{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:14px 30px}
.hc-chips li{display:flex;align-items:center;gap:10px;font:600 16px/1.3 var(--hm-head);color:var(--hm-ink);margin:0}
.hc-chips__i{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--hc-ring);display:grid;place-items:center;color:var(--hm-deep)}
.hc-chips__i .hm-ico{width:22px;height:22px}

.hc-hero__art{position:relative;padding-bottom:40px}
.hc-hero__photo{border-radius:28px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 30px 60px rgba(16,62,98,.18)}
.hc-hero__photo img{object-position:70% 50%}
.hc-hero__gift{position:absolute;left:-36px;bottom:0;width:72%;max-width:460px;background:#fff;border-radius:22px;padding:14px 16px;box-shadow:0 22px 44px rgba(16,62,98,.22)}
.hc-hero__gift img{display:block;width:100%}

/* sections */
.hc-sec{padding:84px 0}
.hc-sec--white{background:#fff}
.hc-sec--tint{background:var(--hc-tint)}
.hc-split{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hc-split--rev .hc-split__pic{order:-1}
.hc-split--top{align-items:start;grid-template-columns:.85fr 1.15fr}
.hc-split__text{max-width:640px;font-size:19px;line-height:1.72}
.hc-split__text p{margin:0 0 1.1em}
.hc-split__pic{border-radius:26px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--hm-shadow)}
.hc-split__pic picture{height:100%}
.hc-split__pic--soft{aspect-ratio:4/3}
.hc-split__pic--tall{aspect-ratio:4/5;position:sticky;top:100px}
.hc-split__pic--tall img{object-position:35% 50%}
.hc-lead p:first-child{font:500 26px/1.45 var(--hc-serif);color:#16324a}
.hc-eyebrow{display:inline-flex;align-items:center;gap:10px;font:800 16px/1 var(--hm-head);letter-spacing:.16em;color:var(--hm-red);
  background:#fff;border:1px solid #f1c9c9;border-radius:999px;padding:12px 18px;margin:0 0 24px}
.hc-eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--hm-red)}
.hc-h2{font:600 clamp(30px,3.4vw,44px)/1.2 var(--hc-serif);color:#16324a;text-align:center;max-width:860px;margin:0 auto 54px}
.hc-turn{font:600 24px/1.4 var(--hc-serif);color:var(--hm-deep)}
.hc-turn u{text-decoration-color:var(--hm-light);text-decoration-thickness:3px;text-underline-offset:6px}

.hc-foods{height:340px;overflow:hidden}
.hc-foods picture{height:100%}
.hc-sec--after-foods{padding-top:70px}
.hc-col{max-width:720px;margin:0 auto;font-size:19px;line-height:1.72}
.hc-col p{margin:0 0 1.1em}
.hc-big{font:500 25px/1.45 var(--hc-serif);color:#16324a;text-align:center;padding:16px 0 10px;margin:14px 0 30px!important}
.hc-big b{color:var(--hm-deep)}
.hc-ebook{background:var(--hc-tint);border-left:5px solid var(--hm-bright);border-radius:6px 20px 20px 6px;padding:22px 28px;margin:10px 0 30px!important}

/* offer card (first CTA) */
.hc-offer{padding:0 0 84px}
.hc-offer__card{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;max-width:1060px;margin:0 auto;
  background:linear-gradient(135deg,#257abb,#2e9dde);border-radius:30px;padding:34px 50px;box-shadow:0 30px 60px rgba(37,122,187,.28)}
.hc-offer__img img{display:block;width:100%;filter:drop-shadow(0 18px 26px rgba(0,0,0,.3))}
.hc-offer__t{font:600 26px/1.3 var(--hc-serif);color:#fff;margin:0 0 22px}
.hc-offer .hm-btn,.hc-final .hm-btn{background:#fff;color:var(--hm-deep)!important;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.hc-final .hm-btn{background:linear-gradient(180deg,#38a8e8 0%,#2e9dde 45%,#257abb 100%);color:#fff!important;box-shadow:0 10px 24px rgba(37,122,187,.35)}

/* benefits */
.hc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hc-card{background:#fff;border-radius:24px;padding:32px 30px 16px;box-shadow:0 6px 24px rgba(16,62,98,.07)}
.hc-card p{font-size:18px;line-height:1.62;margin:0 0 1em}
.hc-card__i{width:68px;height:68px;border-radius:50%;border:1px solid var(--hc-ring);background:#f7fbfe;display:grid;place-items:center;color:var(--hm-deep);margin-bottom:18px}
.hc-card__t{font:600 24px/1.25 var(--hc-serif);color:#16324a;margin:0 0 12px}
.hc-card--wide{background:linear-gradient(160deg,#257abb,#2e9dde);color:#fff}
.hc-card--wide p{color:#fff}
.hc-card--wide .hc-card__t{color:#fff}
.hc-card--wide .hc-card__i{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff}
.hc-tile{border-radius:24px;overflow:hidden;min-height:300px;position:relative}
.hc-tile picture{position:absolute;inset:0}

/* final */
.hc-final{padding:84px 0 96px;background:#fff}
.hc-final__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1040px}
.hc-final__img{background:radial-gradient(closest-side,#e3f0f9,#fff);border-radius:30px;padding:10px}
.hc-final__img img{display:block;width:100%}
.hc-final__t{font:600 30px/1.25 var(--hc-serif);color:#16324a;margin:0 0 24px}

@media (max-width:980px){
  .hc-hero__grid{grid-template-columns:1fr;gap:34px;padding-top:36px}
  .hc-hero__art{max-width:620px;margin:0 auto;width:100%}
  .hc-hero__gift{left:12px}
  .hc-split,.hc-split--top{grid-template-columns:1fr;gap:34px}
  .hc-split__pic{order:-1}
  .hc-split__pic--tall{position:static;aspect-ratio:4/3}
  .hc-split__text{max-width:none}
  .hc-sec{padding:60px 0}
  .hc-grid{grid-template-columns:1fr 1fr}
  .hc-offer__card,.hc-final__grid{grid-template-columns:1fr;text-align:center;gap:24px}
  .hc-offer__img,.hc-final__img{max-width:420px;margin:0 auto}
}
@media (max-width:600px){
  /* phone: headline, then the photo with the gift, then the button, so the product is on the first screen */
  .hc-hero__grid{padding-top:22px;padding-bottom:40px;gap:0}
  .hc-hero__copy{display:contents}
  .hc-h1{order:1;margin-bottom:18px}
  .hc-h1__k{margin-bottom:10px;letter-spacing:.03em}
  .hc-h1__p{font-size:27px}
  .hc-hero__art{order:2;padding-bottom:24px}
  .hc-hero__photo{aspect-ratio:1/1}
  .hc-hero__photo img{object-position:72% 15%}
  .hc-hero__cta{order:3;margin-top:22px}
  .hc-chips{order:4;margin-top:24px;grid-template-columns:1fr 1fr;gap:12px 14px}
  .hc-chips li{gap:8px}
  .hc-hero__photo{border-radius:20px}
  .hc-hero__gift{left:10px;width:84%;padding:8px 10px;border-radius:16px}
  .hc-sec{padding:46px 0}
  .hc-split__text,.hc-col{font-size:17px}
  .hc-lead p:first-child{font-size:21px}
  .hc-split__pic{border-radius:20px}
  .hc-h2{font-size:28px;margin-bottom:30px}
  .hc-turn{font-size:21px}
  .hc-foods{height:220px}
  .hc-big{font-size:21px}
  .hc-ebook{padding:18px 18px}
  .hc-offer{padding-bottom:50px}
  .hc-offer__card{padding:26px 18px;border-radius:24px}
  .hc-offer__t{font-size:22px}
  .hc-grid{grid-template-columns:1fr;gap:16px}
  .hc-card{padding:24px 20px 10px}
  .hc-card p{font-size:17px}
  .hc-card__t{font-size:22px}
  .hc-tile{min-height:0;aspect-ratio:3/2}
  .hc-tile picture{position:static;height:100%}
  .hc-final{padding:54px 0 60px}
  .hc-final__t{font-size:24px}
}