/* ============================================================
   SECTIONS
   ============================================================ */

/* ---------------- Header ---------------- */
.hdr{
  position:fixed; top:0; left:0; right:0; z-index:7000;
  display:flex; align-items:center; justify-content:space-between;
  padding:22px var(--pad);
  transition:padding .5s var(--ease), background .5s var(--ease), backdrop-filter .5s;
}
.hdr.shrink{
  padding:12px var(--pad);
  background:rgba(14,17,22,.62); backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--hair-2);
}
.hdr__brand{ display:flex; align-items:center; gap:12px; }
.hdr__mark{
  width:38px; height:38px; border-radius:50%;
  display:grid; place-items:center; border:1px solid var(--gold);
  position:relative; overflow:hidden;
}
.hdr__mark img{ width:74%; height:74%; object-fit:contain; }
.hdr__name{ font-family:var(--serif); font-weight:800; font-size:1.18rem; letter-spacing:.01em; }
.hdr__name small{ display:block; font-family:var(--sans); font-weight:500; font-size:.62rem; letter-spacing:.22em; color:var(--paper-2); }

.hdr__award{
  display:flex; align-items:center; gap:.55em; font-size:.72rem; letter-spacing:.12em;
  color:var(--gold); font-weight:600;
}
.hdr__award span{ width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold); }
@media(max-width:760px){ .hdr__award{ display:none; } }

.menu-btn{
  display:flex; align-items:center; gap:.7em; font-weight:600; letter-spacing:.16em; font-size:.8rem;
}
.menu-btn__bars{ display:flex; flex-direction:column; gap:5px; width:26px; }
.menu-btn__bars i{ height:1.5px; background:var(--paper); width:100%; transition:transform .4s var(--ease), width .4s var(--ease); }
.menu-btn:hover .menu-btn__bars i:first-child{ width:60%; }
.menu-btn:hover .menu-btn__bars i:last-child{ width:80%; }

/* ---------------- Overlay menu ---------------- */
.overlay{
  position:fixed; inset:0; z-index:8500; display:grid; grid-template-columns:1fr 1fr;
  background:var(--midnight-2); visibility:hidden;
  clip-path:circle(0% at calc(100% - 60px) 60px);
  transition:clip-path .85s var(--ease), visibility 0s linear .85s;
}
.overlay.open{ visibility:visible; clip-path:circle(150% at calc(100% - 60px) 60px); transition:clip-path .9s var(--ease); }
.overlay__media{ position:relative; overflow:hidden; background:var(--navy-2); }
.overlay__media .bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.5; transform:scale(1.08); }
.overlay__media video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.45; }
.overlay__media .vign{ position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--midnight-2)); }
.overlay__media figcaption{
  position:absolute; bottom:40px; right:40px; left:40px;
  font-family:var(--sans); font-weight:300; font-size:1.3rem; color:var(--paper-2);
}
.overlay__panel{ display:flex; flex-direction:column; justify-content:center; padding:6vh var(--pad); gap:6px; }
.overlay__nav{ list-style:none; margin:0; padding:0; }
.overlay__nav li{ overflow:hidden; }
.overlay__nav a{
  display:flex; align-items:baseline; gap:.5em;
  font-family:var(--serif); font-weight:800; font-size:clamp(2.2rem,5.5vw,4.6rem);
  line-height:1.18; color:var(--paper); transform:translateY(110%);
  transition:color .4s var(--ease);
}
.overlay.open .overlay__nav a{ transform:translateY(0); transition:transform .8s var(--ease); }
.overlay__nav li:nth-child(1) a{ transition-delay:.15s; }
.overlay__nav li:nth-child(2) a{ transition-delay:.22s; }
.overlay__nav li:nth-child(3) a{ transition-delay:.29s; }
.overlay__nav li:nth-child(4) a{ transition-delay:.36s; }
.overlay__nav li:nth-child(5) a{ transition-delay:.43s; }
.overlay__nav a .idx{ font-family:var(--sans); font-weight:500; font-size:.9rem; color:var(--gold); }
.overlay__nav a:hover{ color:var(--gold); }
.overlay__foot{ display:flex; flex-wrap:wrap; gap:24px; margin-top:48px; align-items:center; }
.overlay__foot a{ color:var(--paper-2); font-size:.9rem; letter-spacing:.05em; transition:color .3s; }
.overlay__foot a:hover{ color:var(--gold); }
.overlay__close{
  position:absolute; top:26px; left:var(--pad); z-index:2;
  display:flex; align-items:center; gap:.6em; font-weight:600; letter-spacing:.16em; font-size:.8rem;
}
.overlay__close .x{ position:relative; width:22px; height:22px; }
.overlay__close .x::before,.overlay__close .x::after{ content:""; position:absolute; top:50%; left:0; width:100%; height:1.5px; background:var(--paper); }
.overlay__close .x::before{ transform:rotate(45deg); } .overlay__close .x::after{ transform:rotate(-45deg); }
@media(max-width:860px){
  .overlay{ grid-template-columns:1fr; }
  .overlay__media{ display:none; }
}

/* ---------------- Hero ---------------- */
.hero{ position:relative; height:100vh; min-height:680px; overflow:hidden; }
.hero__canvas{ position:absolute; inset:0; z-index:1; }
.hero__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.16; z-index:0; filter:saturate(.7) contrast(1.05); }
.hero__scrim{ position:absolute; inset:0; z-index:2;
  background:radial-gradient(120% 90% at 50% 30%, transparent, var(--midnight) 78%); }
.hero__inner{ position:relative; z-index:3; height:100%; display:flex; flex-direction:column; justify-content:center; }
.hero__kick{ display:flex; align-items:center; gap:1em; margin-bottom:1.2rem; }
.hero h1{ font-size:var(--d-mega); font-weight:900; line-height:.92; letter-spacing:-.015em; }
.hero h1 .dot{ color:var(--ink); }
.hero h1 em{ font-style:normal; color:var(--gold); }
.hero__sub{
  margin-top:1.8rem; max-width:30ch; font-size:clamp(1.05rem,1.6vw,1.4rem);
  color:var(--paper-2); font-family:var(--serif); font-weight:400;
}
.hero__bottom{ position:absolute; bottom:34px; left:var(--pad); right:var(--pad); z-index:3;
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.scrollcue{ display:flex; flex-direction:column; align-items:center; gap:12px; color:var(--paper-2); font-size:.7rem; letter-spacing:.2em; }
.scrollcue .line{ width:1px; height:60px; background:var(--hair); position:relative; overflow:hidden; }
.scrollcue .line::after{ content:""; position:absolute; top:-40%; left:0; width:100%; height:40%; background:var(--gold); animation:cue 2.2s var(--ease) infinite; }
@keyframes cue{ to{ top:100%; } }
.hero__meta{ text-align:left; max-width:24ch; color:var(--paper-2); font-size:.9rem; line-height:1.5; }
@media(max-width:760px){ .hero__meta{ display:none; } }

/* ---------------- Mission (pinned) ---------------- */
.mission{ position:relative; background:var(--midnight); }
.mission__pin{ min-height:100vh; display:flex; align-items:center; }
.mission__big{
  font-family:var(--serif); font-weight:800; font-size:var(--d-lg); line-height:1.08;
  max-width:18ch;
}
.mission__big .mword{ color:var(--paper-3); transition:color .35s var(--ease); }
.mission__sig{ margin-top:2.4rem; display:flex; align-items:center; gap:1rem; color:var(--paper-2); font-family:var(--sans); font-weight:400; font-size:1.2rem; }
.mission__sig::before{ content:""; width:54px; height:1px; background:var(--gold); }

/* ---------------- Featured books ---------------- */
.feat{ background:var(--midnight); }
.book{ position:relative; min-height:96vh; display:grid; align-items:center;
  grid-template-columns:1fr 1fr; gap:clamp(20px,5vw,80px); }
.book.rev{ direction:ltr; }
.book.rev > *{ direction:rtl; }
.book__media{ position:relative; display:flex; justify-content:center; align-items:center; min-height:60vh; }
.book__glow{ position:absolute; width:62%; aspect-ratio:1; border-radius:50%; filter:blur(70px); opacity:.55; z-index:0; }
.book__cover{ position:relative; z-index:1; max-height:74vh; width:auto; filter:drop-shadow(0 50px 70px rgba(0,0,0,.6)); will-change:transform; }
.book__num{ position:absolute; z-index:0; top:0; font-family:var(--latin); font-size:clamp(8rem,20vw,18rem); line-height:.8; color:var(--hair-2); font-weight:800; }
.book.rev .book__num{ left:0; } .book:not(.rev) .book__num{ right:0; }
.book__cat{ color:var(--gold); letter-spacing:.18em; font-weight:600; font-size:.82rem; }
.book__title{ font-size:var(--d-xl); margin:.3rem 0 1rem; line-height:.96; }
.book__title .dot{ color:var(--ink); }
.book__meta{ color:var(--paper-2); font-family:var(--sans); font-weight:400; font-size:1.2rem; margin-bottom:.4rem; }
.book__desc{ color:var(--paper-2); max-width:40ch; margin-bottom:2rem; }
@media(max-width:860px){
  .book{ grid-template-columns:1fr; min-height:auto; padding-block:60px; gap:30px; }
  .book.rev{ direction:rtl; }
  .book__cover{ max-height:56vh; }
}

/* ---------------- Value / craft banner ---------------- */
.craft{ background:var(--navy); position:relative; overflow:hidden; }
.craft__big{ font-size:var(--d-xl); line-height:.98; max-width:16ch; }
.craft__big em{ font-style:normal; color:var(--gold); }
.craft .wrap{ display:flex; flex-direction:column; gap:2.4rem; align-items:flex-start; }
.craft__row{ display:flex; flex-wrap:wrap; gap:48px; }
.craft__row .vp{ max-width:30ch; }
.craft__row .vp h4{ font-size:1.3rem; color:var(--gold); margin-bottom:.4rem; }
.craft__row .vp p{ color:var(--paper-2); }

/* ---------------- Marquee ---------------- */
.marquee{ overflow:hidden; border-block:1px solid var(--hair); padding-block:30px; background:var(--midnight); }
.marquee__track{ display:flex; gap:0; width:max-content; animation:slide 38s linear infinite; }
.marquee:hover .marquee__track{ animation-play-state:paused; }
.marquee__track span{ font-family:var(--serif); font-weight:800; font-size:clamp(1.8rem,4vw,3.2rem); padding:0 .6em; color:var(--paper); white-space:nowrap; }
.marquee__track span .star{ color:var(--ink); }
@keyframes slide{ to{ transform:translateX(50%); } }

/* covers marquee */
.cover-marq{ overflow:hidden; padding-block:10px; background:var(--midnight); }
.cover-marq__track{ display:flex; gap:42px; width:max-content; align-items:flex-end; animation:slide2 60s linear infinite; }
.cover-marq:hover .cover-marq__track{ animation-play-state:paused; }
.cover-marq img{ height:230px; width:auto; filter:drop-shadow(0 24px 36px rgba(0,0,0,.5)); transition:transform .5s var(--ease); }
.cover-marq img:hover{ transform:translateY(-12px); }
@keyframes slide2{ to{ transform:translateX(50%); } }

/* ---------------- Services grid ---------------- */
.svc{ background:var(--midnight); }
.svc__head{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:56px; }
.svc__head h2{ font-size:var(--d-lg); max-width:14ch; line-height:1; }
.svc__grid{ display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--hair); border-left:1px solid var(--hair); }
.svc__cell{
  position:relative; padding:38px clamp(20px,2.4vw,40px) 44px; border-bottom:1px solid var(--hair); border-right:1px solid var(--hair);
  overflow:hidden; transition:background .5s var(--ease);
}
.svc__cell::before{ content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(160deg,rgba(200,16,46,.10),transparent 60%); opacity:0; transition:opacity .5s var(--ease); }
.svc__cell:hover{ background:var(--midnight-2); }
.svc__cell:hover::before{ opacity:1; }
.svc__n{ font-family:var(--latin); font-size:1rem; color:var(--gold); position:relative; z-index:1; }
.svc__t{ font-family:var(--serif); font-weight:800; font-size:1.7rem; margin:1.3rem 0 .7rem; position:relative; z-index:1; }
.svc__d{ color:var(--paper-2); font-size:.96rem; position:relative; z-index:1; }
.svc__cell .ar{ position:absolute; bottom:24px; left:24px; color:var(--gold); opacity:0; transform:translateX(8px); transition:.5s var(--ease); z-index:1; }
.svc__cell:hover .ar{ opacity:1; transform:none; }
@media(max-width:900px){ .svc__grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .svc__grid{ grid-template-columns:1fr; } }

/* ---------------- Stats ---------------- */
.stats{ background:var(--navy); }
.stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.stat{ text-align:center; padding:24px; }
.stat__n{ font-family:var(--serif); font-weight:900; font-size:clamp(3rem,7vw,6rem); line-height:1; color:var(--gold); }
.stat__l{ margin-top:.6rem; color:var(--paper-2); font-size:.95rem; max-width:18ch; margin-inline:auto; }
@media(max-width:760px){ .stats__grid{ grid-template-columns:repeat(2,1fr); } }

/* ---------------- Distribution ---------------- */
.dist{ background:var(--midnight); }
.dist__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hair); border:1px solid var(--hair); }
.dist__cell{ background:var(--midnight); padding:40px 28px; transition:background .5s var(--ease); }
.dist__cell:hover{ background:var(--midnight-2); }
.dist__cell h4{ font-family:var(--serif); font-size:1.4rem; margin:1rem 0 .5rem; }
.dist__cell p{ color:var(--paper-2); font-size:.95rem; }
.dist__ic{ font-size:1.6rem; }
@media(max-width:900px){ .dist__grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .dist__grid{ grid-template-columns:1fr; } }

/* ---------------- Timeline ---------------- */
.flow{ background:var(--midnight); }
.flow__list{ counter-reset:step; }
.flow__item{ display:grid; grid-template-columns:auto 1fr; gap:clamp(24px,5vw,70px); align-items:start;
  padding-block:42px; border-top:1px solid var(--hair); }
.flow__item:last-child{ border-bottom:1px solid var(--hair); }
.flow__n{ font-family:var(--latin); font-size:clamp(2.4rem,5vw,4rem); color:var(--gold); line-height:1; }
.flow__b h4{ font-family:var(--serif); font-size:clamp(1.6rem,3.5vw,2.6rem); margin-bottom:.5rem; }
.flow__b p{ color:var(--paper-2); max-width:50ch; }

/* ---------------- Testimonials ---------------- */
.tst{ background:var(--navy); overflow:hidden; }
.tst__head{ text-align:center; margin-bottom:56px; }
.tst__head h2{ font-size:var(--d-lg); }
.tst__track{ display:flex; gap:28px; }
.tcard{
  flex:0 0 clamp(300px,34vw,440px); background:rgba(255,255,255,.03); border:1px solid var(--hair);
  border-right:3px solid var(--gold); border-radius:var(--radius); padding:34px;
  display:flex; flex-direction:column; gap:20px;
}
.tcard[data-src="whatsapp"]{ border-right-color:#30d158; }
.tcard[data-src="forum"]{ border-right-color:#6c63ff; }
.tcard[data-src="facebook"]{ border-right-color:#4a90e2; }
.tcard[data-src="email"]{ border-right-color:var(--gold); }
.tcard__q{ font-family:var(--serif); font-size:1.16rem; line-height:1.6; color:var(--paper); }
.tcard__by{ margin-top:auto; }
.tcard__by b{ display:block; font-size:1.02rem; }
.tcard__by span{ color:var(--paper-2); font-size:.86rem; }
.tcard__mark{ font-family:var(--serif); font-size:3rem; color:var(--gold); line-height:.4; height:.5em; }

/* ---------------- Pricing ---------------- */
.price{ background:var(--midnight); }
.price__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.pcard{ border:1px solid var(--hair); border-radius:var(--radius); padding:40px 34px; display:flex; flex-direction:column;
  background:var(--midnight-2); transition:transform .5s var(--ease), border-color .5s; }
.pcard:hover{ transform:translateY(-6px); border-color:var(--hair); }
.pcard.pop{ border:1px solid var(--gold); position:relative; background:linear-gradient(180deg,rgba(201,162,75,.07),var(--midnight-2)); }
.pcard.pop::before{ content:"הכי מבוקש"; position:absolute; top:-13px; right:34px; background:var(--gold); color:var(--midnight);
  font-size:.74rem; font-weight:700; letter-spacing:.06em; padding:.4em 1em; border-radius:100px; }
.pcard h3{ font-family:var(--serif); font-size:1.7rem; margin-bottom:.5rem; }
.pcard__d{ color:var(--paper-2); margin-bottom:1.6rem; min-height:3em; }
.pcard ul{ list-style:none; margin:0 0 2rem; padding:0; display:flex; flex-direction:column; gap:.85em; }
.pcard li{ display:flex; gap:.7em; color:var(--paper); font-size:.97rem; }
.pcard li::before{ content:"✓"; color:var(--gold); font-weight:700; }
.pcard .btn{ margin-top:auto; justify-content:center; }
@media(max-width:860px){ .price__grid{ grid-template-columns:1fr; } }

/* ---------------- FAQ ---------------- */
.faq{ background:var(--midnight); }
.faq__grid{ display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(30px,6vw,90px); align-items:start; }
.faq__list{ border-top:1px solid var(--hair); }
.faq__item{ border-bottom:1px solid var(--hair); }
.faq__q{ width:100%; text-align:right; display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:28px 4px; font-family:var(--serif); font-weight:700; font-size:clamp(1.1rem,2vw,1.45rem); color:var(--paper); }
.faq__q .pm{ position:relative; width:20px; height:20px; flex:0 0 auto; }
.faq__q .pm::before,.faq__q .pm::after{ content:""; position:absolute; top:50%; left:0; width:100%; height:1.6px; background:var(--gold); transition:transform .4s var(--ease); }
.faq__q .pm::after{ transform:rotate(90deg); }
.faq__item.open .faq__q .pm::after{ transform:rotate(0); }
.faq__a{ overflow:hidden; max-height:0; transition:max-height .5s var(--ease); }
.faq__a p{ padding:0 4px 28px; color:var(--paper-2); max-width:60ch; }
.faq__aside h2{ font-size:var(--d-md); position:sticky; top:120px; }
.faq__aside .note{ color:var(--paper-2); margin-top:1rem; max-width:30ch; }
@media(max-width:860px){ .faq__grid{ grid-template-columns:1fr; } .faq__aside h2{ position:static; } }

/* ---------------- Submit form ---------------- */
.submit{ background:var(--navy); position:relative; overflow:hidden; }
.submit__grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,6vw,80px); align-items:start; }
.submit__intro h2{ font-size:var(--d-lg); line-height:1; }
.submit__intro h2 em{ font-style:normal; color:var(--gold); }
.submit__intro p{ color:var(--paper-2); margin-top:1.4rem; max-width:36ch; font-size:1.1rem; }
.submit__contact{ margin-top:2.4rem; display:flex; flex-direction:column; gap:1rem; }
.submit__contact a{ display:flex; align-items:center; gap:.8em; color:var(--paper); font-size:1.05rem; transition:color .3s; }
.submit__contact a:hover{ color:var(--gold); }
.submit__contact .ic{ width:34px; height:34px; border:1px solid var(--hair); border-radius:50%; display:grid; place-items:center; }
.form{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field{ position:relative; display:flex; flex-direction:column; }
.field.full{ grid-column:1/-1; }
.field label{ font-size:.78rem; letter-spacing:.12em; color:var(--gold); font-weight:600; margin-bottom:.6em; }
.field input,.field select,.field textarea{
  font-family:var(--sans); font-size:1rem; color:var(--paper); background:rgba(255,255,255,.04);
  border:1px solid var(--hair); border-radius:var(--radius); padding:.95em 1.05em; transition:border-color .3s, background .3s;
}
.field textarea{ resize:vertical; min-height:120px; }
.field input:focus,.field select:focus,.field textarea:focus{ outline:none; border-color:var(--gold); background:rgba(255,255,255,.06); }
.field select{ appearance:none; }
.field.err input,.field.err select,.field.err textarea{ border-color:var(--ink); }
.field .msg{ color:var(--ink); font-size:.8rem; margin-top:.4em; height:0; opacity:0; transition:.3s; }
.field.err .msg{ height:auto; opacity:1; }
.file-drop{ border:1px dashed var(--hair); border-radius:var(--radius); padding:1.1em; text-align:center; color:var(--paper-2);
  cursor:pointer; transition:border-color .3s, color .3s; }
.file-drop:hover{ border-color:var(--gold); color:var(--paper); }
.file-drop b{ color:var(--gold); }
.form .submit-btn{ grid-column:1/-1; }
.form-success{ display:none; flex-direction:column; align-items:center; text-align:center; gap:1rem; padding:60px 20px; }
.form-success.show{ display:flex; animation:pop .6s var(--ease); }
.form-success .check{ width:80px; height:80px; border-radius:50%; border:2px solid var(--gold); display:grid; place-items:center; color:var(--gold); font-size:2.4rem; }
.form-success h3{ font-family:var(--serif); font-size:2rem; }
.form-success p{ color:var(--paper-2); max-width:36ch; }
@keyframes pop{ from{ opacity:0; transform:scale(.9); } }
@media(max-width:860px){ .submit__grid{ grid-template-columns:1fr; } }
@media(max-width:520px){ .form{ grid-template-columns:1fr; } }

/* ---------------- Final CTA ---------------- */
.cta{ position:relative; text-align:center; background:var(--midnight); padding-block:clamp(100px,16vh,220px); overflow:hidden; }
.cta__glow{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70vw; max-width:900px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(200,16,46,.18),transparent 65%); filter:blur(20px); }
.cta__inner{ position:relative; z-index:1; }
.cta h2{ font-size:var(--d-xl); line-height:.96; max-width:16ch; margin-inline:auto; }
.cta h2 .dot{ color:var(--ink); }
.cta p{ color:var(--paper-2); margin:1.6rem auto 2.6rem; max-width:42ch; font-size:1.15rem; }
.cta__btns{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ---------------- Footer ---------------- */
.ftr{ background:var(--midnight); border-top:1px solid var(--hair); padding-block:70px 40px; }
.ftr__top{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid var(--hair); }
.ftr__brand .hdr__name{ font-size:1.6rem; }
.ftr__brand p{ color:var(--paper-2); margin-top:1rem; max-width:32ch; }
.ftr__col h5{ font-size:.78rem; letter-spacing:.16em; color:var(--gold); margin-bottom:1.2rem; font-weight:600; }
.ftr__col a{ display:block; color:var(--paper-2); margin-bottom:.7em; transition:color .3s; }
.ftr__col a:hover{ color:var(--paper); }
.ftr__bottom{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; padding-top:28px; color:var(--paper-3); font-size:.85rem; }
.ftr__social{ display:flex; gap:14px; }
.ftr__social a{ width:40px; height:40px; border:1px solid var(--hair); border-radius:50%; display:grid; place-items:center; transition:.4s var(--ease); }
.ftr__social a:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-3px); }
@media(max-width:760px){ .ftr__top{ grid-template-columns:1fr; } }