@property --sweep-progress { syntax:'<number>'; inherits:true; initial-value:0; }

  html:has(#dingmans-home-hero-code-v1),
  .ebt-imported-page:has(#dingmans-home-hero-code-v1) {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #021217;
  }

  #dingmans-home-hero-code-v1 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    padding: clamp(0px, 8.94vw, 172px) 0;
    background: #021217;
    color: #ffffff;
    font-family: 'Urbanist', Helvetica, Arial, sans-serif;
  }

  #dingmans-home-hero-code-v1 *,
  #dingmans-home-hero-code-v1 *::before,
  #dingmans-home-hero-code-v1 *::after {
    box-sizing: border-box;
  }

  #dingmans-home-hero-code-v1 .dhh-video-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

  #dingmans-home-hero-code-v1 .dhh-video {
    position: absolute;
    inset: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    transform: none;
  }

  #dingmans-home-hero-code-v1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(
      ellipse at top,
      rgba(2, 18, 23, 0.45) 0%,
      rgba(2, 18, 23, 0.7) 100%
    );
  }

  #dingmans-home-hero-code-v1 .dhh-row {
    position: relative;
    z-index: 2;
    width: 80%;
    max-width: 1920px;
    margin: 0 auto;
  }

  #dingmans-home-hero-code-v1 .dhh-title-block {
    width: 62.6%;
    max-width: 964px;
    margin: 0 0 27px;
  }

  #dingmans-home-hero-code-v1 .dhh-title {
    margin: 0 0 17px;
    padding: 0 0 10px;
    color: #66ffe5;
    font-family: 'Bakbak One', fantasy;
    font-size: clamp(27.3px, 3.3vw, 63.36px);
    font-style: italic;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
  }

  #dingmans-home-hero-code-v1 .dhh-title span {
    background: linear-gradient(to right, #ffffff, #66ffe5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  #dingmans-home-hero-code-v1 .dhh-title--mobile,
  #dingmans-home-hero-code-v1 .dhh-copy--mobile {
    display: none;
  }

  #dingmans-home-hero-code-v1 .dhh-copy-block {
    position: relative;
    width: 50%;
    max-width: 765px;
    padding-left: 18px;
    border-left: 0;
  }

  #dingmans-home-hero-code-v1 .dhh-copy-block::before {
    content: "";
    position: absolute;
    top: 0.15em;
    bottom: 0.25em;
    left: 0;
    width: 2px;
    background: #66ffe5;
  }

  #dingmans-home-hero-code-v1 .dhh-copy {
    margin: 0;
    padding: 0 0 10px;
    color: #ffffff;
    font-family: 'Urbanist', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 1.3em;
    text-align: left;
  }

  #dingmans-home-hero-code-v1 .white-btn-wrap {
    position: relative;
    z-index: 2;
    width: 80%;
    max-width: 1920px;
    margin: 28px auto 0;
    padding: 24px 0;
    text-align: inherit;
  }

  #dingmans-home-hero-code-v1 .white-holo-btn {
    --btn-col: #fff;
    --btn-border: rgba(72,184,168,1);
    --btn-border-anim: #66ffe5;
    --btn-glow: 0 0 .08em rgba(102,255,255,.7);
    --btn-speed: 1.7s;
    --bg-glow-color: rgba(0,226,226,.24);
    --bg-glow-blur: 15px;
    --bg-glow-spread: 2px;
    --bg-glow-y: 2px;
    --bg-glow-hover-color: rgba(0,226,226,.42);
    position: relative;
    display: inline-block;
    width: 342px;
    min-width: 342px;
    min-height: 52px;
    margin: 8px 0;
    padding: clamp(12px,4vw,18px) clamp(18px,6vw,32px);
    color: var(--btn-col);
    background: rgba(2,16,20,.9);
    border: 1px solid var(--btn-border);
    border-radius: 1px;
    box-shadow:
      0 var(--bg-glow-y) var(--bg-glow-blur) var(--bg-glow-spread) var(--bg-glow-color);
    cursor: pointer;
    font: 400 clamp(10px,3.5vw,14px)/1 'Archivo Black', Arial, sans-serif;
    letter-spacing: clamp(1px,0.6vw,4px);
    text-decoration: none;
    text-shadow: var(--btn-glow);
    text-transform: uppercase;
    touch-action: manipulation;
    transition: transform .35s ease, color .3s ease, text-shadow .3s ease, box-shadow .35s ease;
    user-select: none;
    white-space: nowrap;
    --sweep-progress: 0;
    text-align: center;
  }

  #dingmans-home-hero-code-v1 .white-holo-btn:hover,
  #dingmans-home-hero-code-v1 .white-holo-btn:focus-visible {
    box-shadow:
      0 var(--bg-glow-y) var(--bg-glow-blur) var(--bg-glow-spread) var(--bg-glow-color),
      0 1px 15px 1px rgba(0, 226, 226, 0.6);
    outline: none;
  }

  #dingmans-home-hero-code-v1 .white-holo-btn:active {
    transform: scale(.98);
    box-shadow:
      0 var(--bg-glow-y) var(--bg-glow-blur) var(--bg-glow-spread) var(--bg-glow-color),
      0 2px 12px 2px rgba(0, 226, 226, 0.6);
  }

  #dingmans-home-hero-code-v1 .white-holo-btn::after {
    content: "";
    position: absolute;
    inset: -2px;
    border: 1px solid var(--btn-border-anim);
    border-radius: 0;
    box-sizing: border-box;
    clip-path: inset(0 calc(100% * (1 - var(--sweep-progress))) 0 0);
    pointer-events: none;
    transition: clip-path var(--btn-speed) cubic-bezier(.4,1.5,.5,1.1);
    z-index: 1;
  }

  #dingmans-home-hero-code-v1 .white-holo-btn span {
    position: relative;
    z-index: 2;
    pointer-events: none;
  }

  @media (min-width: 1600px) {
    #dingmans-home-hero-code-v1 {
      min-height: 810px;
      padding: 0;
    }

    #dingmans-home-hero-code-v1 .dhh-row {
      padding-top: 172px;
    }

    #dingmans-home-hero-code-v1 .white-btn-wrap {
      margin-top: 36px;
      padding: 24px 0;
    }
  }

  @media (min-width: 1151px) and (max-width: 1200px) {
    #dingmans-home-hero-code-v1 {
      padding-top: 106px;
      padding-bottom: 131px;
    }

    #dingmans-home-hero-code-v1 .white-btn-wrap {
      margin-top: 5px;
      padding-top: 24px;
    }
  }

  @media (min-width: 1081px) and (max-width: 1150px) {
    #dingmans-home-hero-code-v1 {
      padding-top: 100px;
      padding-bottom: 123px;
    }

    #dingmans-home-hero-code-v1 .white-btn-wrap {
      margin-top: 5px;
      padding-top: 24px;
    }
  }

  @media (min-width: 768px) and (max-width: 1080px) {
    #dingmans-home-hero-code-v1 {
      min-height: 548px;
      padding-top: 86px;
      padding-bottom: 82px;
    }

    #dingmans-home-hero-code-v1 .dhh-row {
      width: 90%;
      max-width: 1920px;
    }

    #dingmans-home-hero-code-v1 .dhh-title-block {
      width: min(78%, 820px);
      margin-bottom: 18px;
      padding-left: 0;
    }

    #dingmans-home-hero-code-v1 .dhh-title {
      font-size: clamp(44px, 5.25vw, 56px);
      line-height: 1em;
      padding-bottom: 0;
    }

    #dingmans-home-hero-code-v1 .dhh-copy-block {
      width: min(62%, 690px);
      max-width: 690px;
      padding-left: 18px;
    }

    #dingmans-home-hero-code-v1 .dhh-copy-block::before {
      left: 0;
    }

    #dingmans-home-hero-code-v1 .white-btn-wrap {
      width: 90%;
      max-width: 1920px;
      margin-top: 24px;
      padding-top: 0;
    }
  }

  @media (max-width: 767px) {
    #dingmans-home-hero-code-v1 {
      width: 100vw;
      min-height: 467px;
      padding: 38px 0 32px;
      background:
        radial-gradient(ellipse at top, rgba(2, 18, 23, 0.47) 0%, rgb(2, 18, 23) 100%),
        #021217;
    }

    #dingmans-home-hero-code-v1 .dhh-video {
      width: 100%;
      min-width: 100%;
      height: 100%;
      min-height: 100%;
      object-fit: cover;
      object-position: center top;
      transform: none;
    }

    #dingmans-home-hero-code-v1::before {
      background: radial-gradient(
        ellipse at top,
        rgba(2, 18, 23, 0.45) 0%,
        rgba(2, 18, 23, 0.7) 100%
      );
    }

    #dingmans-home-hero-code-v1 .dhh-row {
      width: 90%;
      max-width: none;
      padding-top: 30px;
    }

    #dingmans-home-hero-code-v1 .dhh-title-block {
      width: 100%;
      max-width: none;
      margin-bottom: 0;
      padding-left: 0;
    }

    #dingmans-home-hero-code-v1 .dhh-title {
      font-size: clamp(27.3px, 7.15vw, 34px);
      line-height: 1em;
      letter-spacing: 0.4px;
      margin-bottom: 10px;
      padding-bottom: 6px;
    }

    #dingmans-home-hero-code-v1 .dhh-title--desktop,
    #dingmans-home-hero-code-v1 .dhh-copy--desktop {
      display: none;
    }

    #dingmans-home-hero-code-v1 .dhh-title--mobile,
    #dingmans-home-hero-code-v1 .dhh-copy--mobile {
      display: block;
    }

    #dingmans-home-hero-code-v1 .dhh-copy-block {
      width: 100%;
      max-width: none;
      padding-left: 18px;
    }

    #dingmans-home-hero-code-v1 .dhh-copy-block::before {
      left: 0;
    }

    #dingmans-home-hero-code-v1 .dhh-copy {
      padding: 0;
      font-size: 18px;
      line-height: 1.2em;
      letter-spacing: 0.3px;
    }

    #dingmans-home-hero-code-v1 .white-btn-wrap {
      width: 90%;
      max-width: none;
      margin-top: 16px;
      padding: 0;
    }

    #dingmans-home-hero-code-v1 .white-holo-btn {
      width: 342px;
      min-width: 342px;
      min-height: 52px;
      max-width: calc(100vw - 48px);
      margin-top: 8px;
      margin-bottom: 8px;
      padding: 14px 26px;
      text-align: center;
      white-space: nowrap;
    }
  }