@font-face{font-family:Heebo;src:url('assets/heebo-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url('assets/heebo-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--night:#090711;--panel:#110d1c;--line:#d5ad6647;--gold:#f5d58d;--muted:#bfb3c4;--cream:#fff4d8;--red:#df635d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--cream);background:var(--night);font-family:Heebo,Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;top:-100px;right:20px;z-index:50;background:var(--gold);color:#100b18;padding:10px}.skip:focus{top:10px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:4px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,4.5vw,84px);border-bottom:1px solid var(--line);background:#0d0915;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px}.brand .emblem{width:52px;height:52px;display:grid;place-items:center}.brand img{width:100%;filter:brightness(0) saturate(100%) invert(86%) sepia(20%) saturate(576%) hue-rotate(340deg)}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:12px;color:#caa770}.issue,.overline{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.21em;color:#c8a76d;direction:ltr}.back{color:#d8cbb6;font-size:13px;border-bottom:1px solid #dbc18966;padding-bottom:5px}
.poster{min-height:min(820px,calc(100svh - 82px));position:relative;isolation:isolate;display:grid;grid-template-columns:52% 48%;align-items:center;padding:68px clamp(22px,5vw,90px) 80px;overflow:hidden;background:radial-gradient(ellipse at 73% 30%,#442950 0,#26172e 23%,transparent 52%),linear-gradient(120deg,#0c0a15 0,#130c1d 55%,#0c0913)}.poster:before{content:"";position:absolute;inset:19px;border:1px solid #d4b37a3d;pointer-events:none;clip-path:polygon(0 0,95% 0,100% 8%,100% 100%,5% 100%,0 92%)}.poster:after{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(#d8c9e3 1px,transparent 1px);background-size:63px 73px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.poster-glow{position:absolute;width:58vw;height:58vw;left:-12vw;top:-16vw;background:radial-gradient(circle,#943c9252,transparent 65%);filter:blur(50px);z-index:-1}.poster-copy{position:relative;z-index:3;max-width:735px}.kicker{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;border:1px solid #dfc18a65;background:#22162a9c;padding:9px 13px;font-size:12px;color:#f5dbab}.red-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e86359;box-shadow:0 0 10px #e86359}.serial{color:#b8a0a9;font:10px ui-monospace,monospace;direction:ltr;margin-inline-start:10px}.decree{font-size:12px;letter-spacing:.03em;color:#c5a66f;margin:28px 0 13px}.poster h1{font-size:clamp(47px,5.25vw,92px);line-height:1.02;letter-spacing:-.075em;margin:0;font-weight:900;text-shadow:0 7px 35px #0006}.poster h1 span:not(.period){color:var(--gold);font-size:1.13em;text-shadow:0 2px 0 #79553b,0 15px 45px #d8ad6252}.poster h1 .period{color:var(--red)}.intro{font-size:clamp(16px,1.25vw,20px);line-height:1.65;color:#e4d9de;max-width:520px;margin:25px 0 28px}.actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}.actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:12px 24px;transition:transform .2s,background .2s}.actions a:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,#fae1a6,#dba85e);color:#241326;font-weight:900;box-shadow:0 14px 35px #d8a45c36;border:1px solid #f9e7be}.primary>span{font-size:23px;line-height:1}.primary small{border-right:1px solid #583c4c6b;padding-right:10px;font-size:12px;font-weight:700}.secondary{border:1px solid #d7b87a99;background:#1b1424;color:#f4dfb0;font-weight:700}.fine{color:#a99ca7;font-size:12px;margin-top:15px}.poster-bottom{position:absolute;bottom:28px;right:clamp(22px,5vw,90px);left:clamp(22px,5vw,90px);display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.03em;color:#c9ab7c}.poster-bottom span:last-child{color:#b6a8b4}
.chooser{padding:clamp(70px,8vw,130px) clamp(22px,5vw,90px) 100px;background:linear-gradient(#0e0b16,#15101f 40%,#0b0912);border-top:1px solid #bda27155}.chooser-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1460px;margin:auto}.chooser h2{font-size:clamp(44px,5vw,75px);line-height:1.1;margin:15px 0 8px;color:#f4daa4}.chooser-heading p{margin:0;color:#d6c7cd;font-size:17px}.count-badge{min-width:125px;border:1px solid #cdaa715e;background:#24182b;padding:14px 23px;text-align:center}.count-badge strong{display:block;font-size:42px;line-height:1;color:#f4daa4}.count-badge span{font-size:11px;color:#d0bcc5}.filters{display:flex;flex-wrap:wrap;gap:8px;max-width:1460px;margin:38px auto 18px}.filters button,.selection-tools button{border:1px solid #ba9b685c;background:#1f1727;color:#ecd9c2;padding:9px 16px;font-size:13px}.filters button[aria-pressed=true]{background:#e1b977;color:#211422;font-weight:900;border-color:#ffe5b5}.filters button:hover,.selection-tools button:hover{border-color:#f7d991}.selection-tools{max-width:1460px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#bfb2bc;font-size:13px}.selection-tools>div{display:flex;gap:8px}.selection-tools button{background:transparent;padding:6px 10px}.grid{max-width:1460px;margin:22px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.card{position:relative;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#24192d,#100d19);border:1px solid #ae8b5b4c;padding:12px 10px 15px;transition:transform .2s,border-color .2s,background .2s;cursor:pointer;color:#f4e9dc}.card:hover{transform:translateY(-4px);border-color:#e4c38a}.card.selected{border-color:#f6d286;background:linear-gradient(145deg,#372835,#201724);box-shadow:inset 0 0 0 1px #f6d28655}.card img{width:min(100%,190px);height:170px;object-fit:contain;filter:drop-shadow(0 12px 11px #0007)}.card strong{font-size:13px;line-height:1.35;min-height:35px;display:grid;place-items:center}.card small{font-size:11px;color:#bfa57d;margin-top:2px}.check{position:absolute;top:10px;right:10px;width:24px;height:24px;border:1px solid #d6b574;border-radius:50%;display:grid;place-items:center;font-size:14px;color:transparent}.card.selected .check{background:#f2ce8c;color:#231323}.download-bar{max-width:1460px;margin:30px auto 0;padding:20px 26px;border:1px solid #e4bf7c66;background:#241826;display:flex;align-items:center;justify-content:space-between;gap:20px}.download-bar strong,.download-bar span{display:block}.download-bar strong{font-size:21px;color:#f4dfa9}.download-bar span{font-size:12px;color:#c8b8c2;margin-top:3px}.download-bar button{border:0;background:#f2d28c;color:#261825;min-height:52px;padding:11px 24px;font-size:16px;font-weight:900;white-space:nowrap}.download-bar button:disabled{opacity:.45;cursor:not-allowed}.download-bar button span{display:inline;color:inherit;font-size:21px;margin:0 8px 0 0}.download-status{max-width:1460px;margin:12px auto 0;color:#e5c486;min-height:20px;font-size:13px}footer{padding:27px clamp(22px,5vw,90px);border-top:1px solid #c4a57144;background:#090711;display:flex;align-items:center;justify-content:space-between;color:#bbaa91;font-size:12px}footer span{display:flex;gap:8px;align-items:center}footer img{width:24px;filter:brightness(0) saturate(100%) invert(79%) sepia(29%) saturate(494%) hue-rotate(348deg)}footer a{border-bottom:1px solid #bbaa9177}
@media(max-width:1180px){.poster{grid-template-columns:54% 46%}.poster h1{font-size:clamp(47px,5.5vw,72px)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.topbar{height:70px}.issue{display:none}.poster{grid-template-columns:1fr;min-height:unset;padding-top:48px;padding-bottom:75px}.poster-copy{max-width:none}.poster h1{font-size:clamp(48px,9vw,72px)}.poster-bottom{bottom:22px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){.topbar{padding-inline:17px}.brand .emblem{width:42px;height:42px}.brand strong{font-size:13px}.brand small{font-size:10px}.back{font-size:11px}.poster{padding:34px 20px 62px}.poster:before{inset:8px}.kicker{font-size:10px}.serial{display:none}.decree{margin-top:21px}.poster h1{font-size:clamp(45px,10.9vw,62px);line-height:1.06}.intro{font-size:15px;margin:20px 0}.actions{gap:8px}.actions a{width:100%;min-height:55px}.poster-bottom{font-size:9px}.poster-bottom span:first-child{display:none}.chooser{padding:65px 16px 70px}.chooser-heading{align-items:start}.chooser-heading p{font-size:14px}.count-badge{min-width:65px;padding:8px}.count-badge strong{font-size:30px}.count-badge span{font-size:8px}.filters{margin-top:25px;gap:6px}.filters button{font-size:12px;padding:7px 10px}.selection-tools{align-items:start;flex-direction:column;gap:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:9px 6px 12px}.card img{height:128px}.card strong{font-size:12px}.download-bar{align-items:stretch;flex-direction:column;padding:16px}.download-bar button{width:100%}footer{gap:8px;flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.actions a,.card{transition:none}}
.chat-demo{width:min(100%,570px);justify-self:center;border:8px solid #25202e;border-radius:31px;overflow:hidden;background:#101b20;box-shadow:0 38px 80px #000b,0 0 0 1px #c7a5726b;direction:rtl}.chat-top{height:68px;padding:8px 16px;display:flex;align-items:center;gap:12px;background:#1e2b32;color:#fff}.chat-back{font-size:30px;line-height:1;transform:rotate(180deg);color:#bdd8d2}.chat-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e7c487,#6c416e);font-weight:900;color:#23192c}.chat-top>div{min-width:0;flex:1}.chat-top strong,.chat-top small{display:block}.chat-top strong{font-size:14px}.chat-top small{font-size:10px;color:#b1c5bf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-video{font-size:24px;color:#c5d4d0}.chat-messages{direction:ltr;display:flex;flex-direction:column;gap:1px;min-height:575px;padding:14px 24px;background:radial-gradient(#e6c68d12 1px,transparent 1px) 0 0 / 32px 37px,linear-gradient(145deg,#16242a,#101b20 55%,#15252a)}.message{position:relative;display:flex;flex-direction:column;width:max-content;max-width:48%;padding:3px 10px 0;opacity:0;transform:translateY(12px)}.chat-story.in-view .message{animation:message-in .5s ease forwards}.chat-story.in-view .message:nth-child(2){animation-delay:.22s}.chat-story.in-view .message:nth-child(3){animation-delay:.44s}.chat-story.in-view .message:nth-child(4){animation-delay:.66s}.chat-story.in-view .message:nth-child(5){animation-delay:.88s}.message.incoming{align-self:flex-start}.message.outgoing{align-self:flex-end}.message img{width:125px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 6px #0008)}.sender{direction:rtl;align-self:flex-start;font-size:10px;font-weight:900;padding:3px 7px;background:#1f3035e8;border-radius:6px;color:#f5d392}.sender.shontel{color:#f6b873}.sender.ortal{color:#d6afea}.sender.bat{color:#a8cbf0}.sender.mama{color:#afe0b4}.message time{direction:ltr;align-self:flex-end;font:9px ui-monospace,monospace;color:#a9bbb8;margin:0 4px 0}.chat-compose{height:48px;background:#1e2b32;display:flex;align-items:center;gap:10px;padding:7px 14px;color:#c4d8d3;font-size:22px}.chat-compose i{flex:1;height:27px;border-radius:18px;background:#33444b}.chat-compose span:last-child{font-size:18px}@keyframes message-in{to{opacity:1;transform:translateY(0)}}
.chat-switcher{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;color:#d9c89e;direction:ltr}.chat-switcher>button{border:1px solid #c9a76e77;background:#24182b;color:#f7ddae;width:36px;height:36px;font-size:19px}.chat-switcher>button:hover{background:#39233d}.chat-dots{display:flex;gap:9px}.chat-dots button{border:1px solid #bfa36f9c;background:#2a1c2d;width:10px;height:10px;padding:0;border-radius:50%}.chat-dots button[aria-pressed=true]{background:#f1d08b;box-shadow:0 0 12px #f1d08b88}.chat-switcher>span{position:absolute;left:clamp(22px,5vw,90px);font:10px ui-monospace,monospace;letter-spacing:.14em;color:#bda67b}.chat-messages{min-height:480px}.sender.eliko{color:#f1ddac}
/* The conversation itself is now the poster artwork. */
.poster-chat{width:min(100%,520px);justify-self:center;align-self:center;position:relative;z-index:2;direction:rtl}.poster-chat .chat-demo{width:100%}.poster-chat .chat-switcher{margin-top:14px}.poster-chat .chat-switcher>span{position:absolute;left:0;bottom:-2px}.poster-chat.in-view .message{animation:message-in .5s ease forwards}.poster-chat.in-view .message:nth-child(2){animation-delay:.22s}.poster-chat.in-view .message:nth-child(3){animation-delay:.44s}.poster-chat.in-view .message:nth-child(4){animation-delay:.66s}.poster-chat.in-view .message:nth-child(5){animation-delay:.88s}.poster-chat .message{border:0;background:none;color:inherit;cursor:pointer;text-align:left}.poster-chat .message:hover img{filter:drop-shadow(0 5px 6px #0008) drop-shadow(0 0 12px #f1d08b)}.poster-chat .message:focus-visible{outline:2px solid #f1d08b}.poster-chat .chat-messages{min-height:480px}.coworker-message{align-self:flex-start;max-width:80%;direction:rtl;background:#26363b;color:#eef4ef;border-radius:2px 14px 14px 14px;padding:9px 12px;text-align:right;box-shadow:0 4px 10px #0004}.coworker-message strong{display:block;color:#b8dfc3;font-size:10px;margin-bottom:3px}.coworker-message p{font-size:14px;line-height:1.4;margin:0}.coworker-message time{display:block;text-align:left;color:#aec3bd;font:9px ui-monospace,monospace;margin-top:5px}
@media(max-width:800px){.poster-chat{width:min(100%,520px);margin:14px auto 0}.poster-chat .chat-messages{min-height:470px}}
@media(max-width:570px){.poster-chat{width:min(100%,390px);margin-top:28px}.poster-chat .chat-demo{border-width:5px}.poster-chat .chat-messages{min-height:430px}.chat-messages.barrage-mode{height:430px}.barrage-mode .sabbath-repeat img{width:92px;height:72px}.coworker-message p{font-size:12px}.poster-chat .chat-switcher>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.poster-chat.in-view .message{animation:none;opacity:1;transform:none;scale:1}}
/* Each שבת היום is its own WhatsApp message; the chat scrolls as Bat Chen sends them. */
.chat-messages.barrage-mode{height:480px;min-height:480px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;justify-content:flex-start;gap:0}.chat-messages.barrage-mode::-webkit-scrollbar{display:none}.barrage-mode .coworker-message,.barrage-mode .message{flex:0 0 auto}.barrage-mode .sabbath-repeat{margin-top:-5px}.barrage-mode .sabbath-repeat img{width:105px;height:82px}.barrage-mode .sabbath-repeat time{margin-top:-3px}.barrage-mode .message.outgoing{margin-top:9px}
.poster-chat.in-view .barrage-mode .message{animation-delay:0s}
@media(max-width:570px){.chat-messages.barrage-mode{height:430px;min-height:430px}.barrage-mode .sabbath-repeat img{width:92px;height:72px}}
/* The phone keeps every message visible while the four-second demos cycle. */
@media(min-width:801px){.poster{padding-top:24px;padding-bottom:48px}.poster-bottom{bottom:14px}}
.poster-chat .chat-messages,.poster-chat .chat-messages.barrage-mode{height:565px;min-height:565px;overflow:hidden;justify-content:flex-start}
.poster-chat .chat-messages:not(.barrage-mode){justify-content:space-evenly}
.poster-chat .message img{width:96px;height:74px}
.barrage-mode .sabbath-repeat{margin-top:-10px}
.barrage-mode .sabbath-repeat time{position:absolute;left:-9999px}
.barrage-mode .message.outgoing{margin-top:0}
@media(max-width:570px){.poster-chat .chat-messages,.poster-chat .chat-messages.barrage-mode{height:535px;min-height:535px}.poster-chat .message img{width:90px;height:70px}}