/* Iniko page design — additive presentation only. Original DOM, images and links remain intact.
   Scope excludes the editor, footer, consent UI and existing legal page component. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) {
  --ik-navy: #173b61;
  --ik-gold: #e5cc7b;
  --ik-gold-text: #806319;
  --ik-ink: #242b32;
  --ik-muted: #56616d;
  --ik-border: #e2e6e9;
  --ik-radius: 12px;
  color: var(--ik-ink);
  font-size: clamp(16px, 1.02vw, 17px);
  line-height: 1.7;
}
/* Keep each authored row/column and its background. Only standardize usable width and rhythm. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:not(.penci-elbg-img) {
  padding-top: clamp(32px, 4.6vw, 72px) !important;
  padding-bottom: clamp(32px, 4.6vw, 72px) !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section > .elementor-container {
  width: min(100% - clamp(32px, 5vw, 80px), 1200px);
  max-width: 1200px;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-column { min-width: 0; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-penci-fancy_heading .penci-heading-title {
  color: var(--ik-navy) !important;
  font-size: clamp(28px, 3.2vw, 46px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 22px;
  overflow-wrap: break-word;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-penci-fancy_heading .penci-heading-title .inner-tit {
  color: inherit !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-subtitle {
  color: var(--ik-gold-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: .14em;
  margin-bottom: 12px;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-content,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-ibox-content,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-icon-box-description {
  color: var(--ik-muted) !important;
  font-size: clamp(16px, 1.02vw, 17px) !important;
  line-height: 1.75 !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-content p,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-ibox-content p { margin: 0 0 1.05em; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-content p:last-child,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-ibox-content p:last-child { margin-bottom: 0; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-text-center .penci-heading-content {
  max-width: 790px;
  margin-left: auto;
  margin-right: auto;
}
/* Hero images stay in their authored backgrounds; this overlay supplies consistent contrast. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:first-child.penci-elbg-img {
  position: relative;
  isolation: isolate;
  padding-top: clamp(64px, 9vw, 132px) !important;
  padding-bottom: clamp(64px, 9vw, 132px) !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(105deg, rgba(13,35,57,.79), rgba(13,35,57,.56));
  pointer-events: none;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img > .elementor-container {
  position: relative;
  z-index: 1;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:first-child.penci-elbg-img .penci-heading-title {
  color: #fff !important;
  font-size: clamp(34px, 4.5vw, 64px) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.12);
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:first-child.penci-elbg-img .penci-heading-subtitle { color: var(--ik-gold) !important; }
/* Target only authored calls to action, never consent-management buttons. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) a.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 14px 26px !important;
  border: 1px solid var(--ik-navy) !important;
  border-radius: 8px !important;
  background-color: var(--ik-navy) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em;
  white-space: normal;
  text-align: center;
  box-shadow: 0 4px 12px rgba(23,59,97,.1);
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) a.elementor-button:hover {
  background-color: var(--ik-gold) !important;
  border-color: var(--ik-gold) !important;
  color: #173b61 !important;
  box-shadow: 0 6px 16px rgba(23,59,97,.14);
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) a.elementor-button:focus-visible {
  outline: 3px solid #94731e !important;
  outline-offset: 4px;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-button-content-wrapper,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-button-text { min-width: 0; overflow-wrap: anywhere; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-image img {
  max-width: 100%;
  height: auto !important;
  object-fit: contain;
  border-radius: var(--ik-radius);
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-image figure { max-width: 100%; margin: 0; }
/* Home collection tiles: the existing 3/4-column rows remain intact. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) .elementor-widget-image figure {
  border: 1px solid var(--ik-border);
  border-radius: var(--ik-radius);
  background: #fff;
  box-shadow: 0 5px 20px rgba(23,59,97,.055);
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) .elementor-widget-image figure > a {
  display: block;
  padding: 10px;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) .widget-image-caption {
  margin: 0 !important;
  padding: 15px 12px 18px;
  border-top: 1px solid #edf0f2;
  color: var(--ik-navy) !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .055em;
}
/* Alternating collection features keep their authored image/text order and columns. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 > .elementor-top-section:has(.elementor-inner-section) {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section > .elementor-container {
  align-items: center;
  border: 1px solid var(--ik-border);
  border-radius: var(--ik-radius);
  background: #fff;
  box-shadow: 0 6px 24px rgba(23,59,97,.045);
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: clamp(18px, 3vw, 40px) !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section .penci-heading-title {
  font-size: clamp(27px, 2.7vw, 38px) !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-ibox-title,
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-icon-box-title {
  color: var(--ik-navy) !important;
  font-size: clamp(20px, 1.8vw, 25px) !important;
  line-height: 1.3 !important;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-ibox-inner { padding-bottom: 22px; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-icon-box { margin-bottom: 26px; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-icon-box-description a {
  color: var(--ik-navy) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-image-carousel .swiper-slide-image {
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
  border-radius: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .penci-heading-content { font-size: 16px !important; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-f67253a,.elementor-element-ae12a5b,.elementor-element-ddd6766,.elementor-element-87fa151,.elementor-element-ce48dab,.elementor-element-d86263f) > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 18px !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 20px !important;
  }
}
@media (max-width: 767px) {
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:not(.penci-elbg-img) {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section > .elementor-container { width: calc(100% - 32px); }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-button { margin-top: 18px; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-image { margin-top: 16px; margin-bottom: 16px; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) > .elementor-container > .elementor-column {
    width: 100%;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-b9302e5,.elementor-element-ced870d,.elementor-element-841dad9) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 > .elementor-top-section:has(.elementor-inner-section) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding: 22px !important;
  }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))).elementor-501 .elementor-inner-section .elementor-widget-image { margin: 0; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-element-69f8a6f .elementor-spacer-inner { height: 16px !important; }
}
@media (max-width: 390px) {
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section > .elementor-container { width: calc(100% - 28px); }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) .elementor-widget-penci-fancy_heading .penci-heading-title { font-size: 28px !important; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:first-child.penci-elbg-img .penci-heading-title { font-size: 34px !important; }
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) a.elementor-button { padding-left: 18px !important; padding-right: 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) a.elementor-button { transition: none; }
}

/* Match secondary image-backed banners to their retained photograph as well. */
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img { position: relative; isolation: isolate; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img .penci-heading-title { color: #fff !important; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img .penci-heading-subtitle { color: var(--ik-gold) !important; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section.penci-elbg-img .penci-heading-content { color: #fff !important; }
:where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) :is(.elementor-element-f67253a,.elementor-element-ae12a5b,.elementor-element-ddd6766,.elementor-element-87fa151,.elementor-element-ce48dab,.elementor-element-d86263f) > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: clamp(16px, 3vw, 40px) !important; }
@media (max-width: 767px) {
  :where(body.iniko-design:not(.elementor-editor-active):not(.elementor-editor-preview)) #main > :where(.elementor:not(.iniko-legal):not(:has(.iniko-legal))) > .elementor-top-section:not(.penci-elbg-img) > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-top: 16px !important; padding-bottom: 16px !important; }
}

/* A gold primary action stays distinct on the dark image-backed hero. */
:where(body.iniko-design) #main>.elementor>.elementor-top-section:first-child.penci-elbg-img a.elementor-button{background-color:#e5cc7b!important;border-color:#e5cc7b!important;color:#173b61!important}

/* Home banner: mobile header occupies its own row, with compact readable content. */
@media (max-width: 1024px) {
  body.iniko-design.home.penci-header-trans .penci-header-wrap {
    position: relative !important;
    top: auto !important;
  }
}
@media (max-width: 767px) {
  body.iniko-design.home #main > .elementor-256 > .elementor-element-89726ac {
    padding: 56px 0 60px !important;
    min-height: 0 !important;
    background-position: center center;
  }
  body.iniko-design.home #main .elementor-element-89726ac > .elementor-container {
    width: calc(100% - 40px) !important;
    min-height: 0 !important;
  }
  body.iniko-design.home #main .elementor-element-89726ac > .elementor-container > .elementor-element-deaa3ed {
    width: 100% !important;
  }
  body.iniko-design.home #main .elementor-element-89726ac > .elementor-container > .elementor-element-a7b8e2c {
    display: none;
  }
  body.iniko-design.home #main .elementor-element-deaa3ed > .elementor-widget-wrap {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }
  body.iniko-design.home #main .elementor-element-89726ac :is(.elementor-element-a32c7e2,.elementor-element-37bfd2a) {
    margin: 0 !important;
    width: 100%;
  }
  body.iniko-design.home #main .elementor-element-89726ac .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.iniko-design.home #main .elementor-element-89726ac .penci-heading-title {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.22 !important;
    letter-spacing: -.025em;
    margin: 0 !important;
  }
}