{"id":18380,"date":"2026-07-13T16:11:38","date_gmt":"2026-07-13T16:11:38","guid":{"rendered":"https:\/\/bydi.vn\/?page_id=18380"},"modified":"2026-08-19T13:03:25","modified_gmt":"2026-08-19T13:03:25","slug":"campaign-library","status":"publish","type":"page","link":"https:\/\/bydi.vn\/vi\/campaign-library\/","title":{"rendered":"Campaign Library"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"18380\" class=\"elementor elementor-18380\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e419a47 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e419a47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41b9194 elementor-widget elementor-widget-html\" data-id=\"41b9194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  BYDI \u2014 ASTHER COLLECTION LOOKBOOK\r\n  Paste this entire block into one Elementor HTML widget on a full-width page.\r\n-->\r\n\r\n<section class=\"bydi-lookbook\" aria-label=\"BYDI Asther Collection lookbook\">\r\n  <article class=\"bydi-lb__collection bydi-lb__reveal\" id=\"asther-collection\">\r\n\r\n    <!-- Campaign banner \u2014 original 16:9 ratio -->\r\n    <a\r\n      class=\"bydi-lb__hero bydi-lb__media\"\r\n      href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\"\r\n      aria-label=\"Explore BYDI Asther Collection\"\r\n    >\r\n      <img fetchpriority=\"high\"\r\n        src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Banner-web.jpg\"\r\n        width=\"1600\"\r\n        height=\"900\"\r\n        alt=\"BYDI Asther Collection campaign\"\r\n        loading=\"eager\"\r\n        decoding=\"async\"\r\n      >\r\n      <span class=\"bydi-lb__media-ui\" aria-hidden=\"true\">VIEW COLLECTION <i>\u2197<\/i><\/span>\r\n    <\/a>\r\n\r\n    <!-- Collection introduction -->\r\n    <div class=\"bydi-lb__copy\">\r\n      <div class=\"bydi-lb__meta\">\r\n        <span>AC<\/span>\r\n        <div>\r\n          <p class=\"bydi-lb__brand\">BYDI<\/p>\r\n          <h2>ASTHER COLLECTION<\/h2>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bydi-lb__story\">\r\n        <p>Asther Collection explores the quiet tension between softness and structure. Fluid draping follows the body, while precise construction gives each silhouette a deliberate sense of form.<\/p>\r\n        <p>From pale, luminous tones to sculptural black, the collection is designed for the space between seasons\u2014refined, expressive, and effortless in motion.<\/p>\r\n        <a class=\"bydi-lb__link\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\">\r\n          DISCOVER ASTHER COLLECTION <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Looks 01\u201302 -->\r\n    <div class=\"bydi-lb__pair bydi-lb__reveal\">\r\n      <a class=\"bydi-lb__look bydi-lb__media\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\" aria-label=\"View BYDI Asther Collection look 1\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Artboard-49.jpg\"\r\n          width=\"1200\"\r\n          height=\"1500\"\r\n          alt=\"BYDI Asther Collection yellow draped dress\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/a>\r\n\r\n      <a class=\"bydi-lb__look bydi-lb__media\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\" aria-label=\"View BYDI Asther Collection look 2\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Artboard-48.jpg\"\r\n          width=\"1200\"\r\n          height=\"1500\"\r\n          alt=\"BYDI Asther Collection yellow full-length dress\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Campaign film \u2014 original 16:9 ratio -->\r\n    <div class=\"bydi-lb__film-wrap bydi-lb__reveal\">\r\n      <video\r\n        class=\"bydi-lb__film\"\r\n        poster=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Banner-web.jpg\"\r\n        preload=\"metadata\"\r\n        autoplay\r\n muted\r\n loop\r\n playsinline\r\n aria-label=\"BYDI Asther Collection campaign film\"\r\n      >\r\n        <source src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Teaserxanh1.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n\r\n      <div class=\"bydi-lb__film-label\" aria-hidden=\"true\">\r\n        <span>BYDI<\/span>\r\n        <span>ASTHER COLLECTION<\/span>\r\n      <\/div>\r\n\r\n      <button class=\"bydi-lb__film-toggle\" type=\"button\" aria-label=\"Pause campaign film\" aria-pressed=\"false\">\r\n        PAUSE\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Looks 03\u201304 -->\r\n    <div class=\"bydi-lb__pair bydi-lb__pair--closing bydi-lb__reveal\">\r\n      <a class=\"bydi-lb__look bydi-lb__media\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\" aria-label=\"View BYDI Asther Collection look 3\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Artboard-40-1.jpg\"\r\n          width=\"1200\"\r\n          height=\"1500\"\r\n          alt=\"BYDI Asther Collection black sculpted dress back view\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/a>\r\n\r\n      <a class=\"bydi-lb__look bydi-lb__media\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\" aria-label=\"View BYDI Asther Collection look 4\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/bydi.vn\/wp-content\/uploads\/2026\/08\/Artboard-38-1.jpg\"\r\n          width=\"1200\"\r\n          height=\"1500\"\r\n          alt=\"BYDI Asther Collection black sculpted dress\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"bydi-lb__closing-copy bydi-lb__reveal\">\r\n      <p>BYDI \/ ASTHER COLLECTION<\/p>\r\n      <a class=\"bydi-lb__link\" href=\"https:\/\/bydi.vn\/vi\/shop\/collection\/asther\/\">\r\n        SHOP THE COLLECTION <span aria-hidden=\"true\">\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/article>\r\n<\/section>\r\n\r\n<style>\r\n  .bydi-lookbook,\r\n  .bydi-lookbook * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  .bydi-lookbook {\r\n    --bydi-ink: #111111;\r\n    --bydi-soft-ink: #575757;\r\n    --bydi-paper: #ffffff;\r\n    --bydi-pad: clamp(12px, 1.8vw, 28px);\r\n    width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 0 0 clamp(72px, 8vw, 132px) !important;\r\n    overflow: clip;\r\n    color: var(--bydi-ink) !important;\r\n    background: var(--bydi-paper) !important;\r\n    font-family: inherit !important;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: optimizeLegibility;\r\n  }\r\n\r\n  .bydi-lb__collection {\r\n    width: 100%;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .bydi-lb__media {\r\n    position: relative;\r\n    display: block !important;\r\n    overflow: hidden;\r\n    background: #eef0ef;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bydi-lb__media img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    object-fit: cover !important;\r\n    object-position: center center;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n    transform: scale(1.0001);\r\n    transition: transform 900ms cubic-bezier(.2, .65, .25, 1);\r\n  }\r\n\r\n  .bydi-lb__hero {\r\n    width: calc(100% - (var(--bydi-pad) * 2));\r\n    max-width: 1600px;\r\n    aspect-ratio: 16 \/ 9;\r\n    margin: 0 auto !important;\r\n  }\r\n\r\n  .bydi-lb__media-ui {\r\n    position: absolute;\r\n    right: clamp(15px, 2vw, 30px);\r\n    bottom: clamp(14px, 2vw, 28px);\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #ffffff !important;\r\n    font-size: 10px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .09em !important;\r\n    text-shadow: 0 1px 14px rgba(0, 0, 0, .28);\r\n    opacity: 0;\r\n    transform: translateY(7px);\r\n    transition: opacity 400ms ease, transform 400ms ease;\r\n  }\r\n\r\n  .bydi-lb__media-ui i {\r\n    font: inherit !important;\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  .bydi-lb__copy {\r\n    display: grid;\r\n    grid-template-columns: minmax(180px, .72fr) minmax(420px, 1.55fr);\r\n    column-gap: clamp(40px, 7vw, 120px);\r\n    width: min(960px, calc(100% - (var(--bydi-pad) * 2)));\r\n    margin: clamp(36px, 4.4vw, 68px) auto clamp(48px, 6.2vw, 96px) !important;\r\n  }\r\n\r\n  .bydi-lb__meta {\r\n    display: grid;\r\n    grid-template-columns: 28px minmax(0, 1fr);\r\n    align-content: start;\r\n    gap: 10px;\r\n  }\r\n\r\n  .bydi-lb__meta > span,\r\n  .bydi-lb__brand,\r\n  .bydi-lb__meta h2 {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    color: var(--bydi-ink) !important;\r\n    font-family: inherit !important;\r\n    font-size: 11px !important;\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.4 !important;\r\n    letter-spacing: .08em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .bydi-lb__meta > span {\r\n    color: #999999 !important;\r\n    letter-spacing: .03em !important;\r\n  }\r\n\r\n  .bydi-lb__brand {\r\n    margin-bottom: 4px !important;\r\n    color: #888888 !important;\r\n    font-size: 9px !important;\r\n  }\r\n\r\n  .bydi-lb__story {\r\n    width: 100%;\r\n    max-width: 610px;\r\n  }\r\n\r\n  .bydi-lb__story p {\r\n    margin: 0 0 13px !important;\r\n    padding: 0 !important;\r\n    color: var(--bydi-soft-ink) !important;\r\n    font-family: inherit !important;\r\n    font-size: clamp(12px, .88vw, 14px) !important;\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.62 !important;\r\n    letter-spacing: .005em !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .bydi-lb__link {\r\n    position: relative;\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-top: 13px !important;\r\n    padding: 0 0 5px !important;\r\n    color: var(--bydi-ink) !important;\r\n    font-family: inherit !important;\r\n    font-size: 10px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: .085em !important;\r\n    text-decoration: none !important;\r\n  }\r\n\r\n  .bydi-lb__link::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 1px;\r\n    background: currentColor;\r\n    transform: scaleX(1);\r\n    transform-origin: right center;\r\n    transition: transform 400ms cubic-bezier(.2, .65, .25, 1);\r\n  }\r\n\r\n  .bydi-lb__link span {\r\n    font-size: 12px !important;\r\n    line-height: 1 !important;\r\n  }\r\n\r\n  .bydi-lb__pair {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: clamp(8px, 1.25vw, 20px);\r\n    width: min(1280px, calc(100% - (var(--bydi-pad) * 2)));\r\n    margin: 0 auto clamp(84px, 10vw, 160px) !important;\r\n  }\r\n\r\n  .bydi-lb__look {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 5;\r\n  }\r\n\r\n  .bydi-lb__film-wrap {\r\n    position: relative;\r\n    width: min(1600px, calc(100% - (var(--bydi-pad) * 2)));\r\n    aspect-ratio: 16 \/ 9;\r\n    margin: 0 auto clamp(84px, 10vw, 160px) !important;\r\n    overflow: hidden;\r\n    background: #dfe5e3;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .bydi-lb__film {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    margin: 0 !important;\r\n    object-fit: cover !important;\r\n    object-position: center center;\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n  }\r\n\r\n  .bydi-lb__film-label {\r\n    position: absolute;\r\n    top: clamp(14px, 2vw, 28px);\r\n    left: clamp(15px, 2vw, 30px);\r\n    z-index: 2;\r\n    display: flex;\r\n    gap: 18px;\r\n    color: #ffffff !important;\r\n    font-size: 9px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .1em !important;\r\n    text-shadow: 0 1px 14px rgba(0, 0, 0, .25);\r\n  }\r\n\r\n  .bydi-lb__film-toggle {\r\n    position: absolute;\r\n    right: clamp(15px, 2vw, 30px);\r\n    bottom: clamp(14px, 2vw, 28px);\r\n    z-index: 3;\r\n    margin: 0 !important;\r\n    padding: 7px 0 !important;\r\n    border: 0 !important;\r\n    border-bottom: 1px solid currentColor !important;\r\n    border-radius: 0 !important;\r\n    outline-offset: 5px;\r\n    color: #ffffff !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    font-family: inherit !important;\r\n    font-size: 9px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: .1em !important;\r\n    text-shadow: 0 1px 14px rgba(0, 0, 0, .25);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .bydi-lb__pair--closing {\r\n    margin-bottom: clamp(38px, 5vw, 76px) !important;\r\n  }\r\n\r\n  .bydi-lb__closing-copy {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    width: min(1280px, calc(100% - (var(--bydi-pad) * 2)));\r\n    margin: 0 auto !important;\r\n    padding-top: 2px;\r\n  }\r\n\r\n  .bydi-lb__closing-copy p {\r\n    margin: 0 !important;\r\n    color: var(--bydi-ink) !important;\r\n    font-family: inherit !important;\r\n    font-size: 10px !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.2 !important;\r\n    letter-spacing: .09em !important;\r\n  }\r\n\r\n  .bydi-lb__closing-copy .bydi-lb__link {\r\n    margin-top: 0 !important;\r\n  }\r\n\r\n  @media (hover: hover) and (pointer: fine) {\r\n    .bydi-lb__media:hover img {\r\n      transform: scale(1.02);\r\n    }\r\n\r\n    .bydi-lb__media:hover .bydi-lb__media-ui {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .bydi-lb__link:hover::after {\r\n      transform: scaleX(0);\r\n      transform-origin: left center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .bydi-lb__copy {\r\n      grid-template-columns: minmax(150px, .65fr) minmax(360px, 1.5fr);\r\n      column-gap: clamp(30px, 6vw, 70px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .bydi-lookbook {\r\n      --bydi-pad: clamp(8px, 2.6vw, 12px);\r\n      padding-bottom: 64px !important;\r\n    }\r\n\r\n    .bydi-lb__copy {\r\n      display: block;\r\n      width: calc(100% - (var(--bydi-pad) * 2));\r\n      margin: 25px auto 40px !important;\r\n    }\r\n\r\n    .bydi-lb__meta {\r\n      grid-template-columns: 23px minmax(0, 1fr);\r\n      gap: 7px;\r\n      margin-bottom: 17px !important;\r\n    }\r\n\r\n    .bydi-lb__meta > span,\r\n    .bydi-lb__meta h2 {\r\n      font-size: 9.5px !important;\r\n      line-height: 1.35 !important;\r\n      letter-spacing: .065em !important;\r\n    }\r\n\r\n    .bydi-lb__brand {\r\n      font-size: 8.5px !important;\r\n    }\r\n\r\n    .bydi-lb__story {\r\n      max-width: none;\r\n      padding-left: 30px;\r\n    }\r\n\r\n    .bydi-lb__story p {\r\n      margin-bottom: 10px !important;\r\n      font-size: 11px !important;\r\n      line-height: 1.58 !important;\r\n    }\r\n\r\n    .bydi-lb__link {\r\n      margin-top: 10px !important;\r\n      font-size: 9px !important;\r\n      letter-spacing: .07em !important;\r\n    }\r\n\r\n    .bydi-lb__link span {\r\n      font-size: 11px !important;\r\n    }\r\n\r\n    .bydi-lb__pair {\r\n      gap: 6px;\r\n      margin-bottom: clamp(64px, 18vw, 92px) !important;\r\n    }\r\n\r\n    .bydi-lb__film-wrap {\r\n      margin-bottom: clamp(64px, 18vw, 92px) !important;\r\n    }\r\n\r\n    .bydi-lb__media-ui {\r\n      display: none;\r\n    }\r\n\r\n    .bydi-lb__film-label {\r\n      top: 11px;\r\n      left: 12px;\r\n      gap: 12px;\r\n      font-size: 8px !important;\r\n    }\r\n\r\n    .bydi-lb__film-toggle {\r\n      right: 12px;\r\n      bottom: 8px;\r\n      font-size: 8px !important;\r\n    }\r\n\r\n    .bydi-lb__pair--closing {\r\n      margin-bottom: 29px !important;\r\n    }\r\n\r\n    .bydi-lb__closing-copy {\r\n      gap: 16px;\r\n    }\r\n\r\n    .bydi-lb__closing-copy p {\r\n      font-size: 8.5px !important;\r\n    }\r\n\r\n    .bydi-lb__closing-copy .bydi-lb__link {\r\n      font-size: 8.5px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .bydi-lb__story {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n\r\n  \/* Content stays visible when JavaScript or motion is unavailable. *\/\r\n  .bydi-lb__reveal.bydi-lb--motion {\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 900ms ease, transform 1000ms cubic-bezier(.2, .65, .25, 1);\r\n  }\r\n\r\n  .bydi-lb__reveal.bydi-lb--motion.bydi-lb--visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .bydi-lb__media img,\r\n    .bydi-lb__media-ui,\r\n    .bydi-lb__link::after,\r\n    .bydi-lb__reveal.bydi-lb--motion {\r\n      transition: none !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (() => {\r\n    const script = document.currentScript;\r\n    const root = script && script.previousElementSibling && script.previousElementSibling.matches('style')\r\n      ? script.previousElementSibling.previousElementSibling\r\n      : document.querySelector('.bydi-lookbook');\r\n\r\n    if (!root || root.dataset.bydiLookbookReady === 'true') return;\r\n    root.dataset.bydiLookbookReady = 'true';\r\n\r\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    const reveals = root.querySelectorAll('.bydi-lb__reveal');\r\n    const video = root.querySelector('.bydi-lb__film');\r\n    const toggle = root.querySelector('.bydi-lb__film-toggle');\r\n    let manuallyPaused = reduceMotion;\r\n\r\n    if (!reduceMotion && 'IntersectionObserver' in window) {\r\n      reveals.forEach((item) => item.classList.add('bydi-lb--motion'));\r\n\r\n      const revealObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          entry.target.classList.add('bydi-lb--visible');\r\n          observer.unobserve(entry.target);\r\n        });\r\n      }, {\r\n        threshold: 0.06,\r\n        rootMargin: '0px 0px -6% 0px'\r\n      });\r\n\r\n      reveals.forEach((item) => revealObserver.observe(item));\r\n    }\r\n\r\n    if (!video || !toggle) return;\r\n\r\n    const setButtonState = () => {\r\n      const paused = video.paused;\r\n      toggle.textContent = paused ? 'PLAY' : 'PAUSE';\r\n      toggle.setAttribute('aria-label', paused ? 'Play campaign film' : 'Pause campaign film');\r\n      toggle.setAttribute('aria-pressed', paused ? 'true' : 'false');\r\n    };\r\n\r\n    const playVideo = () => {\r\n      const playback = video.play();\r\n      if (playback && typeof playback.catch === 'function') {\r\n        playback.catch(setButtonState);\r\n      }\r\n    };\r\n\r\n    if (reduceMotion) {\r\n      video.pause();\r\n      setButtonState();\r\n    } else {\r\n      playVideo();\r\n    }\r\n\r\n    toggle.addEventListener('click', () => {\r\n      if (video.paused) {\r\n        manuallyPaused = false;\r\n        playVideo();\r\n      } else {\r\n        manuallyPaused = true;\r\n        video.pause();\r\n      }\r\n      setButtonState();\r\n    });\r\n\r\n    video.addEventListener('play', setButtonState);\r\n    video.addEventListener('pause', setButtonState);\r\n\r\n    if (!reduceMotion && 'IntersectionObserver' in window) {\r\n      const filmObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            if (!manuallyPaused) playVideo();\r\n          } else {\r\n            video.pause();\r\n          }\r\n        });\r\n      }, { threshold: 0.18 });\r\n\r\n      filmObserver.observe(video);\r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>VIEW COLLECTION \u2197 AC BYDI ASTHER COLLECTION Asther Collection explores the quiet tension between softness and structure. Fluid draping follows the body, while precise construction gives each silhouette a deliberate sense of form. From pale, luminous tones to sculptural black, the collection is designed for the space between seasons\u2014refined, expressive, and effortless in motion. DISCOVER ASTHER COLLECTION \u2197 BYDI ASTHER COLLECTION PAUSE BYDI \/ ASTHER COLLECTION SHOP THE COLLECTION \u2197<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18380","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/pages\/18380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/comments?post=18380"}],"version-history":[{"count":13,"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/pages\/18380\/revisions"}],"predecessor-version":[{"id":19206,"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/pages\/18380\/revisions\/19206"}],"wp:attachment":[{"href":"https:\/\/bydi.vn\/vi\/wp-json\/wp\/v2\/media?parent=18380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}