/* הלב והמאמר · עמוד בית (טיוטה) בצבעי הלוגו של הערוץ: שמיים בצבעי מים טורקיז, שער ירוק, זהב, אדום */
.hv2{
  --t-sky:#05c3db; --t-sky2:#12cde3; --t-aqua:#79eeef; --t-cloud:#f1f8f9; --t-deep:#1d88bb; --t-deep2:#0f6f99;
  --t-green:#1b9561; --t-green-d:#147a4e; --t-green-dd:#0f5e3c; --t-gold:#c4a165; --t-gold-l:#e3cc94; --t-gold-d:#8a6a32;
  --t-crimson:#a40000; --t-crimson-d:#7d0000; --navy:#1d2b4f;
  --accent:var(--t-crimson); --crimson:var(--t-crimson); --crimson-d:var(--t-crimson-d); --sky-deep:var(--t-deep2);
  --shadow:0 10px 30px rgba(15,111,153,.14),0 2px 6px rgba(15,111,153,.10);
  background:#f4fafb;
}
.hv2 .top{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(196,161,101,.45)}
.hv2 .brand b{color:var(--t-crimson)}
.hv2 .nav a.on,.hv2 .nav a:hover{background:#e3f7f9;color:var(--t-deep2)}
.hv2 .donate{background:var(--t-crimson);box-shadow:0 3px 10px rgba(164,0,0,.22)}
.hv2 .donate:hover{background:var(--t-crimson-d)}

/* watercolor sky */
.hv2-sky{color:var(--navy);isolation:isolate;background:
  radial-gradient(38% 26% at 78% 12%,rgba(255,255,255,.95),rgba(255,255,255,0) 70%),
  radial-gradient(30% 20% at 18% 22%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%),
  radial-gradient(45% 30% at 55% 34%,rgba(241,248,249,.75),rgba(241,248,249,0) 72%),
  radial-gradient(60% 40% at 8% 4%,rgba(29,136,187,.55),rgba(29,136,187,0) 70%),
  radial-gradient(55% 45% at 100% 40%,rgba(5,174,209,.55),rgba(5,174,209,0) 70%),
  radial-gradient(70% 40% at 30% 60%,rgba(121,238,239,.55),rgba(121,238,239,0) 70%),
  linear-gradient(180deg,#0fb5d4 0%,#2cc9e0 26%,#7fdfe9 52%,#d9f3f6 78%,#f4fafb 100%)}
.hv2-sky::after{height:90px;background:linear-gradient(180deg,rgba(244,250,251,0),#f4fafb)}
.hv2-stars{position:absolute;inset:0 0 40% 0;z-index:-1;pointer-events:none;opacity:.75;
  background-image:radial-gradient(1.4px 1.4px at 12% 18%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 27% 8%,#fff 60%,transparent 61%),
  radial-gradient(1.6px 1.6px at 44% 14%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 63% 6%,#fff 60%,transparent 61%),
  radial-gradient(1.3px 1.3px at 86% 22%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 92% 9%,#fff 60%,transparent 61%),
  radial-gradient(1.2px 1.2px at 6% 36%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 72% 30%,#fff 60%,transparent 61%),
  radial-gradient(1.5px 1.5px at 35% 28%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 54% 40%,#fff 60%,transparent 61%);
  background-size:420px 300px;animation:hv2-tw 6s ease-in-out infinite alternate}
@keyframes hv2-tw{from{opacity:.45}to{opacity:.85}}
.hv2-cloud{position:absolute;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(6px);pointer-events:none}
.hv2-cloud.c1{width:340px;height:120px;top:70px;right:-90px;animation:hv2-drift 26s ease-in-out infinite alternate}
.hv2-cloud.c2{width:260px;height:90px;top:210px;left:-70px;animation:hv2-drift 32s ease-in-out infinite alternate-reverse}
.hv2-cloud.c3{width:420px;height:140px;top:430px;right:20%;opacity:.7;animation:hv2-drift 38s ease-in-out infinite alternate}
@keyframes hv2-drift{from{transform:translateX(0)}to{transform:translateX(40px)}}

.hv2-hero{padding:30px 0 64px}
.hv2-head{text-align:center}
.hv2 .hv2-title{font-family:var(--serif);font-weight:700;color:var(--t-crimson);font-size:clamp(2.6rem,11vw,4.4rem);line-height:1;margin:6px 0 4px;letter-spacing:.01em;text-shadow:0 2px 0 rgba(255,255,255,.75),0 0 24px rgba(255,255,255,.65)}
.hv2-sub{margin:6px 0 10px;color:var(--navy);font-size:1rem;font-weight:700;letter-spacing:.02em}
.hv2 .tagline{color:var(--t-green-dd);font-size:1.08rem;margin:0 auto 18px;max-width:30ch;line-height:1.5;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.hv2 .tagline::before,.hv2 .tagline::after{content:"✦";color:var(--t-gold);font-size:.75em;margin:0 .5em;vertical-align:.15em}

/* search */
.hv2-search{display:flex;max-width:520px;margin:0 auto 34px;background:rgba(255,255,255,.95);border-radius:999px;padding:5px;box-shadow:0 6px 22px rgba(15,111,153,.18),0 0 0 1px rgba(196,161,101,.5)}
.hv2-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:1rem;color:var(--navy);padding:9px 16px;outline:0}
.hv2-search input::placeholder{color:#6a7590}
.hv2-search button{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--t-green-d);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.hv2-search button svg{width:20px;height:20px}
.hv2-search button:hover{background:var(--t-green-dd);transform:scale(1.05)}
.hv2-search:focus-within{box-shadow:0 6px 22px rgba(15,111,153,.22),0 0 0 2px var(--t-gold)}
.hv2 .resume-card{margin-bottom:18px}

/* weekly feature: green gate with gold line, logo as the keystone */
.hv2-feature{max-width:780px;margin:0 auto;position:relative;padding-top:92px}
.hv2-arch{position:relative;background:linear-gradient(180deg,#22a46c,var(--t-green) 40%,var(--t-green-d));padding:12px;border-radius:400px 400px 26px 26px;box-shadow:0 18px 44px rgba(15,94,60,.28),0 2px 6px rgba(15,94,60,.2)}
.hv2-arch::before{content:"";position:absolute;inset:5px;border:1.5px solid var(--t-gold-l);border-radius:395px 395px 22px 22px;pointer-events:none;opacity:.9}
.hv2-arch-in{position:relative;background:radial-gradient(130% 70% at 50% 0%,#ffffff 50%,#f3fbfc 80%,#eaf7f8 100%);border:2px solid var(--t-gold);border-radius:388px 388px 16px 16px;padding:104px 22px 26px;text-align:center;color:var(--ink)}
.hv2 .emblem{position:absolute;top:-92px;left:50%;transform:translateX(-50%);width:176px;height:176px;border-radius:50%;padding:4px;background:linear-gradient(145deg,var(--t-gold-l),var(--t-gold) 45%,var(--t-gold-d));box-shadow:0 10px 30px rgba(15,94,60,.3),0 0 0 6px rgba(255,255,255,.85);z-index:2}
.hv2 .emblem img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;animation:hv2-pop .9s cubic-bezier(.2,.8,.2,1.2) .25s both}
@keyframes hv2-pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.hv2-kicker{font-family:var(--sans);font-size:1rem;font-weight:700;color:var(--t-green-dd);margin:4px 0 2px}
.hv2 .badge{background:var(--t-green-d);color:#fff;margin:0;padding:3px 14px;font-size:.9rem;vertical-align:.05em}
.hv2-ftitle{margin:6px 0 4px!important;font-size:clamp(2rem,8vw,3rem)!important}
.hv2-ftitle a{color:var(--t-crimson);text-decoration:none;background:linear-gradient(var(--t-gold),var(--t-gold)) 50% 100%/0 2px no-repeat;transition:background-size .3s}
.hv2-ftitle a:hover{background-size:100% 2px}
.hv2 .byline,.hv2 .byline a{color:#4f5b75}
.hv2-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px auto 6px;max-width:260px}
.hv2-orn::before,.hv2-orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--t-gold))}
.hv2-orn::after{background:linear-gradient(90deg,var(--t-gold),transparent)}
.hv2-orn span{width:8px;height:8px;transform:rotate(45deg);background:var(--t-gold);box-shadow:0 0 0 3px rgba(196,161,101,.25)}
.hv2-arch-in .video{border-radius:16px;box-shadow:0 10px 26px rgba(15,111,153,.22);outline:1.5px solid rgba(196,161,101,.6);outline-offset:3px}
.hv2 .video .play span{background:rgba(164,0,0,.92);transition:transform .2s}
.hv2 .video button:hover .play span{transform:scale(1.08)}
.hv2 .vlink a{color:var(--t-deep2)}
.hv2 .summary-long strong{color:var(--t-crimson)}
.hv2 .summary-long .sum-more>summary{color:var(--t-green-d)}
.hv2 .chip{transition:border-color .2s,background .2s,color .2s,transform .2s}
.hv2 .chip:hover{border-color:var(--t-green);background:#e9f6ef;color:var(--t-green-dd);transform:translateY(-1px)}
.hv2 .btn{border-color:var(--t-green-d);color:var(--t-green-d);transition:transform .15s,box-shadow .2s,background .2s}
.hv2 .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,122,78,.22)}
.hv2 .btn:active{transform:translateY(0) scale(.98)}
.hv2 .btn.primary{background:var(--t-green-d);color:#fff;box-shadow:0 4px 14px rgba(20,122,78,.28)}
.hv2 .btn.primary:hover{background:var(--t-green-dd)}

/* sections */
.hv2-main{position:relative}
.hv2 .sec{padding:28px 0}
.hv2-h{font-family:var(--serif);color:var(--t-crimson)!important;font-size:1.7rem!important;margin:0 0 18px!important;display:flex;align-items:center;gap:12px}
.hv2-h::after{content:"";flex:1;height:1px;background:linear-gradient(270deg,var(--t-gold),rgba(196,161,101,0));max-width:320px}
.hv2-h::before{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--t-gold);flex:0 0 auto}
.hv2 .card{border-color:#dcecef;border-radius:20px;box-shadow:0 2px 8px rgba(15,111,153,.07);transition:transform .2s,box-shadow .2s,border-color .2s}
.hv2 .card::before{height:4px;background:linear-gradient(270deg,var(--t-sky),var(--t-green))}
.hv2 .card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(196,161,101,.6)}
.hv2 .card:active{transform:translateY(-1px)}
.hv2 .card h3{color:var(--navy)}
.hv2 .pill{background:var(--t-crimson)}
.hv2 .card .vid{color:var(--t-green-d);font-weight:700}

.hv2-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:760px){.hv2-tiles{grid-template-columns:repeat(4,1fr)}}
.hv2-tile{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 16px 14px;border-radius:20px;text-decoration:none;color:var(--navy);overflow:hidden;
  background:radial-gradient(90% 80% at 100% 0%,rgba(121,238,239,.55),transparent 60%),radial-gradient(70% 70% at 0% 100%,rgba(5,195,219,.18),transparent 60%),#fff;
  border:1px solid #d5ecef;box-shadow:0 2px 8px rgba(15,111,153,.07);transition:transform .2s,box-shadow .2s,border-color .2s}
.hv2-tile .ic{font-size:1.5rem;line-height:1;margin-bottom:6px}
.hv2-tile b{font-family:var(--serif);font-size:1.25rem;color:var(--t-green-dd)}
.hv2-tile small{color:#55627c;font-size:.86rem}
.hv2-tile::after{content:"←";position:absolute;left:14px;bottom:12px;color:var(--t-gold-d);font-weight:700;transition:transform .2s}
.hv2-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--t-gold)}
.hv2-tile:hover::after{transform:translateX(-4px)}

.hv2-give{position:relative;background:radial-gradient(120% 90% at 50% 0%,#fff 55%,#f1f9f5);border:1.5px solid var(--t-gold);border-radius:200px 200px 22px 22px;padding:40px 20px 24px;box-shadow:0 8px 26px rgba(15,94,60,.10)}
.hv2-give h2.big{color:var(--t-green-dd)!important;font-size:1.45rem!important}

/* footer */
.hv2 .site-foot{border-top:3px solid var(--t-gold);background:linear-gradient(180deg,#1d2b4f,#18243f)}
.hv2 .site-foot .foot-brand b{color:#fff}
.hv2 .site-foot .foot-tag{color:var(--t-gold-l)}

/* motion: entrance on load; sections fade/slide in as they scroll into view */
.hv2 .rise{animation:hv2-rise .7s cubic-bezier(.2,.7,.2,1) both}
.hv2 .rise.d1{animation-delay:.08s}.hv2 .rise.d2{animation-delay:.16s}
@keyframes hv2-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rv .hv2 .reveal,.rv body.hv2 .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rv body.hv2 .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hv2 *,.hv2 *::before,.hv2 *::after{animation:none!important;transition:none!important}}

@media (min-width:760px){
  .hv2-hero{padding:46px 0 80px}
  .hv2-feature{padding-top:110px}
  .hv2 .emblem{width:210px;height:210px;top:-110px}
  .hv2-arch{padding:16px}
  .hv2-arch::before{inset:7px}
  .hv2-arch-in{padding:124px 46px 34px}
  .hv2-cloud.c1{right:5%}
  .hv2 .tagline{max-width:none;font-size:1.18rem}
}
@media (max-width:380px){.hv2 .emblem{width:156px;height:156px;top:-82px}.hv2-feature{padding-top:82px}.hv2-arch-in{padding-top:92px}}

/* 5 tiles: on phone the last one spans the row; desktop shows all five in one row */
.hv2-tiles .hv2-tile:last-child:nth-child(odd){grid-column:1/-1}
@media (min-width:760px){.hv2-tiles{grid-template-columns:repeat(5,1fr)}.hv2-tiles .hv2-tile:last-child:nth-child(odd){grid-column:auto}}