@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Mukta:wght@300;400;500;600;700;800&display=swap');
/* ══════════════════════════════════════════════════════════════
   MARKEB ELEVATED FINISH (client pages)
   A visual layer only: rounded floating cards, depth, a light that
   follows the pointer, button light sweeps, focus glows and gentle
   entrances. public/js/elevate.js finds cards and buttons on each
   page and adds the mk- classes below, so page layouts, wording and
   behaviour stay exactly as they are.
   ══════════════════════════════════════════════════════════════ */
:root {
  --mk-pine: #3F4D1B;
  --mk-brand: #B46100;
  --mk-gold: #D4940A;
  --mk-foil: linear-gradient(100deg, #B46100 0%, #D4940A 30%, #F3CF7A 48%, #D4940A 62%, #B46100 100%);
  --mk-ease: cubic-bezier(.2, .8, .2, 1);
}

/* Scroll progress (long pages only) */
.mk-progress { position: fixed; top: 0; left: 0; width: 100%; height: 3px; transform-origin: 0 50%; transform: scaleX(var(--mk-sp, 0)); background: linear-gradient(90deg, var(--mk-pine), var(--mk-gold), var(--mk-brand)); z-index: 2147482000; pointer-events: none; }

/* Gold foil on the italic part of headings */
.mk-foil { background: var(--mk-foil); background-size: 220% auto; -webkit-background-clip: text; background-clip: text; color: transparent !important; -webkit-text-fill-color: transparent; animation: mkFoil 7s linear infinite; padding-right: .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.mk-foil.mk-on-dark { background-image: linear-gradient(100deg, #E08A2E 0%, #F3CF7A 35%, #FFF1CC 50%, #F3CF7A 65%, #E08A2E 100%); }
@keyframes mkFoil { to { background-position: -220% 0; } }

/* Cards */
.mk-card { transition: transform .35s var(--mk-ease), box-shadow .35s var(--mk-ease), border-color .35s ease, background-color .3s ease; }
.mk-card.mk-round { border-radius: 18px !important; }
.mk-card.mk-clip { overflow: hidden; }
.mk-card:not(.mk-dark) { box-shadow: 0 1px 2px rgba(28, 20, 10, .04), 0 10px 30px rgba(63, 77, 27, .06); }
.mk-card.mk-dark { box-shadow: 0 18px 44px rgba(0, 0, 0, .22); }
.mk-card.mk-hoverable:hover { transform: translateY(-5px); box-shadow: 0 22px 54px rgba(63, 77, 27, .14); }
.mk-card.mk-dark.mk-hoverable:hover { box-shadow: 0 26px 60px rgba(0, 0, 0, .32); }
/* every card answers the pointer: warm edge and a gold top highlight */
.mk-card:hover { border-color: rgba(180, 97, 0, .35) !important; box-shadow: inset 0 2px 0 rgba(212, 148, 10, .75), 0 18px 46px rgba(63, 77, 27, .12); }
.mk-card.mk-dark:hover { border-color: rgba(243, 207, 122, .35) !important; box-shadow: inset 0 2px 0 rgba(243, 207, 122, .7), 0 22px 54px rgba(0, 0, 0, .3); }
.mk-card.mk-hoverable:hover { box-shadow: inset 0 2px 0 rgba(212, 148, 10, .75), 0 22px 54px rgba(63, 77, 27, .16); }

/* One type style across client pages: brand serif for main headings */
html:not(.mk-no-unify) h1, html:not(.mk-no-unify) h2 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 600; letter-spacing: -.01em; }

/* Buttons */
.mk-btn { transition: transform .2s var(--mk-ease), box-shadow .25s ease, background-color .2s ease, border-color .2s ease, color .2s ease, filter .2s ease !important; }
.mk-btn.mk-round { border-radius: 10px !important; }
.mk-btn:active:not(:disabled) { transform: translateY(0) scale(.98) !important; }
.mk-shine { position: relative; overflow: hidden; isolation: isolate; }
.mk-shine::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent); transform: skewX(-20deg); transition: left .7s var(--mk-ease); pointer-events: none; z-index: 1; }
.mk-shine:hover:not(:disabled)::after { left: 120%; }
.mk-shine:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(180, 97, 0, .28); }

/* Header buttons: the same on every page as on the homepage */
.hn-a, .hdr .cta { border-radius: 10px !important; transition: transform .2s var(--mk-ease), box-shadow .25s ease, background-color .2s ease, border-color .2s ease, color .2s ease !important; }
.hn-a:hover, .hdr .cta:hover { transform: translateY(-1px); }
.hn-a.pp, .hdr .cta { position: relative; overflow: hidden; isolation: isolate; box-shadow: 0 6px 20px rgba(180, 97, 0, .28); }
.hn-a.pp::after, .hdr .cta::after { content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent); transform: skewX(-20deg); transition: left .7s var(--mk-ease); pointer-events: none; }
.hn-a.pp:hover::after, .hdr .cta:hover::after { left: 120%; }

/* Small type tags: round pills like the homepage */
.ev-types span, .com-type { border-radius: 999px !important; }

/* Form fields */
.mk-field { transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important; }
.mk-field.mk-round { border-radius: 10px !important; }
.mk-field:focus { outline: none !important; border-color: rgba(180, 97, 0, .6) !important; box-shadow: 0 0 0 4px rgba(212, 148, 10, .16) !important; }
.mk-field.mk-dark:focus { border-color: rgba(243, 207, 122, .6) !important; box-shadow: 0 0 0 4px rgba(212, 148, 10, .18) !important; }

/* Small choice tiles (eg Phone / Email / WhatsApp) */
.mk-tile { border-radius: 12px !important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important; }
.mk-tile:hover { box-shadow: 0 8px 20px rgba(180, 97, 0, .08); }

/* Pills and badges */
.mk-pill.mk-round { border-radius: 999px !important; }

/* Pictures */
.mk-media { transition: transform .5s var(--mk-ease), box-shadow .5s var(--mk-ease) !important; }
.mk-media.mk-round { border-radius: 16px !important; overflow: hidden; }

/* Cards rise in one after another */
.mk-stagger-ready > .mk-rise { opacity: 0; transform: translateY(22px); }
.mk-stagger-ready.mk-in > .mk-rise { animation: mkRise .75s cubic-bezier(.16, 1, .3, 1) forwards; animation-delay: calc(var(--mk-i, 0) * 60ms); }
@keyframes mkRise { to { opacity: 1; transform: none; } }

/* Touch screens: no hover lift */
@media (hover: none) {
  .mk-card.mk-hoverable:hover, .mk-shine:hover:not(:disabled) { transform: none; }
}
@media (max-width: 640px) {
  .mk-card.mk-round { border-radius: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-foil, .mk-stagger-ready > .mk-rise, .mk-stagger-ready.mk-in > .mk-rise { animation: none !important; opacity: 1 !important; transform: none !important; }
  .mk-card, .mk-btn, .mk-media { transition: none !important; }
  .mk-shine::after { display: none; }
}