:root{
  --bg:#0b1016;--bg2:#111821;--paper:#f4f0e8;--ink:#17191d;
  --gold:#c5a46d;--gold2:#ead7b4;--muted:#9ea7b1;--line:rgba(255,255,255,.12);
  --radius:28px;--shadow:0 28px 70px rgba(0,0,0,.25)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.65}
button,a,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.hero{min-height:100svh;position:relative;display:flex;flex-direction:column;overflow:hidden;background:#111}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,11,.82) 0%,rgba(5,8,11,.46) 46%,rgba(5,8,11,.16) 74%),linear-gradient(180deg,rgba(4,7,10,.18),rgba(4,7,10,.18) 40%,rgba(4,7,10,.83) 92%,var(--bg))}
.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none}.brand span{color:#d85d65}.nav-links{display:flex;gap:22px}.nav-links a{color:rgba(255,255,255,.86);text-decoration:none;font-size:.91rem}.nav-links a:hover{color:#fff}.menu-btn{display:none;background:transparent;border:0;color:#fff;font-size:1.5rem}
.hero-content{position:relative;z-index:2;margin-top:auto;padding-bottom:13vh;max-width:900px;margin-right:max(0px,calc((100vw - 1180px)/2));margin-left:auto}.eyebrow,.kicker{letter-spacing:.13em;text-transform:uppercase;font-size:.76rem;color:var(--gold2);font-weight:700}.hero h1{font-size:clamp(3.8rem,9vw,8.1rem);line-height:.93;margin:.15em 0 .11em;letter-spacing:-.045em}.dates{font-size:1rem;letter-spacing:.08em;color:rgba(255,255,255,.74);margin:0 0 19px}.dates span{color:var(--gold);padding:0 8px}.hero-quote{margin:0 0 30px;padding:0 18px 0 0;border-right:2px solid var(--gold);font-size:clamp(1.15rem,2vw,1.48rem);line-height:1.65;max-width:650px;color:#fff}.scroll-cue{position:absolute;z-index:3;bottom:24px;left:28px;color:rgba(255,255,255,.75);text-decoration:none;font-size:.82rem;display:flex;gap:10px;align-items:center}
.primary,.secondary,.text-btn{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.primary{background:var(--paper);color:var(--ink);padding:13px 20px;border-radius:999px;font-weight:700;transition:.2s}.primary:hover{transform:translateY(-1px)}.secondary{background:transparent;color:#fff;border:1px solid var(--line);padding:11px 18px;border-radius:999px}.secondary:hover{border-color:rgba(255,255,255,.35)}.text-btn{background:none;color:var(--gold2);padding:0;font-weight:700}
.section{padding:108px 0}.section h2{font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.06;letter-spacing:-.04em;margin:.1em 0 .45em}.lead{font-size:1.32rem;line-height:1.65;max-width:760px}.lead.small{font-size:1.08rem}.muted{color:var(--muted)}.section-next-wrap{display:flex;justify-content:center;margin-top:54px}.section-next{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.82);text-decoration:none;font-weight:700;font-size:.9rem;transition:.2s ease}.section-next:hover{color:#fff;border-color:rgba(255,255,255,.38);transform:translateY(1px)}.section-next span{font-size:1.05rem}.section-next-dark{color:#3e3a34;border-color:rgba(19,24,29,.18)}.section-next-dark:hover{color:#11161c;border-color:rgba(19,24,29,.38)}
.about{background:var(--paper);color:var(--ink)}.about .kicker{color:#826b45}.about-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:72px;align-items:center}.about p:not(.kicker){max-width:720px}.portrait-card{margin:0;position:relative}.portrait-card img{width:100%;max-height:650px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.portrait-card figcaption{position:absolute;bottom:18px;right:18px;background:rgba(12,15,19,.76);color:#fff;padding:8px 12px;border-radius:999px;font-size:.8rem;backdrop-filter:blur(10px)}
.guy-things{background:linear-gradient(180deg,#0d131a,#101821)}.section-title-center{text-align:center;max-width:830px;margin:0 auto 48px}.thing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.thing-card{border:1px solid var(--line);border-radius:26px;padding:28px;background:radial-gradient(circle at 90% 5%,rgba(197,164,109,.16),transparent 37%),rgba(255,255,255,.032);min-height:300px}.thing-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(229,207,170,.24);color:var(--gold2);font-size:1.25rem}.thing-card h3{font-size:1.35rem;margin:24px 0 10px}.thing-card p{color:#c6cdd4;margin:0}
.stories{background:var(--paper);color:var(--ink)}.stories .kicker{color:#826b45}.stories .lead{color:#54514b}.stories .secondary{color:var(--ink);border-color:rgba(19,24,29,.20)}.stories .secondary:hover{border-color:rgba(19,24,29,.42)}.stories .text-btn{color:#8a6f41}.stories .story-card.featured .text-btn{color:var(--gold2)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:44px}.story-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:18px}.story-card{min-height:315px;border:1px solid rgba(18,23,29,.12);border-radius:var(--radius);padding:28px;background:rgba(255,255,255,.55);display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(45,37,24,.06)}.story-card.featured{background:linear-gradient(145deg,#27231d,#15191f);color:#fff;border-color:rgba(255,255,255,.08)}.story-card h3{font-size:1.55rem;margin:24px 0 10px}.story-card p{color:#5f5b54}.story-card.featured p{color:#d7dadd}.story-meta{display:flex;justify-content:space-between;color:#7d766c;font-size:.78rem}.story-card.featured .story-meta{color:#aeb5bd}.story-card .text-btn{margin-top:auto}.quote-card{justify-content:center}.quote-card p{font-size:1.45rem;color:var(--ink)}.quote-card span{color:#7d766c}.quote-mark{font-size:5rem;line-height:.6;color:var(--gold)}.empty-story{border-style:dashed}.plus-big{font-size:3.5rem;line-height:1;color:var(--gold)}
.inside-jokes{background:linear-gradient(180deg,#11171e,#0c1117)}.inside-head .lead{max-width:760px;margin-bottom:0}.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.inside-card{min-height:285px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;background:radial-gradient(circle at 85% 5%,rgba(197,164,109,.13),transparent 35%),rgba(255,255,255,.035)}.inside-card:nth-child(2){transform:translateY(18px)}.inside-card h3{font-size:1.55rem;line-height:1.25;margin:22px 0 10px}.inside-card p{color:#c8ced5;margin:0}.inside-type{align-self:flex-start;border:1px solid rgba(229,207,170,.28);color:var(--gold2);padding:6px 11px;border-radius:999px;font-size:.76rem;font-weight:700}.inside-action{margin-top:auto;padding-top:24px}
.memory{padding-top:76px;background:var(--paper);color:var(--ink)}.memory .kicker{color:var(--gold2)}.memory-box{border-radius:40px;background:radial-gradient(circle at 80% 10%,rgba(197,164,109,.25),transparent 34%),linear-gradient(145deg,#1b232c,#11161d);padding:60px;text-align:center;border:1px solid var(--line);color:#fff}.memory-box .kicker{color:var(--gold2)}.memory-box h2{margin-bottom:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}.memory-box p{color:#d7dce1}.memory-box .primary{margin-top:16px}
.gallery{background:#11171e}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{background:transparent;color:#d8dde2;border:1px solid var(--line);border-radius:999px;padding:8px 13px}.chip.active{background:#fff;color:#111}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:12px}.photo{border:0;padding:0;overflow:hidden;border-radius:18px;background:#222;cursor:zoom-in;position:relative}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo:hover img{transform:scale(1.035)}.photo.tall{grid-row:span 2}.photo.wide{grid-column:span 2}
.videos{background:var(--paper);color:var(--ink)}.videos .kicker{color:#826b45}.videos .secondary{color:var(--ink);border-color:rgba(19,24,29,.20)}.videos .secondary:hover{border-color:rgba(19,24,29,.42)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.video-placeholder{aspect-ratio:16/9;border-radius:var(--radius);background:linear-gradient(145deg,#171b20,#29313a);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(0,0,0,.08)}.play{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;padding-right:3px}.video-placeholder span{color:#aeb6bf;font-size:.85rem}
.voices{background:#0c1015}.voices-head{margin-bottom:32px}.voices-head .lead{max-width:720px;margin-bottom:0}.voices-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.voices blockquote{margin:0;padding:30px;border-right:2px solid var(--gold);background:rgba(255,255,255,.035);border-radius:0 20px 20px 0;font-size:1.25rem}.final-note{padding:82px 0;background:var(--paper);color:var(--ink)}.final-note-inner{text-align:center;max-width:720px}.heart-mark{font-size:2rem;color:#d85d65}.final-note p{font-size:1.2rem;color:#5f5b54}
footer{border-top:1px solid var(--line);padding:28px 0;color:#aeb5bd}.footer-inner{display:flex;justify-content:space-between;gap:16px;font-size:.85rem}
dialog{width:min(720px,calc(100% - 28px));border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#151b22;color:#fff;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.memory-form,.story-full{padding:34px;position:relative}.memory-form h2,.story-full h2{font-size:2rem}.memory-form label{display:block;margin:18px 0;color:#cbd0d6}.memory-form input,.memory-form textarea,.memory-form select{width:100%;margin-top:7px;background:#0e1319;border:1px solid var(--line);border-radius:14px;color:#fff;padding:13px}.close{position:absolute;left:18px;top:16px;background:transparent;color:#fff;border:0;font-size:2rem;cursor:pointer}.dialog-intro{color:#b9c0c8;margin-top:-4px}.form-note{font-size:.75rem;color:#8f98a2;margin-bottom:0}
.lightbox{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(1100px,100%);max-height:88vh;border-radius:18px}.lightbox button{position:absolute;top:18px;left:22px;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.8rem}
@media (max-width:1000px){.thing-grid{grid-template-columns:1fr 1fr}.nav-links{gap:14px}.nav-links a{font-size:.84rem}}
@media (max-width:900px){.nav-links{display:none;position:absolute;top:70px;right:0;left:0;background:rgba(10,14,18,.94);padding:18px;border-radius:18px;flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.hero-shade{background:linear-gradient(180deg,rgba(5,8,11,.16),rgba(5,8,11,.24) 42%,rgba(5,8,11,.9) 90%,var(--bg))}.hero-content{margin-right:auto;margin-left:auto}.about-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr 1fr}.story-card.featured{grid-column:span 2}.photo-grid{grid-template-columns:repeat(2,1fr)}.voices-track{grid-template-columns:1fr}.inside-grid{grid-template-columns:1fr 1fr}.inside-card:last-child{grid-column:span 2}.inside-card:nth-child(2){transform:none}}
@media (max-width:620px){.shell{width:min(100% - 26px,1180px)}.section{padding:76px 0}.section-next-wrap{margin-top:38px}.hero{min-height:96svh}.hero-bg{object-position:center 15%}.hero-content{padding-bottom:13vh}.hero h1{font-size:3.5rem}.hero-quote{font-size:1.03rem;max-width:95%}.scroll-cue{display:none}.about-grid{gap:36px}.section-head{align-items:flex-start;flex-direction:column}.thing-grid{grid-template-columns:1fr}.thing-card{min-height:220px}.story-grid{grid-template-columns:1fr}.story-card.featured{grid-column:auto}.inside-grid{grid-template-columns:1fr}.inside-card:last-child{grid-column:auto}.inside-card{min-height:245px}.memory-box{padding:42px 20px;border-radius:28px}.photo-grid{grid-auto-rows:150px;gap:8px}.photo.wide{grid-column:span 2}.video-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.voices blockquote{font-size:1.05rem}}


/* Standalone media submissions */
.media-upload-btn{margin-top:18px}
.media-selection-list{display:grid;gap:10px;margin:2px 0 14px}
.media-selection-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045)}
.media-selection-item>div{display:grid;gap:5px;min-width:0}
.media-selection-item small{opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}
.media-selection-item input{margin-top:4px}
.media-index{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(211,175,112,.14);color:#d8bd87;font-weight:700}
.pending-pill{font-size:.78rem;padding:6px 8px;border-radius:999px;background:rgba(211,175,112,.11);color:#d8bd87;white-space:nowrap}
.strong-note{color:#e7d4ad!important;opacity:1!important}
@media(max-width:620px){.media-selection-item{grid-template-columns:auto 1fr}.pending-pill{grid-column:2;justify-self:start}}


/* Media downloads */
.media-download{position:absolute;left:10px;bottom:10px;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(8,11,15,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-size:1.25rem;line-height:1;opacity:.86;transition:.2s ease;z-index:3}
.media-download:hover{opacity:1;transform:translateY(-1px);background:rgba(8,11,15,.9)}
.lightbox-download{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:11px 18px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:700;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.video-download-demo{margin-top:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#cbd2d9;border-radius:999px;padding:9px 14px;font:inherit;opacity:.65}
@media(max-width:620px){.media-download{width:36px;height:36px;left:8px;bottom:8px}.lightbox-download{bottom:18px;white-space:nowrap}}


/* V9: category selector for each media item; existing look preserved */
.inline-media-label{display:grid;gap:6px;margin-top:10px;font-size:.82rem;color:#aeb7c0}.inline-media-label select{width:100%;background:#0f151b;color:#eef2f5;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 12px}.photo[hidden]{display:none!important}


/* V11 — cumulative media picker: every selection appends 1, 2, 3... until submit */
.media-picker-wrap{display:grid;gap:8px;margin:20px 0 14px}.media-pick-button{width:100%;min-height:58px;border:1px dashed rgba(229,207,170,.34);border-radius:16px;background:rgba(211,175,112,.07);color:#f2e7d2;font:inherit;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s ease}.media-pick-button:hover{background:rgba(211,175,112,.12);border-color:rgba(229,207,170,.55);transform:translateY(-1px)}.media-pick-button span{font-size:1.35rem;color:#d8bd87}.media-pick-button b{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#d8bd87;color:#12171d;font-size:.78rem}.media-pick-hint{margin:0;color:#8f98a2;font-size:.78rem;line-height:1.5}.media-selection-main{display:grid!important;gap:8px!important}.media-selection-top{display:flex;align-items:center;gap:10px;min-width:0}.media-file-copy{display:grid;gap:3px;min-width:0}.media-mini-preview{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#090d12;border:1px solid rgba(255,255,255,.1);flex:0 0 auto}.media-item-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.media-remove-btn{border:1px solid rgba(255,255,255,.12);background:transparent;color:#b7bec6;border-radius:999px;padding:6px 9px;font:inherit;font-size:.72rem;cursor:pointer}.media-remove-btn:hover{color:#fff;border-color:rgba(255,255,255,.28)}
@media(max-width:620px){.media-selection-item{align-items:start}.media-item-actions{grid-column:2;flex-direction:row;align-items:center;justify-self:start}.media-mini-preview{width:52px;height:52px}}


/* V12 — יציאה חופשית מטופס המדיה + שליחה זמינה רק כשנבחר קובץ */
#mediaSubmitButton:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:saturate(.45)}


/* V13 — סרגל ניווט קבוע, תצוגת תמונות קצרה בעמוד הראשי וגלריה מלאה בעמוד נפרד */
html{scroll-padding-top:94px}
.nav{
  position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100;
  padding:20px 4px;transition:background .25s ease,box-shadow .25s ease,padding .25s ease,border-color .25s ease;
}
.nav.scrolled,.gallery-page .nav{
  margin-top:10px;padding:12px 18px;
  background:rgba(9,13,18,.86);border:1px solid rgba(255,255,255,.10);border-radius:18px;
  box-shadow:0 14px 38px rgba(0,0,0,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.nav-links a.active{color:#fff;position:relative}.nav-links a.active:after{content:"";position:absolute;right:0;left:0;bottom:-7px;height:2px;background:var(--gold);border-radius:999px}

.gallery-preview .section-head{align-items:end}
.gallery-preview .section-head>div:first-child{max-width:760px}
.gallery-preview .all-photos-btn{margin-top:18px;margin-left:8px}
.gallery-preview .photo-grid{transition:opacity .28s ease,transform .28s ease}
.gallery-preview .photo-grid.is-changing{opacity:.18;transform:translateY(3px)}
.gallery-preview .photo{grid-row:auto!important;grid-column:auto!important;aspect-ratio:4/3;min-height:0}
.gallery-preview:not(.preview-ready) .photo:nth-child(n+13){display:none!important}
.gallery-preview.preview-ready .photo:not(.preview-visible){display:none!important}
.gallery-preview .photo.preview-visible{animation:galleryPreviewIn .45s ease both}
.gallery-preview-actions{display:flex;justify-content:center;margin-top:32px}
@keyframes galleryPreviewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.gallery-page{background:#11171e;min-height:100vh}
.full-gallery{padding-top:142px;min-height:calc(100vh - 90px)}
.gallery-page-title{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1;margin:.12em 0 .25em;letter-spacing:-.045em}
.gallery-page-back{margin-bottom:24px}.gallery-page-back a{color:#b9c1c9;text-decoration:none;font-size:.9rem}.gallery-page-back a:hover{color:#fff}
.gallery-page-actions{margin-top:18px}
.full-gallery .filters{max-width:520px;justify-content:flex-start}

@media(max-width:900px){
  .nav{width:min(100% - 24px,1180px);padding:14px 10px}
  .nav.scrolled,.gallery-page .nav{padding:10px 14px;margin-top:8px}
  .nav-links{top:calc(100% + 8px);right:0;left:0;margin:0;background:rgba(10,14,18,.97);box-shadow:0 16px 40px rgba(0,0,0,.28)}
  .gallery-preview:not(.preview-ready) .photo:nth-child(n+9){display:none!important}
  .full-gallery{padding-top:122px}
}
@media(max-width:620px){
  html{scroll-padding-top:78px}
  .gallery-preview .photo{aspect-ratio:1/1}
  .gallery-preview-actions{margin-top:24px}
  .gallery-preview .all-photos-btn{margin-left:5px}
  .full-gallery{padding-top:108px}
  .gallery-page-title{font-size:3rem}
}


/* V14 — ניווט RTL: כל פריטי הסרגל מתחילים מצד ימין */
.nav{justify-content:flex-start;gap:28px;direction:rtl}
.nav .brand{flex:0 0 auto}
.nav-links{justify-content:flex-start;align-items:center;margin:0}
@media(max-width:900px){.menu-btn{margin-right:auto}.nav-links{align-items:flex-start;text-align:right}.nav-links a{width:100%;text-align:right}}

/* V15 — סרטונים: autoplay מושתק, שתי שורות בלבד, שליטת סאונד יחידה ותצוגה מוגדלת */
.video-section-head{align-items:end}
.video-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:34px;
}
.video-grid>.memory-video-card:nth-child(n+9),
.video-grid>.video-placeholder:nth-child(n+9){display:none}
.memory-video-card{
  position:relative;overflow:hidden;border-radius:20px;background:#0d1218;
  aspect-ratio:4/5;border:1px solid rgba(0,0,0,.10);box-shadow:0 12px 34px rgba(45,37,24,.08);
  cursor:pointer;isolation:isolate;min-width:0;
}
.memory-video-card video{
  width:100%;height:100%;display:block;object-fit:cover;background:#0b1016;
}
.memory-video-card::after{
  content:"";position:absolute;inset:auto 0 0;height:38%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(4,7,10,.78));z-index:1;
}
.video-card-title{
  position:absolute;right:12px;left:56px;bottom:12px;z-index:3;color:#fff;
  font-weight:800;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.video-sound-btn{
  position:absolute;left:10px;bottom:10px;z-index:5;width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);background:rgba(8,11,15,.72);color:#fff;
  display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-size:1.05rem;line-height:1;transition:.18s ease;
}
.video-sound-btn:hover,.video-sound-btn[aria-pressed="true"]{background:rgba(8,11,15,.93);border-color:rgba(255,255,255,.42)}
.video-sound-btn:focus-visible,.memory-video-card:focus-visible{outline:3px solid rgba(197,164,109,.65);outline-offset:3px}
.video-card-open-hint{
  position:absolute;top:10px;right:10px;z-index:4;padding:6px 9px;border-radius:999px;
  background:rgba(8,11,15,.62);color:rgba(255,255,255,.88);font-size:.68rem;backdrop-filter:blur(8px);
}
.video-behavior-note{display:flex;align-items:center;gap:8px;margin-top:14px;color:#6f6a61;font-size:.8rem}
.video-placeholder{aspect-ratio:4/5;min-height:0;padding:22px;text-align:center}
.video-placeholder .play{width:54px;height:54px}

.video-lightbox{width:min(1040px,calc(100% - 24px));max-width:none;border:0;padding:0;border-radius:24px;background:#070a0e;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.video-lightbox::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.video-lightbox-inner{position:relative;padding:12px}
.video-lightbox video{display:block;width:100%;max-height:76vh;object-fit:contain;background:#000;border-radius:16px}
.video-lightbox-close{position:absolute;left:22px;top:22px;z-index:4;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(8,11,15,.76);color:#fff;font-size:1.7rem;cursor:pointer}
.video-lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 6px 4px}
.video-lightbox-download{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 13px;font-size:.82rem}

@media(max-width:1000px){
  .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .video-grid>.memory-video-card:nth-child(n+7),
  .video-grid>.video-placeholder:nth-child(n+7){display:none}
}
@media(max-width:620px){
  .video-section-head{align-items:flex-start}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:26px}
  .video-grid>.memory-video-card:nth-child(n+5),
  .video-grid>.video-placeholder:nth-child(n+5){display:none}
  .memory-video-card,.video-placeholder{aspect-ratio:9/14;border-radius:16px}
  .video-sound-btn{width:40px;height:40px;left:8px;bottom:8px}
  .video-card-title{right:9px;left:54px;bottom:10px;font-size:.76rem}
  .video-card-open-hint{font-size:.62rem;top:8px;right:8px}
  .video-behavior-note{font-size:.75rem;line-height:1.45}
  .video-lightbox{width:calc(100% - 14px);border-radius:18px}
  .video-lightbox-inner{padding:8px}
  .video-lightbox video{max-height:74svh;border-radius:12px}
  .video-lightbox-footer{align-items:flex-start;flex-direction:column;padding:12px 4px 4px}
  .video-lightbox-close{left:14px;top:14px}
}


/* V17 — סיפורים וזיכרונות מתחלפים + הפרדה ברורה מ"כמה מילים" */
.story-rotator{position:relative;min-height:330px;margin-top:12px}
.story-rotator .story-slide{display:none;min-height:330px;width:100%;animation:storyFadeIn .55s ease both}
.story-rotator .story-slide.is-active{display:flex}
.story-actions,.memory-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.story-actions{justify-content:flex-start}
.story-all-link{color:var(--ink)!important;border-color:rgba(19,24,29,.20)!important}
.memory-intro{max-width:760px;margin:0 auto 22px;color:#cbd1d7!important}
.memory-rotator{max-width:850px;margin:0 auto;min-height:122px;display:grid;place-items:center;padding:20px 18px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.memory-rotating-text{font-size:clamp(1.25rem,2.4vw,1.85rem);line-height:1.65;margin:0!important;color:#fff!important;transition:opacity .23s ease,transform .23s ease}
.memory-rotating-text.is-changing{opacity:0;transform:translateY(5px)}
.memory-actions{justify-content:center;margin-top:24px}
.memory-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18);padding:13px 20px;border-radius:999px;font-weight:700;cursor:pointer}
.memory-secondary:hover{border-color:rgba(255,255,255,.38)}
.voices-track blockquote{font-weight:700}
@keyframes storyFadeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.collection-page{background:#0d131a;min-height:100vh}
.collection-main{padding-top:138px;padding-bottom:90px}
.collection-hero{margin-bottom:34px}
.collection-back{display:inline-block;margin-bottom:22px;color:#b9c1c9;text-decoration:none;font-size:.9rem}
.collection-page-title{font-size:clamp(2.7rem,6vw,5.2rem);line-height:1;margin:.12em 0 .25em;letter-spacing:-.045em}
.collection-intro{max-width:760px;color:#c5ccd4;font-size:1.08rem}
.collection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.collection-card{border:1px solid var(--line);border-radius:26px;padding:28px;background:rgba(255,255,255,.035)}
.collection-card h2,.collection-card h3{margin:.25em 0 .55em;line-height:1.25}
.collection-card p{color:#cbd1d7}
.collection-card .story-meta{color:#9ba5ae}
.collection-card.memory-card{min-height:190px;display:flex;align-items:center;font-size:1.2rem}
.collection-card.add-card{border-style:dashed;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.collection-page footer{margin-top:0}
@media(max-width:900px){.collection-main{padding-top:118px}.collection-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .story-rotator{min-height:0}.story-rotator .story-slide{min-height:300px}
  .story-actions,.memory-actions{width:100%}.story-actions>* ,.memory-actions>*{justify-content:center;flex:1 1 160px}
  .memory-rotator{min-height:150px;padding-inline:4px}.memory-box{padding:38px 18px}
  .collection-main{padding-top:102px;padding-bottom:68px}.collection-page-title{font-size:3rem}.collection-card{padding:22px}
}


/* V18 — ניווט בדיחות וכינויים */
.inside-joke-rotator{position:relative;max-width:820px;min-height:300px;margin:38px auto 0}
.inside-joke-rotator .joke-slide{display:none;min-height:300px;transform:none!important;animation:jokeSlideIn .35s ease both}
.inside-joke-rotator .joke-slide.is-active{display:flex}
.inside-joke-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.inside-joke-nav{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-weight:700;cursor:pointer}
.inside-joke-nav:hover{border-color:rgba(255,255,255,.38)}
.inside-joke-dots{display:flex;gap:7px;align-items:center}
.inside-joke-dot{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22);transition:transform .2s ease,background .2s ease}
.inside-joke-dot.is-active{background:var(--gold2);transform:scale(1.35)}
.inside-joke-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.inside-joke-actions .secondary{color:#fff}
.joke-collection-card{min-height:220px}
.joke-collection-card .inside-type{margin-bottom:16px}
@keyframes jokeSlideIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:620px){
  .inside-joke-rotator{min-height:270px;margin-top:28px}
  .inside-joke-rotator .joke-slide{min-height:270px}
  .inside-joke-controls{justify-content:space-between}
  .inside-joke-nav{padding-inline:14px}
  .inside-joke-actions{flex-direction:column}
  .inside-joke-actions>*{width:100%;justify-content:center;text-align:center}
}

/* V19 — keep three visible preview cards on the home page */
.story-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.story-preview-grid .story-card{height:100%}
.inside-jokes .inside-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.inside-jokes .inside-card{display:flex;flex-direction:column;min-height:260px}
.inside-jokes .inside-action{margin-top:auto}
@media(max-width:860px){
  .story-preview-grid{grid-template-columns:1fr}
  .inside-jokes .inside-grid{grid-template-columns:1fr}
  .inside-jokes .inside-card{min-height:0}
}

/* V20 — זיכרונות מתחלפים באופן רציף + עמוד כל הסרטונים */
.video-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.video-library-wrap{margin-top:34px}
.video-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.video-empty-state{min-height:320px;border:1px dashed rgba(255,255,255,.16);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:#fff;background:rgba(255,255,255,.025)}
.video-empty-state[hidden]{display:none}
.video-empty-state .play{background:rgba(255,255,255,.95);margin-bottom:10px}
.video-empty-state h2{margin:.3em 0 .4em;font-size:clamp(1.5rem,3vw,2.2rem)}
.video-empty-state p{margin:0;color:#aeb6bf}
@media(max-width:1000px){.video-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.video-head-actions{width:100%}.video-head-actions>*{flex:1 1 150px;text-align:center}.video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-empty-state{min-height:280px;border-radius:20px;padding:26px 18px}}

/* V21 — align video section actions at exactly the same height */
.video-head-actions .secondary{
  min-height:46px;
  padding:11px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
  margin:0;
}
.video-head-actions .media-upload-btn{margin-top:0}
@media(max-width:620px){
  .video-head-actions .secondary{min-height:48px}
}


/* V24 — שיתוף האתר וקוד QR מתוך מסך הפתיחה. */
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-share,.hero-qr{min-height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,12,16,.26);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;font:inherit;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s,border-color .2s,background .2s}
.hero-share{padding:12px 18px}.hero-qr{width:48px;padding:0;font-size:.78rem;letter-spacing:.04em}
.hero-share:hover,.hero-qr:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.10)}
.share-dialog{width:min(620px,calc(100% - 28px));overflow:visible}
.share-panel{position:relative;padding:34px}
.share-panel h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;margin:.25em 0 .45em}
.share-intro{color:#b9c0c8;margin:0 0 24px;line-height:1.65}
.share-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.share-action{min-width:0;min-height:112px;border-radius:20px;border:1px solid rgba(255,255,255,.13);background:#0e141b;color:#fff;padding:16px 13px;cursor:pointer;text-align:right;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;transition:border-color .2s,transform .2s,background .2s}
.share-action:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3);background:#121a23}.share-action.primary-share{background:linear-gradient(145deg,#c9a56a,#9f7a43);color:#111;border-color:transparent}
.share-action-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:1.2rem}.primary-share .share-action-icon{background:rgba(255,255,255,.28)}
.share-action span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.share-action strong{font-size:.96rem}.share-action small{font-size:.73rem;color:#939da8;font-weight:500}.primary-share small{color:rgba(17,17,17,.72)}
.qr-area{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.qr-area[hidden]{display:none}
.qr-card{width:min(300px,100%);margin:0 auto;background:#fff;padding:16px;border-radius:22px}.qr-card canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.qr-area p{color:#bac1c8;margin:14px 0 12px}.qr-download{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;text-decoration:none;font-weight:700}
@media(max-width:620px){.hero-actions{gap:8px}.hero-actions .primary,.hero-share{min-height:46px;padding:12px 15px}.hero-share{font-size:.91rem}.share-panel{padding:30px 18px 20px}.share-actions-grid{grid-template-columns:1fr}.share-action{min-height:74px;flex-direction:row;align-items:center;justify-content:flex-start;padding:13px 15px}.share-action span:last-child{flex:1}.qr-card{width:min(260px,100%)}}


/* V26 — mobile menu dismissal + non-blocking submission feedback */
.site-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:10020;display:flex;align-items:center;gap:11px;max-width:min(92vw,560px);padding:13px 17px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(17,23,29,.96);color:#f7f4ed;box-shadow:0 18px 60px rgba(0,0,0,.34);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;font-size:.94rem;line-height:1.45;text-align:right}
.site-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.site-toast-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:999px;background:rgba(216,93,101,.14);color:#ef8d94;font-weight:800}
.site-toast[data-tone="warning"] .site-toast-icon{background:rgba(206,162,84,.15);color:#d8b06b}
.site-toast-text{min-width:0}
@media(max-width:620px){.site-toast{bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:none;padding:13px 15px;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.site-toast{transition:none}}

/* V27 — mobile gallery stability + a true full-screen opening hero. */
.gallery-preview .photo-grid{
  grid-auto-rows:auto;
  align-items:start;
}
.gallery-preview .photo{
  width:100%;
  height:auto;
}
.gallery-preview .photo img{
  display:block;
  width:100%;
  height:100%;
}

@media(max-width:620px){
  /* The opening screen occupies the entire usable mobile viewport, so the next section never peeks in. */
  .hero{
    min-height:100vh;
    height:100vh;
  }
  @supports(height:100svh){
    .hero{
      min-height:100svh;
      height:100svh;
    }
  }

  /* Preview cards define their own row height from the square aspect ratio instead of overflowing a fixed 150px row. */
  .gallery-preview .photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    gap:8px;
    align-items:start;
  }
  .gallery-preview .photo{
    grid-row:auto!important;
    grid-column:auto!important;
    aspect-ratio:1/1;
    min-width:0;
    min-height:0;
    overflow:hidden;
  }
  .gallery-preview .photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
}
