/* Owner-selected option 1. Only the existing compact Header + Hero is restyled. */
@font-face {
  font-family: "Obor Anton";
  src: url("../fonts/anton/Anton-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.obor-v19-demo .mobile-opening {
  --field-ivory: #eee8dc;
  --field-amber: #edb12f;
  position: relative;
  isolation: isolate;
  min-height: calc(100vw * 1844 / 853);
  background: #080e10;
  color: var(--field-ivory);
}
.obor-v19-demo .mobile-opening__scene {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}
.obor-v19-demo .mobile-opening__scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.obor-v19-demo .mobile-opening .mobile-header {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: start;
  justify-content: space-between;
  height: 22vw;
  padding: 6.9vw 4.1vw 0;
  gap: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  color: var(--field-ivory);
}
.obor-v19-demo .mobile-signal-brand {
  position: relative;
  display: block;
  width: 65vw;
  height: 14vw;
  color: inherit;
  text-decoration: none;
}
.obor-v19-demo .mobile-signal-brand__tower {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.9vw;
  height: 13.5vw;
  filter: brightness(1.1);
}
.obor-v19-demo .mobile-signal-brand__beacon {
  position: absolute;
  left: -0.2vw;
  top: -1.4vw;
  width: 5.4vw;
  height: 5.4vw;
  object-fit: contain;
}
.obor-v19-demo .mobile-signal-brand__name {
  position: absolute;
  left: 7.2vw;
  top: 4.7vw;
  font-family: Arial, sans-serif;
  font-size: 4.17vw;
  line-height: 1;
  letter-spacing: 0.21em;
  white-space: nowrap;
  font-weight: 400;
}
.obor-v19-demo .mobile-signal-brand__tagline {
  position: absolute;
  left: 7.2vw;
  top: 11.2vw;
  color: var(--field-amber);
  font-family: var(--mono, monospace);
  font-size: 1vw;
  font-weight: 600;
  letter-spacing: 0.26em;
  line-height: 1;
  white-space: nowrap;
}
.obor-v19-demo .mobile-header__datum {
  position: absolute;
  top: 17.3vw;
  right: 4.2vw;
  left: 9.4vw;
  border-bottom: 1px solid var(--field-amber);
  pointer-events: none;
}
.obor-v19-demo .mobile-opening .mobile-header__menu {
  position: relative;
  margin-top: 3.6vw;
  color: inherit;
}
.obor-v19-demo .mobile-header__menu summary {
  display: flex;
  align-items: center;
  gap: 2vw;
  min-height: 44px;
  margin-top: -10px;
  padding: 0;
  border: 0;
  list-style: none;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 2.35vw;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}
.obor-v19-demo .mobile-header__menu summary::-webkit-details-marker { display: none; }
.obor-v19-demo .mobile-header__menu summary img,
.obor-v19-demo .mobile-opening .mobile-hero-copy > a img {
  width: 4.7vw;
  height: 4.7vw;
  filter: brightness(0) saturate(100%) invert(76%) sepia(83%) saturate(651%) hue-rotate(345deg) brightness(96%) contrast(96%);
}
.obor-v19-demo .mobile-header__menu summary img { width: 6.4vw; transform: scaleX(-1); }
.obor-v19-demo .mobile-header__menu summary:focus-visible,
.obor-v19-demo .mobile-opening a:focus-visible {
  outline: 2px solid var(--field-amber);
  outline-offset: 5px;
}
.obor-v19-demo .mobile-menu-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  width: min(84vw, 25rem);
  padding: 12px 22px;
  background: #0b1216;
  border: 1px solid #b18427;
}
.obor-v19-demo .mobile-menu-panel a {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid rgba(238, 232, 220, 0.18);
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  text-decoration: none;
}
.obor-v19-demo .mobile-menu-panel .mobile-menu-panel__audit { color: var(--field-amber); border: 0; }
.obor-v19-demo .mobile-opening .mobile-hero { overflow: visible; }
.obor-v19-demo .mobile-opening .mobile-hero-copy {
  display: block;
  padding: 10.4vw 6.5vw 0;
  background: transparent;
  color: var(--field-ivory);
}
.obor-v19-demo .mobile-opening .mobile-hero-copy__eyebrow {
  margin: 0 0 4.4vw !important;
  font-size: 2.07vw !important;
  line-height: 1.1 !important;
  font-weight: 650;
  font-family: "Courier New", monospace !important;
  letter-spacing: 0.14em;
  color: var(--field-amber);
}
.obor-v19-demo .mobile-opening .mobile-hero-copy h1 {
  display: block;
  margin: 0;
  width: 112.36%;
  font-family: "Obor Anton", Impact, sans-serif;
  font-size: 11.9vw;
  font-weight: 400;
  font-style: normal;
  line-height: 0.955;
  letter-spacing: -0.022em;
  word-spacing: 0;
  text-transform: none;
  transform: scaleX(0.85);
  transform-origin: left center;
}
.obor-v19-demo .mobile-opening .mobile-hero-copy h1 > span,
.obor-v19-demo .mobile-opening .mobile-hero-copy h1 > strong {
  display: block;
  white-space: nowrap;
  color: var(--field-ivory);
  font-weight: inherit;
}
.obor-v19-demo .mobile-opening .mobile-hero-copy h1 > strong { color: var(--field-amber); }
.obor-v19-demo .mobile-opening .mobile-hero-copy > p:not(.mobile-hero-copy__eyebrow) {
  max-width: 68.5vw;
  margin: 3.4vw 0 0;
  color: var(--field-ivory);
  font-family: Arial, sans-serif;
  font-size: clamp(12px, 3.3vw, 17px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.01em;
}
.obor-v19-demo .mobile-opening .mobile-hero-copy > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 2.1vw;
  margin-top: 3.6vw;
  padding-bottom: 1.1vw;
  border-bottom: 1px solid var(--field-amber);
  color: var(--field-amber);
  font-family: Arial, sans-serif;
  font-size: clamp(11.5px, 3.15vw, 18px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-decoration: none;
  text-transform: none;
}
.obor-v19-demo .mobile-opening .mobile-hero-copy > a img { width: 3.9vw; height: 3.9vw; }
.obor-v19-demo .mobile-opening .mobile-hero-copy > a::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  min-height: 44px;
  transform: translateY(-50%);
}

@media (max-width: 960px), (max-width: 1199px) and (orientation: portrait) {
  /* Mobile browsers overlay scrollbars. Keep desktop device previews at the same content width. */
  html:has(body.obor-v19-page) { scrollbar-width: none; }
  html:has(body.obor-v19-page)::-webkit-scrollbar { display: none; }
}

@media (min-width: 600px) {
  .obor-v19-demo .mobile-opening { min-height: max(100svh, 133.333vw); }
  .obor-v19-demo .mobile-opening .mobile-header { height: 13.5vw; padding: 4.2vw 4.5vw 0; }
  .obor-v19-demo .mobile-signal-brand { width: 61vw; height: 9vw; }
  .obor-v19-demo .mobile-signal-brand__tower { width: 3.3vw; height: 8.3vw; }
  .obor-v19-demo .mobile-signal-brand__beacon { width: 3.8vw; height: 3.8vw; top: -0.95vw; left: -0.25vw; }
  .obor-v19-demo .mobile-signal-brand__name { left: 5vw; top: 2.6vw; font-size: 3vw; }
  .obor-v19-demo .mobile-signal-brand__tagline { left: 5vw; top: 6.9vw; font-size: 0.68vw; }
  .obor-v19-demo .mobile-header__datum { top: 10.35vw; left: 8.5vw; right: 4.5vw; }
  .obor-v19-demo .mobile-opening .mobile-header__menu { margin-top: 2.3vw; }
  .obor-v19-demo .mobile-header__menu summary { font-size: 1.7vw; gap: 1.5vw; }
  .obor-v19-demo .mobile-header__menu summary img { width: 3.1vw; height: 3.1vw; }
  .obor-v19-demo .mobile-opening .mobile-hero-copy { padding: 6.8vw 6.4vw 0; }
  .obor-v19-demo .mobile-opening .mobile-hero-copy__eyebrow { font-size: 1.27vw !important; margin-bottom: 2.6vw !important; }
  .obor-v19-demo .mobile-opening .mobile-hero-copy h1 { font-size: 8.1vw; line-height: 0.98; width: 112.36%; }
  .obor-v19-demo .mobile-opening .mobile-hero-copy > p:not(.mobile-hero-copy__eyebrow) { max-width: 56vw; margin-top: 2.6vw; font-size: clamp(15px, 1.85vw, 22px); }
  .obor-v19-demo .mobile-opening .mobile-hero-copy > a { margin-top: 2vw; font-size: clamp(16px, 1.9vw, 22px); gap: 1.5vw; padding-bottom: 0.7vw; }
  .obor-v19-demo .mobile-opening .mobile-hero-copy > a img { width: 2.7vw; height: 2.7vw; }
}

/* Extend the original compact route to portrait tablets; retain the wide Hero on short landscape. */
@media (max-width: 960px), (max-width: 1199px) and (orientation: portrait) {
  html:has(body.obor-v19-page) { scroll-padding-top: 0; }
  .obor-v19-demo .desktop-experience { display: none; }
  .obor-v19-demo .mobile-experience { display: block; }
}
@media (min-width: 821px) and (max-width: 960px) and (max-height: 650px) and (orientation: landscape) {
  .obor-v19-demo .desktop-experience { display: block; }
  .obor-v19-demo .mobile-experience { display: none; }
}
.obor-v19-demo .mobile-opening .mobile-hero { background: transparent; }
.obor-v19-demo .mobile-opening .mobile-header,
.obor-v19-demo .mobile-opening .mobile-hero,
.obor-v19-demo .mobile-opening .mobile-hero-copy { transform: none !important; opacity: 1 !important; }

/* Owner-provided pixel wordmark, replacing only the existing text lockup. */
.obor-v19-demo .obor-signal-header__wordmark {
  display: block;
  width: min(100%, clamp(18rem, 28.95vw, 29rem));
  aspect-ratio: 471 / 41;
  margin-left: clamp(0.55rem, 1.2vw, 1.15rem);
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  background: url("../images/obor-kuasa-pixel-wordmark-v1.png") left center / 100% 100% no-repeat;
  transform: translateY(calc(-1 * clamp(0.45rem, 0.55vw, 0.55rem)));
  text-shadow: none;
}

.obor-v19-demo .mobile-signal-brand__name {
  display: block;
  width: min(55vw, 17rem);
  aspect-ratio: 471 / 41;
  color: transparent;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  background: url("../images/obor-kuasa-pixel-wordmark-v1.png") left center / 100% 100% no-repeat;
}

@media (min-width: 600px) {
  .obor-v19-demo .mobile-signal-brand__name {
    width: min(55vw, 17rem);
    font-size: 0;
  }
}

/* Scoped hero enquiry controls, release 20261001. */
.obor-v19-demo .hero-copy__title {margin:0}
.obor-v19-demo .hero-copy .hero-copy__enquiry,.obor-v19-demo .mobile-hero-copy .mobile-hero-copy__enquiry {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;max-width:100%;margin:12px 0 8px;padding:12px 20px;border:1px solid #191919;border-radius:999px;background:#191919;color:#fff!important;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;text-transform:none;letter-spacing:0}
.obor-v19-demo .hero-copy__enquiry:hover,.obor-v19-demo .mobile-hero-copy__enquiry:hover {background:#333}
.obor-v19-demo .hero-copy__enquiry:focus-visible,.obor-v19-demo .mobile-hero-copy__enquiry:focus-visible {outline:3px solid #a94014;outline-offset:4px}

/* Preserve the existing desktop rendering branch; only its header rail reflows. */
@media (min-width:821px) and (max-width:960px) and (max-height:650px) and (orientation:landscape) {
 .obor-v19-demo .desktop-experience .obor-command-header__rail { height:160px; }
 .obor-v19-demo .desktop-experience .obor-command-header__inner { grid-template-columns:minmax(0,1fr) 132px 96px; grid-template-rows:56px 44px 44px; gap:0 8px; padding:8px 24px; }
 .obor-v19-demo .desktop-experience .obor-command-brand { grid-column:1/3; grid-row:1; grid-template-columns:40px minmax(0,1fr); padding:0; border:0; }
 .obor-v19-demo .desktop-experience .obor-command-brand__signal { width:32px; height:56px; }
 .obor-v19-demo .desktop-experience .obor-command-header .obor-signal-header__tower { width:28px; height:56px; }
 .obor-v19-demo .desktop-experience .obor-command-header .obor-command-brand__wordmark { width:211px; }
 .obor-v19-demo .desktop-experience .obor-command-brand__domain { font-size:14px; }
 .obor-v19-demo .desktop-experience .obor-command-header .obor-command-brand__tagline { font-size:7px; letter-spacing:.2em; }
 .obor-v19-demo .desktop-experience .obor-command-search { grid-column:1/-1; grid-row:2; min-height:44px; width:min(100%,480px); justify-self:center; padding:0 12px; }
 .obor-v19-demo .desktop-experience .obor-command-search input { font-size:16px; }
 .obor-v19-demo .desktop-experience .obor-command-header__utilities { display:contents; }
 .obor-v19-demo .desktop-experience .obor-command-contact--email { grid-column:1; grid-row:3; }
 .obor-v19-demo .desktop-experience .obor-command-contact--support { grid-column:2; grid-row:3; }
 .obor-v19-demo .desktop-experience .obor-command-header__divider { display:none; }
 .obor-v19-demo .desktop-experience .obor-command-contact__icon { display:inline-flex; font-size:16px; }
 .obor-v19-demo .desktop-experience .obor-command-contact__copy > strong { font-size:13px; text-overflow:clip; overflow:visible; }
 .obor-v19-demo .desktop-experience .obor-signal-header__actions { grid-column:3; grid-row:1; justify-self:end; }
 .obor-v19-demo .desktop-experience .obor-command-header .obor-signal-header__menu { min-height:44px; font-size:12px; letter-spacing:.12em; }
 body.lg-language-eligible .site-root .desktop-experience header.desktop-header-layer > nav.oborHomeLanguage { top:100px; right:24px; margin:8px 0 0; }
}