.elementor-12 .elementor-element.elementor-element-59dfacd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-ad9c2f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-ad9c2f3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-ad9c2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0F1A;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0c3f4d7 *//* =========================
   WORKING K9 CINEMATIC HERO
   ========================= */

.wk-hero{
  position: relative;
  width: 100%;
  height: 100vh;              /* fill screen height */
  min-height: 680px;          /* prevents squish on short screens */
  overflow: hidden;

  border-radius: 0;
  background: #070a12;
}

/* Background video */
.wk-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;

  /* camera framing control (shows ground + dog paws) */
  object-position: 50% 72%;

  /* remove zoom crop */
  transform: scale(1);
}

/* Readability cinematic overlay */
.wk-hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 50% 35%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.60) 55%, rgba(0,0,0,.85) 100%);
  pointer-events:none;
  z-index: 1;
}

/* Dog foreground */
.wk-hero__dog{
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 2;

  width: min(1500px, 115vw);
  max-width: none;
  height: auto;

  filter: drop-shadow(0 32px 90px rgba(0,0,0,.75));
  pointer-events:none;
}

/* Centered text container */
.wk-hero__content{
  position: relative;
  z-index: 3;
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 56px) 18px;

  height: 100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;

  transform: translateY(-6vh);
}

/* TITLE */
.wk-hero__title{
  margin:0 0 12px;
  color:#fff;
  font-weight: 950;
  letter-spacing: -0.02em;

  /* increased size */
  font-size: clamp(48px, 5.8vw, 79px);

  text-transform: uppercase;

  /* cinematic readability */
  text-shadow:
    0 3px 6px rgba(0,0,0,.65),
    0 12px 35px rgba(0,0,0,.85),
    0 0 35px rgba(0,0,0,.65);
}

/* SUBTITLE */
.wk-hero__sub{
  margin:0 0 22px;
  color: rgba(255,255,255,.96);
  max-width: 62ch;

  font-size: clamp(18px, 1.7vw, 24px);
  line-height:1.5;

  text-shadow:
    0 2px 4px rgba(0,0,0,.7),
    0 8px 18px rgba(0,0,0,.85);
}

/* CTA buttons */
.wk-hero__cta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}

.wk-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 20px;
  border-radius: 999px;

  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.28);

  color:#fff;
  text-decoration:none;
  font-weight: 900;
  letter-spacing:.02em;

  backdrop-filter: blur(4px);

  transition: transform .18s ease, background .18s ease;
}

.wk-hero__btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.22);
}

/* Responsive adjustments */
@media (max-width: 900px){
  .wk-hero{ min-height: 720px; }
  .wk-hero__dog{ width: 140vw; }
  .wk-hero__content{ transform: translateY(-4vh); }
}

@media (max-width: 520px){
  .wk-hero__dog{ width: 165vw; }
  .wk-hero__title{ font-size: clamp(34px, 9vw, 54px); }
  .wk-hero__sub{ font-size: clamp(16px, 4.5vw, 19px); }
}
/* =========================
   MOBILE HERO REFRAMING
   ========================= */
@media (max-width: 700px){

  .wk-hero__video{
    /* move video RIGHT so dog becomes visible */
    object-position: 35% 88%;
  }

}
/* =========================
   MOBILE SUBTITLE FORMAT
   ========================= */
@media (max-width:700px){

  .wk-hero__sub{
    line-height: 1.25;
    font-size: clamp(16px, 4.2vw, 20px);
  }

  /* force two clean lines */
  .wk-line1,
  .wk-line2{
    display:block;
  }

  /* spacing between lines */
  .wk-line2{
    margin-top: 4px;
  }

}/* End custom CSS */