@font-face{font-family:'Karantina';font-weight:700;font-display:swap;src:url(Karantina-700-hebrew.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+FB1D-FB4F}
@font-face{font-family:'Karantina';font-weight:700;font-display:swap;src:url(Karantina-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Heebo';font-weight:100 900;font-display:swap;src:url(Heebo-var.woff) format('woff')}
:root{--bg:#060606;--ink:#f3efe6;--mute:#a49d8f;--gold:#d4af37;--gold2:#f5d98a;--d:'Karantina',Heebo,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);font:400 17px/1.65 Heebo,system-ui,sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:clip}a{color:inherit}b,strong{font-weight:700}
.skip{position:absolute;right:-999px}.skip:focus{right:1rem;top:1rem;z-index:200;background:var(--gold);color:#000;padding:.5rem 1rem}
.num{font-variant-numeric:lining-nums;unicode-bidi:isolate}
.gold{background:linear-gradient(100deg,#b8892b,var(--gold2) 45%,#b8892b);-webkit-background-clip:text;background-clip:text;color:transparent}
.display{font:700 clamp(3.4rem,10vw,8.5rem)/.9 var(--d);letter-spacing:.01em}
.display-md{font:700 clamp(2.6rem,6vw,4.8rem)/.95 var(--d);margin:.3rem 0 1.2rem}
.eyebrow{color:var(--gold);letter-spacing:.18em;font-size:.82rem}
.lead{color:#d7d1c4;max-width:36rem;font-size:1.08rem}
.w{max-width:1180px;margin:auto;padding:0 clamp(1.2rem,5vw,3rem)}
section{padding:clamp(4.5rem,10vw,8rem) 0;position:relative}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.7rem;border-radius:999px;text-decoration:none;font:500 1rem Heebo;border:0;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s,color .3s;min-height:44px}
.btn-gold{background:linear-gradient(135deg,#b8892b,var(--gold2),#b8892b);color:#120d02;box-shadow:0 0 0 1px #f5d98a55,0 10px 40px -10px #d4af3799}
.btn-gold:hover{box-shadow:0 0 0 1px var(--gold2),0 10px 60px -5px #d4af37cc}
.btn-ghost{background:none;border:1px solid #f3efe655;color:var(--ink)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}
.btn-line{background:none;border:1px solid var(--gold);color:var(--gold2)}
.btn.sm{padding:.5rem 1.1rem;font-size:.9rem;min-height:38px}.btn.big{font-size:1.2rem;padding:1.2rem 2.6rem}
.glow{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 1px var(--gold2),0 0 70px 4px #d4af3788}}
/* intro */
.intro{position:fixed;inset:0;z-index:150;background:#000;display:grid;place-items:center;overflow:hidden;transition:clip-path .8s cubic-bezier(.77,0,.18,1)}
.intro.out{clip-path:inset(0 0 100% 0)}.intro.gone{display:none}
.i-beam{position:absolute;top:0;left:50%;width:140vmax;height:115vh;margin-left:-70vmax;transform-origin:50% 0;transform:scaleY(0);background:radial-gradient(ellipse 30% 100% at 50% 0,#fff8e0cc,#f5d98a55 30%,#d4af3718 60%,transparent 75%);clip-path:polygon(49.4% 0,50.6% 0,78% 100%,22% 100%);mix-blend-mode:screen;animation:ibeam .6s .3s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ibeam{to{transform:scaleY(1)}}
.i-lamp{position:absolute;top:-30px;left:50%;width:60px;height:60px;margin-left:-30px;border-radius:50%;background:#fff8e0;box-shadow:0 0 60px 30px #f5d98a88;opacity:0;animation:fade .3s .25s forwards}
.intro-c{position:relative;text-align:center}
.intro-k{font:700 1rem var(--d);letter-spacing:.6em;color:var(--gold);opacity:0;animation:fade .8s .5s forwards}
.intro-name{font:700 clamp(5rem,20vw,12rem)/1 var(--d);white-space:nowrap}
.ch{display:inline-block;opacity:0;transform:translateY(.4em) scale(1.3);filter:blur(12px);animation:ch .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.6s + var(--i)*.09s);text-shadow:0 0 40px #d4af3766}
@keyframes ch{to{opacity:1;transform:none;filter:none}}
.intro-line{display:block;height:2px;margin:1rem auto;width:0;background:linear-gradient(90deg,transparent,var(--gold2),transparent);animation:line 1.2s 1.4s cubic-bezier(.7,0,.2,1) forwards;box-shadow:0 0 18px var(--gold)}
@keyframes line{to{width:min(80vw,620px)}}
.intro-sub{opacity:0;animation:fade .8s 1.9s forwards;letter-spacing:.3em;color:var(--gold2)}
@keyframes fade{to{opacity:1}}
.intro-skip{position:absolute;bottom:2rem;left:2rem;background:none;border:1px solid #fff4;color:#fff;border-radius:99px;padding:.4rem 1rem;font:inherit;cursor:pointer;min-height:44px}
/* chrome */
.top{position:fixed;top:0;inset-inline:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:linear-gradient(#000c,#0000);transition:background .4s}
.top.solid{background:#060606e6;backdrop-filter:blur(10px);box-shadow:0 1px 0 #d4af3733}
.brand{font:700 2.3rem/1 var(--d);text-decoration:none;letter-spacing:.04em;display:flex;align-items:center;gap:.45rem}.brand i{font-style:normal;color:var(--gold);font-size:1.4rem}
.top nav{display:flex;gap:1.6rem}.top nav a{text-decoration:none;color:#ddd;font-size:.95rem}.top nav a:hover{color:var(--gold2)}
.top .acts{display:flex;gap:.6rem;align-items:center}
@media(max-width:860px){.top nav{display:none}.top .hide-m{display:none}}
.progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:60}.progress span{display:block;height:100%;background:var(--gold);transform-origin:right;transform:scaleX(0);box-shadow:0 0 10px var(--gold)}
.grain{position:fixed;inset:-50%;z-index:40;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}}
.js-anim .reveal:not(.in){opacity:0;transform:translateY(40px)}.reveal{transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d0,0s)}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.grain,.beam,.glow{animation:none}}
/* floating */
.fabs{position:fixed;bottom:1.2rem;left:1.2rem;z-index:55;display:grid;gap:.6rem}
.fab{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #d4af3766;background:#0b0b0bcc;color:var(--gold2);cursor:pointer;backdrop-filter:blur(6px)}.fab svg{width:22px;height:22px}
.fab.wa{background:#25d366;border:0;color:#fff}.fab.is-on{box-shadow:0 0 0 1px var(--gold2),0 0 24px #d4af3788}
.mbar{display:none}
@media(max-width:800px){.fabs .wa{display:none}.fabs{bottom:5.2rem}.mbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:56;gap:.5rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#060606ee;border-top:1px solid #d4af3733;backdrop-filter:blur(8px)}.mbar .btn{flex:1;padding:.7rem .4rem;font-size:.95rem}.mbar .wa{background:#25d366;color:#04230f}body{padding-bottom:4.6rem}}
footer{border-top:1px solid #d4af3726;padding:3rem 0 2rem;text-align:center;color:var(--mute);font-size:.9rem}
footer .brand{justify-content:center;margin-bottom:.6rem}
