/* Hover interactions recreated from Framer variants */
a[data-framer-name="Button"]{transition:transform .25s cubic-bezier(.44,0,.56,1),box-shadow .25s}
a[data-framer-name="Button"]:hover{transform:translateY(-2px)}
a[data-framer-name="Button"] [data-framer-name="Arrow"] svg{transition:transform .3s cubic-bezier(.44,0,.56,1),opacity .3s}
/* arrow: current arrow exits right, the hidden one (parked 28px left) slides in */
a[data-framer-name="Button"] [data-framer-name="Arrow"]{overflow:hidden}
a[data-framer-name="Button"]:hover [data-framer-name="Arrow"] svg:last-child{transform:translateX(28px)!important;opacity:0!important}
a[data-framer-name="Button"]:hover [data-framer-name="Arrow"] svg:first-child{transform:translateY(-50%) translateX(28px)!important;opacity:1!important}
[data-framer-name="Answer"]{transition:opacity .3s}
[data-framer-name="Mobile Menu Button"],[aria-expanded]{cursor:pointer}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* breakpoint wrappers for runtime-captured CMS lists */
@media (max-width:1199.98px){.bp-d{display:none!important}}
@media (min-width:1200px),(max-width:809.98px){.bp-t{display:none!important}}
@media (min-width:810px){.bp-m{display:none!important}}
[data-tab-state][hidden]{display:none!important}
/* Hover variants observed on the live site (Framer applied these as inline styles) */
[data-framer-name^="Nav/"],[data-framer-name^="Footer/"],[data-framer-name^="Inactive"],.framer-7rnkaw,[data-framer-name$="/Close"]{transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease}
@media (hover:hover){
[data-framer-name^="Nav/"]:hover,[data-framer-name^="Footer/"]:hover{opacity:.7!important}
.framer-sxmltw[data-framer-name^="Inactive"]:hover{opacity:.7!important}
[data-framer-name$="/Close"].framer-6i1dge:hover{background-color:rgba(255,255,255,.6)!important;box-shadow:5px 8px 15px 0 rgba(0,0,0,.15)!important}
.framer-7rnkaw:hover{background-color:var(--token-6e3830bb-76b1-4888-abbc-b7da32a34eea,rgba(255,255,255,.8))!important}
}

/* Outline buttons ("Contact us", "See all makers"): live hover = 40% white fill */
a[data-framer-name="Outline"]{transition:background-color .2s ease}
@media (hover:hover){a[data-framer-name="Outline"]:hover{background-color:rgba(255,255,255,.4)!important}}
/* Invisible layers (hover backgrounds, parked arrow icon, closed FAQ answers) never intercept taps */
[data-framer-name="BG"][style*="opacity:0"],[data-framer-name="Arrow"] svg[style*="opacity:0"],[data-framer-name="Answer"][style*="opacity:0"],[data-framer-name="Answer"][style*="opacity: 0"]{pointer-events:none}