/* ==========================================================================
   Women in Motion — interaction styles
   --------------------------------------------------------------------------
   Framer applied these states at runtime as inline styles. Without Framer's
   runtime we recreate them here. `!important` is needed because the exported
   markup carries the resting state as inline style="" attributes.
   Tokens used by the site (defined in the page CSS as --token-…):
     green  rgb(0,100,78)      black rgb(4,4,8)       white rgb(250,245,249)
     pink   rgb(255,135,197)   wine  rgb(110,32,48)   yellow rgb(241,237,31)
     cream  rgb(245,229,214)   red   rgb(255,0,56)
   ========================================================================== */

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

/* --- Changing background (fixed layer behind the page) ------------------- */
.framer-AyFXw { transition: background-color .6s cubic-bezier(.22, 1, .36, 1); }

/* --- Top navigation: hide on scroll down, show on scroll up --------------- */
.framer-jq9icl-container,
.framer-1ib9nfo-container {
  transition: transform .7s cubic-bezier(.22, 1.2, .36, 1), opacity .45s ease;
}
.wim-nav-hidden { opacity: 0 !important; transform: translateY(-150px) !important; pointer-events: none; }

/* Nav pill slides in on page load (Framer "appear" effect) */
@keyframes wim-nav-in { from { transform: translateY(-151px); } to { transform: none; } }
.framer-ah6uft[data-framer-appear-id] { animation: wim-nav-in .7s cubic-bezier(.22, 1.2, .36, 1) .2s both; }

/* --- Burger button → X ------------------------------------------------------ */
.framer-LFRFR .framer-p557fb,
.framer-LFRFR .framer-rhw7rj { transition: transform .35s cubic-bezier(.22, 1, .36, 1), top .35s cubic-bezier(.22, 1, .36, 1); }
.framer-LFRFR.framer-v-1ybc94h .framer-p557fb { transform: rotate(45deg) !important; }
.framer-LFRFR.framer-v-1ybc94h .framer-rhw7rj { transform: rotate(-45deg) !important; }
.framer-LFRFR { cursor: pointer; }

/* Mobile menu panel fade-in */
@keyframes wim-menu-in { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
.framer-1045h5q { animation: wim-menu-in .45s cubic-bezier(.22, 1, .36, 1) both; }

/* --- Nav links (Nav / Item): pink + underline on hover -------------------- */
.framer-9RtIZ .framer-ong1b6 { transition: color .2s ease; }
.framer-9RtIZ.hover .framer-ong1b6 { --extracted-1w1cjl5: var(--token-567681ca-e9c1-4b0a-a64a-34cc3eb89106, rgb(255, 135, 197)) !important; }
.framer-9RtIZ.hover .framer-text { --framer-text-decoration: underline !important; }

/* --- Footer links: brighten on hover ---------------------------------------- */
.framer-C1Qxe.hover .framer-1vy2rkc { --extracted-r6o4lv: var(--token-2eab3ac0-e5da-473b-9f74-40b48d5e1e3a, rgb(250, 245, 249)) !important; }

/* --- "Made with love by Oh My Goatness" badge ------------------------------- */
.framer-h2ljn { transition: box-shadow .25s ease; }
.framer-h2ljn.hover {
  --border-bottom-width: 1px !important; --border-left-width: 1px !important;
  --border-right-width: 1px !important; --border-top-width: 1px !important;
  --border-color: var(--token-3b005f20-4896-401b-9752-8616e06c4264, rgb(252, 248, 245)) !important;
}
.framer-h2ljn .framer-3wehb5 { transition: transform .35s cubic-bezier(.22, 1.4, .36, 1); }
.framer-h2ljn.hover .framer-3wehb5 { transform: rotate(-16deg) !important; }

/* --- 3D buttons ("Join Our Journey!", "Follow Us") -------------------------- */
.framer-aZ0j8 .framer-18wwwa3,
.framer-aZ0j8 .framer-l2ua5l,
.framer-aZ0j8 .framer-1ru33py,
.framer-aZ0j8 .framer-rkperz,
.framer-aZ0j8 .framer-1agfg4k,
.framer-aZ0j8 .framer-1jptlnf,
.framer-aZ0j8 .framer-2gzkgp {
  transition: transform .45s cubic-bezier(.22, 1.4, .36, 1), inset .45s cubic-bezier(.22, 1.4, .36, 1),
              top .45s cubic-bezier(.22, 1.4, .36, 1), right .45s cubic-bezier(.22, 1.4, .36, 1),
              bottom .45s cubic-bezier(.22, 1.4, .36, 1), opacity .3s ease;
}
.framer-aZ0j8.hover .framer-18wwwa3,
.framer-aZ0j8.hover .framer-l2ua5l,
.framer-aZ0j8.hover .framer-1ru33py,
.framer-aZ0j8.hover .framer-2gzkgp { transform: rotate(-4deg) !important; }
.framer-aZ0j8.hover .framer-2gzkgp { opacity: 1 !important; }
.framer-aZ0j8.hover .framer-1jptlnf { transform: translate(-50%, -50%) rotate(-4deg) !important; }

/* --- Photo frames: press effect (Framer whileTap) -------------------------- */
.wim-tappable { cursor: grab; transition: box-shadow .45s cubic-bezier(.22, 1.3, .36, 1); }
.wim-tapped { box-shadow: 20px 22px 2px 0 rgba(4, 4, 8, .5) !important; cursor: grabbing; }

@media (prefers-reduced-motion: reduce) {
  .framer-ah6uft[data-framer-appear-id], .framer-1045h5q { animation: none; }
}

/* --- Hero: "Motion" leans back and forth (Framer loop: skewX −20°, x 20 px,
       spring bounce 0.7, 1 s, 0.5 s delay, mirrored). Generated keyframes. --- */
@keyframes wim-motion-lean {
  0.0% { transform: translateX(0.00px) skewX(0.00deg); }
  16.67% { transform: translateX(0.00px) skewX(-0.00deg); }
  17.33% { transform: translateX(0.55px) skewX(-0.55deg); }
  18.0% { transform: translateX(2.06px) skewX(-2.06deg); }
  18.67% { transform: translateX(4.33px) skewX(-4.33deg); }
  19.33% { transform: translateX(7.13px) skewX(-7.13deg); }
  20.0% { transform: translateX(10.24px) skewX(-10.24deg); }
  20.67% { transform: translateX(13.45px) skewX(-13.45deg); }
  21.33% { transform: translateX(16.59px) skewX(-16.59deg); }
  22.0% { transform: translateX(19.48px) skewX(-19.48deg); }
  22.67% { transform: translateX(22.02px) skewX(-22.02deg); }
  23.33% { transform: translateX(24.10px) skewX(-24.10deg); }
  24.0% { transform: translateX(25.69px) skewX(-25.69deg); }
  24.67% { transform: translateX(26.76px) skewX(-26.76deg); }
  25.33% { transform: translateX(27.33px) skewX(-27.33deg); }
  26.0% { transform: translateX(27.43px) skewX(-27.43deg); }
  26.67% { transform: translateX(27.12px) skewX(-27.12deg); }
  27.33% { transform: translateX(26.47px) skewX(-26.47deg); }
  28.0% { transform: translateX(25.56px) skewX(-25.56deg); }
  28.67% { transform: translateX(24.48px) skewX(-24.48deg); }
  29.33% { transform: translateX(23.30px) skewX(-23.30deg); }
  30.0% { transform: translateX(22.11px) skewX(-22.11deg); }
  30.67% { transform: translateX(20.96px) skewX(-20.96deg); }
  31.33% { transform: translateX(19.92px) skewX(-19.92deg); }
  32.0% { transform: translateX(19.01px) skewX(-19.01deg); }
  32.67% { transform: translateX(18.29px) skewX(-18.29deg); }
  33.33% { transform: translateX(17.75px) skewX(-17.75deg); }
  34.0% { transform: translateX(17.40px) skewX(-17.40deg); }
  34.67% { transform: translateX(17.24px) skewX(-17.24deg); }
  35.33% { transform: translateX(17.25px) skewX(-17.25deg); }
  36.0% { transform: translateX(17.41px) skewX(-17.41deg); }
  36.67% { transform: translateX(17.68px) skewX(-17.68deg); }
  37.33% { transform: translateX(18.04px) skewX(-18.04deg); }
  38.0% { transform: translateX(18.45px) skewX(-18.45deg); }
  38.67% { transform: translateX(18.89px) skewX(-18.89deg); }
  39.33% { transform: translateX(19.34px) skewX(-19.34deg); }
  40.0% { transform: translateX(19.76px) skewX(-19.76deg); }
  40.67% { transform: translateX(20.13px) skewX(-20.13deg); }
  41.33% { transform: translateX(20.45px) skewX(-20.45deg); }
  42.0% { transform: translateX(20.70px) skewX(-20.70deg); }
  42.67% { transform: translateX(20.88px) skewX(-20.88deg); }
  43.33% { transform: translateX(20.99px) skewX(-20.99deg); }
  44.0% { transform: translateX(21.03px) skewX(-21.03deg); }
  44.67% { transform: translateX(21.01px) skewX(-21.01deg); }
  45.33% { transform: translateX(20.94px) skewX(-20.94deg); }
  46.0% { transform: translateX(20.83px) skewX(-20.83deg); }
  46.67% { transform: translateX(20.69px) skewX(-20.69deg); }
  47.33% { transform: translateX(20.53px) skewX(-20.53deg); }
  48.0% { transform: translateX(20.37px) skewX(-20.37deg); }
  48.67% { transform: translateX(20.20px) skewX(-20.20deg); }
  49.33% { transform: translateX(20.05px) skewX(-20.05deg); }
  50.0% { transform: translateX(20.00px) skewX(-20.00deg); }
  66.67% { transform: translateX(20.00px) skewX(-20.00deg); }
  67.33% { transform: translateX(19.45px) skewX(-19.45deg); }
  68.0% { transform: translateX(17.94px) skewX(-17.94deg); }
  68.67% { transform: translateX(15.67px) skewX(-15.67deg); }
  69.33% { transform: translateX(12.87px) skewX(-12.87deg); }
  70.0% { transform: translateX(9.76px) skewX(-9.76deg); }
  70.67% { transform: translateX(6.55px) skewX(-6.55deg); }
  71.33% { transform: translateX(3.41px) skewX(-3.41deg); }
  72.0% { transform: translateX(0.52px) skewX(-0.52deg); }
  72.67% { transform: translateX(-2.02px) skewX(2.02deg); }
  73.33% { transform: translateX(-4.10px) skewX(4.10deg); }
  74.0% { transform: translateX(-5.69px) skewX(5.69deg); }
  74.67% { transform: translateX(-6.76px) skewX(6.76deg); }
  75.33% { transform: translateX(-7.33px) skewX(7.33deg); }
  76.0% { transform: translateX(-7.43px) skewX(7.43deg); }
  76.67% { transform: translateX(-7.12px) skewX(7.12deg); }
  77.33% { transform: translateX(-6.47px) skewX(6.47deg); }
  78.0% { transform: translateX(-5.56px) skewX(5.56deg); }
  78.67% { transform: translateX(-4.48px) skewX(4.48deg); }
  79.33% { transform: translateX(-3.30px) skewX(3.30deg); }
  80.0% { transform: translateX(-2.11px) skewX(2.11deg); }
  80.67% { transform: translateX(-0.96px) skewX(0.96deg); }
  81.33% { transform: translateX(0.08px) skewX(-0.08deg); }
  82.0% { transform: translateX(0.99px) skewX(-0.99deg); }
  82.67% { transform: translateX(1.71px) skewX(-1.71deg); }
  83.33% { transform: translateX(2.25px) skewX(-2.25deg); }
  84.0% { transform: translateX(2.60px) skewX(-2.60deg); }
  84.67% { transform: translateX(2.76px) skewX(-2.76deg); }
  85.33% { transform: translateX(2.75px) skewX(-2.75deg); }
  86.0% { transform: translateX(2.59px) skewX(-2.59deg); }
  86.67% { transform: translateX(2.32px) skewX(-2.32deg); }
  87.33% { transform: translateX(1.96px) skewX(-1.96deg); }
  88.0% { transform: translateX(1.55px) skewX(-1.55deg); }
  88.67% { transform: translateX(1.11px) skewX(-1.11deg); }
  89.33% { transform: translateX(0.66px) skewX(-0.66deg); }
  90.0% { transform: translateX(0.24px) skewX(-0.24deg); }
  90.67% { transform: translateX(-0.13px) skewX(0.13deg); }
  91.33% { transform: translateX(-0.45px) skewX(0.45deg); }
  92.0% { transform: translateX(-0.70px) skewX(0.70deg); }
  92.67% { transform: translateX(-0.88px) skewX(0.88deg); }
  93.33% { transform: translateX(-0.99px) skewX(0.99deg); }
  94.0% { transform: translateX(-1.03px) skewX(1.03deg); }
  94.67% { transform: translateX(-1.01px) skewX(1.01deg); }
  95.33% { transform: translateX(-0.94px) skewX(0.94deg); }
  96.0% { transform: translateX(-0.83px) skewX(0.83deg); }
  96.67% { transform: translateX(-0.69px) skewX(0.69deg); }
  97.33% { transform: translateX(-0.53px) skewX(0.53deg); }
  98.0% { transform: translateX(-0.37px) skewX(0.37deg); }
  98.67% { transform: translateX(-0.20px) skewX(0.20deg); }
  99.33% { transform: translateX(-0.05px) skewX(0.05deg); }
  100.0% { transform: translateX(0.08px) skewX(-0.08deg); }
}
.framer-1xnal0c { animation: wim-motion-lean 3s linear infinite; }
@media (prefers-reduced-motion: reduce) { .framer-1xnal0c { animation: none; } }

/* --- Privacy policy page ---------------------------------------------------
   On the live Framer site this nav is a fixed 1200 px bar (shifted off-screen
   on phones) and its content never animates in. Make it behave like the home
   page nav: full width, logo + links visible. */
.framer-wLxpE .framer-1ib9nfo-container { width: 100% !important; }