:root{--ink:#111827;--paper:#f4f1ea;--red:#d9272e;--blue:#163a6b;--muted:#6b7280;--line:#d7d1c5;--white:#fff;--shadow:0 18px 55px rgba(17,24,39,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Hebrew",sans-serif}
a{color:inherit}.hero{min-height:620px;background:linear-gradient(125deg,#064394,#005bbb 60%,#2374cf);color:white;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:65px auto 0 -4vw;width:clamp(320px,62vw,1000px);background:url("/flag-waving.svg") left center/contain no-repeat;opacity:.16;pointer-events:none}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);border-bottom:1px solid rgba(255,255,255,.18);position:relative;z-index:1}.brand{text-decoration:none;font-weight:800;font-size:20px}.credit{font-family:monospace;direction:ltr}
.hero-content{max-width:1200px;margin:auto;padding:95px clamp(24px,6vw,90px) 70px;position:relative;z-index:1}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--red);margin:0 0 16px}.hero .eyebrow{color:#ff7278}.hero h1{font-size:clamp(52px,8vw,106px);line-height:.94;margin:0;letter-spacing:-.055em}.hero h1 span{font-weight:400;color:#dbe8f8}.intro{font-size:clamp(18px,2vw,25px);max-width:710px;line-height:1.55;margin:30px 0 0;color:#e5e7eb}
.stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:48px}.stat{padding-inline-start:18px;border-inline-start:3px solid var(--red)}.stat strong{display:block;font-size:30px}.stat span{color:#cbd5e1;font-size:13px}
main{max-width:1500px;margin:auto}.chapters,.browse{padding:90px clamp(20px,5vw,72px)}.section-heading h2,.browse h2{font-size:clamp(38px,5vw,68px);margin:0;letter-spacing:-.04em}
.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.chapter{border:1px solid var(--line);background:rgba(255,255,255,.45);min-height:300px;padding:28px;display:flex;flex-direction:column;cursor:pointer;transition:.25s}.chapter:hover{transform:translateY(-5px);background:white;box-shadow:var(--shadow)}.chapter .num{font:700 60px/1 Arial;color:var(--red)}.chapter h3{font-size:27px;line-height:1.12;margin:40px 0 14px}.chapter p{color:var(--muted);line-height:1.5;margin:0}.chapter .count{margin-top:auto;padding-top:24px;font-weight:700}
.browse{border-top:1px solid var(--line);background:#fbfaf7}.browse-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.result-count{color:var(--muted);font-weight:700}
.filters{display:grid;grid-template-columns:2fr repeat(6,1fr) auto;gap:10px;margin-top:38px;padding:16px;background:#e9e5dc;border:1px solid var(--line)}.filters label span{display:block;font-size:11px;font-weight:800;color:#4b5563;margin:0 3px 6px}.filters input,.filters select{width:100%;height:44px;border:1px solid #c9c2b5;background:white;padding:0 12px;font:inherit;color:var(--ink)}.clear{align-self:end;height:44px;border:0;background:var(--blue);color:white;padding:0 18px;font-weight:700;cursor:pointer}.active-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{background:#e0e8f2;color:var(--blue);padding:7px 11px;border-radius:999px;font-size:13px}
.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.event-card{background:white;border:1px solid #ded8cc;min-height:330px;display:flex;flex-direction:column;cursor:pointer;transition:.22s;position:relative;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.event-visual{height:150px;background:linear-gradient(145deg,var(--blue),#315f93);background-size:cover;background-position:center;position:relative}.event-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,18,32,.4))}.event-card:nth-child(5n+2) .event-visual:not([style]){background:linear-gradient(145deg,#7f1d1d,var(--red))}.event-card:nth-child(5n+3) .event-visual:not([style]){background:linear-gradient(145deg,#243329,#526d55)}
.date-badge{position:absolute;top:12px;right:14px;background:white;color:var(--ink);padding:6px 9px;font-weight:800;font-size:13px;z-index:1}.card-body{padding:20px;display:flex;flex-direction:column;flex:1}.meta{font-size:12px;color:var(--red);font-weight:800}.event-card h3{font-size:21px;line-height:1.2;margin:12px 0}.place{color:var(--muted);margin:0}.media-count{display:flex;gap:16px;margin-top:auto;padding-top:18px;font-size:13px;font-weight:700;color:#4b5563}.load-more{display:block;margin:32px auto 0;background:transparent;border:1px solid var(--ink);padding:14px 28px;font:700 15px Arial;cursor:pointer}.load-more:hover{background:var(--ink);color:white}
dialog{width:min(1100px,calc(100% - 28px));max-height:92vh;border:0;padding:0;background:#fff;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(7,16,30,.76)}.dialog-close{position:absolute;left:18px;top:12px;border:0;background:none;font-size:34px;cursor:pointer;z-index:2}.dialog-inner{padding:54px 44px 40px}.dialog-inner .date{color:var(--red);font-weight:800}.dialog-inner h2{font-size:42px;line-height:1.05;margin:14px 0}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.dialog-tags span{background:#eef2f7;padding:7px 10px;font-size:13px}.drive-link{display:inline-block;margin-top:22px;background:var(--blue);color:white;text-decoration:none;padding:13px 18px;font-weight:700}
.media-loading{padding:30px 0;color:var(--muted)}.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.media-item{border:0;padding:0;background:#e5e7eb;position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;text-align:right;color:inherit}.media-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.media-item:hover img{transform:scale(1.035)}.media-item span{position:absolute;inset:auto 0 0;padding:28px 9px 8px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:white;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:var(--red);font-style:normal;font-size:20px}.video-viewer{position:fixed;z-index:1000;inset:0;background:rgba(4,10,20,.94);display:grid;place-items:center;padding:30px}.video-viewer>div{width:min(1000px,100%)}.video-viewer h3{color:white}.video-viewer iframe{width:100%;aspect-ratio:16/9;border:0;background:black}.video-viewer>button{position:absolute;top:18px;left:24px;background:none;border:0;color:white;font-size:42px;cursor:pointer}
footer{padding:42px clamp(24px,6vw,90px);background:#101827;color:#cbd5e1;display:flex;justify-content:space-between;gap:20px}footer p{margin:0}
#mediaMigrationStatus:not([hidden]){position:fixed;z-index:10000;inset:auto 50% 18px auto;transform:translateX(50%);width:min(720px,calc(100% - 28px));padding:14px 18px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#111827;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.3);text-align:center;font-size:14px;line-height:1.5}
@media(max-width:1100px){.filters{grid-template-columns:repeat(4,1fr)}.search-wrap{grid-column:span 2}.event-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero{min-height:570px}.chapter-grid{grid-template-columns:1fr}.chapter{min-height:230px}.event-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.browse-head{align-items:start;flex-direction:column}.chapters,.browse{padding-top:64px;padding-bottom:64px}.dialog-inner{padding:52px 24px 28px}.media-gallery{grid-template-columns:1fr 1fr}footer{flex-direction:column}}
@media(max-width:480px){.event-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.stats{gap:18px}.filters{grid-template-columns:1fr}.filters .search-wrap{grid-column:auto}.topbar{height:68px}.hero-content{padding-top:70px}}
.event-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.event-visual:has(img):after{pointer-events:none}.date-badge{z-index:2}.video-viewer video{display:block;width:min(1000px,100%);max-height:78vh;background:#000}.image-viewer{position:fixed;z-index:1001;inset:0;background:rgba(4,10,20,.96);display:grid;place-items:center;padding:30px}.image-viewer figure{margin:0;max-width:min(1500px,100%);max-height:90vh;text-align:center}.image-viewer img{display:block;max-width:100%;max-height:82vh;object-fit:contain}.image-viewer figcaption{color:#fff;padding:12px}.image-viewer>button{position:absolute;top:18px;left:24px;background:none;border:0;color:white;font-size:42px;cursor:pointer}