body{margin:0;background:#F4EEE6}
html{scroll-behavior:smooth}
a{color:#111111}a:hover{color:#84653B}
.f{box-sizing:border-box;width:100%;min-height:52px;padding:14px 16px;border:1px solid #CDBFAD;background:#FFFDF9;font:inherit;font-size:16px;color:#111111;border-radius:10px}
.f:focus{outline:2px solid #8A6A3F;outline-offset:1px}
.btn{transition:opacity .3s,translate .4s}
.btn:hover{opacity:.88;translate:0 -2px}
.prog{transform:scaleX(0);transform-origin:left}
.reel .pl{transition:transform .4s cubic-bezier(.2,.7,.2,1),background-color .4s}
.reel:hover .pl{transform:scale(1.12);background-color:rgba(244,238,230,.14)}
.reel:focus-visible{outline:2px solid #8A6A3F;outline-offset:3px}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-weight:700 !important;letter-spacing:-0.01em}
[dir=rtl] .fill{font-weight:600}
.zoom img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.07)}
.svc{box-shadow:0 -18px 40px rgba(17,17,17,.06)}
.svc h3{margin-top:auto !important}
.c3d{background-size:cover;background-position:center}
.c3d::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.72))}
.ring>a:nth-child(1){transform:rotateY(0deg) translateZ(430px);background-image:url(../assets/reels/reel-01.jpg);background-image:image-set(url(../assets/reels/reel-01.webp) type("image/webp"),url(../assets/reels/reel-01.jpg) type("image/jpeg"))}
.ring>a:nth-child(2){transform:rotateY(40deg) translateZ(430px);background-image:url(../assets/reels/reel-02.jpg);background-image:image-set(url(../assets/reels/reel-02.webp) type("image/webp"),url(../assets/reels/reel-02.jpg) type("image/jpeg"))}
.ring>a:nth-child(3){transform:rotateY(80deg) translateZ(430px);background-image:url(../assets/reels/reel-03.jpg);background-image:image-set(url(../assets/reels/reel-03.webp) type("image/webp"),url(../assets/reels/reel-03.jpg) type("image/jpeg"))}
.ring>a:nth-child(4){transform:rotateY(120deg) translateZ(430px);background-image:url(../assets/reels/reel-04.jpg);background-image:image-set(url(../assets/reels/reel-04.webp) type("image/webp"),url(../assets/reels/reel-04.jpg) type("image/jpeg"))}
.ring>a:nth-child(5){transform:rotateY(160deg) translateZ(430px);background-image:url(../assets/reels/reel-05.jpg);background-image:image-set(url(../assets/reels/reel-05.webp) type("image/webp"),url(../assets/reels/reel-05.jpg) type("image/jpeg"))}
.ring>a:nth-child(6){transform:rotateY(200deg) translateZ(430px);background-image:url(../assets/reels/reel-06.jpg);background-image:image-set(url(../assets/reels/reel-06.webp) type("image/webp"),url(../assets/reels/reel-06.jpg) type("image/jpeg"))}
.ring>a:nth-child(7){transform:rotateY(240deg) translateZ(430px);background-image:url(../assets/reels/reel-07.jpg);background-image:image-set(url(../assets/reels/reel-07.webp) type("image/webp"),url(../assets/reels/reel-07.jpg) type("image/jpeg"))}
.ring>a:nth-child(8){transform:rotateY(280deg) translateZ(430px);background-image:url(../assets/reels/reel-08.jpg);background-image:image-set(url(../assets/reels/reel-08.webp) type("image/webp"),url(../assets/reels/reel-08.jpg) type("image/jpeg"))}
.ring>a:nth-child(9){transform:rotateY(320deg) translateZ(430px);background-image:url(../assets/reels/reel-09.jpg);background-image:image-set(url(../assets/reels/reel-09.webp) type("image/webp"),url(../assets/reels/reel-09.jpg) type("image/jpeg"))}
.logo-slot{transition:border-color .3s,background-color .3s}
.logo-slot:hover{border-color:#111111;background-color:#F4EEE6}
@media (max-width:700px){.ringtilt{scale:.58}.ringwrap{height:440px !important}}
@property --pct{syntax:'<integer>';inherits:false;initial-value:0}
@media (prefers-reduced-motion: no-preference){
.pre{display:flex !important;animation:preout .9s cubic-bezier(.76,0,.24,1) 2.3s forwards}
.pre .pl1{animation:prelogo 1.4s cubic-bezier(.2,.7,.2,1) both}
.pre .hb{animation:beat .55s ease-in-out infinite}
.pre .fh{position:absolute;bottom:60%;opacity:0;animation:rise 1.6s ease-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}40%{transform:scale(1.28)}}
@keyframes rise{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:1}100%{transform:translate(var(--dx),-170px) scale(1.15);opacity:0}}
.pre .num{animation:precount 2.1s cubic-bezier(.6,0,.2,1) forwards;counter-reset:pct var(--pct)}
.pre .num::after{content:counter(pct)}
.pre .num.js{animation:none}.pre .num.js::after{content:none}
@keyframes preout{to{transform:translateY(-100%);visibility:hidden}}
@keyframes prelogo{from{opacity:0;transform:scale(.82);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes prebar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes precount{from{--pct:0}to{--pct:12480}}
@keyframes spin3d{from{transform:rotateY(0deg)}to{transform:rotateY(-360deg)}}
.ring{animation:spin3d 40s linear infinite}
.ringwrap:hover .ring{animation-play-state:paused}
.mqs{animation-duration:45s}
.mqs:hover{animation-play-state:paused}
}
[dir=rtl] .prog{transform-origin:right}
@media (prefers-reduced-motion: no-preference){
@keyframes in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes mqr{to{transform:translateX(50%)}}
.in{animation:in 1s cubic-bezier(.2,.7,.2,1) both}
.in{animation-delay:2.5s}.d1{animation-delay:2.62s}.d2{animation-delay:2.76s}.d3{animation-delay:2.9s}
.float{animation:fl 6s ease-in-out infinite}.f2{animation-delay:-2s}.f3{animation-delay:-4s}
.spin{animation:spin 40s linear infinite}
.mq{animation:mq 32s linear infinite}
[dir=rtl] .mq{animation-name:mqr}
.card{transition:translate .5s cubic-bezier(.2,.7,.2,1),background-color .5s}
.card:hover{translate:0 -6px;background-color:#F4EEE6}
@supports (animation-timeline: view()){
@keyframes rv{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes rvs{from{clip-path:inset(12% 10% 12% 10%);scale:.92}to{clip-path:inset(0);scale:1}}
@keyframes fill{from{background-position:100% 0}to{background-position:0 0}}
@keyframes fillr{from{background-position:0 0}to{background-position:100% 0}}
@keyframes prog{to{transform:scaleX(1)}}
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.rvs{animation:rvs linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
.fill{background:linear-gradient(90deg,#111111 0 50%,#C4B6A3 50% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fill linear both;animation-timeline:view();animation-range:entry 25% cover 60%}
.fillr{background-image:linear-gradient(270deg,#111111 0 50%,#C4B6A3 50% 100%);animation-name:fillr}
.prog{animation:prog linear both;animation-timeline:scroll()}
}
}
/* Soft corners: applies only where no inline border-radius is set */
.btn{border-radius:10px}
.svc{border-radius:16px}
.rvs.zoom{border-radius:16px}
.form-thanks>[role=status]{border-radius:16px}

/* ===== FX layer: floating WhatsApp, cursor, magnetic, touch feedback, double-tap heart ===== */
.wa-fab{position:fixed;z-index:60;bottom:calc(20px + env(safe-area-inset-bottom));inset-inline-end:20px;width:60px;height:60px;border-radius:50%;background:#111111;color:#F4EEE6;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 30px rgba(17,17,17,.25);opacity:0;scale:.6;pointer-events:none;transition:opacity .4s,scale .5s cubic-bezier(.2,.9,.3,1.3)}
.wa-fab.on{opacity:1;scale:1;pointer-events:auto}
.wa-fab:hover{color:#C9A87A}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid #C9A87A;opacity:0}
.wa-fab-tip{position:absolute;inset-inline-end:72px;white-space:nowrap;background:#FFFDF9;color:#111111;border:1px solid #D3C4B0;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:500;opacity:0;translate:8px 0;transition:opacity .3s,translate .3s;pointer-events:none}
[dir=rtl] .wa-fab-tip{translate:-8px 0}
.wa-fab:hover .wa-fab-tip,.wa-fab:focus-visible .wa-fab-tip{opacity:1;translate:0 0}
.wa-fab:focus-visible{outline:2px solid #8A6A3F;outline-offset:3px}
@media (max-width:700px){.wa-fab{width:56px;height:56px;bottom:calc(16px + env(safe-area-inset-bottom));inset-inline-end:16px}}

.cur{position:fixed;left:0;top:0;z-index:200;pointer-events:none;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid #8A6A3F;display:flex;align-items:center;justify-content:center;font:500 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#F4EEE6;transition:width .35s cubic-bezier(.2,.7,.2,1),height .35s cubic-bezier(.2,.7,.2,1),margin .35s cubic-bezier(.2,.7,.2,1),background-color .35s,border-color .35s,opacity .3s;opacity:0}
.cur.on{opacity:1}
.cur.link{width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(201,168,122,.18);border-color:#C9A87A}
.cur.play{width:86px;height:86px;margin:-43px 0 0 -43px;background:#111111;border-color:#111111}
.cur.view{width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(17,17,17,.82);border-color:transparent}
.cur.text{opacity:0}
[lang=he] .cur,.cur[lang=he]{letter-spacing:0;font-family:Heebo,sans-serif;font-size:13px}

.btn{transition:opacity .3s,translate .4s,transform .45s cubic-bezier(.2,.7,.2,1),scale .2s}
.shine{position:relative;overflow:hidden;isolation:isolate}
.shine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(201,168,122,.55) 50%,transparent 70%);translate:-120% 0;pointer-events:none}

.heart-pop{position:fixed;z-index:150;pointer-events:none;width:96px;height:96px;margin:-48px 0 0 -48px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}
.dtap{touch-action:manipulation;cursor:pointer}

@media (hover:none){
  .btn:active,.svc:active,.logo-slot:active,.wa-fab:active{scale:.96}
  .reel:active .pl{transform:scale(1.18);background-color:rgba(244,238,230,.2)}
  .svc,.logo-slot{transition:scale .2s}
  .tap-ring{position:fixed;z-index:150;pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1.5px solid #C9A87A}
}

@media (prefers-reduced-motion: no-preference){
  .wa-fab.on::before{animation:waping 2.4s ease-out 1s infinite}
  @keyframes waping{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.7);opacity:0}}
  .shine::after{animation:shine 5s cubic-bezier(.4,0,.2,1) 3.2s infinite}
  @keyframes shine{0%{translate:-120% 0}22%,100%{translate:120% 0}}
  .heart-pop{animation:heartpop .9s cubic-bezier(.2,.9,.3,1.2) forwards}
  @keyframes heartpop{0%{transform:scale(0) rotate(-12deg);opacity:0}25%{transform:scale(1.2) rotate(6deg);opacity:1}45%{transform:scale(.95) rotate(0)}70%{transform:scale(1);opacity:1}100%{transform:translateY(-60px) scale(.8);opacity:0}}
  .tap-ring{animation:tapring .55s ease-out forwards}
  @keyframes tapring{to{transform:scale(7);opacity:0}}
}
@media (prefers-reduced-motion: reduce){.heart-pop{opacity:0}}

/* Reels lightbox */
.rbox{position:fixed;inset:0;z-index:300;background:rgba(17,17,17,.88);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .3s}
.rbox.on{opacity:1}
.rbox[hidden]{display:none}
.rbox-in{position:relative;width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;scale:.94;transition:scale .4s cubic-bezier(.2,.8,.2,1)}
.rbox.on .rbox-in{scale:1}
.rbox-f{width:100%;height:min(78vh,700px);border-radius:16px;overflow:hidden;background:#26221E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='16' fill='none' stroke='%23C9A87A' stroke-width='2' stroke-dasharray='60 40'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") center/40px no-repeat}
.rbox-f iframe{width:100%;height:100%;border:0;display:block;background:transparent}
.rbox-x{position:absolute;top:-52px;inset-inline-end:0;width:44px;height:44px;border-radius:50%;border:1px solid rgba(244,238,230,.5);background:transparent;color:#F4EEE6;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rbox-x:hover{background:#F4EEE6;color:#111111}
.rbox-ig{color:#C9A87A;font-size:15px;text-decoration:none;min-height:44px;display:flex;align-items:center}
.rbox-ig:hover{color:#F4EEE6}
.rbox-x:focus-visible,.rbox-ig:focus-visible{outline:2px solid #C9A87A;outline-offset:3px}
html.rbox-lock{overflow:hidden}
@media (max-height:640px){.rbox-x{top:4px;inset-inline-end:4px;background:rgba(17,17,17,.7);z-index:2}}

/* Subtle film grain */
body::after{content:"";position:fixed;inset:0;z-index:55;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.16 0 0 0 0 0.12 0 0 0 1.2 -0.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Mobile header: one sticky row + hamburger */
.hd-burger{display:none}
@media (max-width:960px){
  .hd-bar{flex-wrap:nowrap !important;position:relative;padding:6px 6px 6px 10px !important}
  [dir=rtl] .hd-bar{padding:6px 10px 6px 6px !important}
  .hd-bar img{height:40px !important}
  .hd-bar>a>span{display:none}
  .hd-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;flex:0 0 48px;border-radius:50%;border:0;background:#111111;cursor:pointer;padding:0}
  .hd-burger span{display:block;width:18px;height:1.5px;border-radius:2px;background:#F4EEE6;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .2s}
  .hd-burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .hd-burger[aria-expanded=true] span:nth-child(2){opacity:0}
  .hd-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .hd-burger:focus-visible{outline:2px solid #84653B;outline-offset:3px}
  .hd-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:0 !important;padding:10px 22px 22px;background:rgba(255,253,249,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(211,196,176,.8);border-radius:24px;box-shadow:0 20px 50px rgba(17,17,17,.12);font-size:20px !important;opacity:0;visibility:hidden;translate:0 -8px;transition:opacity .3s,translate .35s cubic-bezier(.2,.7,.2,1),visibility 0s .35s;max-height:calc(100dvh - 110px);overflow:auto}
  .hd-nav.open{opacity:1;visibility:visible;translate:0 0;transition:opacity .3s,translate .35s cubic-bezier(.2,.7,.2,1)}
  .hd-nav>a:not(.btn){display:flex;align-items:center;min-height:56px;border-bottom:1px solid #E5DACB;color:#111111}
  .hd-nav>button,.hd-nav>.btn{margin-top:16px;min-height:52px !important;justify-content:center;font-size:16px !important}
  .hd-nav>.btn{margin-top:10px}
}
/* Mobile header quick actions: language + CTA stay in the bar */
.hd-quick{display:none}
@media (max-width:960px){
  .hd-quick{display:flex;align-items:center;gap:6px;margin-inline-start:auto;margin-inline-end:6px}
  .hd-lang{min-height:44px;padding:0 12px;border-radius:30px;border:1px solid #111111;background:transparent;color:#111111;font:14px Heebo,sans-serif;cursor:pointer}
  .hd-lang[lang=en]{font-family:Inter,sans-serif;font-size:13px}
  .hd-cta{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:30px;background:#111111;color:#F4EEE6 !important;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}
  .hd-nav>button,.hd-nav>.btn{display:none !important}
  .hd-nav{padding-bottom:10px}
  .hd-nav>a:not(.btn):last-of-type{border-bottom:0}
}
@media (max-width:360px){.hd-cta{padding:0 10px;font-size:12px}.hd-lang{padding:0 9px}.hd-bar img{height:34px !important}}