/* Croatian homepage only. Distinct classes keep old hero overrides out of this layout. */
.bd-home-dark {
  --bd-dark: #071d2b;
  --bd-accent: #32d3dc;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0;
  padding: 148px 0 0;
  background: var(--bd-dark);
  color: #fff;
}
.bd-home-dark *, .bd-home-dark-services * { box-sizing: border-box; }
.bd-home-dark__inner, .bd-home-dark-services__inner {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: 32px;
}
.bd-home-dark__inner { position: relative; z-index: 2; padding-block: 64px 72px; }
.bd-home-dark__copy { width: 54%; max-width: 680px; min-width: 0; }
.bd-home-dark .bd-home-dark__eyebrow {
  margin: 0 0 22px;
  color: #76e7ed;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .055em;
}
.bd-home-dark .bd-home-dark__title {
  margin: 0;
  color: #fff;
  font-size: clamp(46px, 4.5vw, 66px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.035em;
  text-wrap: balance;
  overflow-wrap: normal;
}
.bd-home-dark__title span { white-space: nowrap; }
.bd-home-dark .bd-home-dark__lead {
  max-width: 610px;
  margin: 26px 0 0;
  color: #e0eaf0;
  font-size: 21px;
  line-height: 1.6;
  font-weight: 400;
}
.bd-home-dark__actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; margin-top: 32px; }
.bd-home-dark .bd-home-dark__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 62px;
  padding: 17px 26px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-family: inherit;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 750;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease;
}
.bd-home-dark .bd-home-dark__button--primary { background: var(--bd-accent); color: #062432; border-color: var(--bd-accent); }
.bd-home-dark .bd-home-dark__button--primary:hover { background: #78e8ee; border-color: #78e8ee; }
.bd-home-dark .bd-home-dark__button--secondary { background: #071d2b80; color: #fff; border-color: #c3d8e3a6; }
.bd-home-dark .bd-home-dark__button--secondary:hover { background: #153649; border-color: #fff; }
.bd-home-dark__quick-links { display: flex; flex-wrap: wrap; align-items: center; column-gap: 26px; row-gap: 4px; margin-top: 17px; }
.bd-home-dark__quick-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #dbe8ef;
  font-size: 17px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: #648a9d;
}
.bd-home-dark__quick-links a:hover { color: #86edf1; text-decoration-color: currentColor; }
.bd-home-dark__media { position: absolute; inset: 148px 0 0; z-index: 0; margin: 0; pointer-events: none; }
.bd-home-dark__media img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 72% top; }
.bd-home-dark__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #071d2b 0%, #071d2bf5 27%, #071d2be3 39%, #071d2b99 52%, #071d2b21 67%, #071d2b00 79%), linear-gradient(180deg, #071d2bb3 0%, #071d2b00 31%, #071d2b00 80%, #071d2b40 100%);
  pointer-events: none;
}
.bd-home-dark-services { position: relative; background: #092331; border-block: 1px solid #bfd9e526; color: #fff; }
.bd-home-dark-services__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-block: 25px; }
.bd-home-dark-services a { display: flex; align-items: center; gap: 15px; min-width: 0; min-height: 62px; padding: 10px 24px; color: #f2f7fa; font-size: 18px; line-height: 1.45; font-weight: 600; text-decoration: none; }
.bd-home-dark-services a:first-child { padding-left: 0; }
.bd-home-dark-services a:last-child { padding-right: 0; }
.bd-home-dark-services a + a { border-left: 1px solid #bfd9e533; }
.bd-home-dark-services a > i:first-child { flex: 0 0 auto; color: #9be9ee; font-size: 29px; line-height: 1.2; }
.bd-home-dark-services a span { min-width: 0; }
.bd-home-dark-services .bd-home-dark-services__arrow { margin-left: auto; color: #94b6c5; font-size: 19px; }
.bd-home-dark-services a:hover { color: #86edf1; }
.bd-home-dark :is(a,button):focus-visible, .bd-home-dark-services a:focus-visible { outline: 3px solid #86edf1; outline-offset: 5px; }
/* Retain the existing menu, dropdowns, and scroll behavior; match the new hero's dark surface. */
body:is(.is-home, .is-dark-landing) #site-header:not(.is-scrolled) { background: #071d2b!important; border-bottom: 1px solid #bfd9e526; }
body:is(.is-home, .is-dark-landing) #site-header:not(.is-scrolled) .nav-shell { background: transparent!important; border-color: transparent!important; box-shadow: none!important; }
body:is(.is-home, .is-dark-landing) #site-header:not(.is-scrolled) .brand-name,
body:is(.is-home, .is-dark-landing) #site-header:not(.is-scrolled) .nav-link { color: #fff!important; text-shadow: none!important; }
@media (min-width: 1600px) {
  .bd-home-dark__inner { padding-block: 86px 94px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .bd-home-dark { padding-top: 148px; }
  .bd-home-dark__media { top: 148px; }
  .bd-home-dark__inner { padding-block: 54px 60px; padding-inline: 24px; }
  .bd-home-dark__copy { width: 57%; }
  .bd-home-dark .bd-home-dark__title { font-size: 48px; }
  .bd-home-dark .bd-home-dark__lead { font-size: 20px; }
  .bd-home-dark-services__inner { padding-inline: 24px; }
  .bd-home-dark-services a { gap: 10px; padding-inline: 16px; font-size: 17px; }
  .bd-home-dark-services .bd-home-dark-services__arrow { display: none; }
}
@media (max-width: 1023px) {
  .bd-home-dark { padding-top: 76px; }
  body:is(.is-home, .is-dark-landing) #site-header .nav-shell { min-height: 64px!important; }
  body:is(.is-home, .is-dark-landing) #site-header .nav-shell .brand-name { font-size: 21px!important; }
  body:is(.is-home, .is-dark-landing) #site-header .nav-shell .logo-badge img { height: 36px!important; }
  body:is(.is-home, .is-dark-landing) #site-header #mobile-menu-toggle { min-width: 44px!important; min-height: 44px!important; }
  .bd-home-dark__inner { padding: 42px 24px 30px; }
  .bd-home-dark__copy { width: 100%; max-width: 740px; }
  .bd-home-dark .bd-home-dark__title { max-width: 720px; font-size: clamp(38px, 5.8vw, 56px); }
  .bd-home-dark .bd-home-dark__lead { max-width: 670px; font-size: 20px; }
  .bd-home-dark__media { position: relative; inset: auto; width: 100%; aspect-ratio: 16 / 9; }
  .bd-home-dark__media img { object-position: 72% top; }
  .bd-home-dark__media::after { background: linear-gradient(180deg, #071d2b80 0%, #071d2b00 10%, #071d2b00 90%, #09233190 100%); }
  .bd-home-dark-services__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 24px; }
  .bd-home-dark-services a { padding: 20px 18px; min-height: 84px; }
  .bd-home-dark-services a:nth-child(odd) { padding-left: 0; border-left: 0; }
  .bd-home-dark-services a:nth-child(even) { padding-right: 0; border-left: 1px solid #bfd9e533; }
  .bd-home-dark-services a:nth-child(n+3) { border-top: 1px solid #bfd9e533; }
}
@media (max-width: 599px) {
  .bd-home-dark__inner { padding: 24px 20px 20px; }
  .bd-home-dark .bd-home-dark__eyebrow { margin-bottom: 18px; font-size: 15px; letter-spacing: .02em; }
  .bd-home-dark .bd-home-dark__title { font-size: clamp(36px, 9.6vw, 48px); line-height: 1.1; letter-spacing: -.03em; text-wrap: initial; }
  .bd-home-dark .bd-home-dark__lead { margin-top: 22px; font-size: 18px; line-height: 1.6; }
  .bd-home-dark__actions { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 26px; }
  .bd-home-dark .bd-home-dark__button { width: 100%; min-height: 58px; padding: 15px 20px; font-size: 18px; }
  .bd-home-dark__quick-links { column-gap: 20px; row-gap: 0; margin-top: 13px; }
  .bd-home-dark__quick-links a { font-size: 16px; }
  .bd-home-dark__media { aspect-ratio: 16 / 9; }
  .bd-home-dark__media img { object-position: center; }
  .bd-home-dark-services__inner { padding-inline: 20px; }
  .bd-home-dark-services a { flex-wrap: wrap; align-content: flex-start; align-items: flex-start; row-gap: 12px; padding-block: 19px; font-size: 17px; }
  .bd-home-dark-services a > i:first-child { width: 100%; font-size: 27px; }
  .bd-home-dark-services a span { width: 100%; }
  .bd-home-dark-services .bd-home-dark-services__arrow { display: none; }
}
@media (max-width: 359px) {
  .bd-home-dark__inner, .bd-home-dark-services__inner { padding-inline: 16px; }
  .bd-home-dark .bd-home-dark__title { font-size: 34px; }
  .bd-home-dark .bd-home-dark__eyebrow { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .bd-home-dark .bd-home-dark__button { transition: none; }
}

/* Zadar uses the shared hero without inheriting generic inner-page offsets. */
body.is-inner.is-dark-landing main#main .bd-service-content > section.bd-home-dark:first-child { padding-top: 148px!important; }
@media (max-width:1023px) {
  body.is-inner.is-dark-landing main#main .bd-service-content > section.bd-home-dark:first-child { padding-top: 76px!important; }
}