/* Hide Jetpack sharing, likes, related posts on every page */
.sharedaddy,
.sd-sharing-enabled,
.jp-relatedposts,
.wp-likes,
.wpcom-likes,
.post-likes-widget-placeholder,
.sd-block,
.sd-content,
#jp-post-flair {
  display: none !important;
}
.u-skip-link {
  position: absolute;
  top: -100px;
  left: -100px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.u-skip-link:focus {
  position: fixed;
  top: 16px;
  left: 16px;
  width: auto;
  height: auto;
  clip: auto;
  padding: 12px 20px;
  background: var(--brand-blue, #0042E6);
  color: #fff;
  border-radius: 999px;
  z-index: 9999;
  font-weight: 700;
  text-decoration: none;
}@media (max-width: 1024px) {
  .u-burger { position: relative; z-index: 310; }
  .u-main-header { position: relative; z-index: 305; background: #fff; }
  .u-mainnav { top: 72px !important; bottom: 0 !important; inset: unset !important; left: 0 !important; right: 0 !important; }
}
@media (max-width: 540px) {
  .u-mainnav { top: 64px !important; }
}
@media (max-width: 1024px) {
  .u-utility-bar__signin {
    display: inline-flex !important;
    padding: 4px 14px;
    font-size: 11px;
  }
}
.u-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: rgba(255,255,255,0.92);
}
body { padding-top: 110px; }
@media (max-width: 1024px) { body { padding-top: 72px; } }
@media (max-width: 1024px) {
  .u-mainnav {
    height: calc(100dvh - var(--mobile-header-h, 72px));
    -webkit-overflow-scrolling: touch;
  }
  html:has(.u-mobile-toggle:checked),
  html:has(.u-mobile-toggle:checked) body {
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none;
  }
  html:has(.u-mobile-toggle:checked) .u-mainnav {
    touch-action: pan-y;
  }
}
@media (max-width: 540px) {
  .u-mainnav { height: calc(100dvh - 64px); }
}
@media (max-width: 720px) {
  .u-footer-legal { text-align: left; }
}
.u-hero--family,
body .u-hero.u-hero--family,
body .u-hero.u-hero--family.has-video {
  background-color: transparent !important;
  background-image:
    linear-gradient(94deg,
      rgba(0,0,0,0.94) 0%,
      rgba(0,0,0,0.90) 30%,
      rgba(0,0,0,0.74) 46%,
      rgba(0,0,0,0.40) 60%,
      rgba(0,0,0,0.12) 74%,
      rgba(0,0,0,0.02) 88%),
    image-set(
      url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold.webp') type('image/webp'),
      url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold.jpg') type('image/jpeg')
    ) !important;
  background-size: cover !important;
  background-position: 62% center !important;
}
@supports not (background-image: image-set(url('x.webp') type('image/webp'))) {
  .u-hero--family,
  body .u-hero.u-hero--family,
  body .u-hero.u-hero--family.has-video {
    background-image:
      linear-gradient(94deg,
      rgba(0,0,0,0.94) 0%,
      rgba(0,0,0,0.90) 30%,
      rgba(0,0,0,0.74) 46%,
      rgba(0,0,0,0.40) 60%,
      rgba(0,0,0,0.12) 74%,
      rgba(0,0,0,0.02) 88%),
      url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold.jpg') !important;
  }
}
/* photo carries its own scrim: drop the video layers */
body .u-hero.u-hero--family > .uvid-bg,
body .u-hero.u-hero--family > .uvid-tint { display: none !important; }
@media (max-width: 540px) {
  .u-hero__ctarow {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .u-hero__ctarow .u-btn {
    padding: 10px 14px !important;
    font-size: 13px !important;
    white-space: nowrap;
  }
  .u-hero__ctarow .u-btn svg {
    display: none;
  }
}
@media (max-width: 880px) {
  .u-cred-strip {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .u-cred-strip .u-cred-strip__item:last-child {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 480px) {
  .u-cred-strip {
    grid-template-columns: 1fr !important;
  }
  .u-cred-strip .u-cred-strip__item:last-child {
    grid-column: auto !important;
  }
}
@media (max-width: 781px) {
  .u-hero.u-hero--family {
    align-items: center !important;
    padding: 48px 0 !important;
  }
  .u-hero.u-hero--family > .wp-block-group__inner-container {
    align-self: center !important;
  }
}
/* Force-stop any animation/transition on the hero and its overlay */
.u-hero--family,
.u-hero--family::before,
.u-hero--family.u-fade-up,
.u-hero--family.u-fade-up.u-in-view {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* Re-apply the darker scrim (in case earlier paste was overridden) */
.u-hero--family { position: relative; }
.u-hero--family::before {
  content: '' !important;
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.62) 0%,
    rgba(0,0,0,0.45) 30%,
    rgba(0,0,0,0.28) 60%,
    rgba(0,0,0,0.10) 90%,
    rgba(0,0,0,0)    100%
  ) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.u-hero--family > .wp-block-group__inner-container {
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 768px) {
  body .u-hero.u-hero--family,
  body .u-hero.u-hero--family.has-video {
    background-image:
      linear-gradient(180deg,
      rgba(0,0,0,0.52) 0%,
      rgba(0,0,0,0.40) 45%,
      rgba(0,0,0,0.22) 78%,
      rgba(0,0,0,0.14) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,0.50) 0%,
      rgba(0,0,0,0.30) 42%,
      rgba(0,0,0,0.12) 74%,
      rgba(0,0,0,0.02) 100%),
      image-set(
        url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold-mobile-v4.webp') type('image/webp'),
        url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold-mobile-v4.jpg') type('image/jpeg')
      ) !important;
    background-position: 50% center !important;
  }
  @supports not (background-image: image-set(url('x.webp') type('image/webp'))) {
    body .u-hero.u-hero--family,
    body .u-hero.u-hero--family.has-video {
      background-image:
        linear-gradient(180deg,
      rgba(0,0,0,0.52) 0%,
      rgba(0,0,0,0.40) 45%,
      rgba(0,0,0,0.22) 78%,
      rgba(0,0,0,0.14) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,0.50) 0%,
      rgba(0,0,0,0.30) 42%,
      rgba(0,0,0,0.12) 74%,
      rgba(0,0,0,0.02) 100%),
        url('/wp-content/themes/unreserved-theme/assets/property/hero-barkly-sold-mobile-v4.jpg') !important;
    }
  }
}
.u-mainnav__group:focus-within:not(:hover) > .u-mega{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* ── Before/after reveal, ported from /packages/unreserved/ ──────────────── */
.u-ba { position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #EDEFF7; }
.u-ba > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; max-height: none !important; border-radius: 0 !important; }
.u-ba__before { position: absolute; top: 0; left: 0; height: 100%; width: 55%; overflow: hidden; animation: u-ba-reveal 7s ease-in-out infinite; }
.u-ba__before img { position: absolute; top: 0; left: 0; height: 100%; width: auto; max-width: none !important; object-fit: cover; border-radius: 0 !important; }
.u-ba__before::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 3px; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.15); }
.u-ba__tag { position: absolute; top: 10px; z-index: 1; font-family: var(--ff-sans, 'Manrope', system-ui, sans-serif); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: rgba(8,12,26,.6); padding: 4px 10px; border-radius: 999px; }
.u-ba__tag--b { left: 10px; }
.u-ba__tag--a { right: 10px; }
@keyframes u-ba-reveal {
  0% { width: 86%; } 10% { width: 86%; }
  45% { width: 14%; } 60% { width: 14%; }
  95% { width: 86%; } 100% { width: 86%; }
}
@media (prefers-reduced-motion: reduce) { .u-ba__before { animation: none; width: 50%; } }

/* Homepage pillar 01: fill the existing 4/5 portrait frame.
   The frame is portrait but the source pair is 4:3, so the "after" image
   centre-crops via object-fit while the "before" is height-fitted and
   left-aligned — the two halves drift out of register. Container units size
   the before image to the FRAME rather than to its own animated wrapper, so
   both sides crop identically and the wipe lines up. */
.fp__photo--ba .u-ba { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; container-type: size; }
.fp__photo--ba .u-ba__before img { width: 100cqw; height: 100cqh; max-width: none !important; object-fit: cover; }
@supports not (width: 100cqw) {
  .fp__photo--ba .u-ba__before img { width: auto; height: 100%; min-width: 100%; }
}