/* ============================================================
   SECTIONS — nav, hero, hour, mission, give, kollel, footer
   ============================================================ */

/* ---------- NAV ---------- */
.nav{
  position:fixed;inset:0 0 auto 0;z-index:60;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--gutter);
  transition:background .5s var(--ease), padding .5s var(--ease), border-color .5s;
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(8,11,20,.72);
  backdrop-filter:blur(16px) saturate(120%);
  border-bottom:1px solid var(--hair-soft);
  padding-block:12px;
}
.brand{display:flex;align-items:center;gap:.7em;font-family:var(--serif);font-size:1.35rem;letter-spacing:.01em}
.brand .flame{
  width:15px;height:22px;flex:none;position:relative;
  border-radius:50% 50% 50% 50% / 86% 86% 34% 34%;
  background:radial-gradient(ellipse 60% 64% at 50% 74%, #fff7e2, #ffc869 40%, #ef9433 70%, rgba(239,148,51,0) 92%);
  box-shadow:0 0 12px rgba(255,180,80,.6);
}
.brand b{font-weight:500}
.brand span{color:var(--gold);font-style:italic;font-weight:300}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{font-size:.82rem;letter-spacing:.04em;color:var(--muted);transition:color .3s}
.nav-links a:hover{color:var(--gold-bright)}
.nav .btn{padding:.7em 1.3em;font-size:.82rem}
/* hamburger hidden by default (desktop) */
.nav-toggle{display:none}

/* ---- Mobile nav drawer (≤900px) ---- */
@media(max-width:900px){
  /* Allow nav to wrap so drawer rows appear below the bar */
  .nav{flex-wrap:wrap;align-items:center}

  /* Show hamburger */
  .nav-toggle{
    display:flex;flex-direction:column;justify-content:center;align-items:center;
    gap:5px;
    width:40px;height:40px;
    background:none;border:none;cursor:pointer;padding:4px;
    position:relative;z-index:62;flex:none;
  }
  .nav-toggle span{
    display:block;width:22px;height:2px;
    background:var(--ink);border-radius:2px;
    transition:transform 0.35s cubic-bezier(.22,.61,.36,1),
               opacity   0.35s cubic-bezier(.22,.61,.36,1),
               width     0.35s cubic-bezier(.22,.61,.36,1);
  }

  /* X animation when open */
  .nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.open .nav-toggle span:nth-child(2){opacity:0;width:0}
  .nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* Nav-links: hidden by default, animated open */
  .nav-links{
    display:flex;
    flex-direction:column;
    width:100%;
    order:10;                         /* push below brand + toggle row */
    gap:0;
    /* closed state */
    max-height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height 0.35s cubic-bezier(.22,.61,.36,1),
               opacity    0.35s cubic-bezier(.22,.61,.36,1);
  }
  .nav-links a{
    font-size:1.1rem;
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
    letter-spacing:.04em;
    color:var(--muted);
    transition:color .3s;
  }
  .nav-links a:last-child{border-bottom:none}
  .nav-links a:hover{color:var(--gold-bright)}

  /* btn-nav: hidden by default, animated open */
  .nav .btn-nav{
    display:inline-flex;
    order:11;
    width:100%;
    justify-content:center;
    max-height:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height 0.35s cubic-bezier(.22,.61,.36,1),
               opacity    0.35s cubic-bezier(.22,.61,.36,1);
    margin-top:0;
  }

  /* Open state: reveal nav-links and btn-nav */
  .nav.open .nav-links{
    max-height:400px;
    opacity:1;
    pointer-events:auto;
  }
  .nav.open .btn-nav{
    max-height:80px;
    opacity:1;
    pointer-events:auto;
    margin-top:18px;
    margin-bottom:18px;
  }

  /* Drawer backdrop on the nav itself when open */
  .nav.open{
    background:rgba(8,11,20,.96);
    backdrop-filter:blur(18px);
    border-bottom-color:var(--hair-soft);
  }
}

/* ---------- HERO ---------- */
.hero{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;justify-content:space-between;align-items:center;
  text-align:center;
  padding-block:clamp(112px,15vh,180px) 0;
  overflow:hidden;
  isolation:isolate;
}
#sky{position:absolute;inset:0;z-index:-3;width:100%;height:100%}
.hero-grad{
  position:absolute;inset:0;z-index:-4;
  background:
    radial-gradient(120% 80% at 50% 8%, rgba(126,98,196,.20), transparent 55%),
    radial-gradient(80% 60% at 78% 22%, rgba(86,98,196,.18), transparent 60%),
    linear-gradient(180deg, #060812 0%, #0a0e1d 42%, #0b1020 70%, #0a0d1a 100%);
}
/* horizon glow — the breaking dawn of geula */
.hero-horizon{
  position:absolute;left:0;right:0;bottom:-2px;height:46%;z-index:-2;
  background:radial-gradient(120% 100% at 50% 130%, rgba(227,184,92,.34), rgba(227,184,92,.10) 40%, transparent 66%);
  pointer-events:none;
}
/* ---------- CANDLE (the night light — replaces moon) ---------- */
.hero .candle{
  position:absolute;z-index:-1;
  top:9%;right:13%;
  width:clamp(78px,9vw,128px);
  aspect-ratio:1 / 2.6;
  pointer-events:none;
}
.candle .halo{
  position:absolute;left:50%;top:15%;
  width:380%;aspect-ratio:1;transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(243,214,138,.36) 0%, rgba(227,184,92,.14) 33%, rgba(227,184,92,0) 66%);
  animation:haloPulse 5s ease-in-out infinite;
}
.candle .flame{
  position:absolute;left:50%;top:0;
  width:44%;aspect-ratio:1 / 2.15;
  transform:translateX(-50%);
  transform-origin:50% 100%;
  border-radius:50% 50% 50% 50% / 100% 100% 38% 38%;
  background:
    radial-gradient(ellipse 46% 40% at 50% 74%, #ffffff 0%, #fff4d2 42%, rgba(255,242,186,0) 74%),
    radial-gradient(ellipse 66% 72% at 50% 70%, #ffe39a 0%, #ffc25e 42%, #f4982f 64%, rgba(226,112,40,.34) 80%, rgba(226,112,40,0) 95%);
  box-shadow:0 0 26px 5px rgba(255,180,80,.45);
  animation:flameFlicker 2.8s ease-in-out infinite;
}
.candle .flame::after{
  content:"";position:absolute;left:50%;bottom:1%;transform:translateX(-50%);
  width:48%;height:22%;border-radius:50%;
  background:radial-gradient(circle, rgba(120,150,255,.5), rgba(120,150,255,0) 72%);
}
.candle .taper{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:35%;height:58%;
  border-radius:11px 11px 5px 5px;
  background:linear-gradient(90deg,#2b2517 0%, #d8caa6 24%, #fbf4e2 50%, #d8caa6 76%, #2b2517 100%);
  box-shadow:0 -2px 20px rgba(255,200,110,.42), inset 0 10px 16px rgba(255,236,192,.55);
}
.candle .taper::before{
  content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);
  width:66%;height:11px;border-radius:50%;
  background:radial-gradient(ellipse, #fff4dd, #c9b78d 72%);
}
@keyframes flameFlicker{
  0%,100%{transform:translateX(-50%) scale(1,1) skewX(0deg);opacity:1}
  20%{transform:translateX(-51%) scale(1.02,1.05) skewX(-3deg);opacity:.93}
  40%{transform:translateX(-49.5%) scale(.99,.97) skewX(2deg);opacity:1}
  60%{transform:translateX(-50.5%) scale(1.03,1.04) skewX(-1.5deg);opacity:.96}
  80%{transform:translateX(-49.5%) scale(1,1.02) skewX(2deg);opacity:1}
}
@keyframes haloPulse{
  0%,100%{opacity:.85;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
}
.hero-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;width:100%;padding-inline:var(--gutter);display:flex;flex-direction:column;align-items:center}
.hero h1{margin:.16em 0 .42em}
.hero h1 .l1,.hero h1 .l2{display:block;white-space:nowrap}
.hero h1 .l1{color:var(--ink)}
.hero h1 .l2{font-style:italic;font-weight:300}
.hero-sub{max-width:54ch;font-size:clamp(1.05rem,1.5vw,1.3rem);color:#c9cee0;line-height:1.65;font-weight:300;margin-inline:auto}
.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.3rem;align-items:center;justify-content:center}
.hero-link{
  display:inline-block;margin-top:1.4rem;
  font-size:.92rem;letter-spacing:.02em;color:var(--muted);
  border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color .3s,border-color .3s;
}
.hero-link:hover{color:var(--gold-bright);border-color:var(--gold)}

/* ---------- BEIS HAMIKDASH SCENE ---------- */
.temple-scene{
  position:relative;z-index:1;width:100%;flex:none;
  display:flex;justify-content:center;align-items:flex-end;
  pointer-events:none;
}
.geula-glow{
  position:absolute;bottom:-4%;left:50%;transform:translateX(-50%);
  z-index:0;
  width:min(1040px,98vw);height:72%;
  background:radial-gradient(ellipse 52% 64% at 50% 86%, rgba(243,214,138,.42), rgba(227,184,92,.15) 38%, rgba(227,184,92,0) 66%);
  animation:glowBreath 7s ease-in-out infinite;
}
.temple-wrap{position:relative;width:min(430px,46vw);display:flex;justify-content:center;align-items:flex-end}
.temple{width:100%;height:auto;max-height:40vh;display:block;
  filter:drop-shadow(0 0 22px rgba(243,214,138,.5)) drop-shadow(0 6px 52px rgba(243,214,138,.22));}
.temple-mist{
  position:absolute;left:-30%;right:-30%;bottom:0;height:30%;
  background:linear-gradient(0deg, #0a0d1a 3%, rgba(10,13,26,.6) 46%, transparent 100%);
}
@keyframes glowBreath{0%,100%{opacity:.82}50%{opacity:1}}
.hero-meta{display:flex;gap:2.2rem;margin-top:3.4rem;flex-wrap:wrap}
.hero-meta .m{display:flex;flex-direction:column;gap:.2em}
.hero-meta .num{font-family:var(--serif);font-size:2rem;color:var(--gold-bright);line-height:1}
.hero-meta .lab{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.scroll-cue{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:.7em;
  font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);
}
.scroll-cue .line{width:1px;height:46px;background:linear-gradient(var(--gold),transparent);position:relative;overflow:hidden}
.scroll-cue .line::after{content:"";position:absolute;top:-50%;left:0;width:1px;height:50%;background:var(--gold-bright);animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{top:-50%}60%,100%{top:120%}}

/* hebrew watermark */
.hebrew-mark{
  position:absolute;z-index:-1;font-family:var(--serif);
  font-size:clamp(8rem,30vw,26rem);line-height:1;
  color:rgba(227,184,92,.05);
  user-select:none;pointer-events:none;
  bottom:-6%;left:-2%;font-weight:300;
}

/* ---------- generic section header ---------- */
.sec-head{max-width:760px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head .h2{margin:.3em 0 .5em}

/* divider star */
.star-rule{display:flex;align-items:center;gap:1.2em;color:var(--gold);justify-content:center;margin:0 auto}
.star-rule::before,.star-rule::after{content:"";height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,transparent,var(--hair))}
.star-rule .s{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 12px var(--gold-glow)}

/* ---------- THE HOUR ---------- */
.hour{
  background:
    radial-gradient(80% 60% at 80% 0%, rgba(86,98,196,.12), transparent 60%),
    linear-gradient(180deg,rgba(8,11,22,.84) 0%,rgba(10,14,26,.80) 50%,rgba(10,14,26,.88) 100%),
    url(../images/BG-learning-1024x683.jpg) center/cover no-repeat;
}
.hour-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}
.zohar-card{
  position:relative;
  border:1px solid var(--hair);
  border-radius:18px;
  padding:clamp(28px,4vw,48px);
  background:linear-gradient(180deg,rgba(25,33,58,.5),rgba(17,23,40,.35));
  backdrop-filter:blur(4px);
}
.zohar-card .quote-mark{font-family:var(--serif);font-size:5rem;color:var(--gold);line-height:.4;opacity:.5}
.zohar-card blockquote{margin:0;font-family:var(--serif);font-size:clamp(1.4rem,2.3vw,2rem);font-weight:300;line-height:1.35;font-style:italic}
.zohar-card cite{display:block;margin-top:1.4em;font-style:normal;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
@media(max-width:860px){.hour-grid{grid-template-columns:1fr}}

/* ---------- MISSION strip ---------- */
.mission{
  background:
    linear-gradient(180deg,rgba(11,15,29,.88) 0%,rgba(8,10,20,.82) 50%,rgba(8,10,20,.90) 100%),
    url(../images/WhatsApp-Image-2023-08-09-at-17.37.30-1.jpg) center 30%/cover no-repeat;
  text-align:center;
}
.mission .big{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(2rem,5.4vw,4.6rem);line-height:1.08;
  max-width:18ch;margin:0 auto;letter-spacing:-.015em;
}

/* ---------- PHOTO BREAK ---------- */
.photo-break{
  position:relative;overflow:hidden;height:clamp(260px,40vw,520px);
  display:flex;align-items:center;justify-content:center;
}
.photo-break img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;
  opacity:.38;
}
.photo-break .pb-copy{
  position:relative;z-index:2;text-align:center;padding-inline:var(--gutter);
}
.photo-break .pb-copy p{
  font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.6rem);font-weight:300;
  font-style:italic;color:var(--ink);line-height:1.25;max-width:26ch;margin:0 auto;
  text-shadow:0 2px 24px rgba(0,0,0,.8);
}
.photo-break::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,#080a14 0%,transparent 20%,transparent 80%,#080a14 100%);
}

/* ---------- FOUR WAYS TO GIVE ---------- */
.give{background:
   radial-gradient(60% 50% at 50% 0%, rgba(126,98,196,.10), transparent 60%),
   linear-gradient(180deg,rgba(8,10,20,.88),rgba(11,15,29,.85)),
   url(../images/WhatsApp-Image-2023-08-09-at-17.36.34-1.jpg) center/cover no-repeat;}
.give-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:54px;
}
.give-card{
  position:relative;overflow:hidden;
  border:1px solid var(--hair-soft);
  border-radius:20px;
  padding:clamp(26px,3vw,40px);
  background:linear-gradient(180deg,rgba(25,33,58,.40),rgba(13,17,30,.55));
  display:flex;flex-direction:column;
  min-height:340px;
  transition:transform .5s var(--ease),border-color .5s,box-shadow .5s;
}
.give-card::before{
  content:"";position:absolute;inset:0;border-radius:20px;padding:1px;
  background:linear-gradient(160deg,rgba(227,184,92,.4),transparent 40%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;
}
.give-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.give-card:hover::before{opacity:1}
.give-card .gnum{font-family:var(--serif);font-size:.95rem;color:var(--gold);letter-spacing:.1em}
.give-card .gicon{
  width:52px;height:52px;border-radius:13px;margin-bottom:20px;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(243,214,138,.22),rgba(227,184,92,.06));
  border:1px solid var(--hair);
  color:var(--gold-bright);
}
.give-card h3{font-size:1.7rem;margin-bottom:.35em}
.give-card .desc{color:var(--muted);font-size:.98rem;line-height:1.65;flex:1}
.give-card .gfoot{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:1rem}
.give-card .price{font-family:var(--serif);font-size:1.5rem;color:var(--ink)}
.give-card .price small{font-size:.7rem;font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block}
.give-card .glink{font-size:.84rem;font-weight:600;color:var(--gold);display:inline-flex;gap:.5em;align-items:center;transition:gap .3s}
.give-card:hover .glink{gap:.85em}
@media(max-width:760px){.give-grid{grid-template-columns:1fr}.give-card{min-height:0}}

/* sponsor tier list inside card */
.tiers{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.tier{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:13px 16px;border-radius:12px;
  border:1px solid var(--hair-soft);
  background:rgba(255,255,255,.02);
  transition:background .3s,border-color .3s,transform .3s;
}
.tier:hover{background:rgba(227,184,92,.06);border-color:var(--hair);transform:translateX(3px)}
.tier .t-name{font-size:.92rem;color:var(--ink);line-height:1.3}
.tier .t-name small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.tier .t-price{font-family:var(--serif);font-size:1.35rem;color:var(--gold-bright);white-space:nowrap}

/* span card */
.give-card.wide{grid-column:1 / -1}
.span-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,4vw,60px);align-items:center}
@media(max-width:760px){.span-grid{grid-template-columns:1fr}}

/* ---------- EXPERIENCE ---------- */
.exp{background:linear-gradient(180deg,#0b0f1d,#080a14)}
.exp-frame{
  position:relative;border-radius:22px;overflow:hidden;
  border:1px solid var(--hair);
  aspect-ratio:16/8.5;
  background:#0a0d18;
}
.exp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.exp-step{padding:26px;border-radius:16px;border:1px solid var(--hair-soft);background:rgba(255,255,255,.015)}
.exp-step .n{font-family:var(--serif);font-size:2.4rem;color:var(--gold);line-height:1}
.exp-step h4{font-family:var(--serif);font-size:1.35rem;font-weight:500;margin:.3em 0 .4em}
.exp-step p{color:var(--muted);font-size:.92rem;margin:0}
@media(max-width:760px){.exp-steps{grid-template-columns:1fr}}

/* ---------- KOLLEL ---------- */
.kollel{background:linear-gradient(180deg,#080a14,#0b0f1d)}
.kollel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.scholar{
  position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--hair-soft);
  background:var(--night-2);
}
.scholar image-slot{width:100%;aspect-ratio:4/5}
.scholar .meta{position:absolute;inset:auto 0 0 0;padding:20px;background:linear-gradient(0deg,rgba(7,9,18,.95),transparent);}
.scholar .meta .nm{font-family:var(--serif);font-size:1.25rem}
.scholar .meta .ro{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:3px}
@media(max-width:760px){.kollel-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- ENDORSE ---------- */
.endorse{
  background:
    linear-gradient(180deg,rgba(11,15,29,.90),rgba(8,10,20,.88)),
    url(../images/WhatsApp-Image-2023-08-09-at-17.38.04-1.jpg) center 40%/cover no-repeat;
  text-align:center;
}
.endorse-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:46px}
.endorse-card{
  flex:1 1 280px;max-width:380px;
  border:1px solid var(--hair-soft);border-radius:18px;padding:32px;
  background:linear-gradient(180deg,rgba(25,33,58,.35),rgba(13,17,30,.4));
  text-align:left;
}
.endorse-card p{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.45;color:#e7e2d4}
.endorse-card .who{margin-top:18px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

/* ---------- GALLERY ---------- */
.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:46px}
.gallery-strip image-slot{width:100%;aspect-ratio:1;border-radius:12px}
.gallery-strip image-slot:nth-child(1){grid-row:span 2;aspect-ratio:1/2}
@media(max-width:760px){.gallery-strip{grid-template-columns:repeat(2,1fr)}.gallery-strip image-slot:nth-child(1){grid-row:auto;aspect-ratio:1}}

/* ---------- FINAL CTA ---------- */
.final{
  position:relative;overflow:hidden;text-align:center;
  background:linear-gradient(180deg,#080a14,#06070f);
}
.final-glow{position:absolute;left:50%;top:8%;transform:translateX(-50%);width:120%;height:90%;z-index:0;
  background:radial-gradient(50% 60% at 50% 30%, rgba(227,184,92,.18), transparent 60%);pointer-events:none}
.final .inner{position:relative;z-index:2}
.final .big{font-family:var(--serif);font-weight:300;font-size:clamp(2.4rem,7vw,6rem);line-height:1.02;letter-spacing:-.02em}
.final .lede{margin:1.4em auto 2.4em;max-width:44ch}

/* ---------- FOOTER ---------- */
.foot{background:#06070f;border-top:1px solid var(--hair-soft);padding-block:70px 40px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot h5{font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 1.2em}
.foot a{display:block;color:var(--muted);font-size:.92rem;padding:.3em 0;transition:color .3s}
.foot a:hover{color:var(--gold-bright)}
.foot .blurb{color:var(--muted);font-size:.92rem;max-width:34ch;margin-top:1em;line-height:1.7}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:56px;padding-top:26px;border-top:1px solid var(--hair-soft);font-size:.8rem;color:var(--muted-2)}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}

/* ---------- Fix 2: Hero headline wrap on very small screens ---------- */
@media(max-width:420px){
  .hero h1 .l1,.hero h1 .l2{white-space:normal}
}