{"id":8,"date":"2026-09-01T08:20:29","date_gmt":"2026-09-01T08:20:29","guid":{"rendered":"https:\/\/cookieswp2.mystartupcrew.com\/?page_id=8"},"modified":"2026-09-04T18:39:19","modified_gmt":"2026-09-04T18:39:19","slug":"home","status":"publish","type":"page","link":"https:\/\/cookieswp2.mystartupcrew.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c7cad9 e-con-full e-flex e-con e-parent\" data-id=\"7c7cad9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4539f9a elementor-widget elementor-widget-html\" data-id=\"4539f9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================================\r\n   NYC ANTHERS \u2014 BROOKLYN FLEA MARKETING HERO\r\n   COMPLETE ELEMENTOR HTML WIDGET\r\n   ---------------------------------------------------------\r\n   \u2713 Brooklyn Flea \/ DUMBO Premiere Announcement\r\n   \u2713 NYC Anthers Branding\r\n   \u2713 Black & White Cookie Messaging\r\n   \u2713 Premium Editorial Design\r\n   \u2713 Full Image \u2014 NEVER CROPPED\r\n   \u2713 Desktop \/ Laptop \/ Tablet \/ Mobile\r\n   \u2713 Touch Friendly\r\n   \u2713 Elementor Safe\r\n   \u2713 Smooth Entrance Animation\r\n   \u2713 Reduced Motion Support\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.bkc-hero,\r\n.bkc-hero *,\r\n.bkc-hero *::before,\r\n.bkc-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.bkc-hero {\r\n    --bkc-dark: #24150f;\r\n    --bkc-dark-2: #352118;\r\n    --bkc-cream: #f4eee5;\r\n    --bkc-white: #fffdf9;\r\n    --bkc-caramel: #b97945;\r\n    --bkc-brown: #74452d;\r\n    --bkc-muted: #796b61;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n\r\n    min-height: 820px;\r\n\r\n    margin: 0;\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 15% 20%,\r\n            rgba(185,121,69,.08),\r\n            transparent 28%\r\n        ),\r\n        var(--bkc-cream);\r\n\r\n    font-family: 'DM Sans', sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE PANEL\r\n========================================================= *\/\r\n\r\n.bkc-right-image {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 43%;\r\n    height: 100%;\r\n\r\n    z-index: 1;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: var(--bkc-dark);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE \u2014 COMPLETE IMAGE ALWAYS VISIBLE\r\n========================================================= *\/\r\n\r\n.bkc-right-image img {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n\r\n    display: block;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    object-fit: contain !important;\r\n\r\n    object-position: center center;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.bkc-right-image::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(36,21,15,.05) 0%,\r\n            rgba(36,21,15,.02) 40%,\r\n            rgba(36,21,15,.38) 100%\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(36,21,15,.10) 0%,\r\n            transparent 38%,\r\n            rgba(0,0,0,.12) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE GLOW\r\n========================================================= *\/\r\n\r\n.bkc-image-glow {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    right: 0;\r\n\r\n    width: 43%;\r\n    height: 100%;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 45%,\r\n            rgba(255,255,255,.09),\r\n            transparent 58%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BORDER\r\n========================================================= *\/\r\n\r\n.bkc-image-border {\r\n    position: absolute;\r\n\r\n    top: 22px;\r\n    right: 22px;\r\n\r\n    width: calc(43% - 44px);\r\n    height: calc(100% - 44px);\r\n\r\n    z-index: 20;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.16);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN INNER\r\n========================================================= *\/\r\n\r\n.bkc-hero-inner {\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    width: 100%;\r\n    max-width: 1480px;\r\n\r\n    min-height: 820px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding:\r\n        38px\r\n        65px\r\n        55px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.bkc-header {\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    padding-bottom: 22px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(36,21,15,.12);\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(-15px);\r\n}\r\n\r\n.bkc-hero.active .bkc-header {\r\n    animation:\r\n        bkcHeader\r\n        .7s\r\n        ease\r\n        .1s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.bkc-logo {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    min-width: 0;\r\n}\r\n\r\n.bkc-logo-circle {\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    flex: 0 0 39px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--bkc-dark);\r\n\r\n    color: var(--bkc-cream);\r\n\r\n    font-family:\r\n        'Playfair Display',\r\n        serif;\r\n\r\n    font-size: 18px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n.bkc-logo-text {\r\n    color: var(--bkc-dark);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    line-height: 1.2;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER RIGHT\r\n========================================================= *\/\r\n\r\n.bkc-header-right {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: var(--bkc-brown);\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    line-height: 1.3;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.bkc-header-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    flex: 0 0 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #d99a67;\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(217,154,103,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.bkc-main {\r\n    position: relative;\r\n\r\n    flex: 1;\r\n\r\n    min-height: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 54%)\r\n        minmax(0, 46%);\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT COPY\r\n========================================================= *\/\r\n\r\n.bkc-copy {\r\n    position: relative;\r\n\r\n    z-index: 30;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 700px;\r\n\r\n    padding-top: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.bkc-eyebrow {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-hero.active .bkc-eyebrow {\r\n    animation:\r\n        bkcUp\r\n        .7s\r\n        ease\r\n        .25s\r\n        forwards;\r\n}\r\n\r\n.bkc-eyebrow-line {\r\n    width: 42px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 42px;\r\n\r\n    background: var(--bkc-caramel);\r\n}\r\n\r\n.bkc-eyebrow-text {\r\n    color: var(--bkc-brown);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.8px;\r\n\r\n    line-height: 1.4;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.bkc-title {\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    color: var(--bkc-dark);\r\n\r\n    font-family:\r\n        'Playfair Display',\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            58px,\r\n            6.7vw,\r\n            104px\r\n        );\r\n\r\n    line-height: .87;\r\n\r\n    letter-spacing: -4.5px;\r\n\r\n    font-weight: 600;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(45px);\r\n}\r\n\r\n.bkc-hero.active .bkc-title {\r\n    animation:\r\n        bkcTitle\r\n        1s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .32s\r\n        forwards;\r\n}\r\n\r\n.bkc-title-line {\r\n    display: block;\r\n}\r\n\r\n.bkc-title-line:nth-child(2) {\r\n    color: var(--bkc-caramel);\r\n\r\n    font-style: italic;\r\n}\r\n\r\n.bkc-title-line:nth-child(2)::after {\r\n    content: \"\";\r\n\r\n    display: block;\r\n\r\n    width: 0;\r\n    height: 6px;\r\n\r\n    margin-top: 10px;\r\n\r\n    border-radius: 20px;\r\n\r\n    background:\r\n        rgba(185,121,69,.28);\r\n}\r\n\r\n.bkc-hero.active\r\n.bkc-title-line:nth-child(2)::after {\r\n    animation:\r\n        bkcLine\r\n        .8s\r\n        ease\r\n        1.05s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.bkc-description {\r\n    width: 100%;\r\n\r\n    max-width: 555px;\r\n\r\n    margin:\r\n        32px\r\n        0\r\n        31px;\r\n\r\n    color: var(--bkc-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.85;\r\n\r\n    font-weight: 400;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-hero.active .bkc-description {\r\n    animation:\r\n        bkcUp\r\n        .8s\r\n        ease\r\n        .55s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.bkc-actions {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 13px;\r\n\r\n    margin-bottom: 38px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-hero.active .bkc-actions {\r\n    animation:\r\n        bkcUp\r\n        .8s\r\n        ease\r\n        .7s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.bkc-primary {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 14px;\r\n\r\n    min-height: 54px;\r\n\r\n    padding:\r\n        0\r\n        27px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--bkc-dark);\r\n\r\n    border-radius: 50px;\r\n\r\n    background: var(--bkc-dark);\r\n\r\n    color: #fff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.bkc-primary::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background: var(--bkc-caramel);\r\n\r\n    transform: translateX(-101%);\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.bkc-primary:hover {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 14px 30px\r\n        rgba(36,21,15,.20);\r\n}\r\n\r\n.bkc-primary:hover::before {\r\n    transform: translateX(0);\r\n}\r\n\r\n.bkc-primary span,\r\n.bkc-primary svg {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.bkc-primary svg {\r\n    width: 17px;\r\n    height: 17px;\r\n\r\n    flex: 0 0 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.bkc-primary:hover svg {\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY BUTTON\r\n========================================================= *\/\r\n\r\n.bkc-secondary {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-height: 54px;\r\n\r\n    padding:\r\n        0\r\n        26px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(36,21,15,.18);\r\n\r\n    border-radius: 50px;\r\n\r\n    background: transparent;\r\n\r\n    color: var(--bkc-dark) !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.bkc-secondary:hover {\r\n    background: var(--bkc-dark);\r\n\r\n    color: #fff !important;\r\n\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n.bkc-benefits {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 22px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-hero.active .bkc-benefits {\r\n    animation:\r\n        bkcUp\r\n        .8s\r\n        ease\r\n        .85s\r\n        forwards;\r\n}\r\n\r\n.bkc-benefit {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    color: var(--bkc-muted);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.bkc-benefit-icon {\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    flex: 0 0 27px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(111,73,48,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: var(--bkc-brown);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.bkc-benefit:hover .bkc-benefit-icon {\r\n    background: var(--bkc-dark);\r\n\r\n    color: #fff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.bkc-benefit-icon svg {\r\n    width: 13px;\r\n    height: 13px;\r\n}\r\n\r\n.bkc-divider {\r\n    width: 1px;\r\n    height: 20px;\r\n\r\n    flex: 0 0 1px;\r\n\r\n    background:\r\n        rgba(36,21,15,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.bkc-visual {\r\n    position: relative;\r\n\r\n    z-index: 15;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    min-height: 650px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateX(45px);\r\n}\r\n\r\n.bkc-hero.active .bkc-visual {\r\n    animation:\r\n        bkcVisual\r\n        1.1s\r\n        cubic-bezier(.16,1,.3,1)\r\n        .35s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAMP\r\n========================================================= *\/\r\n\r\n.bkc-stamp {\r\n    position: absolute;\r\n\r\n    left: 3%;\r\n    top: 12%;\r\n\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--bkc-caramel);\r\n\r\n    color: #fff;\r\n\r\n    z-index: 25;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(0,0,0,.30);\r\n\r\n    animation:\r\n        bkcFloat\r\n        5s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n.bkc-stamp::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 7px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.35);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.bkc-stamp::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 12px;\r\n\r\n    border:\r\n        1px dashed\r\n        rgba(255,255,255,.20);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.bkc-stamp span {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 62px;\r\n    max-width: 62px;\r\n\r\n    text-align: center;\r\n\r\n    font-size: 7px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARKET ANNOUNCEMENT CARD\r\n========================================================= *\/\r\n\r\n.bkc-side-info {\r\n    position: absolute;\r\n\r\n    right: 4%;\r\n    bottom: 10%;\r\n\r\n    z-index: 25;\r\n\r\n    width: 225px;\r\n\r\n    padding:\r\n        22px\r\n        23px\r\n        21px;\r\n\r\n    color:\r\n        rgba(255,255,255,.72);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(36,21,15,.88),\r\n            rgba(53,33,24,.76)\r\n        );\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    backdrop-filter: blur(14px);\r\n\r\n    -webkit-backdrop-filter: blur(14px);\r\n\r\n    box-shadow:\r\n        0 20px 50px\r\n        rgba(0,0,0,.25);\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-hero.active .bkc-side-info {\r\n    animation:\r\n        bkcInfoReveal\r\n        .8s\r\n        cubic-bezier(.16,1,.3,1)\r\n        1s\r\n        forwards;\r\n}\r\n\r\n.bkc-side-info-label {\r\n    margin-bottom: 10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.52);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    line-height: 1.3;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.bkc-side-info-title {\r\n    margin:\r\n        0\r\n        0\r\n        7px;\r\n\r\n    color: #fff;\r\n\r\n    font-family:\r\n        'Playfair Display',\r\n        serif;\r\n\r\n    font-size: 26px;\r\n\r\n    line-height: 1.05;\r\n}\r\n\r\n.bkc-side-info-text {\r\n    margin: 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.62);\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n.bkc-side-info-highlight {\r\n    display: inline-block;\r\n\r\n    margin-top: 10px;\r\n\r\n    padding: 6px 10px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n    border-radius: 50px;\r\n\r\n    color:\r\n        rgba(255,255,255,.85);\r\n\r\n    font-size: 7px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.bkc-side-line {\r\n    width: 45px;\r\n    height: 1px;\r\n\r\n    margin-top: 18px;\r\n\r\n    background:\r\n        var(--bkc-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERTICAL LABEL\r\n========================================================= *\/\r\n\r\n.bkc-image-label {\r\n    position: absolute;\r\n\r\n    right: 20px;\r\n    top: 50%;\r\n\r\n    z-index: 25;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    line-height: 1;\r\n\r\n    text-transform: uppercase;\r\n\r\n    writing-mode: vertical-rl;\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        rotate(180deg);\r\n\r\n    opacity: 0;\r\n}\r\n\r\n.bkc-hero.active .bkc-image-label {\r\n    animation:\r\n        bkcLabelReveal\r\n        .8s\r\n        ease\r\n        1.15s\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM LABEL\r\n========================================================= *\/\r\n\r\n.bkc-image-bottom {\r\n    position: absolute;\r\n\r\n    left: 6%;\r\n    bottom: 7%;\r\n\r\n    z-index: 25;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color:\r\n        rgba(255,255,255,.85);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    line-height: 1.3;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n}\r\n\r\n.bkc-hero.active .bkc-image-bottom {\r\n    animation:\r\n        bkcUp\r\n        .8s\r\n        ease\r\n        1.15s\r\n        forwards;\r\n}\r\n\r\n.bkc-image-bottom-line {\r\n    width: 30px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 30px;\r\n\r\n    background:\r\n        rgba(255,255,255,.65);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM MARKETING ANNOUNCEMENT\r\n========================================================= *\/\r\n\r\n.bkc-bottom {\r\n    position: absolute;\r\n\r\n    left: 65px;\r\n    bottom: 24px;\r\n\r\n    z-index: 30;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    max-width: 48%;\r\n\r\n    opacity: 0;\r\n}\r\n\r\n.bkc-hero.active .bkc-bottom {\r\n    animation:\r\n        bkcUp\r\n        .8s\r\n        ease\r\n        1.1s\r\n        forwards;\r\n}\r\n\r\n.bkc-bottom-line {\r\n    width: 35px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 35px;\r\n\r\n    background:\r\n        var(--bkc-caramel);\r\n}\r\n\r\n.bkc-bottom-text {\r\n    color: var(--bkc-muted);\r\n\r\n    font-size: 8px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    line-height: 1.5;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.bkc-bottom-text strong {\r\n    color: var(--bkc-brown);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes bkcHeader {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-15px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcUp {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcTitle {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(45px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcVisual {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(45px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcInfoReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcLabelReveal {\r\n\r\n    from {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(-50%)\r\n            rotate(180deg)\r\n            translateX(15px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(-50%)\r\n            rotate(180deg)\r\n            translateX(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcLine {\r\n\r\n    from {\r\n        width: 0;\r\n    }\r\n\r\n    to {\r\n        width: 285px;\r\n    }\r\n\r\n}\r\n\r\n@keyframes bkcFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0)\r\n            rotate(-5deg);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-11px)\r\n            rotate(1deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n    .bkc-right-image,\r\n    .bkc-image-glow {\r\n        width: 44%;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        width: calc(44% - 44px);\r\n    }\r\n\r\n    .bkc-hero-inner {\r\n        padding-left: 75px;\r\n        padding-right: 75px;\r\n    }\r\n\r\n    .bkc-bottom {\r\n        left: 75px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY WIDE SCREEN\r\n========================================================= *\/\r\n\r\n@media (min-width: 1900px) {\r\n\r\n    .bkc-hero {\r\n        min-height: 900px;\r\n    }\r\n\r\n    .bkc-hero-inner {\r\n        min-height: 900px;\r\n    }\r\n\r\n    .bkc-main {\r\n        grid-template-columns:\r\n            minmax(0, 55%)\r\n            minmax(0, 45%);\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size: 105px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        object-fit: contain !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1199px) {\r\n\r\n    .bkc-hero {\r\n        min-height: 760px;\r\n    }\r\n\r\n    .bkc-hero-inner {\r\n        min-height: 760px;\r\n\r\n        padding-left: 35px;\r\n        padding-right: 35px;\r\n    }\r\n\r\n    .bkc-main {\r\n        grid-template-columns:\r\n            minmax(0, 54%)\r\n            minmax(0, 46%);\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size:\r\n            clamp(\r\n                55px,\r\n                6.8vw,\r\n                82px\r\n            );\r\n    }\r\n\r\n    .bkc-description {\r\n        max-width: 480px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .bkc-benefits {\r\n        gap: 15px;\r\n    }\r\n\r\n    .bkc-side-info {\r\n        width: 190px;\r\n\r\n        padding:\r\n            18px\r\n            19px;\r\n    }\r\n\r\n    .bkc-side-info-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .bkc-stamp {\r\n        width: 88px;\r\n        height: 88px;\r\n    }\r\n\r\n    .bkc-bottom {\r\n        left: 35px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .bkc-hero {\r\n        min-height: auto;\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .bkc-right-image {\r\n        top: auto;\r\n        right: 0;\r\n        bottom: 0;\r\n\r\n        width: 100%;\r\n        height: 390px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: contain !important;\r\n\r\n        object-position: center center;\r\n    }\r\n\r\n    .bkc-image-glow {\r\n        top: auto;\r\n        right: 0;\r\n        bottom: 0;\r\n\r\n        width: 100%;\r\n        height: 390px;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        top: auto;\r\n\r\n        right: 18px;\r\n        bottom: 18px;\r\n\r\n        width: calc(100% - 36px);\r\n        height: 354px;\r\n    }\r\n\r\n\r\n    \/* INNER *\/\r\n\r\n    .bkc-hero-inner {\r\n        min-height: auto;\r\n\r\n        padding:\r\n            25px\r\n            25px\r\n            450px;\r\n    }\r\n\r\n\r\n    \/* MAIN *\/\r\n\r\n    .bkc-main {\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        padding-top: 55px;\r\n    }\r\n\r\n\r\n    \/* COPY *\/\r\n\r\n    .bkc-copy {\r\n        width: 100%;\r\n        max-width: 720px;\r\n\r\n        padding-top: 0;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    .bkc-eyebrow {\r\n        justify-content: center;\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size:\r\n            clamp(\r\n                52px,\r\n                10vw,\r\n                78px\r\n            );\r\n    }\r\n\r\n    .bkc-description {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .bkc-actions {\r\n        justify-content: center;\r\n    }\r\n\r\n    .bkc-benefits {\r\n        justify-content: center;\r\n    }\r\n\r\n\r\n    \/* VISUAL *\/\r\n\r\n    .bkc-visual {\r\n        width: 100%;\r\n\r\n        height: 390px;\r\n        min-height: 390px;\r\n\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .bkc-stamp {\r\n        left: 6%;\r\n        top: 8%;\r\n    }\r\n\r\n    .bkc-side-info {\r\n        right: 6%;\r\n        bottom: 8%;\r\n    }\r\n\r\n    .bkc-image-label {\r\n        right: 4%;\r\n    }\r\n\r\n    .bkc-image-bottom {\r\n        left: 7%;\r\n        bottom: 8%;\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    .bkc-bottom {\r\n        position: relative;\r\n\r\n        left: auto;\r\n        bottom: auto;\r\n\r\n        max-width: 100%;\r\n\r\n        justify-content: center;\r\n\r\n        margin:\r\n            25px\r\n            auto\r\n            0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET SMALL\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .bkc-right-image,\r\n    .bkc-image-glow {\r\n        height: 370px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        object-fit: contain !important;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        right: 16px;\r\n        bottom: 16px;\r\n\r\n        width: calc(100% - 32px);\r\n\r\n        height: 338px;\r\n    }\r\n\r\n    .bkc-hero-inner {\r\n        padding:\r\n            22px\r\n            20px\r\n            425px;\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size:\r\n            clamp(\r\n                50px,\r\n                10.5vw,\r\n                72px\r\n            );\r\n    }\r\n\r\n    .bkc-description {\r\n        max-width: 600px;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .bkc-visual {\r\n        height: 370px;\r\n        min-height: 370px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .bkc-right-image {\r\n        height: 330px;\r\n    }\r\n\r\n    .bkc-image-glow {\r\n        height: 330px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: contain !important;\r\n\r\n        object-position: center center;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        right: 12px;\r\n        bottom: 12px;\r\n\r\n        width: calc(100% - 24px);\r\n\r\n        height: 306px;\r\n    }\r\n\r\n\r\n    \/* INNER *\/\r\n\r\n    .bkc-hero-inner {\r\n        padding:\r\n            18px\r\n            16px\r\n            385px;\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .bkc-header {\r\n        gap: 10px;\r\n\r\n        padding-bottom: 17px;\r\n    }\r\n\r\n    .bkc-logo {\r\n        gap: 8px;\r\n    }\r\n\r\n    .bkc-logo-circle {\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n        flex-basis: 34px;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n    .bkc-logo-text {\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 1.8px;\r\n    }\r\n\r\n    .bkc-header-right {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* MAIN *\/\r\n\r\n    .bkc-main {\r\n        padding-top: 42px;\r\n    }\r\n\r\n\r\n    \/* EYEBROW *\/\r\n\r\n    .bkc-eyebrow {\r\n        gap: 9px;\r\n\r\n        margin-bottom: 19px;\r\n    }\r\n\r\n    .bkc-eyebrow-line {\r\n        width: 30px;\r\n\r\n        flex-basis: 30px;\r\n    }\r\n\r\n    .bkc-eyebrow-text {\r\n        font-size: 7.5px;\r\n\r\n        letter-spacing: 1.8px;\r\n    }\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    .bkc-title {\r\n        font-size:\r\n            clamp(\r\n                42px,\r\n                13vw,\r\n                62px\r\n            );\r\n\r\n        line-height: .91;\r\n\r\n        letter-spacing: -2.7px;\r\n    }\r\n\r\n    .bkc-title-line:nth-child(2)::after {\r\n        height: 5px;\r\n\r\n        margin-top: 7px;\r\n    }\r\n\r\n\r\n    \/* DESCRIPTION *\/\r\n\r\n    .bkc-description {\r\n        margin:\r\n            24px\r\n            auto\r\n            26px;\r\n\r\n        max-width: 440px;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n    }\r\n\r\n\r\n    \/* BUTTONS *\/\r\n\r\n    .bkc-actions {\r\n        flex-direction: column;\r\n\r\n        width: 100%;\r\n\r\n        gap: 9px;\r\n\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .bkc-primary,\r\n    .bkc-secondary {\r\n        width: 100%;\r\n\r\n        min-height: 51px;\r\n\r\n        padding-left: 18px;\r\n        padding-right: 18px;\r\n    }\r\n\r\n\r\n    \/* BENEFITS *\/\r\n\r\n    .bkc-benefits {\r\n        width: 100%;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n    .bkc-divider {\r\n        display: none;\r\n    }\r\n\r\n    .bkc-benefit {\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    \/* VISUAL *\/\r\n\r\n    .bkc-visual {\r\n        height: 330px;\r\n        min-height: 330px;\r\n\r\n        margin-top: 10px;\r\n    }\r\n\r\n\r\n    \/* STAMP *\/\r\n\r\n    .bkc-stamp {\r\n        width: 70px;\r\n        height: 70px;\r\n\r\n        left: 0;\r\n        top: 25px;\r\n    }\r\n\r\n    .bkc-stamp::before {\r\n        inset: 5px;\r\n    }\r\n\r\n    .bkc-stamp::after {\r\n        inset: 9px;\r\n    }\r\n\r\n    .bkc-stamp span {\r\n        width: 43px;\r\n        max-width: 43px;\r\n\r\n        font-size: 5.5px;\r\n\r\n        letter-spacing: .7px;\r\n    }\r\n\r\n\r\n    \/* MARKET CARD *\/\r\n\r\n    .bkc-side-info {\r\n        right: 0;\r\n        bottom: 15px;\r\n\r\n        width: 165px;\r\n\r\n        padding:\r\n            15px\r\n            16px\r\n            14px;\r\n    }\r\n\r\n    .bkc-side-info-label {\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .bkc-side-info-title {\r\n        margin-bottom: 6px;\r\n\r\n        font-size: 19px;\r\n    }\r\n\r\n    .bkc-side-info-text {\r\n        font-size: 8px;\r\n\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .bkc-side-info-highlight {\r\n        margin-top: 8px;\r\n\r\n        padding:\r\n            5px\r\n            8px;\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n    .bkc-side-line {\r\n        width: 32px;\r\n\r\n        margin-top: 12px;\r\n    }\r\n\r\n\r\n    \/* IMAGE LABEL *\/\r\n\r\n    .bkc-image-label {\r\n        display: none;\r\n    }\r\n\r\n\r\n    \/* IMAGE BOTTOM *\/\r\n\r\n    .bkc-image-bottom {\r\n        left: 5%;\r\n        bottom: 17px;\r\n\r\n        font-size: 6.5px;\r\n\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .bkc-image-bottom-line {\r\n        width: 20px;\r\n\r\n        flex-basis: 20px;\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    .bkc-bottom {\r\n        margin:\r\n            15px\r\n            auto\r\n            0;\r\n\r\n        padding: 0 5px;\r\n    }\r\n\r\n    .bkc-bottom-line {\r\n        width: 22px;\r\n\r\n        flex-basis: 22px;\r\n    }\r\n\r\n    .bkc-bottom-text {\r\n        font-size: 6.5px;\r\n\r\n        letter-spacing: .7px;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .bkc-right-image,\r\n    .bkc-image-glow {\r\n        height: 315px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        object-fit: contain !important;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        height: 291px;\r\n    }\r\n\r\n    .bkc-hero-inner {\r\n        padding-bottom: 370px;\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size:\r\n            clamp(\r\n                39px,\r\n                12.5vw,\r\n                54px\r\n            );\r\n    }\r\n\r\n    .bkc-description {\r\n        font-size: 12.5px;\r\n\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .bkc-visual {\r\n        height: 315px;\r\n        min-height: 315px;\r\n    }\r\n\r\n    .bkc-stamp {\r\n        width: 63px;\r\n        height: 63px;\r\n\r\n        top: 23px;\r\n    }\r\n\r\n    .bkc-side-info {\r\n        width: 150px;\r\n\r\n        padding:\r\n            13px\r\n            14px\r\n            12px;\r\n    }\r\n\r\n    .bkc-side-info-title {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .bkc-image-bottom {\r\n        bottom: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL PHONES\r\n========================================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n    .bkc-hero-inner {\r\n        padding:\r\n            16px\r\n            13px\r\n            355px;\r\n    }\r\n\r\n    .bkc-logo-text {\r\n        font-size: 7px;\r\n\r\n        letter-spacing: 1.5px;\r\n    }\r\n\r\n    .bkc-main {\r\n        padding-top: 38px;\r\n    }\r\n\r\n    .bkc-title {\r\n        font-size: 38px;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .bkc-description {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .bkc-right-image,\r\n    .bkc-image-glow {\r\n        height: 300px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        object-fit: contain !important;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        right: 10px;\r\n        bottom: 10px;\r\n\r\n        width: calc(100% - 20px);\r\n\r\n        height: 280px;\r\n    }\r\n\r\n    .bkc-visual {\r\n        height: 300px;\r\n        min-height: 300px;\r\n    }\r\n\r\n    .bkc-stamp {\r\n        width: 58px;\r\n        height: 58px;\r\n\r\n        left: 0;\r\n    }\r\n\r\n    .bkc-stamp span {\r\n        width: 37px;\r\n        max-width: 37px;\r\n\r\n        font-size: 4.8px;\r\n    }\r\n\r\n    .bkc-side-info {\r\n        width: 135px;\r\n\r\n        padding: 12px;\r\n    }\r\n\r\n    .bkc-side-info-label {\r\n        font-size: 6px;\r\n    }\r\n\r\n    .bkc-side-info-title {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .bkc-side-info-text {\r\n        font-size: 7px;\r\n    }\r\n\r\n    .bkc-image-bottom {\r\n        left: 4%;\r\n\r\n        font-size: 6px;\r\n    }\r\n\r\n    .bkc-bottom-text {\r\n        font-size: 6px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANDSCAPE MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) and (orientation: landscape) {\r\n\r\n    .bkc-hero-inner {\r\n        padding-bottom: 360px;\r\n    }\r\n\r\n    .bkc-right-image,\r\n    .bkc-image-glow {\r\n        height: 320px;\r\n    }\r\n\r\n    .bkc-right-image img {\r\n        object-fit: contain !important;\r\n    }\r\n\r\n    .bkc-image-border {\r\n        height: 294px;\r\n    }\r\n\r\n    .bkc-visual {\r\n        height: 320px;\r\n        min-height: 320px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR SAFETY\r\n========================================================= *\/\r\n\r\n.elementor .bkc-hero img {\r\n    vertical-align: middle;\r\n}\r\n\r\n.elementor .bkc-hero a {\r\n    text-decoration: none;\r\n}\r\n\r\n.bkc-hero a:focus-visible {\r\n    outline:\r\n        2px solid\r\n        var(--bkc-caramel);\r\n\r\n    outline-offset: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .bkc-hero *,\r\n    .bkc-hero *::before,\r\n    .bkc-hero *::after {\r\n        animation: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n    .bkc-header,\r\n    .bkc-eyebrow,\r\n    .bkc-title,\r\n    .bkc-description,\r\n    .bkc-actions,\r\n    .bkc-benefits,\r\n    .bkc-visual,\r\n    .bkc-bottom,\r\n    .bkc-side-info,\r\n    .bkc-image-label,\r\n    .bkc-image-bottom {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     NYC ANTHERS \u2014 BROOKLYN FLEA MARKETING HERO\r\n========================================================= -->\r\n\r\n<section\r\n    class=\"bkc-hero\"\r\n    id=\"bkcHero\"\r\n    aria-label=\"NYC Anthers Brooklyn Flea Announcement\"\r\n>\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT IMAGE\r\n         FULL IMAGE \u2014 NEVER CROPPED\r\n    ====================================================== -->\r\n\r\n    <div class=\"bkc-right-image\">\r\n\r\n        <img decoding=\"async\"\r\n            src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/50a2af54-48e1-4fcd-becd-2581ad631ad2.jpg\"\r\n            alt=\"NYC Anthers handcrafted black and white cookies\"\r\n        >\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- IMAGE BORDER -->\r\n\r\n    <div\r\n        class=\"bkc-image-border\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- IMAGE GLOW -->\r\n\r\n    <div\r\n        class=\"bkc-image-glow\"\r\n        aria-hidden=\"true\"\r\n    ><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         INNER\r\n    ====================================================== -->\r\n\r\n    <div class=\"bkc-hero-inner\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <header class=\"bkc-header\">\r\n\r\n            <div class=\"bkc-logo\">\r\n\r\n               \r\n\r\n                <div class=\"bkc-logo-text\">\r\n                    NYC Anthers \/ Brooklyn Black & White\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bkc-header-right\">\r\n\r\n                <span\r\n                    class=\"bkc-header-dot\"\r\n                    aria-hidden=\"true\"\r\n                ><\/span>\r\n\r\n                Brooklyn Flea \u2022 DUMBO Premiere\r\n\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN\r\n        ================================================== -->\r\n\r\n        <div class=\"bkc-main\">\r\n\r\n\r\n            <!-- =============================================\r\n                 LEFT CONTENT\r\n            ============================================== -->\r\n\r\n            <div class=\"bkc-copy\">\r\n\r\n\r\n                <!-- EYEBROW -->\r\n\r\n                <div class=\"bkc-eyebrow\">\r\n\r\n                    <span\r\n                        class=\"bkc-eyebrow-line\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n                    <span class=\"bkc-eyebrow-text\">\r\n                        Now Making Our NYC Debut\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- TITLE -->\r\n\r\n                <h1 class=\"bkc-title\">\r\n\r\n                    <span class=\"bkc-title-line\">\r\n                        Brooklyn Flea,\r\n                    <\/span>\r\n\r\n                    <span class=\"bkc-title-line\">\r\n                        We're Coming.\r\n                    <\/span>\r\n\r\n                <\/h1>\r\n\r\n\r\n                <!-- DESCRIPTION -->\r\n\r\n                <p class=\"bkc-description\">\r\n\r\n                    NYC Anthers is bringing our handcrafted black &amp; white\r\n                    cookies to Brooklyn Flea in DUMBO. Come taste our take on\r\n                    a true New York classic \u2014 made with real vanilla, gourmet\r\n                    chocolate, and a cookie base with the perfect bite.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- BUTTONS -->\r\n\r\n                <div class=\"bkc-actions\">\r\n\r\n\r\n                    <!-- PRIMARY -->\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"bkc-primary\"\r\n                    >\r\n\r\n                        <span>\r\n                            Get Market Updates\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            fill=\"none\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n\r\n                            <path\r\n                                d=\"M5 12H19\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M13 6L19 12L13 18\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <!-- SECONDARY -->\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"bkc-secondary\"\r\n                    >\r\n                        View Our Cookies\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- BENEFITS -->\r\n\r\n                <div class=\"bkc-benefits\">\r\n\r\n\r\n                    <!-- SMALL BATCH -->\r\n\r\n                    <div class=\"bkc-benefit\">\r\n\r\n                        <span class=\"bkc-benefit-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M12 3C7.5 3 4 6.2 4 10.2C4 15.1 8.4 19.1 12 21C15.6 19.1 20 15.1 20 10.2C20 6.2 16.5 3 12 3Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                \/>\r\n\r\n                                <path\r\n                                    d=\"M8.5 10.5C9.2 11.2 10.2 11.5 11.2 11.3\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linecap=\"round\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                        Small Batch\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span\r\n                        class=\"bkc-divider\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n\r\n                    <!-- DUMBO -->\r\n\r\n                    <div class=\"bkc-benefit\">\r\n\r\n                        <span class=\"bkc-benefit-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M12 21C16.5 17.2 19 13.8 19 9.8C19 6 16 3 12 3C8 3 5 6 5 9.8C5 13.8 7.5 17.2 12 21Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                \/>\r\n\r\n                                <circle\r\n                                    cx=\"12\"\r\n                                    cy=\"9\"\r\n                                    r=\"2.3\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                        DUMBO Debut\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span\r\n                        class=\"bkc-divider\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n\r\n                    <!-- NYC -->\r\n\r\n                    <div class=\"bkc-benefit\">\r\n\r\n                        <span class=\"bkc-benefit-icon\">\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                fill=\"none\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path\r\n                                    d=\"M12 3L14.5 8L20 8.8L16 12.7L17 18.2L12 15.6L7 18.2L8 12.7L9.5 8L12 3Z\"\r\n                                    stroke=\"currentColor\"\r\n                                    stroke-width=\"1.7\"\r\n                                    stroke-linejoin=\"round\"\r\n                                \/>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/span>\r\n\r\n                        Made in NYC\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =============================================\r\n                 IMAGE OVERLAY CONTENT\r\n            ============================================== -->\r\n\r\n            <div class=\"bkc-visual\">\r\n\r\n\r\n                <!-- STAMP -->\r\n\r\n                <div class=\"bkc-stamp\">\r\n\r\n                    <span>\r\n\r\n                        NYC\r\n\r\n                        <br>\r\n\r\n                        Crafted\r\n\r\n                        <br>\r\n\r\n                        With Love\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- MARKET ANNOUNCEMENT CARD -->\r\n\r\n                <div class=\"bkc-side-info\">\r\n\r\n                    <div class=\"bkc-side-info-label\">\r\n                        Market Announcement\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"bkc-side-info-title\">\r\n                        Brooklyn Flea\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"bkc-side-info-text\">\r\n\r\n                        DUMBO Premiere\r\n\r\n                        <br>\r\n\r\n                        NYC Anthers is bringing\r\n                        our black &amp; white cookies\r\n                        to the market.\r\n\r\n                    <\/p>\r\n\r\n\r\n                    <span class=\"bkc-side-info-highlight\">\r\n                        Coming Soon\r\n                    <\/span>\r\n\r\n\r\n                    <div\r\n                        class=\"bkc-side-line\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- VERTICAL LABEL -->\r\n\r\n                <div class=\"bkc-image-label\">\r\n                    Brooklyn Flea \u2022 DUMBO \u2022 NYC\r\n                <\/div>\r\n\r\n\r\n                <!-- IMAGE BOTTOM LABEL -->\r\n\r\n                <div class=\"bkc-image-bottom\">\r\n\r\n                    <span\r\n                        class=\"bkc-image-bottom-line\"\r\n                        aria-hidden=\"true\"\r\n                    ><\/span>\r\n\r\n                    NYC Anthers \u2022 Black &amp; White Cookies\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM MARKETING ANNOUNCEMENT\r\n        ================================================== -->\r\n\r\n        <div class=\"bkc-bottom\">\r\n\r\n            <span\r\n                class=\"bkc-bottom-line\"\r\n                aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n\r\n            <div class=\"bkc-bottom-text\">\r\n\r\n                Our NYC debut\r\n\r\n                &nbsp;\u2022&nbsp;\r\n\r\n                <strong>\r\n                    Brooklyn Flea \u2022 DUMBO\r\n                <\/strong>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initBrooklynHero() {\r\n\r\n        var hero =\r\n            document.getElementById('bkcHero');\r\n\r\n        if (!hero) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Prevent duplicate initialization *\/\r\n\r\n        if (\r\n            hero.dataset.bkcInitialized === 'true'\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        hero.dataset.bkcInitialized = 'true';\r\n\r\n\r\n        \/* Activate *\/\r\n\r\n        function activateHero() {\r\n\r\n            hero.classList.add('active');\r\n\r\n        }\r\n\r\n\r\n        \/* Reduced motion *\/\r\n\r\n        if (\r\n            window.matchMedia &&\r\n            window.matchMedia(\r\n                '(prefers-reduced-motion: reduce)'\r\n            ).matches\r\n        ) {\r\n\r\n            activateHero();\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* Intersection Observer *\/\r\n\r\n        if (\r\n            'IntersectionObserver' in window\r\n        ) {\r\n\r\n            var observer =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (\r\n                                    entry.isIntersecting\r\n                                ) {\r\n\r\n                                    activateHero();\r\n\r\n                                    observer.unobserve(\r\n                                        hero\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold: 0.05\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            observer.observe(hero);\r\n\r\n        } else {\r\n\r\n            activateHero();\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* Normal page load *\/\r\n\r\n    if (\r\n        document.readyState === 'loading'\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            'DOMContentLoaded',\r\n            initBrooklynHero\r\n        );\r\n\r\n    } else {\r\n\r\n        initBrooklynHero();\r\n\r\n    }\r\n\r\n\r\n    \/* Elementor *\/\r\n\r\n    if (window.jQuery) {\r\n\r\n        jQuery(window).on(\r\n            'elementor\/frontend\/init',\r\n            function () {\r\n\r\n                initBrooklynHero();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65b6c16 e-con-full e-flex e-con e-parent\" data-id=\"65b6c16\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b4d088 elementor-widget elementor-widget-html\" data-id=\"7b4d088\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   NYC PANTHERS \u2014 ABOUT US\r\n   COMPLETE WITH BOROUGH FLAVORS & BRAND STORY\r\n   ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL\r\n========================================================= *\/\r\n\r\n.bkc-about,\r\n.bkc-about *,\r\n.bkc-about *::before,\r\n.bkc-about *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.bkc-about {\r\n    --about-dark: #24150f;\r\n    --about-dark-2: #352118;\r\n    --about-cream: #f4eee5;\r\n    --about-white: #ffffff;\r\n    --about-caramel: #b97945;\r\n    --about-brown: #74452d;\r\n    --about-muted: #796b61;\r\n    --about-line: rgba(36,21,15,.12);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    padding: 100px 0 100px;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FONTS\r\n========================================================= *\/\r\n\r\n.bkc-about .bkc-about-serif,\r\n.bkc-about-heading,\r\n.bkc-about-content-title,\r\n.bkc-about-signature-text,\r\n.bkc-about-stat-number {\r\n    font-family: 'Playfair Display', serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND NUMBER\r\n========================================================= *\/\r\n\r\n.bkc-about-bg-number {\r\n    position: absolute;\r\n    top: 30px;\r\n    right: -20px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(180px, 22vw, 340px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    color: rgba(36,21,15,.025);\r\n    pointer-events: none;\r\n    user-select: none;\r\n    z-index: -1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND CIRCLE\r\n========================================================= *\/\r\n\r\n.bkc-about-bg-circle {\r\n    position: absolute;\r\n    left: -180px;\r\n    bottom: -180px;\r\n    width: 430px;\r\n    height: 430px;\r\n    border: 1px solid rgba(185,121,69,.10);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n}\r\n\r\n.bkc-about-bg-circle::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 35px;\r\n    border: 1px solid rgba(185,121,69,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.bkc-about-container {\r\n    width: min(1420px, calc(100% - 110px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP SECTION\r\n========================================================= *\/\r\n\r\n.bkc-about-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    margin-bottom: 70px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.bkc-about-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-badge {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .05s forwards;\r\n}\r\n\r\n.bkc-about-badge-line {\r\n    width: 42px;\r\n    height: 1px;\r\n    flex: 0 0 42px;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n.bkc-about-badge-text {\r\n    color: var(--about-brown);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.8px;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.bkc-about-heading {\r\n    width: 100%;\r\n    max-width: 820px;\r\n    margin: 0;\r\n    color: var(--about-dark);\r\n    font-size: clamp(52px, 6vw, 88px);\r\n    line-height: .94;\r\n    letter-spacing: -3.5px;\r\n    font-weight: 600;\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-heading {\r\n    animation: bkcAboutTitle 1s cubic-bezier(.16,1,.3,1) .15s forwards;\r\n}\r\n\r\n.bkc-about-heading em {\r\n    color: var(--about-caramel);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP DESCRIPTION\r\n========================================================= *\/\r\n\r\n.bkc-about-top-copy {\r\n    width: 290px;\r\n    max-width: 100%;\r\n    padding-bottom: 7px;\r\n    color: var(--about-muted);\r\n    font-size: 12px;\r\n    line-height: 1.8;\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-top-copy {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .28s forwards;\r\n}\r\n\r\n.bkc-about-top-copy-line {\r\n    width: 35px;\r\n    height: 1px;\r\n    margin-bottom: 17px;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.bkc-about-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 49%) minmax(0, 51%);\r\n    align-items: center;\r\n    gap: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE WRAPPER\r\n========================================================= *\/\r\n\r\n.bkc-about-image-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-right: 55px;\r\n    opacity: 0;\r\n    transform: translateX(-45px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-image-wrap {\r\n    animation: bkcAboutImage 1.15s cubic-bezier(.16,1,.3,1) .25s forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOX\r\n========================================================= *\/\r\n\r\n.bkc-about-image {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 620px;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: var(--about-cream);\r\n}\r\n\r\n.bkc-about-image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100% !important;\r\n    max-height: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    object-fit: cover !important;\r\n    object-position: center center;\r\n    transform: none;\r\n    transition: transform 1.2s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.bkc-about-image-wrap:hover .bkc-about-image img {\r\n    transform: scale(1.018);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE SHAPES\r\n========================================================= *\/\r\n\r\n.bkc-about-image-shape {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 145px;\r\n    height: 145px;\r\n    background: var(--about-dark);\r\n    z-index: 4;\r\n    clip-path: polygon(0 0, 100% 0, 78% 14%, 61% 28%, 50% 46%, 38% 61%, 23% 77%, 0 100%);\r\n}\r\n\r\n.bkc-about-image-shape::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 20px;\r\n    left: 20px;\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n.bkc-about-image-shape-bottom {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 180px;\r\n    height: 180px;\r\n    background: var(--about-dark);\r\n    z-index: 4;\r\n    clip-path: polygon(100% 0, 100% 100%, 0 100%, 17% 82%, 31% 67%, 47% 53%, 63% 38%, 78% 20%);\r\n}\r\n\r\n.bkc-about-image-shape-bottom::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 30px;\r\n    bottom: 29px;\r\n    width: 35px;\r\n    height: 1px;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE FRAME\r\n========================================================= *\/\r\n\r\n.bkc-about-image-frame {\r\n    position: absolute;\r\n    top: 17px;\r\n    left: 17px;\r\n    right: 72px;\r\n    bottom: 17px;\r\n    border: 1px solid rgba(255,255,255,.42);\r\n    z-index: 5;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.bkc-about-image-label {\r\n    position: absolute;\r\n    left: -1px;\r\n    bottom: 42px;\r\n    z-index: 8;\r\n    padding: 10px 18px;\r\n    background: #ffffff;\r\n    color: var(--about-dark);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 10px 30px rgba(36,21,15,.10);\r\n}\r\n\r\n.bkc-about-image-label span {\r\n    color: var(--about-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUND BADGE\r\n========================================================= *\/\r\n\r\n.bkc-about-round {\r\n    position: absolute;\r\n    top: 45px;\r\n    right: 10px;\r\n    width: 112px;\r\n    height: 112px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: var(--about-caramel);\r\n    color: #ffffff;\r\n    z-index: 9;\r\n    box-shadow: 0 18px 45px rgba(36,21,15,.25);\r\n    transform: rotate(-8deg);\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.bkc-about-image-wrap:hover .bkc-about-round {\r\n    transform: rotate(0deg) translateY(-5px);\r\n}\r\n\r\n.bkc-about-round::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 8px;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    border-radius: 50%;\r\n}\r\n\r\n.bkc-about-round::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 14px;\r\n    border: 1px dashed rgba(255,255,255,.25);\r\n    border-radius: 50%;\r\n}\r\n\r\n.bkc-about-round-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n}\r\n\r\n.bkc-about-round-number {\r\n    display: block;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 27px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n}\r\n\r\n.bkc-about-round-text {\r\n    display: block;\r\n    margin-top: 4px;\r\n    font-size: 6px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.bkc-about-content {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 30px 0 20px 85px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT LABEL\r\n========================================================= *\/\r\n\r\n.bkc-about-content-label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    margin-bottom: 23px;\r\n    color: var(--about-brown);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.2px;\r\n    line-height: 1.3;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-content-label {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .4s forwards;\r\n}\r\n\r\n.bkc-about-content-label::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 1px;\r\n    flex: 0 0 28px;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT TITLE\r\n========================================================= *\/\r\n\r\n.bkc-about-content-title {\r\n    width: 100%;\r\n    max-width: 570px;\r\n    margin: 0 0 25px;\r\n    color: var(--about-dark);\r\n    font-size: clamp(35px, 3.6vw, 56px);\r\n    line-height: 1.02;\r\n    letter-spacing: -2px;\r\n    font-weight: 600;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-content-title {\r\n    animation: bkcAboutUp .9s cubic-bezier(.16,1,.3,1) .48s forwards;\r\n}\r\n\r\n.bkc-about-content-title em {\r\n    color: var(--about-caramel);\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BRAND STORY \u2014 CLIENT'S \"ABOUT ME\"\r\n========================================================= *\/\r\n\r\n.bkc-about-story {\r\n    width: 100%;\r\n    max-width: 550px;\r\n    margin: 0 0 20px;\r\n    padding: 20px 24px;\r\n    background: rgba(244,238,229,0.4);\r\n    border-radius: 6px;\r\n    border-left: 3px solid var(--about-caramel);\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-story {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .55s forwards;\r\n}\r\n\r\n.bkc-about-story p {\r\n    margin: 0;\r\n    color: var(--about-dark);\r\n    font-size: 13px;\r\n    line-height: 1.9;\r\n    font-weight: 400;\r\n}\r\n\r\n.bkc-about-story p strong {\r\n    color: var(--about-brown);\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.bkc-about-text {\r\n    width: 100%;\r\n    max-width: 550px;\r\n    margin: 0 0 10px;\r\n    color: var(--about-muted);\r\n    font-size: 13px;\r\n    line-height: 1.9;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-text:nth-of-type(1) {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .65s forwards;\r\n}\r\n\r\n.bkc-about-text strong {\r\n    color: var(--about-dark);\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOROUGH FLAVORS \u2014 NYC PANTHERS SPECIAL\r\n========================================================= *\/\r\n\r\n.bkc-about-boroughs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin: 16px 0 20px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-boroughs {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .7s forwards;\r\n}\r\n\r\n.bkc-about-borough-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 5px 14px 5px 12px;\r\n    background: var(--about-cream);\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(36,21,15,.08);\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    color: var(--about-dark);\r\n    letter-spacing: 0.3px;\r\n}\r\n\r\n.bkc-about-borough-tag .borough-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    flex: 0 0 7px;\r\n}\r\n\r\n.borough-dot.bk { background: #1a4d7a; }\r\n.borough-dot.qn { background: #6a9b3b; }\r\n.borough-dot.mn { background: #b22222; }\r\n.borough-dot.si { background: #2d6e46; }\r\n.borough-dot.bx { background: #d4a017; }\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE\r\n========================================================= *\/\r\n\r\n.bkc-about-signature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 17px;\r\n    margin-top: 25px;\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-signature {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) .82s forwards;\r\n}\r\n\r\n.bkc-about-signature-line {\r\n    width: 45px;\r\n    height: 1px;\r\n    flex: 0 0 45px;\r\n    background: var(--about-caramel);\r\n}\r\n\r\n.bkc-about-signature-text {\r\n    color: var(--about-dark);\r\n    font-size: 18px;\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATS\r\n========================================================= *\/\r\n\r\n.bkc-about-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0,1fr));\r\n    gap: 12px;\r\n    width: 100%;\r\n    max-width: 560px;\r\n    margin-top: 40px;\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-stats {\r\n    animation: bkcAboutUp .9s cubic-bezier(.16,1,.3,1) .94s forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAT BOX\r\n========================================================= *\/\r\n\r\n.bkc-about-stat {\r\n    position: relative;\r\n    min-height: 118px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 22px 18px;\r\n    background: #F4EEE5;\r\n    border: 1px solid rgba(36,21,15,.07);\r\n    overflow: hidden;\r\n    transition: transform .35s ease, box-shadow .35s ease, background .35s ease;\r\n}\r\n\r\n.bkc-about-stat::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: var(--about-caramel);\r\n    transform: scaleY(0);\r\n    transform-origin: bottom;\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.bkc-about-stat::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -25px;\r\n    bottom: -35px;\r\n    width: 90px;\r\n    height: 90px;\r\n    border: 1px solid rgba(185,121,69,.14);\r\n    border-radius: 50%;\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.bkc-about-stat:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 18px 35px rgba(36,21,15,.09);\r\n    background: #f1e9dd;\r\n}\r\n\r\n.bkc-about-stat:hover::before {\r\n    transform: scaleY(1);\r\n}\r\n\r\n.bkc-about-stat:hover::after {\r\n    transform: scale(1.25);\r\n}\r\n\r\n.bkc-about-stat-number {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    color: var(--about-dark);\r\n    font-size: 31px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    white-space: nowrap;\r\n}\r\n\r\n.bkc-about-stat-number span {\r\n    color: var(--about-caramel);\r\n}\r\n\r\n.bkc-about-stat-label {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: block;\r\n    margin-top: 10px;\r\n    color: var(--about-muted);\r\n    font-size: 8px;\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n    letter-spacing: 1.35px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERTICAL DECOR\r\n========================================================= *\/\r\n\r\n.bkc-about-vertical {\r\n    position: absolute;\r\n    right: 16px;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(180deg);\r\n    writing-mode: vertical-rl;\r\n    color: rgba(36,21,15,.24);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM\r\n========================================================= *\/\r\n\r\n.bkc-about-bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    width: 100%;\r\n    margin-top: 85px;\r\n    padding: 0 10px;\r\n    color: rgba(36,21,15,.62);\r\n    font-size: 9px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-about.active .bkc-about-bottom {\r\n    animation: bkcAboutUp .8s cubic-bezier(.16,1,.3,1) 1.12s forwards;\r\n}\r\n\r\n.bkc-about-bottom-line {\r\n    width: 52px;\r\n    height: 1px;\r\n    flex: 0 0 52px;\r\n    background: var(--about-caramel);\r\n    opacity: .65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes bkcAboutUp {\r\n    from { opacity: 0; transform: translateY(28px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes bkcAboutTitle {\r\n    from { opacity: 0; transform: translateY(42px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes bkcAboutImage {\r\n    from { opacity: 0; transform: translateX(-45px) scale(.96); }\r\n    to { opacity: 1; transform: translateX(0) scale(1); }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n    .bkc-about { padding: 130px 0 130px; }\r\n    .bkc-about-container { width: min(1500px, calc(100% - 150px)); }\r\n    .bkc-about-image { height: 680px; }\r\n    .bkc-about-content { padding-left: 105px; }\r\n}\r\n\r\n@media (min-width: 1800px) {\r\n    .bkc-about { padding: 150px 0 150px; }\r\n    .bkc-about-container { width: min(1600px, calc(100% - 180px)); }\r\n    .bkc-about-image { height: 720px; }\r\n    .bkc-about-heading { font-size: 92px; }\r\n}\r\n\r\n@media (max-width: 1150px) {\r\n    .bkc-about { padding: 95px 0 105px; }\r\n    .bkc-about-container { width: min(1100px, calc(100% - 70px)); }\r\n    .bkc-about-top { gap: 35px; margin-bottom: 55px; }\r\n    .bkc-about-heading { font-size: clamp(48px, 6.2vw, 72px); }\r\n    .bkc-about-image-wrap { padding-right: 40px; }\r\n    .bkc-about-image { height: 570px; }\r\n    .bkc-about-content { padding-left: 55px; }\r\n    .bkc-about-content-title { font-size: clamp(33px, 4vw, 48px); }\r\n    .bkc-about-round { width: 95px; height: 95px; }\r\n    .bkc-about-round-number { font-size: 23px; }\r\n    .bkc-about-image-shape { width: 125px; height: 125px; }\r\n    .bkc-about-image-shape-bottom { width: 155px; height: 155px; }\r\n    .bkc-about-stat { min-height: 108px; padding: 19px 14px; }\r\n    .bkc-about-stat-number { font-size: 27px; }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n    .bkc-about { padding: 85px 0 90px; }\r\n    .bkc-about-container { width: calc(100% - 44px); }\r\n    .bkc-about-top { display: block; margin-bottom: 55px; }\r\n    .bkc-about-heading { max-width: 750px; font-size: clamp(48px, 9vw, 70px); }\r\n    .bkc-about-top-copy { width: 100%; max-width: 520px; margin-top: 27px; }\r\n    .bkc-about-grid { display: flex; flex-direction: column; align-items: stretch; }\r\n    .bkc-about-image-wrap { width: 100%; padding-right: 25px; }\r\n    .bkc-about-image { height: 570px; }\r\n    .bkc-about-content { width: 100%; padding: 65px 25px 20px; }\r\n    .bkc-about-content-title { max-width: 700px; font-size: clamp(38px, 7vw, 55px); }\r\n    .bkc-about-text { max-width: 680px; }\r\n    .bkc-about-story { max-width: 680px; }\r\n    .bkc-about-boroughs { max-width: 680px; }\r\n    .bkc-about-stats { max-width: 680px; }\r\n    .bkc-about-vertical { display: none; }\r\n    .bkc-about-bottom { margin-top: 60px; }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n    .bkc-about { padding: 75px 0 80px; }\r\n    .bkc-about-container { width: calc(100% - 36px); }\r\n    .bkc-about-top { margin-bottom: 45px; }\r\n    .bkc-about-heading { font-size: clamp(44px, 9.5vw, 65px); letter-spacing: -2.8px; }\r\n    .bkc-about-image-wrap { padding-right: 18px; }\r\n    .bkc-about-image { height: 520px; }\r\n    .bkc-about-image-frame { right: 50px; }\r\n    .bkc-about-round { width: 92px; height: 92px; right: 0; }\r\n    .bkc-about-content { padding: 55px 15px 15px; }\r\n    .bkc-about-stats { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }\r\n    .bkc-about-stat { min-height: 105px; padding: 16px 12px; }\r\n    .bkc-about-stat-number { font-size: 25px; }\r\n    .bkc-about-stat-label { font-size: 7px; }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n    .bkc-about { padding: 65px 0 65px; }\r\n    .bkc-about-container { width: calc(100% - 30px); }\r\n    .bkc-about-bg-number { top: 15px; right: -20px; font-size: 145px; }\r\n    .bkc-about-bg-circle { width: 290px; height: 290px; left: -160px; bottom: -120px; }\r\n    .bkc-about-top { margin-bottom: 38px; }\r\n    .bkc-about-badge { gap: 9px; margin-bottom: 19px; }\r\n    .bkc-about-badge-line { width: 30px; flex-basis: 30px; }\r\n    .bkc-about-badge-text { font-size: 8px; letter-spacing: 1.8px; }\r\n    .bkc-about-heading { font-size: clamp(40px, 12.5vw, 58px); line-height: .97; letter-spacing: -2.4px; }\r\n    .bkc-about-top-copy { margin-top: 22px; font-size: 11px; line-height: 1.75; }\r\n    .bkc-about-image-wrap { padding-right: 12px; }\r\n    .bkc-about-image { height: 430px; }\r\n    .bkc-about-image img { width: 100%; height: 100%; object-fit: contain !important; object-position: center center; }\r\n    .bkc-about-image-frame { top: 10px; left: 10px; right: 35px; bottom: 10px; }\r\n    .bkc-about-image-shape { width: 90px; height: 90px; }\r\n    .bkc-about-image-shape::after { top: 13px; left: 13px; width: 6px; height: 6px; }\r\n    .bkc-about-image-shape-bottom { width: 115px; height: 115px; }\r\n    .bkc-about-image-shape-bottom::after { right: 18px; bottom: 18px; width: 25px; }\r\n    .bkc-about-round { width: 78px; height: 78px; top: 25px; right: -3px; }\r\n    .bkc-about-round::before { inset: 6px; }\r\n    .bkc-about-round::after { inset: 10px; }\r\n    .bkc-about-round-number { font-size: 19px; }\r\n    .bkc-about-round-text { font-size: 5px; letter-spacing: .8px; }\r\n    .bkc-about-image-label { bottom: 23px; padding: 8px 11px; font-size: 6px; letter-spacing: 1.2px; }\r\n    .bkc-about-content { padding: 48px 3px 5px; }\r\n    .bkc-about-content-label { gap: 8px; margin-bottom: 19px; font-size: 7.5px; letter-spacing: 1.6px; }\r\n    .bkc-about-content-label::before { width: 23px; flex-basis: 23px; }\r\n    .bkc-about-content-title { margin-bottom: 19px; font-size: clamp(31px, 8.8vw, 44px); line-height: 1.05; letter-spacing: -1.4px; }\r\n    .bkc-about-story { padding: 16px 18px; margin-bottom: 15px; }\r\n    .bkc-about-story p { font-size: 12px; line-height: 1.8; }\r\n    .bkc-about-text { font-size: 12px; line-height: 1.82; }\r\n    .bkc-about-boroughs { gap: 6px; margin: 12px 0 16px; }\r\n    .bkc-about-borough-tag { font-size: 8px; padding: 4px 10px 4px 8px; }\r\n    .bkc-about-signature { gap: 13px; margin-top: 20px; }\r\n    .bkc-about-signature-line { width: 35px; flex-basis: 35px; }\r\n    .bkc-about-signature-text { font-size: 16px; }\r\n    .bkc-about-stats { grid-template-columns: 1fr; gap: 9px; margin-top: 30px; }\r\n    .bkc-about-stat { min-height: 86px; display: grid; grid-template-columns: 105px minmax(0,1fr); align-items: center; padding: 16px 18px; }\r\n    .bkc-about-stat-number { font-size: 26px; }\r\n    .bkc-about-stat-label { margin-top: 0; font-size: 7.5px; letter-spacing: 1.2px; }\r\n    .bkc-about-bottom { gap: 8px; margin-top: 42px; padding: 0 3px; font-size: 6.5px; letter-spacing: 1.2px; line-height: 1.5; }\r\n    .bkc-about-bottom-line { width: 24px; flex-basis: 24px; }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n    .bkc-about { padding: 58px 0 60px; }\r\n    .bkc-about-container { width: calc(100% - 26px); }\r\n    .bkc-about-heading { font-size: clamp(37px, 12.5vw, 52px); letter-spacing: -2px; }\r\n    .bkc-about-image { height: 390px; }\r\n    .bkc-about-image-frame { right: 30px; }\r\n    .bkc-about-image-shape { width: 78px; height: 78px; }\r\n    .bkc-about-image-shape-bottom { width: 100px; height: 100px; }\r\n    .bkc-about-round { width: 69px; height: 69px; }\r\n    .bkc-about-round-number { font-size: 17px; }\r\n    .bkc-about-content { padding-top: 40px; }\r\n    .bkc-about-content-title { font-size: clamp(29px, 8.8vw, 40px); }\r\n    .bkc-about-text { font-size: 11.5px; }\r\n    .bkc-about-story p { font-size: 11.5px; }\r\n    .bkc-about-stat { grid-template-columns: 90px minmax(0,1fr); min-height: 82px; }\r\n    .bkc-about-stat-number { font-size: 23px; }\r\n    .bkc-about-bottom { font-size: 6px; letter-spacing: 1px; }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n    .bkc-about { padding: 50px 0 55px; }\r\n    .bkc-about-container { width: calc(100% - 22px); }\r\n    .bkc-about-bg-number { font-size: 120px; }\r\n    .bkc-about-badge-text { font-size: 7px; letter-spacing: 1.4px; }\r\n    .bkc-about-heading { font-size: 36px; letter-spacing: -1.8px; }\r\n    .bkc-about-image { height: 350px; }\r\n    .bkc-about-image-frame { top: 8px; left: 8px; right: 25px; bottom: 8px; }\r\n    .bkc-about-image-shape { width: 68px; height: 68px; }\r\n    .bkc-about-image-shape-bottom { width: 88px; height: 88px; }\r\n    .bkc-about-round { width: 61px; height: 61px; top: 20px; }\r\n    .bkc-about-round-number { font-size: 15px; }\r\n    .bkc-about-round-text { font-size: 4px; }\r\n    .bkc-about-image-label { bottom: 18px; padding: 7px 9px; font-size: 5px; }\r\n    .bkc-about-content { padding-top: 35px; }\r\n    .bkc-about-content-title { font-size: 28px; }\r\n    .bkc-about-text { font-size: 11px; line-height: 1.75; }\r\n    .bkc-about-story p { font-size: 11px; }\r\n    .bkc-about-stat { grid-template-columns: 82px minmax(0,1fr); min-height: 78px; padding: 13px 14px; }\r\n    .bkc-about-stat-number { font-size: 21px; }\r\n    .bkc-about-stat-label { font-size: 6.5px; letter-spacing: 1px; }\r\n}\r\n\r\n@media (max-width: 850px) and (orientation: landscape) {\r\n    .bkc-about { padding: 55px 0 60px; }\r\n    .bkc-about-image { height: 430px; }\r\n    .bkc-about-image img { object-fit: contain !important; }\r\n    .bkc-about-content { padding-top: 50px; }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR SAFETY\r\n========================================================= *\/\r\n\r\n.elementor .bkc-about img { vertical-align: middle; }\r\n.elementor .bkc-about a { text-decoration: none; }\r\n.bkc-about a:focus-visible { outline: 2px solid var(--about-caramel); outline-offset: 4px; }\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .bkc-about *, .bkc-about *::before, .bkc-about *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n    .bkc-about-badge, .bkc-about-heading, .bkc-about-top-copy,\r\n    .bkc-about-image-wrap, .bkc-about-content-label, .bkc-about-content-title,\r\n    .bkc-about-story, .bkc-about-text, .bkc-about-boroughs,\r\n    .bkc-about-signature, .bkc-about-stats, .bkc-about-bottom {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     NYC PANTHERS \u2014 ABOUT US\r\n     COMPLETE WITH BOROUGH FLAVORS\r\n========================================================= -->\r\n\r\n<section class=\"bkc-about\" id=\"bkcAbout\">\r\n\r\n    <!-- BACKGROUND -->\r\n    <div class=\"bkc-about-bg-number\" aria-hidden=\"true\">02<\/div>\r\n    <div class=\"bkc-about-bg-circle\" aria-hidden=\"true\"><\/div>\r\n\r\n    <!-- CONTAINER -->\r\n    <div class=\"bkc-about-container\">\r\n\r\n        <!-- TOP -->\r\n        <div class=\"bkc-about-top\">\r\n\r\n            <div>\r\n                <!-- BADGE -->\r\n                <div class=\"bkc-about-badge\">\r\n                    <span class=\"bkc-about-badge-line\"><\/span>\r\n                    <span class=\"bkc-about-badge-text\">Meet Laura<\/span>\r\n                <\/div>\r\n\r\n                <!-- HEADING -->\r\n                <h2 class=\"bkc-about-heading\">\r\n                    Cookies with <em>NYC soul.<\/em>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <!-- DESCRIPTION -->\r\n            <div class=\"bkc-about-top-copy\">\r\n                <div class=\"bkc-about-top-copy-line\"><\/div>\r\n                Small-batch cookies born in Brooklyn, inspired by the five boroughs.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- MAIN GRID -->\r\n        <div class=\"bkc-about-grid\">\r\n\r\n            <!-- IMAGE -->\r\n            <div class=\"bkc-about-image-wrap\">\r\n                <div class=\"bkc-about-image\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Lura-scaled.jpg\"\r\n                        alt=\"NYC Panthers freshly baked cookies\"\r\n                    >\r\n\r\n                    <div class=\"bkc-about-image-shape\"><\/div>\r\n                    <div class=\"bkc-about-image-shape-bottom\"><\/div>\r\n                    <div class=\"bkc-about-image-frame\"><\/div>\r\n\r\n                    <div class=\"bkc-about-image-label\">\r\n                        Small Batch <span>\u2022<\/span> Borough Flavors\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ROUND BADGE -->\r\n                <div class=\"bkc-about-round\">\r\n                    <div class=\"bkc-about-round-content\">\r\n                        <span class=\"bkc-about-round-number\">5<\/span>\r\n                        <span class=\"bkc-about-round-text\">Boroughs \u2022 5 Flavors<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"bkc-about-content\">\r\n\r\n                <!-- LABEL -->\r\n                <div class=\"bkc-about-content-label\">Our Story<\/div>\r\n\r\n                <!-- TITLE -->\r\n                <h3 class=\"bkc-about-content-title\">\r\n                    Every cookie tells a <em>borough story.<\/em>\r\n                <\/h3>\r\n\r\n                <!-- BRAND STORY \u2014 CLIENT'S \"ABOUT ME\" -->\r\n                <div class=\"bkc-about-story\">\r\n                    <p>\r\n                        I'm a lifelong New Yorker, and I've tasted more black and white cookies than I can count over the years. Most were disappointing \u2014 plastic-tasting, one-note lemony, or just... bland. I could never find one that lived up to what I knew it could be.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- ADDITIONAL TEXT -->\r\n                <p class=\"bkc-about-text\">\r\n                    The inspiration to make something great started with my dad. He grew up in The Bronx in the 1940s, in an observant Jewish family, and he's the one who taught me about our Ashkenazi Jewish heritage \u2014 including the story, often told, that Ashkenazi Jewish bakers helped bring the black and white cookie to New York City in the early 1900s. He passed away a few years ago. When I decided to start this business, I thought this would be a meaningful way to honor his memory.\r\n                <\/p>\r\n\r\n                <!-- BOROUGH FLAVORS \u2014 NYC PANTHERS SPECIAL -->\r\n                <div class=\"bkc-about-boroughs\">\r\n                    <span class=\"bkc-about-borough-tag\">\r\n                        <span class=\"borough-dot bk\"><\/span> MANHATTAN\r\n                    <\/span>\r\n                    <span class=\"bkc-about-borough-tag\">\r\n                        <span class=\"borough-dot mn\"><\/span> BROOKLYN\r\n                    <\/span>\r\n                    <span class=\"bkc-about-borough-tag\">\r\n                        <span class=\"borough-dot qn\"><\/span> QUEENS\r\n                    <\/span>\r\n                    <span class=\"bkc-about-borough-tag\">\r\n                        <span class=\"borough-dot si\"><\/span> BRONX\r\n                    <\/span>\r\n                    <span class=\"bkc-about-borough-tag\">\r\n                        <span class=\"borough-dot bx\"><\/span> STATEN ISLAND\r\n                    <\/span>\r\n                <\/div>\r\n\r\n                <!-- SIGNATURE -->\r\n                <div class=\"bkc-about-signature\">\r\n                    <span class=\"bkc-about-signature-line\"><\/span>\r\n                    <span class=\"bkc-about-signature-text\">Baked from the heart, NYC style<\/span>\r\n                <\/div>\r\n\r\n                <!-- STATS -->\r\n                <div class=\"bkc-about-stats\">\r\n                    <div class=\"bkc-about-stat\">\r\n                        <span class=\"bkc-about-stat-number\">5<\/span>\r\n                        <span class=\"bkc-about-stat-label\">Borough Flavors<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"bkc-about-stat\">\r\n                        <span class=\"bkc-about-stat-number\">100<span>%<\/span><\/span>\r\n                        <span class=\"bkc-about-stat-label\">Small Batch<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"bkc-about-stat\">\r\n                        <span class=\"bkc-about-stat-number\">NY<span>C<\/span><\/span>\r\n                        <span class=\"bkc-about-stat-label\">Proudly Brooklyn<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- VERTICAL -->\r\n                <div class=\"bkc-about-vertical\">NYC Panthers \u2022 Borough Flavors<\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOTTOM -->\r\n        <div class=\"bkc-about-bottom\">\r\n            <span class=\"bkc-about-bottom-line\"><\/span>\r\n            <span>NYC Anthers \u2022 Baked Fresh \u2022 Borough Inspired<\/span>\r\n            <span class=\"bkc-about-bottom-line\"><\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    function initBrooklynAbout() {\r\n        const about = document.getElementById('bkcAbout');\r\n        if (!about) return;\r\n        if (about.dataset.initialized === 'true') return;\r\n        about.dataset.initialized = 'true';\r\n\r\n        function activate() {\r\n            about.classList.add('active');\r\n        }\r\n\r\n        if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n            activate();\r\n            return;\r\n        }\r\n\r\n        if ('IntersectionObserver' in window) {\r\n            const observer = new IntersectionObserver(\r\n                function (entries) {\r\n                    entries.forEach(function (entry) {\r\n                        if (entry.isIntersecting) {\r\n                            activate();\r\n                            observer.unobserve(about);\r\n                        }\r\n                    });\r\n                },\r\n                { threshold: 0.08, rootMargin: '0px 0px -60px 0px' }\r\n            );\r\n            observer.observe(about);\r\n        } else {\r\n            activate();\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initBrooklynAbout);\r\n    } else {\r\n        initBrooklynAbout();\r\n    }\r\n\r\n    if (window.jQuery) {\r\n        jQuery(window).on('elementor\/frontend\/init', function () {\r\n            initBrooklynAbout();\r\n        });\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6183b66 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"6183b66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4093458 elementor-widget elementor-widget-html\" data-id=\"4093458\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   NYC PANTHERS \u2014 HOW TO ORDER\r\n   COMPLETE WITH BOROUGH FLAVORS & BRANDING\r\n   ========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');\r\n\r\n.bkc-how,\r\n.bkc-how *,\r\n.bkc-how *::before,\r\n.bkc-how *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.bkc-how {\r\n    --how-bg: #F4EEE5;\r\n    --how-card: #ffffff;\r\n    --how-dark: #24150f;\r\n    --how-brown: #74452d;\r\n    --how-caramel: #b97945;\r\n    --how-cream: #f4eee5;\r\n    --how-muted: #796b61;\r\n    --how-border: rgba(36, 21, 15, 0.10);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 80px 0 80px;\r\n    background: #F4EEE5;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    font-family: 'DM Sans', sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE BACKGROUND\r\n========================================================= *\/\r\n\r\n.bkc-how::before {\r\n    content: \"HOW\";\r\n    position: absolute;\r\n    top: 25px;\r\n    left: -18px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(150px, 20vw, 310px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    color: rgba(36, 21, 15, 0.035);\r\n    pointer-events: none;\r\n    user-select: none;\r\n    z-index: -1;\r\n}\r\n\r\n.bkc-how::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 460px;\r\n    height: 460px;\r\n    right: -250px;\r\n    bottom: -270px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(185, 121, 69, 0.15);\r\n    box-shadow: 0 0 0 45px rgba(185, 121, 69, 0.035), 0 0 0 90px rgba(185, 121, 69, 0.022);\r\n    pointer-events: none;\r\n    z-index: -1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.bkc-how-container {\r\n    width: min(1380px, calc(100% - 100px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.bkc-how-header {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    margin-bottom: 65px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BADGE\r\n========================================================= *\/\r\n\r\n.bkc-how-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-badge {\r\n    animation: bkcHowFadeUp .7s ease .1s forwards;\r\n}\r\n\r\n.bkc-how-badge-line {\r\n    width: 42px;\r\n    height: 1px;\r\n    background: var(--how-caramel);\r\n}\r\n\r\n.bkc-how-badge-text {\r\n    color: var(--how-brown);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.bkc-how-title {\r\n    margin: 0;\r\n    max-width: 760px;\r\n    color: var(--how-dark);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(48px, 5.8vw, 78px);\r\n    line-height: 0.96;\r\n    letter-spacing: -3px;\r\n    font-weight: 600;\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-title {\r\n    animation: bkcHowTitleReveal 1s cubic-bezier(.16,1,.3,1) .2s forwards;\r\n}\r\n\r\n.bkc-how-title em {\r\n    color: var(--how-caramel);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.bkc-how-intro {\r\n    width: 285px;\r\n    padding-bottom: 6px;\r\n    color: var(--how-muted);\r\n    font-size: 12px;\r\n    line-height: 1.85;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-intro {\r\n    animation: bkcHowFadeUp .8s ease .4s forwards;\r\n}\r\n\r\n.bkc-how-intro-line {\r\n    width: 34px;\r\n    height: 1px;\r\n    margin-bottom: 16px;\r\n    background: var(--how-caramel);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS WRAPPER\r\n========================================================= *\/\r\n\r\n.bkc-how-steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 22px;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP CARD\r\n========================================================= *\/\r\n\r\n.bkc-how-card {\r\n    position: relative;\r\n    min-height: 390px;\r\n    padding: 42px 38px 38px;\r\n    background: var(--how-card);\r\n    border: 1px solid var(--how-border);\r\n    box-shadow: 0 18px 45px rgba(36, 21, 15, 0.07);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(45px);\r\n    transition: transform .55s cubic-bezier(.16,1,.3,1), box-shadow .55s ease, border-color .4s ease;\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-card:nth-child(1) {\r\n    animation: bkcHowCardReveal .85s cubic-bezier(.16,1,.3,1) .3s forwards;\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-card:nth-child(2) {\r\n    animation: bkcHowCardReveal .85s cubic-bezier(.16,1,.3,1) .48s forwards;\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-card:nth-child(3) {\r\n    animation: bkcHowCardReveal .85s cubic-bezier(.16,1,.3,1) .66s forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM \u2192 TOP HOVER COLOR\r\n========================================================= *\/\r\n\r\n.bkc-how-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 0%;\r\n    background: var(--how-dark);\r\n    transition: height .6s cubic-bezier(.16,1,.3,1);\r\n    z-index: 0;\r\n}\r\n\r\n.bkc-how-card:hover::before,\r\n.bkc-how-card.bkc-how-active::before {\r\n    height: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT ABOVE BACKGROUND\r\n========================================================= *\/\r\n\r\n.bkc-how-card > * {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER CIRCLE\r\n========================================================= *\/\r\n\r\n.bkc-how-number {\r\n    width: 68px;\r\n    height: 68px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 38px;\r\n    border-radius: 50%;\r\n    background: var(--how-cream);\r\n    color: var(--how-caramel);\r\n    border: 1px solid rgba(185, 121, 69, 0.18);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    transition: background .45s ease, color .45s ease, border-color .45s ease, transform .5s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-number,\r\n.bkc-how-card.bkc-how-active .bkc-how-number {\r\n    background: rgba(255,255,255,.12);\r\n    color: #ffffff;\r\n    border-color: rgba(255,255,255,.25);\r\n    transform: translateY(-4px) rotate(-5deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP LABEL\r\n========================================================= *\/\r\n\r\n.bkc-how-step-label {\r\n    display: block;\r\n    margin-bottom: 13px;\r\n    color: var(--how-caramel);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.3px;\r\n    text-transform: uppercase;\r\n    transition: color .4s ease;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-step-label,\r\n.bkc-how-card.bkc-how-active .bkc-how-step-label {\r\n    color: #dca57c;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.bkc-how-card-title {\r\n    margin: 0 0 17px;\r\n    color: var(--how-dark);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(27px, 2.4vw, 35px);\r\n    line-height: 1.05;\r\n    letter-spacing: -1.3px;\r\n    font-weight: 600;\r\n    transition: color .45s ease;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-card-title,\r\n.bkc-how-card.bkc-how-active .bkc-how-card-title {\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD DESCRIPTION\r\n========================================================= *\/\r\n\r\n.bkc-how-card-text {\r\n    max-width: 330px;\r\n    margin: 0;\r\n    color: var(--how-muted);\r\n    font-size: 12px;\r\n    line-height: 1.85;\r\n    transition: color .45s ease;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-card-text,\r\n.bkc-how-card.bkc-how-active .bkc-how-card-text {\r\n    color: rgba(255,255,255,.68);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOROUGH TAGS INSIDE CARD\r\n========================================================= *\/\r\n\r\n.bkc-how-borough-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 5px;\r\n    margin-top: 14px;\r\n}\r\n\r\n.bkc-how-borough-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    padding: 3px 10px 3px 8px;\r\n    background: var(--how-cream);\r\n    border-radius: 12px;\r\n    font-size: 7px;\r\n    font-weight: 600;\r\n    color: var(--how-brown);\r\n    letter-spacing: 0.3px;\r\n    transition: background .4s ease, color .4s ease;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-borough-tag,\r\n.bkc-how-card.bkc-how-active .bkc-how-borough-tag {\r\n    background: rgba(255,255,255,.15);\r\n    color: rgba(255,255,255,.8);\r\n}\r\n\r\n.bkc-how-borough-tag .borough-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    flex: 0 0 6px;\r\n}\r\n\r\n.borough-dot.bk { background: #1a4d7a; }\r\n.borough-dot.qn { background: #6a9b3b; }\r\n.borough-dot.mn { background: #b22222; }\r\n.borough-dot.si { background: #2d6e46; }\r\n.borough-dot.bx { background: #d4a017; }\r\n\r\n\r\n\/* =========================================================\r\n   CARD BOTTOM\r\n========================================================= *\/\r\n\r\n.bkc-how-card-bottom {\r\n    position: absolute !important;\r\n    left: 38px;\r\n    right: 38px;\r\n    bottom: 35px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    z-index: 3 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD MINI LINE\r\n========================================================= *\/\r\n\r\n.bkc-how-card-line {\r\n    width: 45px;\r\n    height: 1px;\r\n    background: rgba(36,21,15,.16);\r\n    transition: width .45s ease, background .45s ease;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-card-line,\r\n.bkc-how-card.bkc-how-active .bkc-how-card-line {\r\n    width: 65px;\r\n    background: rgba(255,255,255,.5);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.bkc-how-arrow {\r\n    width: 32px;\r\n    height: 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(36,21,15,.12);\r\n    border-radius: 50%;\r\n    color: var(--how-brown);\r\n    transition: color .4s ease, border-color .4s ease, transform .5s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.bkc-how-arrow svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    display: block;\r\n}\r\n\r\n.bkc-how-card:hover .bkc-how-arrow,\r\n.bkc-how-card.bkc-how-active .bkc-how-arrow {\r\n    color: #ffffff;\r\n    border-color: rgba(255,255,255,.3);\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMINDER BOX\r\n========================================================= *\/\r\n\r\n.bkc-how-reminder {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    align-items: center;\r\n    gap: 25px;\r\n    margin-top: 24px;\r\n    padding: 27px 32px;\r\n    background: #ffffff;\r\n    border: 1px solid var(--how-border);\r\n    box-shadow: 0 15px 40px rgba(36,21,15,.055);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(35px);\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-reminder {\r\n    animation: bkcHowCardReveal .9s cubic-bezier(.16,1,.3,1) .85s forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMINDER ICON CIRCLE\r\n========================================================= *\/\r\n\r\n.bkc-how-reminder-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    border-radius: 50%;\r\n    background: var(--how-cream);\r\n    color: var(--how-caramel);\r\n    border: 1px solid rgba(185,121,69,.16);\r\n    transition: transform .45s cubic-bezier(.16,1,.3,1), background .35s ease;\r\n}\r\n\r\n.bkc-how-reminder:hover .bkc-how-reminder-icon {\r\n    transform: rotate(-7deg) scale(1.06);\r\n    background: #eadfd2;\r\n}\r\n\r\n.bkc-how-reminder-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMINDER CONTENT\r\n========================================================= *\/\r\n\r\n.bkc-how-reminder-label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: var(--how-caramel);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.bkc-how-reminder-title {\r\n    margin: 0 0 5px;\r\n    color: var(--how-dark);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 23px;\r\n    line-height: 1.15;\r\n    font-weight: 600;\r\n}\r\n\r\n.bkc-how-reminder-text {\r\n    margin: 0;\r\n    color: var(--how-muted);\r\n    font-size: 11px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMINDER SIDE TEXT\r\n========================================================= *\/\r\n\r\n.bkc-how-reminder-side {\r\n    padding-left: 28px;\r\n    border-left: 1px solid var(--how-border);\r\n    color: var(--how-brown);\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 15px;\r\n    font-style: italic;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM NOTE\r\n========================================================= *\/\r\n\r\n.bkc-how-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    margin-top: 60px;\r\n    color: rgba(36,21,15,.45);\r\n    font-size: 8px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n}\r\n\r\n.bkc-how.is-visible .bkc-how-note {\r\n    animation: bkcHowFadeUp .8s ease 1.1s forwards;\r\n}\r\n\r\n.bkc-how-note-line {\r\n    width: 38px;\r\n    height: 1px;\r\n    background: rgba(185,121,69,.45);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes bkcHowFadeUp {\r\n    from { opacity: 0; transform: translateY(25px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes bkcHowTitleReveal {\r\n    from { opacity: 0; transform: translateY(40px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes bkcHowCardReveal {\r\n    from { opacity: 0; transform: translateY(45px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n    .bkc-how { padding-top: 140px; padding-bottom: 145px; }\r\n    .bkc-how-container { width: min(1480px, calc(100% - 140px)); }\r\n    .bkc-how-card { min-height: 420px; padding: 46px 42px 40px; }\r\n    .bkc-how-card-bottom { left: 42px; right: 42px; }\r\n}\r\n\r\n@media (max-width: 1150px) {\r\n    .bkc-how { padding: 95px 0 105px; }\r\n    .bkc-how-container { width: min(100% - 70px, 1080px); }\r\n    .bkc-how-header { margin-bottom: 52px; }\r\n    .bkc-how-card { min-height: 370px; padding: 35px 30px 35px; }\r\n    .bkc-how-number { width: 62px; height: 62px; margin-bottom: 30px; }\r\n    .bkc-how-card-bottom { left: 30px; right: 30px; }\r\n    .bkc-how-reminder { padding: 24px 26px; }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n    .bkc-how { padding: 85px 0 95px; }\r\n    .bkc-how-container { width: calc(100% - 44px); }\r\n    .bkc-how-header { display: block; margin-bottom: 45px; }\r\n    .bkc-how-title { max-width: 680px; font-size: clamp(45px, 8.5vw, 66px); }\r\n    .bkc-how-intro { width: 100%; max-width: 520px; margin-top: 24px; }\r\n    .bkc-how-steps { grid-template-columns: 1fr; gap: 18px; }\r\n    .bkc-how-card { min-height: 310px; padding: 34px 34px 35px; }\r\n    .bkc-how-number { margin-bottom: 27px; }\r\n    .bkc-how-card-text { max-width: 600px; }\r\n    .bkc-how-card-bottom { left: 34px; right: 34px; bottom: 30px; }\r\n    .bkc-how-reminder { grid-template-columns: auto 1fr; gap: 20px; }\r\n    .bkc-how-reminder-side { display: none; }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n    .bkc-how { padding: 70px 0 75px; }\r\n    .bkc-how-container { width: calc(100% - 30px); }\r\n    .bkc-how::before { top: 20px; left: -10px; font-size: 130px; }\r\n    .bkc-how::after { width: 300px; height: 300px; right: -190px; bottom: -180px; }\r\n    .bkc-how-header { margin-bottom: 38px; }\r\n    .bkc-how-badge { gap: 9px; margin-bottom: 18px; }\r\n    .bkc-how-badge-line { width: 30px; }\r\n    .bkc-how-badge-text { font-size: 8px; letter-spacing: 2px; }\r\n    .bkc-how-title { font-size: clamp(40px, 12.5vw, 56px); line-height: .97; letter-spacing: -2.2px; }\r\n    .bkc-how-intro { font-size: 11px; line-height: 1.8; }\r\n    .bkc-how-steps { gap: 14px; }\r\n    .bkc-how-card { min-height: 340px; padding: 27px 24px 32px; }\r\n    .bkc-how-number { width: 58px; height: 58px; margin-bottom: 27px; font-size: 19px; }\r\n    .bkc-how-step-label { font-size: 8px; letter-spacing: 1.8px; }\r\n    .bkc-how-card-title { font-size: clamp(26px, 8vw, 34px); letter-spacing: -1px; }\r\n    .bkc-how-card-text { font-size: 11px; line-height: 1.8; }\r\n    .bkc-how-borough-tags { gap: 4px; margin-top: 10px; }\r\n    .bkc-how-borough-tag { font-size: 6.5px; padding: 2px 8px 2px 6px; }\r\n    .bkc-how-card-bottom { left: 24px; right: 24px; bottom: 25px; }\r\n    .bkc-how-arrow { width: 29px; height: 29px; }\r\n    .bkc-how-reminder { grid-template-columns: auto 1fr; gap: 16px; margin-top: 14px; padding: 21px 19px; }\r\n    .bkc-how-reminder-icon { width: 51px; height: 51px; }\r\n    .bkc-how-reminder-icon svg { width: 23px; height: 23px; }\r\n    .bkc-how-reminder-label { font-size: 7px; letter-spacing: 1.5px; }\r\n    .bkc-how-reminder-title { font-size: 20px; }\r\n    .bkc-how-reminder-text { font-size: 10px; line-height: 1.7; }\r\n    .bkc-how-note { margin-top: 42px; font-size: 6px; letter-spacing: 1.2px; }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .bkc-how-container { width: calc(100% - 24px); }\r\n    .bkc-how-card { min-height: 320px; padding: 25px 21px 30px; }\r\n    .bkc-how-number { width: 54px; height: 54px; font-size: 18px; }\r\n    .bkc-how-card-bottom { left: 21px; right: 21px; }\r\n    .bkc-how-reminder { gap: 12px; padding: 18px 15px; }\r\n    .bkc-how-reminder-icon { width: 46px; height: 46px; }\r\n    .bkc-how-reminder-title { font-size: 18px; }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .bkc-how *, .bkc-how { animation: none !important; transition: none !important; }\r\n    .bkc-how-badge, .bkc-how-title, .bkc-how-intro, .bkc-how-card, .bkc-how-reminder, .bkc-how-note {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n     NYC PANTHERS \u2014 HOW TO ORDER\r\n     COMPLETE WITH BOROUGH FLAVORS\r\n========================================================= -->\r\n\r\n<section class=\"bkc-how\" id=\"bkcHowOrder\">\r\n\r\n    <div class=\"bkc-how-container\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"bkc-how-header\">\r\n\r\n            <div>\r\n\r\n                <div class=\"bkc-how-badge\">\r\n                    <span class=\"bkc-how-badge-line\"><\/span>\r\n                    <span class=\"bkc-how-badge-text\">How NYC Panthers Works<\/span>\r\n                <\/div>\r\n\r\n                <h2 class=\"bkc-how-title\">\r\n                    From NYC craving to <em>cookie.<\/em>\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bkc-how-intro\">\r\n                <div class=\"bkc-how-intro-line\"><\/div>\r\n                Getting your favorite NYC Panthers cookies is simple \u2014 choose from our five borough-inspired flavors, place your order, and pick them up fresh at the market.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- THREE STEPS -->\r\n\r\n        <div class=\"bkc-how-steps\">\r\n\r\n\r\n            <!-- STEP 01 -->\r\n\r\n            <article class=\"bkc-how-card\">\r\n\r\n                <div class=\"bkc-how-number\">01<\/div>\r\n\r\n                <span class=\"bkc-how-step-label\">Step One<\/span>\r\n\r\n                <h3 class=\"bkc-how-card-title\">Choose your cookies.<\/h3>\r\n\r\n                <p class=\"bkc-how-card-text\">\r\n                    Explore our five borough-inspired flavors \u2014 from Brooklyn's Original to Manhattan's Red Velvet Divide. Choose the cookies you want waiting for you on market day.\r\n                <\/p>\r\n\r\n                <!-- BOROUGH FLAVORS TAGS -->\r\n                <div class=\"bkc-how-borough-tags\">\r\n                    <span class=\"bkc-how-borough-tag\"><span class=\"borough-dot bk\"><\/span> BK \u2022 Original<\/span>\r\n                    <span class=\"bkc-how-borough-tag\"><span class=\"borough-dot mn\"><\/span> MN \u2022 Red Velvet<\/span>\r\n                    <span class=\"bkc-how-borough-tag\"><span class=\"borough-dot qn\"><\/span> QN \u2022 Babka<\/span>\r\n                    <span class=\"bkc-how-borough-tag\"><span class=\"borough-dot si\"><\/span> SI \u2022 Pistachio<\/span>\r\n                    <span class=\"bkc-how-borough-tag\"><span class=\"borough-dot bx\"><\/span> BX \u2022 Lemon<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"bkc-how-card-bottom\">\r\n                    <span class=\"bkc-how-card-line\"><\/span>\r\n                    <span class=\"bkc-how-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 02 -->\r\n\r\n            <article class=\"bkc-how-card bkc-how-active\">\r\n\r\n                <div class=\"bkc-how-number\">02<\/div>\r\n\r\n                <span class=\"bkc-how-step-label\">Step Two<\/span>\r\n\r\n                <h3 class=\"bkc-how-card-title\">Place your pre-order.<\/h3>\r\n\r\n                <p class=\"bkc-how-card-text\">\r\n                    Pick your quantity (individual, half-dozen, or dozen), select your NYC market pickup location, and place your pre-order before the Thursday 8PM cutoff.\r\n                <\/p>\r\n\r\n                <div class=\"bkc-how-card-bottom\">\r\n                    <span class=\"bkc-how-card-line\"><\/span>\r\n                    <span class=\"bkc-how-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- STEP 03 -->\r\n\r\n            <article class=\"bkc-how-card\">\r\n\r\n                <div class=\"bkc-how-number\">03<\/div>\r\n\r\n                <span class=\"bkc-how-step-label\">Step Three<\/span>\r\n\r\n                <h3 class=\"bkc-how-card-title\">Pick up & enjoy.<\/h3>\r\n\r\n                <p class=\"bkc-how-card-text\">\r\n                    Visit us at your selected NYC market booth, collect your freshly baked cookie box, and enjoy your borough-inspired flavors with friends or family.\r\n                <\/p>\r\n\r\n                <div class=\"bkc-how-card-bottom\">\r\n                    <span class=\"bkc-how-card-line\"><\/span>\r\n                    <span class=\"bkc-how-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                            <path d=\"M5 12H19\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                            <path d=\"M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PRE-ORDER REMINDER -->\r\n\r\n        <div class=\"bkc-how-reminder\">\r\n\r\n            <div class=\"bkc-how-reminder-icon\">\r\n                <svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n                    <rect x=\"5\" y=\"7\" width=\"22\" height=\"20\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                    <path d=\"M5 12H27\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\r\n                    <path d=\"M10 4V9\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                    <path d=\"M22 4V9\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n                    <path d=\"M10.5 19L14 22.5L21.5 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n                <span class=\"bkc-how-reminder-label\">Pre-Order Reminder<\/span>\r\n                <h3 class=\"bkc-how-reminder-title\">Plan ahead for NYC market day.<\/h3>\r\n                <p class=\"bkc-how-reminder-text\">\r\n                    Check the current NYC market schedule and pre-order details before placing your NYC Panthers cookie order.\r\n                <\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"bkc-how-reminder-side\">\r\n                NYC Panthers \u2022 Freshly baked.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOTTOM ORNAMENT -->\r\n\r\n        <div class=\"bkc-how-note\">\r\n            <span class=\"bkc-how-note-line\"><\/span>\r\n            NYC Panthers \u2022 Simple ordering \u2022 Fresh pickup\r\n            <span class=\"bkc-how-note-line\"><\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const section = document.getElementById('bkcHowOrder');\r\n    if (!section) return;\r\n\r\n    \/* SCROLL REVEAL *\/\r\n\r\n    if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver(\r\n            function (entries) {\r\n                entries.forEach(function (entry) {\r\n                    if (entry.isIntersecting) {\r\n                        section.classList.add('is-visible');\r\n                        observer.unobserve(section);\r\n                    }\r\n                });\r\n            },\r\n            { threshold: 0.12 }\r\n        );\r\n        observer.observe(section);\r\n    } else {\r\n        section.classList.add('is-visible');\r\n    }\r\n\r\n    \/* CARD HOVER \/ ACTIVE *\/\r\n\r\n    const cards = section.querySelectorAll('.bkc-how-card');\r\n\r\n    cards.forEach(function (card) {\r\n        card.addEventListener('mouseenter', function () {\r\n            cards.forEach(function (item) {\r\n                item.classList.remove('bkc-how-active');\r\n            });\r\n            card.classList.add('bkc-how-active');\r\n        });\r\n\r\n        card.addEventListener('mouseleave', function () {\r\n            cards.forEach(function (item) {\r\n                item.classList.remove('bkc-how-active');\r\n            });\r\n            if (cards[1]) {\r\n                cards[1].classList.add('bkc-how-active');\r\n            }\r\n        });\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8dfe7a1 e-con-full e-flex e-con e-parent\" data-id=\"8dfe7a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3949e0 elementor-widget elementor-widget-html\" data-id=\"c3949e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     NYC ANTHERS \u2014 BOROUGH COOKIE SLIDER\r\n     WORDPRESS \/ ELEMENTOR HTML WIDGET\r\n     \r\n     \u2713 7 PRODUCTS\r\n     \u2713 RESPONSIVE\r\n     \u2713 TOUCH SWIPE\r\n     \u2713 MOUSE DRAG\r\n     \u2713 AUTO SLIDER\r\n     \u2713 PREV \/ NEXT\r\n     \u2713 DOT NAVIGATION\r\n     \u2713 PREMIUM DARK DESIGN\r\n     \u2713 IMAGE + FLAVOR + DESCRIPTION\r\n     \u2713 NO PLUGIN REQUIRED\r\n========================================================= -->\r\n\r\n<section id=\"nycAnthersBoroughSlider\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET \/ WRAPPER\r\n========================================================= *\/\r\n\r\n#nycAnthersBoroughSlider,\r\n#nycAnthersBoroughSlider * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#nycAnthersBoroughSlider {\r\n    --na-bg: #140b07;\r\n    --na-bg2: #211109;\r\n    --na-card: #24140d;\r\n    --na-card2: #30190f;\r\n    --na-cream: #f5ebdd;\r\n    --na-muted: #cdb9a6;\r\n    --na-gold: #d9a85f;\r\n    --na-line: rgba(245,235,221,.13);\r\n\r\n    width: 100%;\r\n    padding: 90px 0 85px;\r\n    background:\r\n        radial-gradient(circle at 15% 15%, rgba(217,168,95,.12), transparent 28%),\r\n        radial-gradient(circle at 85% 75%, rgba(170,80,35,.13), transparent 30%),\r\n        linear-gradient(135deg, var(--na-bg), var(--na-bg2));\r\n    color: var(--na-cream);\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.na-slider-container {\r\n    width: min(1320px, calc(100% - 40px));\r\n    margin: auto;\r\n}\r\n\r\n.na-slider-header {\r\n    text-align: center;\r\n    max-width: 850px;\r\n    margin: 0 auto 48px;\r\n}\r\n\r\n.na-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: var(--na-gold);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.na-eyebrow::before,\r\n.na-eyebrow::after {\r\n    content: \"\";\r\n    width: 30px;\r\n    height: 1px;\r\n    background: var(--na-gold);\r\n}\r\n\r\n.na-slider-header h2 {\r\n    margin: 0 0 15px;\r\n    color: var(--na-cream);\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(38px, 5vw, 68px);\r\n    line-height: .98;\r\n    font-weight: 500;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.na-slider-header p {\r\n    margin: 0;\r\n    color: var(--na-muted);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.na-slider-viewport {\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: grab;\r\n    user-select: none;\r\n    touch-action: pan-y;\r\n}\r\n\r\n.na-slider-viewport.is-dragging {\r\n    cursor: grabbing;\r\n}\r\n\r\n.na-slider-track {\r\n    display: flex;\r\n    gap: 22px;\r\n    will-change: transform;\r\n    transition: transform .65s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.na-slider-track.no-transition {\r\n    transition: none !important;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.na-borough-card {\r\n    flex: 0 0 calc((100% - 44px) \/ 3);\r\n    min-width: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.045),\r\n            rgba(255,255,255,.012)\r\n        ),\r\n        var(--na-card);\r\n\r\n    border: 1px solid var(--na-line);\r\n    border-radius: 30px;\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.28),\r\n        inset 0 1px 0 rgba(255,255,255,.04);\r\n\r\n    transition:\r\n        transform .45s ease,\r\n        border-color .45s ease,\r\n        box-shadow .45s ease;\r\n}\r\n\r\n.na-borough-card:hover {\r\n    transform: translateY(-9px);\r\n    border-color: rgba(217,168,95,.42);\r\n\r\n    box-shadow:\r\n        0 35px 85px rgba(0,0,0,.42),\r\n        0 0 40px rgba(217,168,95,.06);\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.na-cookie-image {\r\n    position: relative;\r\n    height: 310px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at center,\r\n            rgba(255,255,255,.06),\r\n            transparent 58%\r\n        ),\r\n        #1a0e09;\r\n}\r\n\r\n.na-cookie-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(20,11,7,.85),\r\n            transparent 48%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n.na-cookie-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n\r\n    transition:\r\n        transform .8s cubic-bezier(.2,.65,.3,1);\r\n}\r\n\r\n.na-borough-card:hover .na-cookie-image img {\r\n    transform: scale(1.07);\r\n}\r\n\r\n\/* =========================================================\r\n   BOROUGH BADGE\r\n========================================================= *\/\r\n\r\n.na-borough-number {\r\n    position: absolute;\r\n    z-index: 4;\r\n    top: 20px;\r\n    left: 20px;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(20,11,7,.75);\r\n    border: 1px solid rgba(245,235,221,.2);\r\n\r\n    color: var(--na-cream);\r\n    font-family: Georgia, serif;\r\n    font-size: 16px;\r\n\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n.na-borough-label {\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 20px;\r\n    top: 20px;\r\n\r\n    padding: 9px 14px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: rgba(20,11,7,.72);\r\n    border: 1px solid rgba(245,235,221,.16);\r\n\r\n    color: var(--na-gold);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n\r\n    backdrop-filter: blur(12px);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.na-card-content {\r\n    padding: 28px 28px 30px;\r\n}\r\n\r\n.na-card-content h3 {\r\n    margin: 0 0 12px;\r\n\r\n    color: var(--na-cream);\r\n\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 30px;\r\n    line-height: 1.1;\r\n    font-weight: 500;\r\n}\r\n\r\n.na-flavor {\r\n    margin: 0 0 17px;\r\n\r\n    color: var(--na-gold);\r\n\r\n    font-size: 13px;\r\n    line-height: 1.65;\r\n    font-weight: 700;\r\n}\r\n\r\n.na-description {\r\n    margin: 0;\r\n\r\n    color: var(--na-muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   CARD FOOTER\r\n========================================================= *\/\r\n\r\n.na-card-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    margin-top: 25px;\r\n    padding-top: 20px;\r\n\r\n    border-top: 1px solid var(--na-line);\r\n}\r\n\r\n.na-card-tag {\r\n    color: rgba(245,235,221,.5);\r\n    font-size: 10px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.na-card-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(217,168,95,.3);\r\n    color: var(--na-gold);\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.na-borough-card:hover .na-card-arrow {\r\n    background: rgba(217,168,95,.12);\r\n    transform: translateX(4px);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n========================================================= *\/\r\n\r\n.na-slider-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    margin-top: 32px;\r\n}\r\n\r\n.na-nav-buttons {\r\n    display: flex;\r\n    gap: 10px;\r\n}\r\n\r\n.na-nav-btn {\r\n    width: 52px;\r\n    height: 52px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(245,235,221,.17);\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,.035);\r\n\r\n    color: var(--na-cream);\r\n    font-size: 20px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.na-nav-btn:hover {\r\n    background: rgba(217,168,95,.12);\r\n    border-color: rgba(217,168,95,.5);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.na-slider-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.na-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n\r\n    background: rgba(245,235,221,.25);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .35s ease,\r\n        background .35s ease;\r\n}\r\n\r\n.na-dot.active {\r\n    width: 30px;\r\n    border-radius: 50px;\r\n    background: var(--na-gold);\r\n}\r\n\r\n\/* =========================================================\r\n   PROGRESS\r\n========================================================= *\/\r\n\r\n.na-progress {\r\n    width: 180px;\r\n    height: 2px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: rgba(245,235,221,.12);\r\n}\r\n\r\n.na-progress-bar {\r\n    width: 0;\r\n    height: 100%;\r\n    background: var(--na-gold);\r\n    transition: width .4s ease;\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    #nycAnthersBoroughSlider {\r\n        padding: 75px 0;\r\n    }\r\n\r\n    .na-borough-card {\r\n        flex-basis: calc((100% - 22px) \/ 2);\r\n    }\r\n\r\n    .na-cookie-image {\r\n        height: 300px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    #nycAnthersBoroughSlider {\r\n        padding: 60px 0 65px;\r\n    }\r\n\r\n    .na-slider-container {\r\n        width: min(100% - 28px, 560px);\r\n    }\r\n\r\n    .na-slider-header {\r\n        margin-bottom: 32px;\r\n    }\r\n\r\n    .na-slider-header h2 {\r\n        font-size: 42px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .na-slider-header p {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .na-slider-track {\r\n        gap: 14px;\r\n    }\r\n\r\n    .na-borough-card {\r\n        flex-basis: 100%;\r\n        border-radius: 25px;\r\n    }\r\n\r\n    .na-cookie-image {\r\n        height: 300px;\r\n    }\r\n\r\n    .na-card-content {\r\n        padding: 24px 22px 25px;\r\n    }\r\n\r\n    .na-card-content h3 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .na-slider-controls {\r\n        margin-top: 24px;\r\n        flex-wrap: wrap;\r\n        gap: 18px;\r\n    }\r\n\r\n    .na-progress {\r\n        order: 3;\r\n        width: 100%;\r\n    }\r\n\r\n    .na-nav-btn {\r\n        width: 46px;\r\n        height: 46px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .na-cookie-image {\r\n        height: 260px;\r\n    }\r\n\r\n    .na-slider-header h2 {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .na-card-content h3 {\r\n        font-size: 25px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"na-slider-container\">\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"na-slider-header\">\r\n\r\n        <div class=\"na-eyebrow\">\r\n            The Menu\r\n        <\/div>\r\n\r\n        <h2>\r\n            Taste The Boroughs\r\n        <\/h2>\r\n\r\n        <p>\r\n            Seven unforgettable cookies inspired by the energy,\r\n            culture, and character of New York City.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- VIEWPORT -->\r\n\r\n    <div class=\"na-slider-viewport\" id=\"naViewport\">\r\n\r\n        <div class=\"na-slider-track\" id=\"naTrack\">\r\n\r\n\r\n            <!-- =================================================\r\n                 BROOKLYN\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">01<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        Brooklyn\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/5.png\"\r\n                        alt=\"Brooklyn Cookie\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        Brooklyn\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Guittard L'\u00c9toile du Nord 64% Chocolat\u00e9\r\n                        & Real Madagascar Vanilla\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        The original. Classic, bold, and iconic \u2014\r\n                        just like the borough that started it all.\r\n                        Its two flavors are as timeless as the\r\n                        bridge that bears its name.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            The Original\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 MANHATTAN\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">02<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        Manhattan\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/4.png\"\r\n                        alt=\"Manhattan Cookie\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        Manhattan\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Fresh Lemon Juice and Zest,\r\n                        with Real Madagascar Vanilla\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        Bright, bold, and a little electric \u2014\r\n                        just like the city that never sleeps.\r\n                        Sharp lemon meets smooth vanilla,\r\n                        just as Manhattan's energy meets its elegance.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            Bright & Electric\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 BRONX\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">03<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        The Bronx\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/1.png\"\r\n                        alt=\"The Bronx Cookie\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        The Bronx\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Slow-Simmered Raspberry Jam\r\n                        & Real Madagascar Vanilla\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        Bold and full of heart, with a burst\r\n                        of tart raspberry \u2014 the Bronx doesn't\r\n                        do subtle, and neither does this cookie.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            Bold & Full of Heart\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 QUEENS\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">04<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        Queens\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/2.png\"\r\n                        alt=\"Queens Cookie\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        Queens\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Roasted Peanut Butter\r\n                        & Guittard L'\u00c9toile du Nord 64% Chocolate\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        Home to more languages and cultures\r\n                        than anywhere on Earth \u2014 outstanding\r\n                        flavors, even better together.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            Culture & Flavor\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 STATEN ISLAND\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">05<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        Staten Island\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/3.png\"\r\n                        alt=\"Staten Island Cookie\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        Staten Island\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Artisanal Pistachio Cream\r\n                        & Guittard L'\u00c9toile du Nord 64% Chocolat\u00e9\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        The green borough. Unexpected, a little\r\n                        underrated, and quietly extraordinary.\r\n                        Lush pistachio grounded in dark chocolate.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            Quietly Extraordinary\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 FIVE BOROUGH\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">06<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        Five Borough\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/0c4bbf06-cdc2-46f5-8ed0-e015fa177060.png\"\r\n                        alt=\"Five Borough Bag of Cookies\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        Five Borough\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Bag of Cookies\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        Why choose one? Get one of each borough,\r\n                        with an extra bite of Brooklyn.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            One of Each\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =================================================\r\n                 THE CITY\r\n            ================================================== -->\r\n\r\n            <article class=\"na-borough-card\">\r\n\r\n                <div class=\"na-cookie-image\">\r\n\r\n                    <div class=\"na-borough-number\">07<\/div>\r\n\r\n                    <div class=\"na-borough-label\">\r\n                        The City\r\n                    <\/div>\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/The-City.jpg\"\r\n                        alt=\"The City Box of Cookies\"\r\n                        draggable=\"false\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"na-card-content\">\r\n\r\n                    <h3>\r\n                        The City\r\n                    <\/h3>\r\n\r\n                    <p class=\"na-flavor\">\r\n                        Box of Cookies\r\n                    <\/p>\r\n\r\n                    <p class=\"na-description\">\r\n                        Bring home the whole city! Three each\r\n                        of The Bronx and Queens, two each of\r\n                        Brooklyn, Manhattan, and Staten Island.\r\n                    <\/p>\r\n\r\n                    <div class=\"na-card-footer\">\r\n                        <span class=\"na-card-tag\">\r\n                            Bring Home NYC\r\n                        <\/span>\r\n\r\n                        <span class=\"na-card-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- CONTROLS -->\r\n\r\n    <div class=\"na-slider-controls\">\r\n\r\n        <div class=\"na-nav-buttons\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"na-nav-btn\"\r\n                id=\"naPrev\"\r\n                aria-label=\"Previous cookie\"\r\n            >\r\n                \u2190\r\n            <\/button>\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"na-nav-btn\"\r\n                id=\"naNext\"\r\n                aria-label=\"Next cookie\"\r\n            >\r\n                \u2192\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"na-slider-dots\" id=\"naDots\"><\/div>\r\n\r\n\r\n        <div class=\"na-progress\">\r\n            <div\r\n                class=\"na-progress-bar\"\r\n                id=\"naProgress\"\r\n            ><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const viewport = document.getElementById(\"naViewport\");\r\n    const track = document.getElementById(\"naTrack\");\r\n    const prev = document.getElementById(\"naPrev\");\r\n    const next = document.getElementById(\"naNext\");\r\n    const dotsContainer = document.getElementById(\"naDots\");\r\n    const progress = document.getElementById(\"naProgress\");\r\n\r\n    if (!viewport || !track) return;\r\n\r\n\r\n    \/* =====================================================\r\n       SETTINGS\r\n    ===================================================== *\/\r\n\r\n    const cards = Array.from(\r\n        track.querySelectorAll(\".na-borough-card\")\r\n    );\r\n\r\n    const total = cards.length;\r\n\r\n    let current = 0;\r\n    let visible = 3;\r\n\r\n    let autoTimer = null;\r\n\r\n    let startX = 0;\r\n    let currentX = 0;\r\n    let isDragging = false;\r\n\r\n    let dragStartTransform = 0;\r\n\r\n\r\n    \/* =====================================================\r\n       RESPONSIVE VISIBLE CARDS\r\n    ===================================================== *\/\r\n\r\n    function getVisible() {\r\n\r\n        if (window.innerWidth <= 700) {\r\n            return 1;\r\n        }\r\n\r\n        if (window.innerWidth <= 1024) {\r\n            return 2;\r\n        }\r\n\r\n        return 3;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE\r\n    ===================================================== *\/\r\n\r\n    function updateVisible() {\r\n\r\n        visible = getVisible();\r\n\r\n        if (current > total - visible) {\r\n            current = Math.max(0, total - visible);\r\n        }\r\n\r\n        createDots();\r\n\r\n        updateSlider(false);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       GET CARD WIDTH\r\n    ===================================================== *\/\r\n\r\n    function getStep() {\r\n\r\n        if (!cards[0]) return 0;\r\n\r\n        const cardWidth = cards[0].getBoundingClientRect().width;\r\n\r\n        const trackStyle = window.getComputedStyle(track);\r\n\r\n        const gap = parseFloat(trackStyle.gap) || 0;\r\n\r\n        return cardWidth + gap;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE SLIDER\r\n    ===================================================== *\/\r\n\r\n    function updateSlider(animated = true) {\r\n\r\n        if (!animated) {\r\n            track.classList.add(\"no-transition\");\r\n        } else {\r\n            track.classList.remove(\"no-transition\");\r\n        }\r\n\r\n        const maxIndex = Math.max(0, total - visible);\r\n\r\n        current = Math.max(\r\n            0,\r\n            Math.min(current, maxIndex)\r\n        );\r\n\r\n        const offset = current * getStep();\r\n\r\n        track.style.transform =\r\n            \"translate3d(-\" + offset + \"px, 0, 0)\";\r\n\r\n        updateDots();\r\n        updateProgress();\r\n\r\n        if (!animated) {\r\n\r\n            requestAnimationFrame(function () {\r\n\r\n                requestAnimationFrame(function () {\r\n                    track.classList.remove(\"no-transition\");\r\n                });\r\n\r\n            });\r\n\r\n        }\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       DOTS\r\n    ===================================================== *\/\r\n\r\n    function createDots() {\r\n\r\n        dotsContainer.innerHTML = \"\";\r\n\r\n        const pages = Math.max(\r\n            1,\r\n            total - visible + 1\r\n        );\r\n\r\n        for (let i = 0; i < pages; i++) {\r\n\r\n            const dot =\r\n                document.createElement(\"button\");\r\n\r\n            dot.type = \"button\";\r\n            dot.className = \"na-dot\";\r\n\r\n            dot.setAttribute(\r\n                \"aria-label\",\r\n                \"Go to slide \" + (i + 1)\r\n            );\r\n\r\n            dot.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    current = i;\r\n\r\n                    updateSlider(true);\r\n                    restartAuto();\r\n\r\n                }\r\n            );\r\n\r\n            dotsContainer.appendChild(dot);\r\n        }\r\n    }\r\n\r\n\r\n    function updateDots() {\r\n\r\n        const dots =\r\n            dotsContainer.querySelectorAll(\".na-dot\");\r\n\r\n        dots.forEach(function (dot, index) {\r\n\r\n            dot.classList.toggle(\r\n                \"active\",\r\n                index === current\r\n            );\r\n\r\n        });\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PROGRESS\r\n    ===================================================== *\/\r\n\r\n    function updateProgress() {\r\n\r\n        const maxIndex =\r\n            Math.max(1, total - visible);\r\n\r\n        const percentage =\r\n            ((current + 1) \/ (maxIndex + 1)) * 100;\r\n\r\n        progress.style.width =\r\n            percentage + \"%\";\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       NEXT\r\n    ===================================================== *\/\r\n\r\n    function goNext() {\r\n\r\n        const maxIndex =\r\n            Math.max(0, total - visible);\r\n\r\n        if (current >= maxIndex) {\r\n            current = 0;\r\n        } else {\r\n            current++;\r\n        }\r\n\r\n        updateSlider(true);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PREVIOUS\r\n    ===================================================== *\/\r\n\r\n    function goPrev() {\r\n\r\n        const maxIndex =\r\n            Math.max(0, total - visible);\r\n\r\n        if (current <= 0) {\r\n            current = maxIndex;\r\n        } else {\r\n            current--;\r\n        }\r\n\r\n        updateSlider(true);\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       BUTTONS\r\n    ===================================================== *\/\r\n\r\n    next.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            goNext();\r\n            restartAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    prev.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n            goPrev();\r\n            restartAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       AUTO SLIDER\r\n    ===================================================== *\/\r\n\r\n    function startAuto() {\r\n\r\n        stopAuto();\r\n\r\n        autoTimer = setInterval(\r\n            function () {\r\n                goNext();\r\n            },\r\n            4500\r\n        );\r\n    }\r\n\r\n\r\n    function stopAuto() {\r\n\r\n        if (autoTimer) {\r\n            clearInterval(autoTimer);\r\n            autoTimer = null;\r\n        }\r\n    }\r\n\r\n\r\n    function restartAuto() {\r\n\r\n        startAuto();\r\n    }\r\n\r\n\r\n    viewport.addEventListener(\r\n        \"mouseenter\",\r\n        stopAuto\r\n    );\r\n\r\n    viewport.addEventListener(\r\n        \"mouseleave\",\r\n        startAuto\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       MOUSE DRAG\r\n    ===================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        \"mousedown\",\r\n        function (e) {\r\n\r\n            isDragging = true;\r\n\r\n            startX = e.clientX;\r\n            currentX = e.clientX;\r\n\r\n            dragStartTransform =\r\n                current * getStep();\r\n\r\n            viewport.classList.add(\"is-dragging\");\r\n\r\n            track.classList.add(\"no-transition\");\r\n\r\n            stopAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"mousemove\",\r\n        function (e) {\r\n\r\n            if (!isDragging) return;\r\n\r\n            currentX = e.clientX;\r\n\r\n            const delta =\r\n                startX - currentX;\r\n\r\n            let offset =\r\n                dragStartTransform + delta;\r\n\r\n            const maxOffset =\r\n                Math.max(\r\n                    0,\r\n                    (total - visible) * getStep()\r\n                );\r\n\r\n            offset =\r\n                Math.max(\r\n                    0,\r\n                    Math.min(offset, maxOffset)\r\n                );\r\n\r\n            track.style.transform =\r\n                \"translate3d(-\" +\r\n                offset +\r\n                \"px,0,0)\";\r\n\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        \"mouseup\",\r\n        function () {\r\n\r\n            if (!isDragging) return;\r\n\r\n            isDragging = false;\r\n\r\n            viewport.classList.remove(\r\n                \"is-dragging\"\r\n            );\r\n\r\n            track.classList.remove(\r\n                \"no-transition\"\r\n            );\r\n\r\n            const difference =\r\n                startX - currentX;\r\n\r\n            if (Math.abs(difference) > 60) {\r\n\r\n                if (difference > 0) {\r\n                    goNext();\r\n                } else {\r\n                    goPrev();\r\n                }\r\n\r\n            } else {\r\n\r\n                updateSlider(true);\r\n\r\n            }\r\n\r\n            startAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       TOUCH SWIPE\r\n    ===================================================== *\/\r\n\r\n    viewport.addEventListener(\r\n        \"touchstart\",\r\n        function (e) {\r\n\r\n            startX =\r\n                e.touches[0].clientX;\r\n\r\n            currentX = startX;\r\n\r\n            dragStartTransform =\r\n                current * getStep();\r\n\r\n            track.classList.add(\r\n                \"no-transition\"\r\n            );\r\n\r\n            stopAuto();\r\n\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        \"touchmove\",\r\n        function (e) {\r\n\r\n            currentX =\r\n                e.touches[0].clientX;\r\n\r\n            const delta =\r\n                startX - currentX;\r\n\r\n            let offset =\r\n                dragStartTransform + delta;\r\n\r\n            const maxOffset =\r\n                Math.max(\r\n                    0,\r\n                    (total - visible) * getStep()\r\n                );\r\n\r\n            offset =\r\n                Math.max(\r\n                    0,\r\n                    Math.min(offset, maxOffset)\r\n                );\r\n\r\n            track.style.transform =\r\n                \"translate3d(-\" +\r\n                offset +\r\n                \"px,0,0)\";\r\n\r\n        },\r\n        { passive: true }\r\n    );\r\n\r\n\r\n    viewport.addEventListener(\r\n        \"touchend\",\r\n        function () {\r\n\r\n            track.classList.remove(\r\n                \"no-transition\"\r\n            );\r\n\r\n            const difference =\r\n                startX - currentX;\r\n\r\n            if (Math.abs(difference) > 50) {\r\n\r\n                if (difference > 0) {\r\n                    goNext();\r\n                } else {\r\n                    goPrev();\r\n                }\r\n\r\n            } else {\r\n\r\n                updateSlider(true);\r\n\r\n            }\r\n\r\n            startAuto();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       PREVENT IMAGE DRAG\r\n    ===================================================== *\/\r\n\r\n    cards.forEach(function (card) {\r\n\r\n        const image =\r\n            card.querySelector(\"img\");\r\n\r\n        if (image) {\r\n\r\n            image.addEventListener(\r\n                \"dragstart\",\r\n                function (e) {\r\n                    e.preventDefault();\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       RESIZE\r\n    ===================================================== *\/\r\n\r\n    let resizeTimer;\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n            clearTimeout(resizeTimer);\r\n\r\n            resizeTimer =\r\n                setTimeout(\r\n                    updateVisible,\r\n                    150\r\n                );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIALIZE\r\n    ===================================================== *\/\r\n\r\n    updateVisible();\r\n    startAuto();\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4311cd7 e-con-full e-flex e-con e-parent\" data-id=\"4311cd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea63bd elementor-widget elementor-widget-html\" data-id=\"3ea63bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================================\r\n     NYC ANTHERS \u2014 EMAIL COMMUNITY\r\n     PREMIUM CREAM EDITION\r\n     WORDPRESS \/ ELEMENTOR HTML WIDGET\r\n\r\n     \u2713 CREAM BACKGROUND #F5EBDD\r\n     \u2713 PREMIUM EDITORIAL DESIGN\r\n     \u2713 RESPONSIVE\r\n     \u2713 EMAIL VALIDATION\r\n     \u2713 ERROR STATE\r\n     \u2713 SUCCESS STATE\r\n     \u2713 LOADING STATE\r\n     \u2713 50px ROUNDED CTA\r\n     \u2713 ELEMENTOR SAFE\r\n========================================================= -->\r\n\r\n<section id=\"nycAnthersEmail\" class=\"na-email-section\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#nycAnthersEmail {\r\n    --na-cream: #F5EBDD;\r\n    --na-cream-light: #FBF5EC;\r\n    --na-brown: #24140D;\r\n    --na-brown-2: #3A2115;\r\n    --na-muted: #725D4D;\r\n    --na-gold: #A8793F;\r\n    --na-line: rgba(36,20,13,.18);\r\n    --na-white: #FFFDF9;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 20%,\r\n            rgba(168,121,63,.10),\r\n            transparent 27%\r\n        ),\r\n        radial-gradient(\r\n            circle at 92% 80%,\r\n            rgba(36,20,13,.06),\r\n            transparent 30%\r\n        ),\r\n        var(--na-cream);\r\n\r\n    color: var(--na-brown);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE ELEMENTS\r\n========================================================= *\/\r\n\r\n#nycAnthersEmail::before {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    top: -230px;\r\n    right: -180px;\r\n\r\n    border: 1px solid rgba(36,20,13,.08);\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#nycAnthersEmail::after {\r\n    content: \"\";\r\n    position: absolute;\r\n\r\n    width: 320px;\r\n    height: 320px;\r\n\r\n    bottom: -190px;\r\n    left: -150px;\r\n\r\n    border: 1px solid rgba(36,20,13,.07);\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.na-email-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: min(1240px, calc(100% - 48px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 100px 0 85px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LABEL\r\n========================================================= *\/\r\n\r\n.na-email-kicker {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: var(--na-gold);\r\n\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.na-email-kicker::before {\r\n    content: \"\";\r\n\r\n    width: 38px;\r\n    height: 1px;\r\n\r\n    background: var(--na-gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n.na-email-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .95fr)\r\n        minmax(0, 1.05fr);\r\n\r\n    gap: 90px;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.na-email-left h2 {\r\n    margin: 0 0 22px;\r\n\r\n    color: var(--na-brown);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(48px, 6vw, 82px);\r\n\r\n    line-height: .94;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -3px;\r\n}\r\n\r\n.na-email-left h2 em {\r\n    display: block;\r\n\r\n    font-weight: 400;\r\n\r\n    color: var(--na-brown-2);\r\n}\r\n\r\n.na-email-intro {\r\n    max-width: 560px;\r\n\r\n    margin: 0 0 34px;\r\n\r\n    color: var(--na-muted);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n.na-email-benefits {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 10px;\r\n\r\n    max-width: 650px;\r\n}\r\n\r\n.na-email-benefit {\r\n    min-height: 74px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    padding: 15px 17px;\r\n\r\n    border: 1px solid var(--na-line);\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        rgba(255,255,255,.28);\r\n\r\n    color: var(--na-brown);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1.45;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.na-email-benefit:hover {\r\n    transform: translateY(-4px);\r\n\r\n    background:\r\n        rgba(255,255,255,.52);\r\n\r\n    border-color:\r\n        rgba(168,121,63,.35);\r\n}\r\n\r\n.na-email-benefit span {\r\n    color: var(--na-gold);\r\n\r\n    margin-right: 8px;\r\n\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CARD\r\n========================================================= *\/\r\n\r\n.na-email-card {\r\n    position: relative;\r\n\r\n    padding: 48px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.72),\r\n            rgba(255,255,255,.42)\r\n        );\r\n\r\n    border: 1px solid\r\n        rgba(36,20,13,.14);\r\n\r\n    border-radius: 34px;\r\n\r\n    box-shadow:\r\n        0 25px 70px\r\n        rgba(36,20,13,.10);\r\n\r\n    backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n.na-card-top {\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 25px;\r\n\r\n    padding-bottom: 27px;\r\n\r\n    margin-bottom: 30px;\r\n\r\n    border-bottom:\r\n        1px solid var(--na-line);\r\n}\r\n\r\n.na-card-index {\r\n    color: var(--na-muted);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.na-card-brand {\r\n    color: var(--na-brown);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.na-email-card h3 {\r\n    margin: 0 0 15px;\r\n\r\n    color: var(--na-brown);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(32px, 4vw, 52px);\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 500;\r\n\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.na-email-card h3 em {\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD DESCRIPTION\r\n========================================================= *\/\r\n\r\n.na-card-description {\r\n    margin: 0 0 30px;\r\n\r\n    color: var(--na-muted);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.na-email-form {\r\n    width: 100%;\r\n}\r\n\r\n.na-email-label {\r\n    display: block;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: var(--na-brown);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.na-email-input-wrap {\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n\r\n    padding: 6px;\r\n\r\n    background: var(--na-white);\r\n\r\n    \/*border: 1px solid*\/\r\n    \/*    rgba(36,20,13,.16);*\/\r\n\r\n    border-radius: 50px;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.na-email-input-wrap:focus-within {\r\n    \/*border-color:*\/\r\n    \/*    rgba(168,121,63,.65);*\/\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(168,121,63,.09);\r\n}\r\n\r\n.na-email-input {\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n    height: 52px;\r\n\r\n    padding: 0 20px;\r\n\r\n\r\n\r\n    background: transparent;\r\n\r\n    color: var(--na-brown);\r\n    border-radius:50px!important;\r\n\r\n    font-size: 14px;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n.na-email-input::placeholder {\r\n    color: #A49383;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTON\r\n========================================================= *\/\r\n\r\n.na-email-button {\r\n    flex-shrink: 0;\r\n\r\n    min-width: 145px;\r\n\r\n    height: 52px;\r\n\r\n    padding: 0 24px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50px;\r\n\r\n    background:\r\n        var(--na-brown);\r\n\r\n    color: var(--na-cream);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 900;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.na-email-button:hover {\r\n    background: var(--na-brown-2);\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(36,20,13,.18);\r\n}\r\n\r\n.na-email-button:active {\r\n    transform:\r\n        translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOADING\r\n========================================================= *\/\r\n\r\n.na-email-button.loading {\r\n    pointer-events: none;\r\n\r\n    opacity: .75;\r\n}\r\n\r\n.na-email-button.loading::after {\r\n    content: \"\";\r\n\r\n    display: inline-block;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    margin-left: 8px;\r\n\r\n    vertical-align: -2px;\r\n\r\n    border: 2px solid\r\n        rgba(245,235,221,.35);\r\n\r\n    border-top-color:\r\n        var(--na-cream);\r\n\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        naSpin .7s linear infinite;\r\n}\r\n\r\n@keyframes naSpin {\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE STATES\r\n========================================================= *\/\r\n\r\n.na-form-message {\r\n    display: none;\r\n\r\n    margin-top: 13px;\r\n\r\n    padding: 12px 15px;\r\n\r\n    border-radius: 13px;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n.na-form-message.error {\r\n    display: block;\r\n\r\n    color: #8A392D;\r\n\r\n    background:\r\n        rgba(138,57,45,.08);\r\n\r\n    border:\r\n        1px solid rgba(138,57,45,.18);\r\n}\r\n\r\n.na-form-message.success {\r\n    display: block;\r\n\r\n    color: #45613C;\r\n\r\n    background:\r\n        rgba(69,97,60,.09);\r\n\r\n    border:\r\n        1px solid rgba(69,97,60,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEGAL\r\n========================================================= *\/\r\n\r\n.na-email-legal {\r\n    margin: 17px 3px 0;\r\n\r\n    color: #8B7969;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM BRAND\r\n========================================================= *\/\r\n\r\n.na-email-bottom {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    margin-top: 70px;\r\n\r\n    padding-top: 25px;\r\n\r\n    border-top:\r\n        1px solid var(--na-line);\r\n}\r\n\r\n.na-email-bottom-left {\r\n    color: var(--na-muted);\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.na-email-bottom-right {\r\n    color: var(--na-brown);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 16px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .na-email-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 55px;\r\n    }\r\n\r\n    .na-email-left {\r\n        max-width: 800px;\r\n    }\r\n\r\n    .na-email-card {\r\n        max-width: 760px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .na-email-wrap {\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        padding:\r\n            65px 0 55px;\r\n    }\r\n\r\n    .na-email-left h2 {\r\n        font-size: 49px;\r\n\r\n        letter-spacing:\r\n            -2px;\r\n    }\r\n\r\n    .na-email-intro {\r\n        font-size: 14px;\r\n\r\n        line-height:\r\n            1.75;\r\n    }\r\n\r\n    .na-email-benefits {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .na-email-benefit {\r\n        min-height: 62px;\r\n    }\r\n\r\n    .na-email-card {\r\n        padding: 28px 20px 25px;\r\n\r\n        border-radius: 26px;\r\n    }\r\n\r\n    .na-card-top {\r\n        margin-bottom: 25px;\r\n\r\n        padding-bottom: 21px;\r\n    }\r\n\r\n    .na-email-card h3 {\r\n        font-size: 37px;\r\n    }\r\n\r\n    .na-card-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .na-email-input-wrap {\r\n        display: block;\r\n\r\n        padding: 7px;\r\n\r\n        border-radius: 52px!important;\r\n\r\n        background:\r\n            rgba(255,255,255,.75);\r\n    }\r\n\r\n    .na-email-input {\r\n        width: 100%;\r\n\r\n        height: 52px;\r\n\r\n        padding:\r\n            0 15px;\r\n    }\r\n\r\n    .na-email-button {\r\n        width: 100%;\r\n\r\n        height: 52px;\r\n\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .na-email-bottom {\r\n        align-items: flex-start;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 12px;\r\n\r\n        margin-top: 48px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .na-email-left h2 {\r\n        font-size: 42px;\r\n    }\r\n\r\n    .na-email-card h3 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .na-card-brand {\r\n        font-size: 9px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<!-- =======================================================\r\n     CONTENT\r\n======================================================= -->\r\n\r\n<div class=\"na-email-wrap\">\r\n\r\n    <div class=\"na-email-kicker\">\r\n        Join Brooklyn Black & White\r\n    <\/div>\r\n\r\n\r\n    <div class=\"na-email-grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT\r\n        ================================================== -->\r\n\r\n        <div class=\"na-email-left\">\r\n\r\n            <h2>\r\n                Get the\r\n                <em>good stuff.<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"na-email-intro\">\r\n                Be the first to hear about new cookie drops,\r\n                launch updates, special batches, and everything\r\n                happening behind the scenes at NYC Brooklyn Black and Whites.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"na-email-benefits\">\r\n\r\n                <div class=\"na-email-benefit\">\r\n                    <span>\u2726<\/span>\r\n                    New Cookie Drops\r\n                <\/div>\r\n\r\n                <div class=\"na-email-benefit\">\r\n                    <span>\u2726<\/span>\r\n                    Special Batches\r\n                <\/div>\r\n\r\n                <div class=\"na-email-benefit\">\r\n                    <span>\u2726<\/span>\r\n                    NYC ANTHERS Updates\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CARD\r\n        ================================================== -->\r\n\r\n        <div class=\"na-email-card\">\r\n\r\n\r\n            <div class=\"na-card-top\">\r\n\r\n                <div class=\"na-card-brand\">\r\n                    Brooklyn Black & White\r\n                <\/div>\r\n\r\n                <div class=\"na-card-index\">\r\n                    01 \/ 01\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n                A little NYC\r\n                <em>in your inbox.<\/em>\r\n            <\/h3>\r\n\r\n\r\n            <p class=\"na-card-description\">\r\n                Join our email list and be part of the\r\n                NYC ANTHERS community.\r\n            <\/p>\r\n\r\n\r\n            <!-- FORM -->\r\n\r\n            <form\r\n                class=\"na-email-form\"\r\n                id=\"naEmailForm\"\r\n                novalidate\r\n            >\r\n\r\n                <label\r\n                    class=\"na-email-label\"\r\n                    for=\"naEmailInput\"\r\n                >\r\n                    Email Address\r\n                <\/label>\r\n\r\n\r\n                <div class=\"na-email-input-wrap\">\r\n\r\n                    <input\r\n                        type=\"email\"\r\n                        id=\"naEmailInput\"\r\n                        class=\"na-email-input\"\r\n                        placeholder=\"you@example.com\"\r\n                        autocomplete=\"email\"\r\n                        required\r\n                    >\r\n\r\n                    <button\r\n                        type=\"submit\"\r\n                        class=\"na-email-button\"\r\n                        id=\"naEmailButton\"\r\n                    >\r\n                        Join The List \u2192\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div\r\n                    class=\"na-form-message\"\r\n                    id=\"naFormMessage\"\r\n                    role=\"alert\"\r\n                ><\/div>\r\n\r\n\r\n                <p class=\"na-email-legal\">\r\n                    By joining, you agree to receive emails\r\n                    from Brooklyn Black & White. You can unsubscribe anytime.\r\n                <\/p>\r\n\r\n            <\/form>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM\r\n    ================================================== -->\r\n\r\n    <!--<div class=\"na-email-bottom\">-->\r\n\r\n    <!--    <div class=\"na-email-bottom-left\">-->\r\n    <!--        NYC ANTHERS \/ Email Community-->\r\n    <!--    <\/div>-->\r\n\r\n    <!--    <div class=\"na-email-bottom-right\">-->\r\n    <!--        Made for NYC. Made with heart.-->\r\n    <!--    <\/div>-->\r\n\r\n    <!--<\/div>-->\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const form =\r\n        document.getElementById(\"naEmailForm\");\r\n\r\n    const input =\r\n        document.getElementById(\"naEmailInput\");\r\n\r\n    const button =\r\n        document.getElementById(\"naEmailButton\");\r\n\r\n    const message =\r\n        document.getElementById(\"naFormMessage\");\r\n\r\n\r\n    if (!form || !input || !button || !message) {\r\n        return;\r\n    }\r\n\r\n\r\n    form.addEventListener(\r\n        \"submit\",\r\n        function (event) {\r\n\r\n            event.preventDefault();\r\n\r\n\r\n            const email =\r\n                input.value.trim();\r\n\r\n\r\n            \/* =============================================\r\n               RESET\r\n            ============================================= *\/\r\n\r\n            message.className =\r\n                \"na-form-message\";\r\n\r\n            message.textContent = \"\";\r\n\r\n\r\n            \/* =============================================\r\n               VALIDATION\r\n            ============================================= *\/\r\n\r\n            if (!email) {\r\n\r\n                message.className =\r\n                    \"na-form-message error\";\r\n\r\n                message.textContent =\r\n                    \"Please enter your email address.\";\r\n\r\n                input.focus();\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            const emailPattern =\r\n                \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n\r\n            if (!emailPattern.test(email)) {\r\n\r\n                message.className =\r\n                    \"na-form-message error\";\r\n\r\n                message.textContent =\r\n                    \"Please enter a valid email address.\";\r\n\r\n                input.focus();\r\n\r\n                return;\r\n            }\r\n\r\n\r\n            \/* =============================================\r\n               LOADING\r\n            ============================================= *\/\r\n\r\n            button.classList.add(\"loading\");\r\n\r\n            button.textContent =\r\n                \"Joining...\";\r\n\r\n\r\n            \/*\r\n             * DEMO SUCCESS STATE\r\n             *\r\n             * Replace this section later with your\r\n             * Mailchimp \/ FluentCRM \/ Brevo \/ Form\r\n             * submission endpoint.\r\n             *\/\r\n\r\n            setTimeout(function () {\r\n\r\n                button.classList.remove(\r\n                    \"loading\"\r\n                );\r\n\r\n                button.textContent =\r\n                    \"You're In \u2713\";\r\n\r\n\r\n                message.className =\r\n                    \"na-form-message success\";\r\n\r\n                message.textContent =\r\n                    \"Welcome to NYC ANTHERS. You're officially on the list!\";\r\n\r\n\r\n                input.value = \"\";\r\n\r\n\r\n                setTimeout(function () {\r\n\r\n                    button.textContent =\r\n                        \"Join The List \u2192\";\r\n\r\n                }, 3500);\r\n\r\n\r\n            }, 1000);\r\n\r\n        }\r\n    );\r\n\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/section>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c98cc13 e-con-full e-flex e-con e-parent\" data-id=\"c98cc13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e3be5 elementor-widget elementor-widget-html\" data-id=\"d8e3be5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     NYC ANTHERS \u2014 THE PREMIERE\r\n     PREMIUM DUMBO EVENT SECTION\r\n     \r\n     \u2713 Elementor HTML Widget Safe\r\n     \u2713 Fully Responsive\r\n     \u2713 Premium Editorial Design\r\n     \u2713 Google Maps Button\r\n     \u2713 QR Code\r\n     \u2713 Button Underline Removed\r\n     \u2713 Hover Animation\r\n========================================================= -->\r\n\r\n<section id=\"nycAnthersPremiere\" class=\"na-premiere\">\r\n\r\n    <style>\r\n\r\n        \/* =====================================================\r\n           VARIABLES\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere {\r\n            --premiere-bg: #F5EBDD;\r\n            --premiere-paper: #FBF6EE;\r\n            --premiere-dark: #24140D;\r\n            --premiere-dark-2: #3A2115;\r\n            --premiere-muted: #725D4D;\r\n            --premiere-gold: #A8793F;\r\n            --premiere-line: rgba(36,20,13,.16);\r\n\r\n            position: relative;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            background: var(--premiere-bg);\r\n            color: var(--premiere-dark);\r\n            font-family: \"Inter\", Arial, sans-serif;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #nycAnthersPremiere *,\r\n        #nycAnthersPremiere *::before,\r\n        #nycAnthersPremiere *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           DECORATIVE BACKGROUND\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-glow {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            filter: blur(2px);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-glow-one {\r\n            width: 380px;\r\n            height: 380px;\r\n            top: -190px;\r\n            right: -120px;\r\n            background: rgba(168,121,63,.09);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-glow-two {\r\n            width: 300px;\r\n            height: 300px;\r\n            bottom: -160px;\r\n            left: -100px;\r\n            background: rgba(114,93,77,.07);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           INNER\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-inner {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: min(1180px, calc(100% - 48px));\r\n            margin: 0 auto;\r\n            padding: 100px 0 90px;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TOP LABEL\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-label {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-premiere-label-line {\r\n            width: 48px;\r\n            height: 1px;\r\n            background: var(--premiere-gold);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-premiere-label span {\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            letter-spacing: .22em;\r\n            text-transform: uppercase;\r\n            color: var(--premiere-gold);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           HEADER\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-header {\r\n            max-width: 850px;\r\n            margin-bottom: 58px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-premiere-title {\r\n            margin: 0;\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n            font-size: clamp(54px, 8vw, 108px);\r\n            line-height: .86;\r\n            font-weight: 500;\r\n            letter-spacing: -.055em;\r\n            color: var(--premiere-dark);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-premiere-title em {\r\n            font-weight: 400;\r\n            color: var(--premiere-gold);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-premiere-description {\r\n            max-width: 720px;\r\n            margin: 30px 0 0;\r\n            font-size: 17px;\r\n            line-height: 1.8;\r\n            color: var(--premiere-muted);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MAIN GRID\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.15fr .85fr;\r\n            gap: 28px;\r\n            align-items: stretch;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           EVENT CARD\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-event-card {\r\n            position: relative;\r\n            min-height: 500px;\r\n            padding: 42px;\r\n            border: 1px solid var(--premiere-line);\r\n            border-radius: 30px;\r\n            background: rgba(251,246,238,.72);\r\n            box-shadow:\r\n                0 24px 70px rgba(36,20,13,.08),\r\n                inset 0 1px 0 rgba(255,255,255,.6);\r\n            overflow: hidden;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-event-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 220px;\r\n            height: 220px;\r\n            right: -100px;\r\n            top: -100px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(168,121,63,.2);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-event-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 130px;\r\n            height: 130px;\r\n            right: -65px;\r\n            top: -65px;\r\n            border-radius: 50%;\r\n            border: 1px solid rgba(168,121,63,.16);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           EVENT CARD HEADER\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-card-kicker {\r\n            margin-bottom: 12px;\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            letter-spacing: .2em;\r\n            text-transform: uppercase;\r\n            color: var(--premiere-gold);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-card-title {\r\n            margin: 0 0 35px;\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n            font-size: clamp(32px, 4vw, 52px);\r\n            line-height: 1;\r\n            font-weight: 500;\r\n            letter-spacing: -.035em;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           EVENT DETAILS\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-event-details {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            border-top: 1px solid var(--premiere-line);\r\n            border-bottom: 1px solid var(--premiere-line);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-event-detail {\r\n            padding: 24px 20px 24px 0;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-event-detail + .na-event-detail {\r\n            padding-left: 24px;\r\n            border-left: 1px solid var(--premiere-line);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-detail-label {\r\n            display: block;\r\n            margin-bottom: 9px;\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            letter-spacing: .17em;\r\n            text-transform: uppercase;\r\n            color: var(--premiere-gold);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-detail-value {\r\n            font-size: 16px;\r\n            line-height: 1.55;\r\n            font-weight: 600;\r\n            color: var(--premiere-dark);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-detail-small {\r\n            display: block;\r\n            margin-top: 3px;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            color: var(--premiere-muted);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           LOCATION\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-location {\r\n            display: flex;\r\n            gap: 20px;\r\n            align-items: flex-start;\r\n            margin-top: 32px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-location-icon {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex: 0 0 46px;\r\n            width: 46px;\r\n            height: 46px;\r\n            border-radius: 50%;\r\n            background: var(--premiere-dark);\r\n            color: var(--premiere-bg);\r\n            font-size: 21px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-location-content {\r\n            min-width: 0;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-location-label {\r\n            display: block;\r\n            margin-bottom: 5px;\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            letter-spacing: .17em;\r\n            text-transform: uppercase;\r\n            color: var(--premiere-gold);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-location-name {\r\n            margin: 0;\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n            font-size: 24px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-location-address {\r\n            margin: 6px 0 0;\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n            color: var(--premiere-muted);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           GOOGLE MAPS BUTTON\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-directions {\r\n            display: inline-flex !important;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n\r\n            min-height: 52px;\r\n            margin-top: 28px;\r\n            padding: 0 25px;\r\n\r\n            border: 1px solid var(--premiere-dark) !important;\r\n            border-radius: 50px !important;\r\n\r\n            background: var(--premiere-dark) !important;\r\n            color: var(--premiere-bg) !important;\r\n\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            letter-spacing: .08em;\r\n            text-transform: uppercase;\r\n\r\n            text-decoration: none !important;\r\n            text-underline-offset: 0 !important;\r\n            border-bottom: none !important;\r\n            box-shadow: none !important;\r\n\r\n            transition:\r\n                transform .3s ease,\r\n                background .3s ease,\r\n                color .3s ease,\r\n                border-color .3s ease;\r\n        }\r\n\r\n        \/* FORCE REMOVE ELEMENTOR \/ BROWSER UNDERLINE *\/\r\n\r\n        #nycAnthersPremiere a.na-directions,\r\n        #nycAnthersPremiere a.na-directions:hover,\r\n        #nycAnthersPremiere a.na-directions:focus,\r\n        #nycAnthersPremiere a.na-directions:active,\r\n        #nycAnthersPremiere a.na-directions:visited {\r\n            text-decoration: none !important;\r\n            border-bottom: none !important;\r\n            box-shadow: none !important;\r\n            outline: none;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-directions:hover {\r\n            transform: translateY(-3px);\r\n            background: transparent !important;\r\n            color: var(--premiere-dark) !important;\r\n            border-color: var(--premiere-dark) !important;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-directions-arrow {\r\n            font-size: 16px;\r\n            line-height: 1;\r\n            transition: transform .3s ease;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-directions:hover .na-directions-arrow {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           QR CARD\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-qr-card {\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            min-height: 500px;\r\n            padding: 42px;\r\n\r\n            border-radius: 30px;\r\n            background: var(--premiere-dark);\r\n            color: var(--premiere-bg);\r\n\r\n            overflow: hidden;\r\n            box-shadow: 0 24px 70px rgba(36,20,13,.16);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 320px;\r\n            height: 320px;\r\n            border: 1px solid rgba(245,235,221,.13);\r\n            border-radius: 50%;\r\n            top: -150px;\r\n            right: -130px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 220px;\r\n            height: 220px;\r\n            border: 1px solid rgba(245,235,221,.09);\r\n            border-radius: 50%;\r\n            bottom: -120px;\r\n            left: -100px;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           QR CONTENT\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-qr-number {\r\n            position: relative;\r\n            z-index: 2;\r\n            align-self: flex-start;\r\n            margin-bottom: 24px;\r\n\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            letter-spacing: .18em;\r\n            color: rgba(245,235,221,.55);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-image-wrap {\r\n            position: relative;\r\n            z-index: 2;\r\n\r\n            width: min(260px, 72%);\r\n            aspect-ratio: 1 \/ 1;\r\n\r\n            padding: 14px;\r\n            border-radius: 20px;\r\n            background: #fff;\r\n\r\n            box-shadow:\r\n                0 20px 50px rgba(0,0,0,.22),\r\n                0 0 0 1px rgba(255,255,255,.1);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-image {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: contain;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-title {\r\n            position: relative;\r\n            z-index: 2;\r\n\r\n            margin: 28px 0 6px;\r\n            color: #fff;\r\n\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n            font-size: 27px;\r\n            line-height: 1.1;\r\n            font-weight: 500;\r\n            text-align: center;\r\n        }\r\n\r\n        #nycAnthersPremiere .na-qr-subtitle {\r\n            position: relative;\r\n            z-index: 2;\r\n\r\n            margin: 0;\r\n\r\n            font-size: 12px;\r\n            line-height: 1.6;\r\n            color: rgba(245,235,221,.62);\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           BOTTOM SIGNATURE\r\n        ===================================================== *\/\r\n\r\n        #nycAnthersPremiere .na-premiere-footer {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 25px;\r\n\r\n            margin-top: 52px;\r\n            padding-top: 25px;\r\n\r\n            border-top: 1px solid var(--premiere-line);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-footer-left {\r\n            font-size: 10px;\r\n            font-weight: 800;\r\n            letter-spacing: .17em;\r\n            text-transform: uppercase;\r\n            color: var(--premiere-muted);\r\n        }\r\n\r\n        #nycAnthersPremiere .na-footer-right {\r\n            font-family: Georgia, \"Times New Roman\", serif;\r\n            font-size: 17px;\r\n            font-style: italic;\r\n            color: var(--premiere-dark);\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 900px) {\r\n\r\n            #nycAnthersPremiere .na-premiere-inner {\r\n                padding: 80px 0 70px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-card,\r\n            #nycAnthersPremiere .na-qr-card {\r\n                min-height: auto;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-card {\r\n                padding: 50px 35px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-image-wrap {\r\n                width: 230px;\r\n            }\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 600px) {\r\n\r\n            #nycAnthersPremiere .na-premiere-inner {\r\n                width: min(100% - 30px, 1180px);\r\n                padding: 65px 0 55px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-label {\r\n                margin-bottom: 19px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-title {\r\n                font-size: clamp(48px, 16vw, 72px);\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-description {\r\n                margin-top: 22px;\r\n                font-size: 15px;\r\n                line-height: 1.7;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-header {\r\n                margin-bottom: 38px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-card {\r\n                padding: 27px 23px;\r\n                border-radius: 24px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-card-title {\r\n                margin-bottom: 27px;\r\n                font-size: 38px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-details {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-detail {\r\n                padding: 20px 0;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-detail + .na-event-detail {\r\n                padding-left: 0;\r\n                border-left: none;\r\n                border-top: 1px solid var(--premiere-line);\r\n            }\r\n\r\n            #nycAnthersPremiere .na-location {\r\n                gap: 14px;\r\n                margin-top: 27px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-location-icon {\r\n                flex-basis: 40px;\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 18px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-location-name {\r\n                font-size: 21px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-directions {\r\n                width: 100%;\r\n                margin-top: 24px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-card {\r\n                padding: 38px 23px;\r\n                border-radius: 24px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-image-wrap {\r\n                width: 220px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-title {\r\n                font-size: 24px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-premiere-footer {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 12px;\r\n                margin-top: 38px;\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =====================================================\r\n           VERY SMALL MOBILE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 380px) {\r\n\r\n            #nycAnthersPremiere .na-premiere-title {\r\n                font-size: 45px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-event-card,\r\n            #nycAnthersPremiere .na-qr-card {\r\n                padding: 23px 18px;\r\n            }\r\n\r\n            #nycAnthersPremiere .na-qr-image-wrap {\r\n                width: 200px;\r\n            }\r\n\r\n        }\r\n\r\n    <\/style>\r\n\r\n\r\n    <!-- =====================================================\r\n         BACKGROUND DECORATION\r\n    ===================================================== -->\r\n\r\n    <div class=\"na-premiere-glow na-glow-one\"><\/div>\r\n    <div class=\"na-premiere-glow na-glow-two\"><\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n    ===================================================== -->\r\n\r\n    <div class=\"na-premiere-inner\">\r\n\r\n\r\n        <!-- LABEL -->\r\n\r\n        <div class=\"na-premiere-label\">\r\n            <span class=\"na-premiere-label-line\"><\/span>\r\n            <span>The Premiere<\/span>\r\n        <\/div>\r\n\r\n\r\n        <!-- HEADER -->\r\n\r\n        <header class=\"na-premiere-header\">\r\n\r\n            <h2 class=\"na-premiere-title\">\r\n                Meet us in <em>DUMBO.<\/em>\r\n            <\/h2>\r\n\r\n            <p class=\"na-premiere-description\">\r\n                Brooklyn Black & White makes its location debut at the Brooklyn Flea in DUMBO.\r\n                Come find us under the iconic DUMBO Arch and taste what we're bringing\r\n                to Brooklyn.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n        <!-- =================================================\r\n             MAIN GRID\r\n        ================================================= -->\r\n\r\n        <div class=\"na-premiere-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 EVENT INFORMATION\r\n            ================================================= -->\r\n\r\n            <div class=\"na-event-card\">\r\n\r\n                <!--<div class=\"na-card-kicker\">-->\r\n                <!--    NYC ANTHERS \u2014 001-->\r\n                <!--<\/div>-->\r\n\r\n                <h3 class=\"na-card-title\">\r\n                    The first bite starts here.\r\n                <\/h3>\r\n\r\n\r\n                <!-- EVENT DETAILS -->\r\n\r\n                <div class=\"na-event-details\">\r\n\r\n                    <div class=\"na-event-detail\">\r\n\r\n                        <span class=\"na-detail-label\">\r\n                            When\r\n                        <\/span>\r\n\r\n                        <div class=\"na-detail-value\">\r\n                            Sept 12 + 13\r\n                            <span class=\"na-detail-small\">\r\n                                Saturday + Sunday\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"na-event-detail\">\r\n\r\n                        <span class=\"na-detail-label\">\r\n                            Time\r\n                        <\/span>\r\n\r\n                        <div class=\"na-detail-value\">\r\n                            10AM \u2013 5PM\r\n                            <span class=\"na-detail-small\">\r\n                                Both Days\r\n                            <\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- LOCATION -->\r\n\r\n                <div class=\"na-location\">\r\n\r\n                    <div class=\"na-location-icon\">\r\n                        \u2316\r\n                    <\/div>\r\n\r\n                    <div class=\"na-location-content\">\r\n\r\n                        <span class=\"na-location-label\">\r\n                            Find Us At\r\n                        <\/span>\r\n\r\n                        <h4 class=\"na-location-name\">\r\n                            Brooklyn Flea \u2014 DUMBO\r\n                        <\/h4>\r\n\r\n                        <p class=\"na-location-address\">\r\n                            80 Pearl Street, Brooklyn, NY 11201\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- GOOGLE MAPS -->\r\n\r\n                <a\r\n                    class=\"na-directions\"\r\n                    href=\"https:\/\/www.google.com\/maps\/place\/80+Pearl+St,+New+York,+NY+10004,+USA\/@40.7039119,-74.0102264,17z\/data=!3m1!4b1!4m6!3m5!1s0x89c25a1430f24933:0xa494fffaf5c2a2fe!8m2!3d40.7039119!4d-74.0102264!16s%2Fg%2F11c29z52h9?entry=ttu&g_ep=EgoyMDI2MDkwMS4wIKXMDSoASAFQAw%3D%3D\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    Get Directions\r\n                    <span class=\"na-directions-arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 QR CARD\r\n            ================================================= -->\r\n\r\n            <div class=\"na-qr-card\">\r\n\r\n                <!--<div class=\"na-qr-number\">-->\r\n                <!--    NYC ANTHERS DUMBO \/ 001-->\r\n                <!--<\/div>-->\r\n\r\n\r\n                <div class=\"na-qr-image-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"na-qr-image\"\r\n                        src=\"https:\/\/cookieswp2.mystartupcrew.com\/wp-content\/uploads\/2026\/09\/Instagram-QR-Code.png_page-0001.jpg\"\r\n                        alt=\"NYC ANTHERS DUMBO Instagram QR Code\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"na-qr-title\">\r\n                    Follow NYC ANTHERS\r\n                <\/h3>\r\n\r\n                <p class=\"na-qr-subtitle\">\r\n                    Scan to stay in the loop\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             FOOTER\r\n        ================================================= -->\r\n\r\n        <div class=\"na-premiere-footer\">\r\n\r\n            <!--<div class=\"na-footer-left\">-->\r\n            <!--    NYC ANTHERS \/ Brooklyn Flea \/ DUMBO-->\r\n            <!--<\/div>-->\r\n\r\n            <!--<div class=\"na-footer-right\">-->\r\n            <!--    Made for NYC. Made with heart.-->\r\n            <!--<\/div>-->\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NYC Anthers \/ Brooklyn Black &#038; White Brooklyn Flea \u2022 DUMBO Premiere Now Making Our NYC Debut Brooklyn Flea, We&#8217;re [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":436,"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/cookieswp2.mystartupcrew.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}