/* ============================================================
   Israel Innovation Project — landing page in the brochure's
   own identity: Northwestern purple & gold, rounded type, cream.
   ============================================================ */
:root{
  --nwp:#4E2A84; --nwp-deep:#3A1F63; --nwp-darker:#2c1750;
  --gold:#F2C14E; --gold-deep:#DDA929;
  --cream:#FAF7F0; --lavender:#EDEAF4; --lav-line:#D9D2E9;
  --iip-ink:#2E2A44; --iip-body:#4C4763;
}
.iip-page{background:var(--cream);color:var(--iip-body);font-family:'Quicksand','Poppins',system-ui,sans-serif;font-size:17px;line-height:1.7}
.iip-page h1,.iip-page h2,.iip-page h3,.iip-page h4{font-family:'Quicksand',sans-serif;color:var(--nwp);letter-spacing:-.01em}
.iip-wrap{max-width:1120px;margin:0 auto;padding:0 32px}

/* Dotted chevron motif (from the brochure) */
.chev{display:inline-block;vertical-align:middle;margin-left:14px}

/* ---- Cover hero ---- */
.iip-hero{position:relative;background:var(--nwp);overflow:hidden}
.iip-hero::before{content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,.045) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.045) 50%, rgba(255,255,255,.045) 75%, transparent 75%),
    linear-gradient(-45deg, rgba(0,0,0,.06) 25%, transparent 25%, transparent 50%, rgba(0,0,0,.06) 50%, rgba(0,0,0,.06) 75%, transparent 75%);
  background-size:340px 340px, 260px 260px}
.iip-hero .inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;max-width:1120px;margin:0 auto;padding:84px 32px}
.iip-kicker{color:#fff;font-weight:700;font-size:17px;letter-spacing:.01em}
.iip-hero .krule{width:100%;max-width:420px;height:1px;background:rgba(255,255,255,.45);margin:16px 0 22px}
.iip-hero h1{color:var(--gold);font-size:clamp(32px,4.2vw,52px);font-weight:700;line-height:1.12;text-transform:uppercase;letter-spacing:.01em}
.iip-hero .sub{color:#E4DEF2;margin-top:18px;font-size:17.5px;font-weight:500;max-width:48ch}
.iip-hero .brand{margin-top:44px;color:#fff}
.iip-hero .brand .nw{font-family:Georgia,'Times New Roman',serif;font-size:24px;letter-spacing:.02em}
.iip-hero .brand .bl{display:block;width:210px;height:1px;background:rgba(255,255,255,.6);margin:6px 0}
.iip-hero .brand .pj{font-size:13.5px;font-weight:600;letter-spacing:.04em;color:#D9D0EC}
.iip-hero figure{position:relative;margin:0}
.iip-hero figure img{display:block;width:100%;border-radius:14px;border:5px solid rgba(255,255,255,.92);box-shadow:0 30px 60px -22px rgba(0,0,0,.55)}
.iip-hero figcaption{margin-top:12px;color:#CBC0E4;font-size:13px;font-style:italic;text-align:right}
.iip-btn{display:inline-block;background:var(--gold);color:var(--nwp-deep);font-weight:700;font-size:14.5px;padding:14px 28px;border-radius:999px;transition:.15s;letter-spacing:.02em}
.iip-btn:hover{background:#fff;color:var(--nwp)}
.iip-btn.line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.iip-btn.line:hover{background:rgba(255,255,255,.12);color:#fff}

/* ---- Sections ---- */
.iip-sec{padding:76px 0}
.iip-sec h2{font-size:clamp(26px,3vw,36px);font-weight:700;margin-bottom:22px}
.iip-label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nwp);margin-bottom:10px}
.iip-page p{margin-bottom:16px}
.iip-page p:last-child{margin-bottom:0}

/* About + quote */
.iip-two{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start}
.iip-photo{margin:0}
.iip-photo .ph{border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -18px rgba(46,42,68,.4)}
.iip-photo img{display:block;width:100%}
.iip-photo figcaption{margin-top:10px;font-size:13.5px;font-style:italic;color:#7a7492}
.iip-quote{background:#fff;border-radius:16px;padding:38px 40px;box-shadow:0 18px 40px -20px rgba(46,42,68,.28);border-top:6px solid var(--gold)}
.iip-quote .qm{font-family:Georgia,serif;font-size:64px;line-height:.4;color:var(--gold-deep);display:block;margin-bottom:22px}
.iip-quote blockquote{font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:19.5px;line-height:1.65;color:var(--iip-ink)}
.iip-quote cite{display:block;margin-top:22px;font-style:normal}
.iip-quote cite b{display:block;color:var(--nwp);font-size:16px}
.iip-quote cite span{font-size:14px;color:#7a7492}

/* Why Israel */
.iip-why{background:var(--lavender);border-radius:20px;padding:52px 56px}
.iip-why h2{margin-bottom:4px}
.iip-why .tag{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nwp);margin-bottom:24px}
.iip-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px}
.iip-why-grid p{background:#fff;border-radius:12px;padding:20px 24px;margin:0;font-size:16px;box-shadow:0 8px 20px -14px rgba(46,42,68,.25)}
.iip-why-grid b{color:var(--nwp)}

/* Signature initiatives */
.iip-init{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:38px 0;border-top:1px solid var(--lav-line)}
.iip-init:first-of-type{border-top:none;padding-top:10px}
.iip-init h3{font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nwp);margin-bottom:14px}
.iip-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.iip-stats .st{background:var(--nwp);color:#fff;border-radius:999px;padding:9px 20px;font-weight:700;font-size:14px}
.iip-stats .st em{font-style:normal;color:var(--gold)}
.iip-speakers{margin-top:20px;border-radius:14px;background:#fff;box-shadow:0 12px 30px -18px rgba(46,42,68,.3);overflow:hidden}
.iip-speakers .sph{background:var(--nwp);color:#fff;font-weight:700;padding:13px 22px;font-size:15px}
.iip-speakers .spr{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:11px 22px;border-top:1px solid var(--lavender);font-size:15px;align-items:baseline}
.iip-speakers .spr .y{color:var(--gold-deep);font-weight:700}
.iip-speakers .spr b{color:var(--iip-ink)}
.iip-speakers .spr span{color:#7a7492}

/* Newsletter */
.iip-news{background:var(--nwp);border-radius:20px;padding:44px 52px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.iip-news::after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;transform:rotate(45deg);background:rgba(255,255,255,.05)}
.iip-news h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px}
.iip-news p{color:#D9D0EC;margin:0;font-size:15.5px;max-width:52ch}

/* Research & partnerships */
.iip-partners{background:#fff;border-top:1px solid var(--lav-line);border-bottom:1px solid var(--lav-line)}
.iip-pills{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 8px}
.iip-pills span{background:var(--lavender);color:var(--nwp);font-weight:700;font-size:14px;padding:10px 20px;border-radius:999px}
.iip-lists{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 56px;margin-top:44px}
.iip-list h3{font-size:14.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nwp);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--gold)}
.iip-list .li{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:8px 0;font-size:15.5px;align-items:baseline}
.iip-list .li .y{color:var(--gold-deep);font-weight:700}
.iip-list .li.noyr{grid-template-columns:16px 1fr}
.iip-list .li.noyr .y{color:var(--nwp)}

/* Map divider */
.iip-map{display:flex;align-items:center;justify-content:center;gap:18px;padding:56px 32px 8px}
.iip-map .city{font-weight:700;color:var(--nwp);font-size:15px;white-space:nowrap}
.iip-map .dotline{flex:0 1 420px;border-top:5px dotted var(--nwp);opacity:.55}
.iip-map .pt{width:16px;height:16px;border-radius:50%;background:var(--nwp);flex:0 0 auto}

/* Connect */
.iip-connect{background:var(--nwp-deep);position:relative;overflow:hidden}
.iip-connect::before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg, rgba(255,255,255,.035) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.035) 50%, rgba(255,255,255,.035) 75%, transparent 75%);background-size:300px 300px}
.iip-connect .inner{position:relative;max-width:1120px;margin:0 auto;padding:72px 32px}
.iip-connect h2{color:#fff;font-size:clamp(24px,2.8vw,34px);font-weight:700;margin-bottom:34px}
.iip-people{display:grid;grid-template-columns:repeat(2,minmax(240px,380px));gap:22px}
.iip-person{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:26px 30px}
.iip-person b{display:block;color:#fff;font-size:18px}
.iip-person .role{color:var(--gold);font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 10px}
.iip-person a{color:#D9D0EC;font-size:15px}
.iip-person a:hover{color:#fff}
.iip-org{margin-top:34px;color:#C9BFE2;font-size:15px;line-height:1.9}
.iip-org a{color:var(--gold);font-weight:700}
.iip-org a:hover{color:#fff}

@media(max-width:920px){
  .iip-hero .inner{grid-template-columns:1fr;gap:44px;padding:64px 28px}
  .iip-two{grid-template-columns:1fr;gap:44px}
  .iip-why{padding:36px 28px}
  .iip-why-grid{grid-template-columns:1fr}
  .iip-init{grid-template-columns:1fr;gap:28px}
  .iip-news{grid-template-columns:1fr;padding:36px 30px}
  .iip-lists{grid-template-columns:1fr}
  .iip-people{grid-template-columns:1fr}
  .iip-map .dotline{flex-basis:120px}
}