{"id":15,"date":"2026-08-20T02:51:20","date_gmt":"2026-08-20T02:51:20","guid":{"rendered":"https:\/\/yome.id\/?page_id=15"},"modified":"2026-08-20T05:29:27","modified_gmt":"2026-08-20T05:29:27","slug":"home","status":"publish","type":"page","link":"https:\/\/yome.id\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f71be41 e-con e-atomic-element e-flexbox-base e-633425d \" data-id=\"f71be41\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f71be41\">\n    \t\t<div class=\"elementor-element elementor-element-0920643 elementor-widget elementor-widget-html\" data-id=\"0920643\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     YOME ENGLISH HOMEPAGE BODY\r\n     Production Build V4\r\n     Header + Footer handled globally by ElementsKit\r\n     WordPress + Elementor Free\r\n     Mobile First\r\n========================================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@600;700;800;900&display=swap');\r\n\r\n\r\n\/* =========================================================\r\n   DESIGN SYSTEM\r\n========================================================= *\/\r\n\r\n.yome-home {\r\n    --green:#1F3D34;\r\n    --green-dark:#143129;\r\n    --pink:#F4A6A6;\r\n    --pink-soft:#FBD1D1;\r\n    --cream:#FFF6F0;\r\n    --sage:#D8E3D7;\r\n    --taupe:#E7DED5;\r\n    --white:#FFFFFF;\r\n    --muted:#66746E;\r\n    --border:rgba(31,61,52,.11);\r\n\r\n    --display:\"Nunito\",system-ui,sans-serif;\r\n    --body:\"DM Sans\",system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\r\n\r\n    width:100%;\r\n    overflow:hidden;\r\n\r\n    background:var(--cream);\r\n    color:var(--green);\r\n\r\n    font-family:var(--body);\r\n}\r\n\r\n.yome-home,\r\n.yome-home *,\r\n.yome-home *::before,\r\n.yome-home *::after {\r\n    box-sizing:border-box;\r\n}\r\n\r\n.yome-home img {\r\n    width:100%;\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\n.yome-home picture {\r\n    display:block;\r\n}\r\n\r\n.yome-home a {\r\n    color:inherit;\r\n    text-decoration:none;\r\n}\r\n\r\n.yome-home button,\r\n.yome-home input {\r\n    font:inherit;\r\n}\r\n\r\n.yome-home button {\r\n    border:0;\r\n}\r\n\r\n.yh-wrap {\r\n    width:min(1180px,calc(100% - 32px));\r\n    margin-inline:auto;\r\n}\r\n\r\n.yh-wide {\r\n    width:min(1700px,calc(100% - 28px));\r\n    margin-inline:auto;\r\n}\r\n\r\n.yh-eyebrow {\r\n    display:inline-block;\r\n\r\n    font-size:11px;\r\n    line-height:1.2;\r\n\r\n    font-weight:800;\r\n    letter-spacing:.15em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.yh-heading {\r\n    font-family:var(--display);\r\n    font-weight:900;\r\n\r\n    line-height:.94;\r\n    letter-spacing:-.045em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON SYSTEM\r\n========================================================= *\/\r\n\r\n.yome-home .yh-button {\r\n    min-height:52px;\r\n    padding:0 23px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:8px;\r\n\r\n    border:2px solid transparent;\r\n    border-radius:999px;\r\n\r\n    font-size:12px;\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:.055em;\r\n    text-transform:uppercase;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background-color .22s ease,\r\n        color .22s ease,\r\n        border-color .22s ease,\r\n        transform .22s ease,\r\n        box-shadow .22s ease;\r\n}\r\n\r\n\r\n\/* GREEN BUTTON *\/\r\n\r\n.yome-home .yh-button-green,\r\n.yome-home .yh-button-green:link,\r\n.yome-home .yh-button-green:visited {\r\n    background:var(--green) !important;\r\n    color:var(--cream) !important;\r\n    border-color:var(--green);\r\n}\r\n\r\n.yome-home .yh-button-green:hover,\r\n.yome-home .yh-button-green:focus-visible {\r\n    background:var(--cream) !important;\r\n    color:var(--green) !important;\r\n    border-color:var(--green);\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(31,61,52,.15);\r\n}\r\n\r\n\r\n\/* PINK BUTTON *\/\r\n\r\n.yome-home .yh-button-pink,\r\n.yome-home .yh-button-pink:link,\r\n.yome-home .yh-button-pink:visited {\r\n    background:var(--pink) !important;\r\n    color:var(--green) !important;\r\n    border-color:var(--pink);\r\n}\r\n\r\n.yome-home .yh-button-pink:hover,\r\n.yome-home .yh-button-pink:focus-visible {\r\n    background:var(--green) !important;\r\n    color:var(--pink) !important;\r\n    border-color:var(--green);\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(31,61,52,.18);\r\n}\r\n\r\n\r\n\/* CREAM BUTTON *\/\r\n\r\n.yome-home .yh-button-cream,\r\n.yome-home .yh-button-cream:link,\r\n.yome-home .yh-button-cream:visited {\r\n    background:var(--cream) !important;\r\n    color:var(--green) !important;\r\n    border-color:var(--cream);\r\n}\r\n\r\n.yome-home .yh-button-cream:hover,\r\n.yome-home .yh-button-cream:focus-visible {\r\n    background:var(--green) !important;\r\n    color:var(--cream) !important;\r\n    border-color:var(--green);\r\n\r\n    transform:translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 10px 25px\r\n        rgba(31,61,52,.16);\r\n}\r\n\r\n.yome-home .yh-button:focus-visible {\r\n    outline:3px solid rgba(244,166,166,.55);\r\n    outline-offset:3px;\r\n}\r\n\r\n.yome-home .yh-button:active {\r\n    transform:translateY(0) scale(.98);\r\n    box-shadow:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATION\r\n========================================================= *\/\r\n\r\n.yh-reveal {\r\n    opacity:1;\r\n    transform:none;\r\n}\r\n\r\n.yome-home.yh-js .yh-reveal {\r\n    opacity:0;\r\n    transform:translateY(22px);\r\n\r\n    transition:\r\n        opacity .65s cubic-bezier(.2,.7,.2,1),\r\n        transform .65s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.yome-home.yh-js .yh-reveal.yh-visible {\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n.yome-home.yh-js .yh-reveal-delay-1 {\r\n    transition-delay:.08s;\r\n}\r\n\r\n.yome-home.yh-js .yh-reveal-delay-2 {\r\n    transition-delay:.16s;\r\n}\r\n\r\n.yome-home.yh-js .yh-reveal-delay-3 {\r\n    transition-delay:.24s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.yh-hero {\r\n    padding:\r\n        94px\r\n        14px\r\n        62px;\r\n}\r\n\r\n.yh-hero-grid {\r\n    display:grid;\r\n}\r\n\r\n.yh-hero-copy {\r\n    min-height:410px;\r\n\r\n    padding:\r\n        40px\r\n        25px\r\n        35px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n\r\n    border-radius:\r\n        38px\r\n        38px\r\n        0\r\n        0;\r\n\r\n    background:var(--green);\r\n    color:white;\r\n}\r\n\r\n.yh-hero-copy .yh-eyebrow {\r\n    color:var(--pink);\r\n}\r\n\r\n.yh-hero h1 {\r\n    margin:\r\n        14px\r\n        0\r\n        19px;\r\n\r\n    font-size:\r\n        clamp(48px,13.5vw,88px);\r\n}\r\n\r\n.yh-hero p {\r\n    max-width:570px;\r\n\r\n    color:rgba(255,255,255,.83);\r\n\r\n    font-size:15px;\r\n    line-height:1.65;\r\n}\r\n\r\n.yh-hero-actions {\r\n    margin-top:27px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n\r\n    gap:13px;\r\n}\r\n\r\n.yh-hero-link {\r\n    padding:7px 2px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(255,255,255,.4);\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n\r\n    transition:\r\n        color .2s ease,\r\n        border-color .2s ease;\r\n}\r\n\r\n.yh-hero-link:hover {\r\n    color:var(--pink);\r\n    border-color:var(--pink);\r\n}\r\n\r\n.yh-hero-media {\r\n    position:relative;\r\n\r\n    min-height:570px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:\r\n        0\r\n        0\r\n        38px\r\n        38px;\r\n\r\n    background:var(--taupe);\r\n}\r\n\r\n.yh-hero-media picture,\r\n.yh-hero-media img {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.yh-hero-media img {\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK FACTS\r\n========================================================= *\/\r\n\r\n.yh-facts {\r\n    padding-bottom:80px;\r\n}\r\n\r\n.yh-facts-grid {\r\n    display:grid;\r\n    gap:10px;\r\n}\r\n\r\n.yh-fact {\r\n    padding:24px;\r\n\r\n    border:1px solid var(--border);\r\n    border-radius:26px;\r\n\r\n    background:white;\r\n}\r\n\r\n.yh-fact-label {\r\n    margin-bottom:8px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:10px;\r\n    font-weight:800;\r\n\r\n    letter-spacing:.13em;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.yh-fact strong {\r\n    display:block;\r\n\r\n    font-family:var(--display);\r\n\r\n    font-size:23px;\r\n    line-height:1.08;\r\n}\r\n\r\n.yh-fact p {\r\n    margin-top:8px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.yh-intro {\r\n    padding:\r\n        80px\r\n        0\r\n        42px;\r\n}\r\n\r\n.yh-intro-copy {\r\n    max-width:800px;\r\n}\r\n\r\n.yh-intro h2 {\r\n    margin:\r\n        12px\r\n        0\r\n        18px;\r\n\r\n    font-size:\r\n        clamp(42px,10vw,74px);\r\n}\r\n\r\n.yh-intro p {\r\n    max-width:720px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:16px;\r\n    line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE GRID\r\n========================================================= *\/\r\n\r\n.yh-experience {\r\n    padding-bottom:88px;\r\n}\r\n\r\n.yh-experience-grid {\r\n    display:grid;\r\n    gap:14px;\r\n}\r\n\r\n\r\n\/* IMAGE CARD *\/\r\n\r\n.yh-media-card {\r\n    overflow:hidden;\r\n\r\n    border-radius:32px;\r\n\r\n    background:white;\r\n\r\n    box-shadow:\r\n        0 1px 0 var(--border);\r\n}\r\n\r\n.yh-media-visual {\r\n    position:relative;\r\n\r\n    min-height:430px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.yh-media-visual picture,\r\n.yh-media-visual img {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.yh-media-visual img {\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n}\r\n\r\n.yh-media-caption {\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    margin:\r\n        -18px\r\n        14px\r\n        14px;\r\n\r\n    padding:\r\n        22px\r\n        20px;\r\n\r\n    border-radius:23px;\r\n\r\n    background:var(--cream);\r\n\r\n    box-shadow:\r\n        0 9px 25px\r\n        rgba(31,61,52,.07);\r\n}\r\n\r\n.yh-media-caption h3 {\r\n    margin-top:7px;\r\n\r\n    font-family:var(--display);\r\n\r\n    font-size:29px;\r\n    line-height:1;\r\n    letter-spacing:-.035em;\r\n}\r\n\r\n.yh-media-caption p {\r\n    margin-top:9px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:13px;\r\n    line-height:1.55;\r\n}\r\n\r\n\r\n\/* CONTENT CARD *\/\r\n\r\n.yh-content-card {\r\n    min-height:350px;\r\n\r\n    padding:30px;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-start;\r\n\r\n    gap:20px;\r\n\r\n    border-radius:32px;\r\n}\r\n\r\n.yh-card-pink {\r\n    background:var(--pink);\r\n}\r\n\r\n.yh-card-green {\r\n    background:var(--green);\r\n    color:white;\r\n}\r\n\r\n.yh-card-sage {\r\n    background:var(--sage);\r\n}\r\n\r\n.yh-content-card h3 {\r\n    max-width:500px;\r\n\r\n    font-family:var(--display);\r\n\r\n    font-size:\r\n        clamp(37px,9vw,51px);\r\n\r\n    line-height:.96;\r\n    letter-spacing:-.04em;\r\n}\r\n\r\n.yh-content-card p {\r\n    max-width:520px;\r\n\r\n    margin-top:auto;\r\n\r\n    font-size:14px;\r\n    line-height:1.65;\r\n}\r\n\r\n.yh-card-green p {\r\n    color:rgba(255,255,255,.79);\r\n}\r\n\r\n.yh-card-detail {\r\n    display:inline-flex;\r\n\r\n    width:max-content;\r\n    max-width:100%;\r\n\r\n    padding:\r\n        8px\r\n        12px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:rgba(255,255,255,.22);\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOW IT WORKS\r\n========================================================= *\/\r\n\r\n.yh-how {\r\n    padding:\r\n        88px\r\n        0;\r\n}\r\n\r\n.yh-how-copy {\r\n    max-width:800px;\r\n}\r\n\r\n.yh-how h2 {\r\n    margin:\r\n        12px\r\n        0\r\n        17px;\r\n\r\n    font-size:\r\n        clamp(42px,10vw,72px);\r\n}\r\n\r\n.yh-how-intro {\r\n    max-width:680px;\r\n\r\n    color:var(--muted);\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-steps {\r\n    margin-top:40px;\r\n\r\n    display:grid;\r\n    gap:10px;\r\n}\r\n\r\n.yh-step {\r\n    padding:25px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        48px\r\n        1fr;\r\n\r\n    gap:17px;\r\n\r\n    border:1px solid var(--border);\r\n    border-radius:26px;\r\n\r\n    background:white;\r\n}\r\n\r\n.yh-step-number {\r\n    width:48px;\r\n    height:48px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n    color:white;\r\n\r\n    font-family:var(--display);\r\n    font-weight:900;\r\n}\r\n\r\n.yh-step h3 {\r\n    margin-top:2px;\r\n\r\n    font-family:var(--display);\r\n\r\n    font-size:24px;\r\n}\r\n\r\n.yh-step p {\r\n    margin-top:6px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:13px;\r\n    line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE SPLITS\r\n========================================================= *\/\r\n\r\n.yh-feature {\r\n    padding-bottom:92px;\r\n}\r\n\r\n.yh-feature-grid {\r\n    overflow:hidden;\r\n\r\n    display:grid;\r\n\r\n    border-radius:36px;\r\n}\r\n\r\n.yh-feature-copy {\r\n    padding:\r\n        36px\r\n        28px;\r\n\r\n    background:var(--pink);\r\n}\r\n\r\n.yh-feature-copy-green {\r\n    background:var(--green);\r\n    color:white;\r\n}\r\n\r\n.yh-feature h2 {\r\n    margin:\r\n        11px\r\n        0\r\n        17px;\r\n\r\n    font-size:\r\n        clamp(40px,10vw,66px);\r\n}\r\n\r\n.yh-feature-copy p {\r\n    max-width:590px;\r\n\r\n    font-size:14px;\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-feature-copy-green p {\r\n    color:rgba(255,255,255,.78);\r\n}\r\n\r\n.yh-feature-media {\r\n    position:relative;\r\n\r\n    min-height:540px;\r\n\r\n    background:var(--taupe);\r\n}\r\n\r\n.yh-feature-media picture,\r\n.yh-feature-media img {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.yh-feature-media img {\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOCATION\r\n========================================================= *\/\r\n\r\n.yh-location {\r\n    padding-bottom:95px;\r\n}\r\n\r\n.yh-location-card {\r\n    overflow:hidden;\r\n\r\n    border-radius:38px;\r\n\r\n    background:var(--green);\r\n}\r\n\r\n.yh-location-media {\r\n    position:relative;\r\n\r\n    min-height:560px;\r\n}\r\n\r\n.yh-location-media picture,\r\n.yh-location-media img {\r\n    width:100%;\r\n    height:100%;\r\n}\r\n\r\n.yh-location-media img {\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n}\r\n\r\n.yh-location-copy {\r\n    padding:\r\n        36px\r\n        28px\r\n        40px;\r\n\r\n    color:white;\r\n}\r\n\r\n.yh-location-copy .yh-eyebrow {\r\n    color:var(--pink);\r\n}\r\n\r\n.yh-location h2 {\r\n    margin:\r\n        12px\r\n        0\r\n        18px;\r\n\r\n    font-size:\r\n        clamp(42px,10vw,70px);\r\n}\r\n\r\n.yh-location p {\r\n    max-width:630px;\r\n\r\n    color:rgba(255,255,255,.8);\r\n\r\n    font-size:14px;\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-location-note {\r\n    margin-top:23px;\r\n    padding-top:18px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n.yh-status {\r\n    padding-bottom:95px;\r\n}\r\n\r\n.yh-status-grid {\r\n    display:grid;\r\n    gap:14px;\r\n}\r\n\r\n.yh-status-card {\r\n    padding:30px;\r\n\r\n    border-radius:31px;\r\n}\r\n\r\n.yh-confirmed {\r\n    background:var(--sage);\r\n}\r\n\r\n.yh-developing {\r\n    background:var(--taupe);\r\n}\r\n\r\n.yh-status h2 {\r\n    margin:\r\n        11px\r\n        0\r\n        22px;\r\n\r\n    font-size:\r\n        clamp(35px,9vw,52px);\r\n}\r\n\r\n.yh-status ul {\r\n    list-style:none;\r\n\r\n    display:grid;\r\n    gap:15px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n.yh-status li {\r\n    position:relative;\r\n\r\n    padding-left:27px;\r\n\r\n    font-size:14px;\r\n    line-height:1.55;\r\n}\r\n\r\n.yh-status li::before {\r\n    position:absolute;\r\n    left:0;\r\n    top:0;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.yh-confirmed li::before {\r\n    content:\"\u2713\";\r\n}\r\n\r\n.yh-developing li::before {\r\n    content:\"\u25cb\";\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FIRST SERVE CLUB\r\n========================================================= *\/\r\n\r\n.yh-first {\r\n    padding:\r\n        90px\r\n        0;\r\n\r\n    background:var(--green);\r\n    color:white;\r\n}\r\n\r\n.yh-first-grid {\r\n    display:grid;\r\n    gap:40px;\r\n}\r\n\r\n.yh-first-copy .yh-eyebrow {\r\n    color:var(--pink);\r\n}\r\n\r\n.yh-first h2 {\r\n    margin:\r\n        12px\r\n        0\r\n        18px;\r\n\r\n    font-size:\r\n        clamp(45px,11vw,76px);\r\n}\r\n\r\n.yh-first-copy > p {\r\n    max-width:620px;\r\n\r\n    color:rgba(255,255,255,.79);\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-benefits {\r\n    margin-top:25px;\r\n\r\n    display:grid;\r\n    gap:10px;\r\n}\r\n\r\n.yh-benefit {\r\n    padding:\r\n        13px\r\n        16px;\r\n\r\n    border-radius:17px;\r\n\r\n    background:rgba(255,255,255,.07);\r\n\r\n    font-size:13px;\r\n    font-weight:700;\r\n}\r\n\r\n.yh-form-card {\r\n    padding:24px;\r\n\r\n    border-radius:31px;\r\n\r\n    background:var(--cream);\r\n    color:var(--green);\r\n}\r\n\r\n.yh-form {\r\n    display:grid;\r\n    gap:13px;\r\n}\r\n\r\n.yh-field label {\r\n    display:block;\r\n\r\n    margin:\r\n        0\r\n        0\r\n        7px\r\n        3px;\r\n\r\n    font-size:11px;\r\n    font-weight:800;\r\n}\r\n\r\n.yh-field input {\r\n    width:100%;\r\n    height:54px;\r\n\r\n    padding:\r\n        0\r\n        17px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(31,61,52,.14);\r\n\r\n    border-radius:17px;\r\n\r\n    outline:none;\r\n\r\n    background:white;\r\n    color:var(--green);\r\n\r\n    transition:\r\n        border-color .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n.yh-field input:focus {\r\n    border-color:var(--pink);\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(244,166,166,.2);\r\n}\r\n\r\n.yh-consent {\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        18px\r\n        1fr;\r\n\r\n    gap:10px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:10px;\r\n    line-height:1.5;\r\n}\r\n\r\n.yh-consent input {\r\n    margin-top:2px;\r\n}\r\n\r\n.yh-submit {\r\n    width:100%;\r\n}\r\n\r\n.yh-form-message {\r\n    display:none;\r\n\r\n    padding:\r\n        13px\r\n        15px;\r\n\r\n    border-radius:15px;\r\n\r\n    background:var(--sage);\r\n\r\n    font-size:12px;\r\n    line-height:1.5;\r\n}\r\n\r\n.yh-form-note {\r\n    color:var(--muted);\r\n\r\n    font-size:10px;\r\n    line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n\r\n.yh-faq {\r\n    padding:\r\n        90px\r\n        0;\r\n}\r\n\r\n.yh-faq-head {\r\n    max-width:760px;\r\n}\r\n\r\n.yh-faq h2 {\r\n    margin:\r\n        11px\r\n        0\r\n        17px;\r\n\r\n    font-size:\r\n        clamp(42px,10vw,68px);\r\n}\r\n\r\n.yh-faq-head p {\r\n    color:var(--muted);\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-faq-list {\r\n    margin-top:35px;\r\n\r\n    display:grid;\r\n    gap:9px;\r\n}\r\n\r\n.yh-faq details {\r\n    border:\r\n        1px solid\r\n        var(--border);\r\n\r\n    border-radius:22px;\r\n\r\n    background:white;\r\n}\r\n\r\n.yh-faq summary {\r\n    position:relative;\r\n\r\n    padding:\r\n        20px\r\n        52px\r\n        20px\r\n        20px;\r\n\r\n    list-style:none;\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:var(--display);\r\n\r\n    font-size:18px;\r\n    font-weight:800;\r\n    line-height:1.3;\r\n}\r\n\r\n.yh-faq summary::-webkit-details-marker {\r\n    display:none;\r\n}\r\n\r\n.yh-faq summary::after {\r\n    content:\"+\";\r\n\r\n    position:absolute;\r\n\r\n    right:20px;\r\n    top:50%;\r\n\r\n    width:28px;\r\n    height:28px;\r\n\r\n    display:grid;\r\n    place-items:center;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--pink);\r\n\r\n    font-family:var(--body);\r\n    font-size:18px;\r\n}\r\n\r\n.yh-faq details[open] summary::after {\r\n    content:\"\u2212\";\r\n}\r\n\r\n.yh-faq-answer {\r\n    max-width:850px;\r\n\r\n    padding:\r\n        0\r\n        20px\r\n        21px;\r\n\r\n    color:var(--muted);\r\n\r\n    font-size:13px;\r\n    line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOCIAL\r\n========================================================= *\/\r\n\r\n.yh-social {\r\n    padding:\r\n        76px\r\n        0;\r\n\r\n    background:var(--sage);\r\n}\r\n\r\n.yh-social-grid {\r\n    display:grid;\r\n    gap:25px;\r\n}\r\n\r\n.yh-social h2 {\r\n    margin:\r\n        10px\r\n        0\r\n        15px;\r\n\r\n    font-size:\r\n        clamp(41px,10vw,64px);\r\n}\r\n\r\n.yh-social p {\r\n    max-width:600px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.yh-social-actions {\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n\r\n    gap:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STICKY MOBILE CTA\r\n========================================================= *\/\r\n\r\n.yh-mobile-sticky {\r\n    position:fixed;\r\n\r\n    z-index:900;\r\n\r\n    left:12px;\r\n    right:12px;\r\n    bottom:12px;\r\n\r\n    padding:6px;\r\n\r\n    border-radius:999px;\r\n\r\n    background:\r\n        rgba(255,246,240,.95);\r\n\r\n    backdrop-filter:blur(16px);\r\n    -webkit-backdrop-filter:blur(16px);\r\n\r\n    box-shadow:\r\n        0 14px 38px\r\n        rgba(20,49,41,.18);\r\n\r\n    transform:translateY(130%);\r\n    opacity:0;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        opacity .3s ease;\r\n}\r\n\r\n.yh-mobile-sticky.yh-show {\r\n    transform:translateY(0);\r\n    opacity:1;\r\n}\r\n\r\n.yh-mobile-sticky a {\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(min-width:680px) {\r\n\r\n    .yh-wrap {\r\n        width:min(\r\n            1180px,\r\n            calc(100% - 50px)\r\n        );\r\n    }\r\n\r\n    .yh-wide {\r\n        width:min(\r\n            1700px,\r\n            calc(100% - 44px)\r\n        );\r\n    }\r\n\r\n    .yh-facts-grid {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n    .yh-experience-grid {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n    .yh-status-grid {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n    .yh-steps {\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE TABLET\r\n========================================================= *\/\r\n\r\n@media(min-width:900px) {\r\n\r\n    .yh-first-grid {\r\n        grid-template-columns:\r\n            1fr\r\n            .85fr;\r\n\r\n        align-items:center;\r\n\r\n        gap:60px;\r\n    }\r\n\r\n    .yh-social-grid {\r\n        grid-template-columns:\r\n            1fr\r\n            auto;\r\n\r\n        align-items:center;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP\r\n========================================================= *\/\r\n\r\n@media(min-width:1200px) {\r\n\r\n    .yh-wrap {\r\n        width:min(\r\n            1320px,\r\n            calc(100% - 80px)\r\n        );\r\n    }\r\n\r\n    .yh-wide {\r\n        width:min(\r\n            1760px,\r\n            calc(100% - 60px)\r\n        );\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    .yh-hero {\r\n        padding:\r\n            116px\r\n            30px\r\n            95px;\r\n    }\r\n\r\n    .yh-hero-grid {\r\n        min-height:700px;\r\n\r\n        grid-template-columns:\r\n            .82fr\r\n            1.18fr;\r\n    }\r\n\r\n    .yh-hero-copy {\r\n        min-height:700px;\r\n\r\n        padding:\r\n            55px\r\n            clamp(48px,4vw,76px);\r\n\r\n        border-radius:\r\n            50px\r\n            0\r\n            0\r\n            50px;\r\n    }\r\n\r\n    .yh-hero h1 {\r\n        font-size:\r\n            clamp(72px,6vw,105px);\r\n    }\r\n\r\n    .yh-hero p {\r\n        font-size:16px;\r\n    }\r\n\r\n    .yh-hero-media {\r\n        min-height:700px;\r\n\r\n        border-radius:\r\n            0\r\n            50px\r\n            50px\r\n            0;\r\n    }\r\n\r\n    .yh-hero-actions {\r\n        flex-direction:row;\r\n        align-items:center;\r\n    }\r\n\r\n\r\n    \/* FACTS *\/\r\n\r\n    .yh-facts {\r\n        padding-bottom:110px;\r\n    }\r\n\r\n    .yh-facts-grid {\r\n        grid-template-columns:\r\n            repeat(4,1fr);\r\n    }\r\n\r\n\r\n    \/* INTRO *\/\r\n\r\n    .yh-intro {\r\n        padding:\r\n            105px\r\n            0\r\n            55px;\r\n    }\r\n\r\n    .yh-intro h2 {\r\n        font-size:\r\n            clamp(60px,5.4vw,85px);\r\n    }\r\n\r\n\r\n    \/* EXPERIENCE *\/\r\n\r\n    .yh-experience {\r\n        padding-bottom:120px;\r\n    }\r\n\r\n    .yh-experience-grid {\r\n        grid-template-columns:\r\n            repeat(12,1fr);\r\n\r\n        grid-auto-rows:245px;\r\n    }\r\n\r\n    .yh-experience-grid > *:nth-child(1) {\r\n        grid-column:span 7;\r\n        grid-row:span 2;\r\n    }\r\n\r\n    .yh-experience-grid > *:nth-child(2) {\r\n        grid-column:span 5;\r\n        grid-row:span 2;\r\n    }\r\n\r\n    .yh-experience-grid > *:nth-child(3) {\r\n        grid-column:span 5;\r\n        grid-row:span 2;\r\n    }\r\n\r\n    .yh-experience-grid > *:nth-child(4) {\r\n        grid-column:span 7;\r\n        grid-row:span 2;\r\n    }\r\n\r\n    .yh-media-card {\r\n        display:flex;\r\n        flex-direction:column;\r\n    }\r\n\r\n    .yh-media-visual {\r\n        flex:1;\r\n        min-height:0;\r\n    }\r\n\r\n    .yh-media-caption {\r\n        margin:\r\n            -20px\r\n            18px\r\n            18px;\r\n\r\n        padding:\r\n            22px\r\n            23px;\r\n    }\r\n\r\n    .yh-content-card {\r\n        min-height:0;\r\n        padding:40px;\r\n    }\r\n\r\n\r\n    \/* HOW *\/\r\n\r\n    .yh-how {\r\n        padding:\r\n            115px\r\n            0;\r\n    }\r\n\r\n    .yh-how h2 {\r\n        font-size:\r\n            clamp(58px,5vw,78px);\r\n    }\r\n\r\n    .yh-steps {\r\n        margin-top:50px;\r\n\r\n        grid-template-columns:\r\n            repeat(4,1fr);\r\n    }\r\n\r\n    .yh-step {\r\n        min-height:245px;\r\n\r\n        display:block;\r\n\r\n        padding:28px;\r\n    }\r\n\r\n    .yh-step-number {\r\n        margin-bottom:34px;\r\n    }\r\n\r\n\r\n    \/* FEATURES *\/\r\n\r\n    .yh-feature {\r\n        padding-bottom:120px;\r\n    }\r\n\r\n    .yh-feature-grid {\r\n        grid-template-columns:\r\n            .72fr\r\n            1.28fr;\r\n\r\n        border-radius:45px;\r\n    }\r\n\r\n    .yh-feature-copy {\r\n        min-height:620px;\r\n\r\n        padding:52px;\r\n\r\n        display:flex;\r\n        flex-direction:column;\r\n        justify-content:center;\r\n    }\r\n\r\n    .yh-feature-media {\r\n        min-height:620px;\r\n    }\r\n\r\n\r\n    \/* LOCATION *\/\r\n\r\n    .yh-location {\r\n        padding-bottom:125px;\r\n    }\r\n\r\n    .yh-location-card {\r\n        display:grid;\r\n\r\n        grid-template-columns:\r\n            1.35fr\r\n            .65fr;\r\n\r\n        border-radius:48px;\r\n    }\r\n\r\n    .yh-location-media {\r\n        min-height:700px;\r\n    }\r\n\r\n    .yh-location-copy {\r\n        padding:\r\n            55px\r\n            50px;\r\n\r\n        display:flex;\r\n        flex-direction:column;\r\n        justify-content:center;\r\n    }\r\n\r\n\r\n    \/* STATUS *\/\r\n\r\n    .yh-status {\r\n        padding-bottom:125px;\r\n    }\r\n\r\n    .yh-status-card {\r\n        padding:42px;\r\n    }\r\n\r\n\r\n    \/* FIRST SERVE *\/\r\n\r\n    .yh-first {\r\n        padding:\r\n            120px\r\n            0;\r\n    }\r\n\r\n    .yh-form-card {\r\n        padding:36px;\r\n    }\r\n\r\n\r\n    \/* FAQ *\/\r\n\r\n    .yh-faq {\r\n        padding:\r\n            115px\r\n            0;\r\n    }\r\n\r\n    .yh-faq-list {\r\n        width:min(970px,100%);\r\n    }\r\n\r\n\r\n    \/* MOBILE CTA *\/\r\n\r\n    .yh-mobile-sticky {\r\n        display:none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ULTRA WIDE\r\n========================================================= *\/\r\n\r\n@media(min-width:1700px) {\r\n\r\n    .yh-wrap {\r\n        width:min(\r\n            1460px,\r\n            calc(100% - 120px)\r\n        );\r\n    }\r\n\r\n    .yh-wide {\r\n        width:min(\r\n            1880px,\r\n            calc(100% - 90px)\r\n        );\r\n    }\r\n\r\n    .yh-hero-grid,\r\n    .yh-hero-copy,\r\n    .yh-hero-media {\r\n        min-height:760px;\r\n    }\r\n\r\n    .yh-experience-grid {\r\n        grid-auto-rows:270px;\r\n    }\r\n\r\n    .yh-location-media {\r\n        min-height:770px;\r\n    }\r\n\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    .yome-home *,\r\n    .yome-home *::before,\r\n    .yome-home *::after {\r\n        transition:none !important;\r\n        animation:none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div\r\n    class=\"yome-home\"\r\n    id=\"yomeHome\">\r\n\r\n<main>\r\n\r\n\r\n<!-- =====================================================\r\n     HERO\r\n===================================================== -->\r\n\r\n<section class=\"yh-hero\">\r\n\r\n    <div class=\"yh-wide\">\r\n\r\n        <div class=\"yh-hero-grid\">\r\n\r\n\r\n            <div class=\"yh-hero-copy yh-reveal\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Berawa, Canggu \u2022 Opening Late 2026\r\n                <\/span>\r\n\r\n                <h1 class=\"yh-heading\">\r\n                    Frozen yogurt.<br>\r\n                    Your way.\r\n                <\/h1>\r\n\r\n                <p>\r\n                    YOME is a new self-serve frozen yogurt and coffee spot coming to Berawa, Canggu. Pick your flavours, add your toppings, weigh your cup and make it exactly how you want it.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"yh-hero-actions\">\r\n\r\n                    <a\r\n                        class=\"yh-button yh-button-pink\"\r\n                        href=\"#first-serve\">\r\n                        Join First Serve Club\r\n                    <\/a>\r\n\r\n                    <a\r\n                        class=\"yh-hero-link\"\r\n                        href=\"#how-it-works\">\r\n                        See how YOME works\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-hero-media yh-reveal yh-reveal-delay-1\">\r\n\r\n                <picture>\r\n\r\n                    <source\r\n                        media=\"(min-width:1200px)\"\r\n                        srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-frozen-yogurt-fruit-granola-desktop.webp\">\r\n\r\n                    <img\r\n                        src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-frozen-yogurt-fruit-granola-mobile.webp\"\r\n                        alt=\"YOME frozen yogurt topped with strawberries, blueberries, mango, pistachios and granola\"\r\n                        loading=\"eager\"\r\n                        fetchpriority=\"high\"\r\n                        decoding=\"async\">\r\n\r\n                <\/picture>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     QUICK FACTS\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-facts\"\r\n    aria-label=\"YOME at a glance\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-facts-grid\">\r\n\r\n\r\n            <article class=\"yh-fact yh-reveal\">\r\n\r\n                <div class=\"yh-fact-label\">\r\n                    What\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Self-serve frozen yogurt\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Choose the flavours and toppings you actually want.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-fact yh-reveal yh-reveal-delay-1\">\r\n\r\n                <div class=\"yh-fact-label\">\r\n                    Where\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Berawa, Canggu\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Exact location announced closer to launch.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-fact yh-reveal yh-reveal-delay-2\">\r\n\r\n                <div class=\"yh-fact-label\">\r\n                    When\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Late 2026\r\n                <\/strong>\r\n\r\n                <p>\r\n                    Join the pre-launch list for opening updates.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-fact yh-reveal yh-reveal-delay-3\">\r\n\r\n                <div class=\"yh-fact-label\">\r\n                    Plus\r\n                <\/div>\r\n\r\n                <strong>\r\n                    Coffee\r\n                <\/strong>\r\n\r\n                <p>\r\n                    A focused coffee offer alongside the frozen yogurt experience.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     WHAT IS YOME\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-intro\"\r\n    id=\"what-is-yome\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-intro-copy yh-reveal\">\r\n\r\n            <span class=\"yh-eyebrow\">\r\n                What is YOME?\r\n            <\/span>\r\n\r\n            <h2 class=\"yh-heading\">\r\n                Your cup.<br>\r\n                Your rules.\r\n            <\/h2>\r\n\r\n            <p>\r\n                YOME is built around a simple self-serve idea: good frozen yogurt, plenty of choice and complete control over what goes into your cup. Frozen yogurt comes first, supported by a central toppings experience, coffee and a space made for quick stops, catch-ups and repeat visits.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     EXPERIENCE\r\n===================================================== -->\r\n\r\n<section class=\"yh-experience\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-experience-grid\">\r\n\r\n\r\n            <!-- SELF SERVE -->\r\n\r\n            <article class=\"yh-media-card yh-reveal\">\r\n\r\n                <div class=\"yh-media-visual\">\r\n\r\n                    <picture>\r\n\r\n                        <source\r\n                            media=\"(min-width:1200px)\"\r\n                            srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-self-serve-frozen-yogurt-machine-desktop.webp\">\r\n\r\n                        <img\r\n                            src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-self-serve-frozen-yogurt-machine-mobile.webp\"\r\n                            alt=\"Customer dispensing pink frozen yogurt into a YOME cup at a self-serve machine\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\">\r\n\r\n                    <\/picture>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yh-media-caption\">\r\n\r\n                    <span class=\"yh-eyebrow\">\r\n                        Self serve\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Pick your swirl.\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        You choose the flavours and how much goes into your cup.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- CHOICE -->\r\n\r\n            <article class=\"yh-content-card yh-card-pink yh-reveal yh-reveal-delay-1\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Built around choice\r\n                <\/span>\r\n\r\n                <h3>\r\n                    No fixed bowl required.\r\n                <\/h3>\r\n\r\n                <span class=\"yh-card-detail\">\r\n                    Build exactly what you want\r\n                <\/span>\r\n\r\n                <p>\r\n                    Want mostly yogurt? Go for it. More fruit? Add it. Crunch, chocolate or sauce? Your call. YOME's self-serve format lets the final cup reflect what you actually feel like eating.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- PRODUCT -->\r\n\r\n            <article class=\"yh-content-card yh-card-green yh-reveal\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Frozen yogurt first\r\n                <\/span>\r\n\r\n                <h3>\r\n                    The product comes before the claims.\r\n                <\/h3>\r\n\r\n                <span class=\"yh-card-detail\">\r\n                    Recipes still being tested\r\n                <\/span>\r\n\r\n                <p>\r\n                    We are developing the launch flavours and final recipes now. Nutrition information and product claims will only be published once the finished yogurt has been tested and confirmed.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- SOCIAL -->\r\n\r\n            <article class=\"yh-media-card yh-reveal yh-reveal-delay-1\">\r\n\r\n                <div class=\"yh-media-visual\">\r\n\r\n                    <picture>\r\n\r\n                        <source\r\n                            media=\"(min-width:1200px)\"\r\n                            srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-friends-sharing-frozen-yogurt-desktop.webp\">\r\n\r\n                        <img\r\n                            src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-friends-sharing-frozen-yogurt-mobile.webp\"\r\n                            alt=\"Friends sharing colourful YOME frozen yogurt bowls in a bright tropical caf\u00e9\"\r\n                            loading=\"lazy\"\r\n                            decoding=\"async\">\r\n\r\n                    <\/picture>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"yh-media-caption\">\r\n\r\n                    <span class=\"yh-eyebrow\">\r\n                        Stay or go\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Made for Berawa days.\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Quick dessert stop, coffee catch-up or somewhere to sit for a while.\r\n                    <\/p>\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<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     HOW IT WORKS\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-how\"\r\n    id=\"how-it-works\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-how-copy yh-reveal\">\r\n\r\n            <span class=\"yh-eyebrow\">\r\n                How self-serve frozen yogurt works\r\n            <\/span>\r\n\r\n            <h2 class=\"yh-heading\">\r\n                Swirl. Top. Weigh. Enjoy.\r\n            <\/h2>\r\n\r\n            <p class=\"yh-how-intro\">\r\n                The YOME journey is designed to be simple. Take a cup, build it your way, then weigh the finished cup before payment.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"yh-steps\">\r\n\r\n\r\n            <article class=\"yh-step yh-reveal\">\r\n\r\n                <div class=\"yh-step-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Swirl\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Pick your frozen yogurt flavour or combination.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-step yh-reveal yh-reveal-delay-1\">\r\n\r\n                <div class=\"yh-step-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Top\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Add fruit, crunch, sauces and whatever else you feel like.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-step yh-reveal yh-reveal-delay-2\">\r\n\r\n                <div class=\"yh-step-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Weigh\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Your finished cup is weighed at checkout.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-step yh-reveal yh-reveal-delay-3\">\r\n\r\n                <div class=\"yh-step-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div>\r\n\r\n                    <h3>\r\n                        Enjoy\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Grab a seat, take it with you or add a coffee.\r\n                    <\/p>\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<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     TOPPINGS\r\n===================================================== -->\r\n\r\n<section class=\"yh-feature\">\r\n\r\n    <div class=\"yh-wide\">\r\n\r\n        <div class=\"yh-feature-grid yh-reveal\">\r\n\r\n\r\n            <div class=\"yh-feature-copy\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    The toppings bar\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    Make the cup yours.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    The circular toppings station is a central part of the YOME experience, designed to make fresh fruit, crunch, sauces and other toppings easy to explore without creating unnecessary backtracking or queues.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-feature-media\">\r\n\r\n                <picture>\r\n\r\n                    <source\r\n                        media=\"(min-width:1200px)\"\r\n                        srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-store-interior-toppings-island-desktop.webp\">\r\n\r\n                    <img\r\n                        src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-toppings-station-mobile.webp\"\r\n                        alt=\"YOME frozen yogurt being topped at the circular self-serve toppings bar\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\">\r\n\r\n                <\/picture>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     COFFEE\r\n===================================================== -->\r\n\r\n<section class=\"yh-feature\">\r\n\r\n    <div class=\"yh-wide\">\r\n\r\n        <div class=\"yh-feature-grid yh-reveal\">\r\n\r\n\r\n            <div class=\"yh-feature-copy yh-feature-copy-green\">\r\n\r\n                <span\r\n                    class=\"yh-eyebrow\"\r\n                    style=\"color:var(--pink);\">\r\n                    Frozen yogurt first. Coffee too.\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    Two reasons to stop by.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Frozen yogurt remains the main event. Coffee adds another reason to visit during mornings and daytime, without turning YOME into an oversized caf\u00e9 menu.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-feature-media\">\r\n\r\n                <picture>\r\n\r\n                    <source\r\n                        media=\"(min-width:1200px)\"\r\n                        srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-frozen-yogurt-iced-coffee-desktop.webp\">\r\n\r\n                    <img\r\n                        src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-frozen-yogurt-iced-coffee-mobile.webp\"\r\n                        alt=\"YOME frozen yogurt with fresh fruit beside an iced coffee on a timber table\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\">\r\n\r\n                <\/picture>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     BERAWA\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-location\"\r\n    id=\"coming-to-berawa\">\r\n\r\n    <div class=\"yh-wide\">\r\n\r\n        <div class=\"yh-location-card yh-reveal\">\r\n\r\n\r\n            <div class=\"yh-location-media\">\r\n\r\n                <picture>\r\n\r\n                    <source\r\n                        media=\"(min-width:1200px)\"\r\n                        srcset=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-store-exterior-berawa-desktop.webp\">\r\n\r\n                    <img\r\n                        src=\"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-store-exterior-berawa-mobile.webp\"\r\n                        alt=\"Future YOME frozen yogurt store in Berawa with curved black windows and timber outdoor seating\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\">\r\n\r\n                <\/picture>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-location-copy\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Coming to Berawa\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    See you in late 2026.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    YOME's first location is planned for Berawa, Canggu, Bali. We are keeping the exact address under wraps while the store, menu and launch plans come together.\r\n                <\/p>\r\n\r\n                <div class=\"yh-location-note\">\r\n                    Exact address and opening date will be announced before launch.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     DEVELOPMENT STATUS\r\n===================================================== -->\r\n\r\n<section class=\"yh-status\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-status-grid\">\r\n\r\n\r\n            <article class=\"yh-status-card yh-confirmed yh-reveal\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Confirmed\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    What we know.\r\n                <\/h2>\r\n\r\n                <ul>\r\n\r\n                    <li>\r\n                        Self-serve frozen yogurt is the core YOME experience.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        The first location is coming to Berawa, Canggu.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Customers build their cup before it is weighed at checkout.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Coffee will be available alongside frozen yogurt.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Opening is targeted for late 2026.\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <article class=\"yh-status-card yh-developing yh-reveal yh-reveal-delay-1\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Still developing\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    What comes next.\r\n                <\/h2>\r\n\r\n                <ul>\r\n\r\n                    <li>\r\n                        Final frozen yogurt flavours and recipes.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Launch toppings.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Final nutrition information.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Opening offers and launch events.\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Exact address and opening date.\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     FIRST SERVE CLUB\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-first\"\r\n    id=\"first-serve\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-first-grid\">\r\n\r\n\r\n            <div class=\"yh-first-copy yh-reveal\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    First Serve Club\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    Be first in line.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Join the pre-launch list and we'll keep you posted as opening gets closer. No inbox overload, just the things worth knowing.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"yh-benefits\">\r\n\r\n                    <div class=\"yh-benefit\">\r\n                        Opening updates\r\n                    <\/div>\r\n\r\n                    <div class=\"yh-benefit\">\r\n                        First-taste invitations\r\n                    <\/div>\r\n\r\n                    <div class=\"yh-benefit\">\r\n                        Flavour and topping drops\r\n                    <\/div>\r\n\r\n                    <div class=\"yh-benefit\">\r\n                        Launch perks\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-form-card yh-reveal yh-reveal-delay-1\">\r\n\r\n                <!--\r\n                    BREVO PLACEHOLDER\r\n\r\n                    Once Brevo is configured:\r\n                    1. Insert the correct form action.\r\n                    2. Confirm Brevo field names.\r\n                    3. Remove the temporary JS form handler below.\r\n                -->\r\n\r\n                <form\r\n                    class=\"yh-form\"\r\n                    id=\"yomeFirstServeForm\"\r\n                    action=\"\"\r\n                    method=\"post\">\r\n\r\n\r\n                    <input\r\n                        type=\"hidden\"\r\n                        name=\"language\"\r\n                        value=\"en\">\r\n\r\n\r\n                    <input\r\n                        type=\"hidden\"\r\n                        name=\"source\"\r\n                        value=\"yome-en-prelaunch\">\r\n\r\n\r\n\r\n                    <div class=\"yh-field\">\r\n\r\n                        <label for=\"yhFirstName\">\r\n                            First name\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"yhFirstName\"\r\n                            name=\"first_name\"\r\n                            type=\"text\"\r\n                            autocomplete=\"given-name\"\r\n                            required\r\n                            placeholder=\"Your first name\">\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"yh-field\">\r\n\r\n                        <label for=\"yhEmail\">\r\n                            Email\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"yhEmail\"\r\n                            name=\"email\"\r\n                            type=\"email\"\r\n                            autocomplete=\"email\"\r\n                            required\r\n                            placeholder=\"you@email.com\">\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"yh-field\">\r\n\r\n                        <label for=\"yhPhone\">\r\n                            WhatsApp\r\n                            <span style=\"opacity:.55;font-weight:500;\">\r\n                                (optional)\r\n                            <\/span>\r\n                        <\/label>\r\n\r\n                        <input\r\n                            id=\"yhPhone\"\r\n                            name=\"phone\"\r\n                            type=\"tel\"\r\n                            autocomplete=\"tel\"\r\n                            placeholder=\"+62 ...\">\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <label class=\"yh-consent\">\r\n\r\n                        <input\r\n                            type=\"checkbox\"\r\n                            name=\"marketing_consent\"\r\n                            value=\"yes\"\r\n                            required>\r\n\r\n                        <span>\r\n                            I agree to receive YOME launch and promotional updates. I can unsubscribe at any time.\r\n                        <\/span>\r\n\r\n                    <\/label>\r\n\r\n\r\n\r\n                    <button\r\n                        class=\"yh-button yh-button-pink yh-submit\"\r\n                        type=\"submit\">\r\n                        Join First Serve Club\r\n                    <\/button>\r\n\r\n\r\n                    <div\r\n                        class=\"yh-form-message\"\r\n                        id=\"yhFormMessage\"\r\n                        role=\"status\"\r\n                        aria-live=\"polite\">\r\n                    <\/div>\r\n\r\n\r\n                    <p class=\"yh-form-note\">\r\n                        Signup activation will be connected once the YOME email database is ready.\r\n                    <\/p>\r\n\r\n\r\n                <\/form>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     FAQ\r\n===================================================== -->\r\n\r\n<section\r\n    class=\"yh-faq\"\r\n    id=\"faq\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n\r\n        <div class=\"yh-faq-head yh-reveal\">\r\n\r\n            <span class=\"yh-eyebrow\">\r\n                YOME questions\r\n            <\/span>\r\n\r\n            <h2 class=\"yh-heading\">\r\n                Good things to know.\r\n            <\/h2>\r\n\r\n            <p>\r\n                What we can answer while YOME is still being built.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"yh-faq-list\">\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    What is YOME?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    YOME is a self-serve frozen yogurt and coffee concept coming to Berawa, Canggu, Bali. Customers choose their frozen yogurt, add their own toppings and weigh the finished cup at checkout.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    Where is YOME opening?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    YOME's first store is coming to Berawa in Canggu, Bali. The exact address will be announced closer to opening.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    When is YOME opening?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    YOME is targeting a late 2026 opening. The exact date will be confirmed once the build, equipment installation and product testing are ready.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    How does self-serve frozen yogurt work?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    Take a cup, choose your frozen yogurt flavour or combination, add your toppings, then take the finished cup to checkout where it is weighed before payment.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    What flavours will YOME have?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    The launch flavour range is still being developed and tested. Final flavours will be published once recipes and supply are confirmed.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    Will YOME serve coffee?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    Yes. Coffee is planned as a supporting part of the YOME offer, while frozen yogurt remains the main product.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n\r\n            <details class=\"yh-reveal\">\r\n\r\n                <summary>\r\n                    Is YOME high protein or low sugar?\r\n                <\/summary>\r\n\r\n                <div class=\"yh-faq-answer\">\r\n                    Final recipes are still being developed. Nutrition claims will only be published once the finished products have been confirmed and can be accurately supported.\r\n                <\/div>\r\n\r\n            <\/details>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     SOCIAL\r\n===================================================== -->\r\n\r\n<section class=\"yh-social\">\r\n\r\n    <div class=\"yh-wrap\">\r\n\r\n        <div class=\"yh-social-grid\">\r\n\r\n\r\n            <div class=\"yh-reveal\">\r\n\r\n                <span class=\"yh-eyebrow\">\r\n                    Follow YOME\r\n                <\/span>\r\n\r\n                <h2 class=\"yh-heading\">\r\n                    Watch it come together.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Follow the product testing, store build, flavour development and countdown to opening at @yomebali.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"yh-social-actions yh-reveal yh-reveal-delay-1\">\r\n\r\n                <a\r\n                    class=\"yh-button yh-button-green\"\r\n                    href=\"https:\/\/www.instagram.com\/yomebali\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\">\r\n                    Instagram\r\n                <\/a>\r\n\r\n                <a\r\n                    class=\"yh-button yh-button-cream\"\r\n                    href=\"https:\/\/www.tiktok.com\/@yomebali\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\">\r\n                    TikTok\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     MOBILE STICKY CTA\r\n===================================================== -->\r\n\r\n<div\r\n    class=\"yh-mobile-sticky\"\r\n    id=\"yhMobileSticky\">\r\n\r\n    <a\r\n        class=\"yh-button yh-button-pink\"\r\n        href=\"#first-serve\">\r\n        Join First Serve Club\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    const home =\r\n        document.getElementById(\r\n            'yomeHome'\r\n        );\r\n\r\n    const sticky =\r\n        document.getElementById(\r\n            'yhMobileSticky'\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       ENABLE JS FEATURES\r\n    ===================================================== *\/\r\n\r\n    if(home){\r\n\r\n        home.classList.add(\r\n            'yh-js'\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       REVEAL ANIMATIONS\r\n    ===================================================== *\/\r\n\r\n    const revealItems =\r\n        document.querySelectorAll(\r\n            '.yome-home .yh-reveal'\r\n        );\r\n\r\n\r\n    if(\r\n        'IntersectionObserver' in window\r\n    ){\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function(entries,observerInstance){\r\n\r\n                    entries.forEach(\r\n\r\n                        function(entry){\r\n\r\n                            if(\r\n                                entry.isIntersecting\r\n                            ){\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add(\r\n                                        'yh-visible'\r\n                                    );\r\n\r\n\r\n                                observerInstance\r\n                                    .unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold:.12,\r\n                    rootMargin:\r\n                        '0px 0px -35px 0px'\r\n                }\r\n\r\n            );\r\n\r\n\r\n        revealItems.forEach(\r\n\r\n            function(item){\r\n\r\n                observer.observe(\r\n                    item\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    } else {\r\n\r\n        revealItems.forEach(\r\n\r\n            function(item){\r\n\r\n                item.classList.add(\r\n                    'yh-visible'\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE STICKY CTA\r\n    ===================================================== *\/\r\n\r\n    function handleStickyCTA(){\r\n\r\n        if(\r\n            !sticky ||\r\n            window.innerWidth >= 1200\r\n        ){\r\n            return;\r\n        }\r\n\r\n\r\n        const firstServe =\r\n            document.getElementById(\r\n                'first-serve'\r\n            );\r\n\r\n\r\n        const firstServeTop =\r\n            firstServe\r\n                ? firstServe\r\n                    .getBoundingClientRect()\r\n                    .top\r\n                : Infinity;\r\n\r\n\r\n        if(\r\n            window.scrollY > 500 &&\r\n            firstServeTop >\r\n            window.innerHeight * .65\r\n        ){\r\n\r\n            sticky.classList.add(\r\n                'yh-show'\r\n            );\r\n\r\n        } else {\r\n\r\n            sticky.classList.remove(\r\n                'yh-show'\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    window.addEventListener(\r\n        'scroll',\r\n        handleStickyCTA,\r\n        {passive:true}\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        'resize',\r\n        handleStickyCTA,\r\n        {passive:true}\r\n    );\r\n\r\n\r\n    handleStickyCTA();\r\n\r\n\r\n    \/* =====================================================\r\n       SMOOTH INTERNAL SCROLL\r\n    ===================================================== *\/\r\n\r\n    document\r\n        .querySelectorAll(\r\n            '.yome-home a[href^=\"#\"]'\r\n        )\r\n        .forEach(\r\n\r\n            function(link){\r\n\r\n                link.addEventListener(\r\n\r\n                    'click',\r\n\r\n                    function(event){\r\n\r\n                        const id =\r\n                            link.getAttribute(\r\n                                'href'\r\n                            );\r\n\r\n\r\n                        if(\r\n                            !id ||\r\n                            id === '#'\r\n                        ){\r\n                            return;\r\n                        }\r\n\r\n\r\n                        const target =\r\n                            document.querySelector(\r\n                                id\r\n                            );\r\n\r\n\r\n                        if(!target){\r\n                            return;\r\n                        }\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        \/*\r\n                         * Global ElementsKit header is floating,\r\n                         * so leave clearance when jumping to\r\n                         * internal sections.\r\n                         *\/\r\n\r\n                        const headerOffset = 100;\r\n\r\n\r\n                        const targetPosition =\r\n                            target\r\n                                .getBoundingClientRect()\r\n                                .top\r\n                            +\r\n                            window.scrollY\r\n                            -\r\n                            headerOffset;\r\n\r\n\r\n                        window.scrollTo({\r\n\r\n                            top:targetPosition,\r\n                            behavior:'smooth'\r\n\r\n                        });\r\n\r\n                    }\r\n\r\n                );\r\n\r\n            }\r\n\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       TEMP FIRST SERVE FORM\r\n       REMOVE WHEN BREVO IS CONNECTED\r\n    ===================================================== *\/\r\n\r\n    const form =\r\n        document.getElementById(\r\n            'yomeFirstServeForm'\r\n        );\r\n\r\n\r\n    const message =\r\n        document.getElementById(\r\n            'yhFormMessage'\r\n        );\r\n\r\n\r\n    if(form){\r\n\r\n        form.addEventListener(\r\n\r\n            'submit',\r\n\r\n            function(event){\r\n\r\n                \/*\r\n                 * The form intentionally does not submit\r\n                 * anywhere until Brevo is connected.\r\n                 *\/\r\n\r\n                if(\r\n                    !form.getAttribute(\r\n                        'action'\r\n                    )\r\n                ){\r\n\r\n                    event.preventDefault();\r\n\r\n\r\n                    if(\r\n                        !form.checkValidity()\r\n                    ){\r\n\r\n                        form.reportValidity();\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    if(message){\r\n\r\n                        message.style.display =\r\n                            'block';\r\n\r\n\r\n                        message.textContent =\r\n                            'The First Serve Club signup connection is being prepared. Follow @yomebali for updates in the meantime.';\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Berawa, Canggu \u2022 Opening Late 2026 Frozen yogurt. Your way. YOME is a new self-serve frozen yogurt and coffee spot coming to Berawa, Canggu. Pick your flavours, add your toppings, weigh your cup and make it exactly how you want it. Join First Serve Club See how YOME works What Self-serve frozen yogurt Choose the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - yome<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yome.id\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - yome\" \/>\n<meta property=\"og:description\" content=\"Berawa, Canggu \u2022 Opening Late 2026 Frozen yogurt. Your way. YOME is a new self-serve frozen yogurt and coffee spot coming to Berawa, Canggu. Pick your flavours, add your toppings, weigh your cup and make it exactly how you want it. Join First Serve Club See how YOME works What Self-serve frozen yogurt Choose the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yome.id\/\" \/>\n<meta property=\"og:site_name\" content=\"yome\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T05:29:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yome.id\\\/\",\"url\":\"https:\\\/\\\/yome.id\\\/\",\"name\":\"Home - yome\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yome.id\\\/#website\"},\"datePublished\":\"2026-08-20T02:51:20+00:00\",\"dateModified\":\"2026-08-20T05:29:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yome.id\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yome.id\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yome.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/yome.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yome.id\\\/#website\",\"url\":\"https:\\\/\\\/yome.id\\\/\",\"name\":\"yome\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/yome.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yome.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/yome.id\\\/#organization\",\"name\":\"yome\",\"url\":\"https:\\\/\\\/yome.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yome.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/yome.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/yome-logo.webp\",\"contentUrl\":\"https:\\\/\\\/yome.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/yome-logo.webp\",\"width\":1448,\"height\":1086,\"caption\":\"yome\"},\"image\":{\"@id\":\"https:\\\/\\\/yome.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/yomebali\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - yome","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yome.id\/","og_locale":"en_US","og_type":"article","og_title":"Home - yome","og_description":"Berawa, Canggu \u2022 Opening Late 2026 Frozen yogurt. Your way. YOME is a new self-serve frozen yogurt and coffee spot coming to Berawa, Canggu. Pick your flavours, add your toppings, weigh your cup and make it exactly how you want it. Join First Serve Club See how YOME works What Self-serve frozen yogurt Choose the [&hellip;]","og_url":"https:\/\/yome.id\/","og_site_name":"yome","article_modified_time":"2026-08-20T05:29:27+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yome.id\/","url":"https:\/\/yome.id\/","name":"Home - yome","isPartOf":{"@id":"https:\/\/yome.id\/#website"},"datePublished":"2026-08-20T02:51:20+00:00","dateModified":"2026-08-20T05:29:27+00:00","breadcrumb":{"@id":"https:\/\/yome.id\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yome.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/yome.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yome.id\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/yome.id\/#website","url":"https:\/\/yome.id\/","name":"yome","description":"","publisher":{"@id":"https:\/\/yome.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yome.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/yome.id\/#organization","name":"yome","url":"https:\/\/yome.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yome.id\/#\/schema\/logo\/image\/","url":"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-logo.webp","contentUrl":"https:\/\/yome.id\/wp-content\/uploads\/2026\/08\/yome-logo.webp","width":1448,"height":1086,"caption":"yome"},"image":{"@id":"https:\/\/yome.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/yomebali"]}]}},"_links":{"self":[{"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yome.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/yome.id\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/yome.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}