.elementor-11 .elementor-element.elementor-element-9e720ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-11 .elementor-element.elementor-element-6ab2320{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-11 .elementor-element.elementor-element-919bd42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-9d1f49b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--flex-wrap:nowrap;--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-11 .elementor-element.elementor-element-64e1719{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-9e720ea{--width:100%;}.elementor-11 .elementor-element.elementor-element-6ab2320{--width:100%;}.elementor-11 .elementor-element.elementor-element-919bd42{--width:auto;}.elementor-11 .elementor-element.elementor-element-9d1f49b{--width:auto;}.elementor-11 .elementor-element.elementor-element-64e1719{--width:auto;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-6ab2320{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-6ab2320{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-9e720ea *//* =========================================================
   WONDERHUE STUDIO
   GLOBAL HEADER — FINAL CLEAN CSS
========================================================= */


/* =========================================================
   01. DESKTOP MAIN NAVIGATION
========================================================= */

.wh-main-nav {
  position: relative;

  display: flex;
  align-items: center;
}


.wh-main-nav__list {
  display: flex;
  align-items: center;

  gap: 32px;

  margin: 0;
  padding: 0;

  list-style: none;
}


.wh-main-nav__item {
  position: relative;

  margin: 0;
  padding: 0;
}


.wh-main-nav__link {
  display: inline-flex;
  align-items: center;

  gap: 6px;

  color: #131A22;

  text-decoration: none;

  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;

  white-space: nowrap;

  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}


.wh-main-nav__link:hover,
.wh-main-nav__link:focus-visible {
  color: #009D93;
}


.wh-main-nav__chevron {
  flex: 0 0 auto;

  transition:
    transform 0.25s ease;
}


/* =========================================================
   02. EXPLORE BY AGE — DESKTOP DROPDOWN
========================================================= */

.wh-age-menu {
  position: absolute;

  top: calc(100% + 18px);
  left: 50%;

  width: 320px;

  padding: 12px;

  background: #F5F2EC;

  border:
    1px solid rgba(19, 26, 34, 0.08);

  border-radius: 18px;

  box-shadow:
    0 18px 50px rgba(19, 26, 34, 0.12);

  opacity: 0;
  visibility: hidden;

  transform:
    translateX(-50%)
    translateY(8px);

  transition:
    opacity 0.22s ease,
    visibility 0.22s ease,
    transform 0.22s ease;

  z-index: 100;
}


.wh-age-menu__list {
  display: flex;
  flex-direction: column;

  gap: 2px;

  margin: 0;
  padding: 0;

  list-style: none;
}


.wh-age-menu__link {
  display: flex;
  flex-direction: column;

  gap: 3px;

  padding: 11px 14px;

  color: #131A22;

  text-decoration: none;

  border-radius: 12px;

  transition:
    background-color 0.20s ease,
    transform 0.20s ease;
}


.wh-age-menu__link:hover,
.wh-age-menu__link:focus-visible {
  background:
    rgba(0, 157, 147, 0.08);

  transform:
    translateX(2px);
}


.wh-age-menu__age {
  font-family: "Inter", sans-serif;

  font-size: 11px;
  font-weight: 600;

  line-height: 1.2;

  letter-spacing: 0.06em;

  text-transform: uppercase;

  color: #009D93;
}


.wh-age-menu__name {
  font-family:
    "Bricolage Grotesque",
    sans-serif;

  font-size: 17px;
  font-weight: 600;

  line-height: 1.2;

  color: #131A22;
}


/* DESKTOP DROPDOWN INTERACTION */

.wh-main-nav__item--has-submenu:hover
.wh-age-menu,

.wh-main-nav__item--has-submenu:focus-within
.wh-age-menu {

  opacity: 1;
  visibility: visible;

  transform:
    translateX(-50%)
    translateY(0);
}


.wh-main-nav__item--has-submenu:hover
.wh-main-nav__chevron,

.wh-main-nav__item--has-submenu:focus-within
.wh-main-nav__chevron {

  transform:
    rotate(180deg);
}


/* =========================================================
   03. HEADER LOGO
========================================================= */

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__logo {
  width: auto !important;
  max-width: none !important;

  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: flex-start;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__logo
.elementor-widget-image {

  width: auto !important;
  max-width: none !important;

  margin: 0;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__logo img {
  display: block;

  width: 125px !important;
  max-width: 125px !important;

  height: auto !important;

  object-fit: contain;

  transition:
    width 0.35s ease,
    max-width 0.35s ease;
}


/* =========================================================
   04. DESKTOP / MOBILE NAV VISIBILITY
========================================================= */

.wh-mobile-nav {
  display: none;
}


/* =========================================================
   05. MOBILE / TABLET DETAILS RESET
========================================================= */

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav summary,
.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age summary {
  list-style: none;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav summary::-webkit-details-marker,
.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age summary::-webkit-details-marker {
  display: none;
}


/* =========================================================
   06. HEADER CTA — DESKTOP
========================================================= */

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta {
  width: auto !important;
  max-width: none !important;

  flex: 0 0 auto !important;

  display: flex !important;

  align-items: center;
  justify-content: flex-end;

  margin: 0 !important;
  padding: 0 !important;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta-button {
  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta-button
.elementor-button {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: auto;

  padding: 11px 20px;

  background: #131A22 !important;
  color: #FFFFFF !important;

  border: none !important;

  border-radius: 999px;

  font-family: "Inter", sans-serif;

  font-size: 14px;
  font-weight: 600;

  line-height: 1.2;

  text-decoration: none !important;

  white-space: nowrap;

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta-button
.elementor-button-text {

  color: inherit !important;

  text-decoration: none !important;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta-button
.elementor-button:hover,

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta-button
.elementor-button:focus-visible {

  background: #F95043 !important;

  color: #FFFFFF !important;

  text-decoration: none !important;
}


/* =========================================================
   07. MOBILE CTA
========================================================= */

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-cta {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 100%;

  margin-top: 24px;

  padding: 14px 22px;

  background: #131A22;

  color: #FFFFFF !important;

  border: none;

  border-radius: 999px;

  font-family: "Inter", sans-serif;

  font-size: 15px;
  font-weight: 600;

  line-height: 1.2;

  text-decoration: none !important;

  box-sizing: border-box;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}


.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-cta:hover,
.elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-cta:focus-visible {

  background: #F95043;

  color: #FFFFFF !important;

  text-decoration: none !important;
}


/* =========================================================
   08. GLOBAL FIXED HEADER
========================================================= */

.elementor-location-header {
  position: fixed !important;

  top: 0;
  left: 0;
  right: 0;

  width: 100%;

  z-index: 99999 !important;

  background: transparent !important;
  background-color: transparent !important;

  box-shadow: none;

  transition:
    background-color 0.35s ease,
    box-shadow 0.35s ease,
    backdrop-filter 0.35s ease,
    -webkit-backdrop-filter 0.35s ease;
}


/* Header inner */

.elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__inner {
  background: transparent !important;
  background-color: transparent !important;

  transition:
    min-height 0.35s ease,
    padding 0.35s ease,
    background-color 0.35s ease;
}


/* =========================================================
   09. WORDPRESS ADMIN BAR
========================================================= */

body.admin-bar
.elementor-location-header {
  top: 32px;
}


@media screen and (max-width: 782px) {

  body.admin-bar
  .elementor-location-header {
    top: 46px;
  }

}


/* =========================================================
   10. HEADER OVER SECTION 01 — HERO
   FULL TRANSPARENT
========================================================= */

.elementor-location-header.wh-over-hero {
  background: transparent !important;
  background-color: transparent !important;

  box-shadow: none !important;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}


.elementor-location-header.wh-over-hero
.wh-header__inner {

  background: transparent !important;
  background-color: transparent !important;

  box-shadow: none !important;
}


/* Elementor generated inner containers */

.elementor-location-header.wh-over-hero
.e-con,

.elementor-location-header.wh-over-hero
.e-con-inner {

  background-color: transparent !important;
}


/* Elementor background overlays */

.elementor-location-header.wh-over-hero
.e-con::before,

.elementor-location-header.wh-over-hero
.wh-header__inner::before {

  background: transparent !important;
  background-color: transparent !important;

  opacity: 0 !important;
}


/* =========================================================
   11. HEADER AFTER HERO — PAPER STATE
========================================================= */

.elementor-location-header.wh-is-scrolled {
  background:
    rgba(245, 242, 236, 0.94) !important;

  background-color:
    rgba(245, 242, 236, 0.94) !important;

  box-shadow:
    0 8px 30px
    rgba(19, 26, 34, 0.06);
}


/*
   El color lo lleva el wrapper global.
   El inner se mantiene transparente
   para evitar doble fondo.
*/

.elementor-location-header.wh-is-scrolled
.wh-header__inner {

  background:
    transparent !important;

  background-color:
    transparent !important;
}


/* =========================================================
   12. TOP OF PAGE
========================================================= */

.elementor-location-header:not(.wh-over-hero):not(.wh-is-scrolled) {

  background:
    transparent !important;

  background-color:
    transparent !important;

  box-shadow:
    none !important;
}


/* =========================================================
   13. TABLET + MOBILE
========================================================= */

@media (max-width: 1024px) {

  /* LOGO */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__logo img {
    width: 115px !important;
    max-width: 115px !important;
  }


  /* HIDE DESKTOP NAV */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-main-nav {
    display: none !important;
  }


  /* HIDE DESKTOP CTA */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__cta {
    display: none !important;
  }


  /* NAV WRAPPER */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-header__nav {
    width: auto !important;
    max-width: none !important;

    flex: 0 0 auto !important;

    margin-left: auto !important;

    padding: 0 !important;

    position: static !important;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-main-nav-widget {
    width: auto !important;
    max-width: none !important;

    flex: 0 0 auto !important;

    position: static !important;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-main-nav-widget
  > .elementor-widget-container {

    position: static !important;
  }


  /* SHOW MOBILE NAV */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav {
    display: block;

    position: static !important;

    margin: 0;
    padding: 0;
  }


  /* =======================================================
     MOBILE HAMBURGER BUTTON
  ======================================================= */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle {
    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin: 0;
    padding: 0;

    background: #131A22;

    border: 0;

    border-radius: 50%;

    cursor: pointer;

    box-sizing: border-box;

    list-style: none;

    font-size: 0;

    color: transparent;

    appearance: none;
    -webkit-appearance: none;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle::marker {
    content: "";
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle::-webkit-details-marker {
    display: none;
  }


  /* HAMBURGER CENTER LINE */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle__icon {
    position: relative;

    display: block;

    width: 20px;
    height: 2px;

    background: #FFFFFF;

    border-radius: 999px;

    transition:
      background 0.20s ease;
  }


  /* TOP + BOTTOM LINES */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle__icon::before,
  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle__icon::after {

    content: "";

    position: absolute;

    left: 0;

    width: 20px;
    height: 2px;

    background: #FFFFFF;

    border-radius: 999px;

    transform-origin: center;

    transition:
      transform 0.25s ease,
      top 0.25s ease;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle__icon::before {
    top: -6px;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-toggle__icon::after {
    top: 6px;
  }


  /* =======================================================
     HAMBURGER → X
  ======================================================= */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav[open]
  > .wh-mobile-toggle {

    background: #F95043;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav[open]
  > .wh-mobile-toggle
  .wh-mobile-toggle__icon {

    background: transparent;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav[open]
  > .wh-mobile-toggle
  .wh-mobile-toggle__icon::before {

    top: 0;

    transform:
      rotate(45deg);
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-nav[open]
  > .wh-mobile-toggle
  .wh-mobile-toggle__icon::after {

    top: 0;

    transform:
      rotate(-45deg);
  }


  /* =======================================================
     MOBILE PANEL
  ======================================================= */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-panel {
    position: absolute;

    top: 100%;
    left: 0;
    right: 0;

    width: 100%;

    padding:
      26px
      32px
      32px;

    background: #F5F2EC;

    border-top:
      1px solid
      rgba(19, 26, 34, 0.08);

    box-shadow:
      0 20px 40px
      rgba(19, 26, 34, 0.10);

    z-index: 9999;

    box-sizing: border-box;
  }


  /* =======================================================
     MOBILE MAIN LINKS
  ======================================================= */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-link,
  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-toggle {

    width: 100%;

    display: flex;

    align-items: center;
    justify-content: space-between;

    box-sizing: border-box;

    padding: 17px 0;

    color: #131A22;

    font-family: "Inter", sans-serif;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.2;

    text-decoration: none;

    background: transparent;

    border: 0;

    border-bottom:
      1px solid
      rgba(19, 26, 34, 0.10);

    cursor: pointer;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-link:hover {
    color: #009D93;
  }


  /* =======================================================
     MOBILE EXPLORE BY AGE
  ======================================================= */

  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age {
    margin: 0;
    padding: 0;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-list {
    padding:
      8px
      0
      14px;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-list a {
    display: flex;

    flex-direction: column;

    gap: 4px;

    padding:
      11px
      16px;

    color: #131A22;

    text-decoration: none;

    border-radius: 10px;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-list a:hover {
    background:
      rgba(0, 157, 147, 0.08);
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-list span {
    font-family:
      "Inter",
      sans-serif;

    font-size: 14px;
    font-weight: 600;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-list small {
    font-family:
      "Bricolage Grotesque",
      sans-serif;

    font-size: 15px;
    font-weight: 600;

    color: #009D93;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age-icon {
    display: inline-block;

    font-size: 24px;
    font-weight: 400;

    line-height: 1;

    transition:
      transform 0.25s ease;
  }


  .elementor-11 .elementor-element.elementor-element-9e720ea .wh-mobile-age[open]
  .wh-mobile-age-icon {

    transform:
      rotate(45deg);
  }

}



/* =========================================
   14. MOBILE — HERO RECROP FINAL
========================================= */

@media screen and (max-width: 767px) {


  /* =======================================
     MOBILE VIDEO CROPPING
     STRONGER WORLD-BY-WORLD POSITIONS
  ======================================= */

  /* 01 — FIRST DISCOVERIES
     Move frame much further left
     so the Highland Cow becomes a real focal point */
  #wh-hero .wh-hero-video[data-world="1"] {
    object-position: 16% center !important;
  }

  /* 02 — BIG IMAGINATIONS
     Bring dinosaur further into frame */
  #wh-hero .wh-hero-video[data-world="2"] {
    object-position: 15% center !important;
  }

  /* 03 — CURIOUS MINDS
     Recover the explorer on the left */
  #wh-hero .wh-hero-video[data-world="3"] {
    object-position: 16% center !important;
  }

  /* 04 — FIND YOUR STYLE
     Recover the teen character clearly */
  #wh-hero .wh-hero-video[data-world="4"] {
    object-position: 13% center !important;
  }

  /* 05 — CREATIVE ESCAPES
     Give more presence to the standing figure */
  #wh-hero .wh-hero-video[data-world="5"] {
    object-position: 20% center !important;
  }

  /* 06 — CREATE AT YOUR OWN PACE
     This one already works well */
  #wh-hero .wh-hero-video[data-world="6"] {
    object-position: 43% center !important;
  }



  /* =======================================
     MOBILE OVERLAY
  ======================================= */

  #wh-hero .wh-hero-overlay {
    background:
      linear-gradient(
        0deg,
        rgba(10, 12, 15, 0.50) 0%,
        rgba(10, 12, 15, 0.22) 30%,
        rgba(10, 12, 15, 0.02) 58%
      ),
      linear-gradient(
        90deg,
        rgba(10, 12, 15, 0.16) 0%,
        rgba(10, 12, 15, 0.04) 58%,
        rgba(10, 12, 15, 0) 100%
      );
  }



  /* =======================================
     MAIN COPY
  ======================================= */

  #wh-hero .wh-hero-copy {
    left: 22px;
    right: 22px;
    bottom: 66px;
    width: auto;
    max-width: none;
  }

  #wh-hero .wh-hero-age {
    margin: 0 0 12px 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.14em;
  }

  #wh-hero .wh-hero-title {
    margin: 0 0 14px 0;
    font-size: 39px;
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.035em;
  }

  #wh-hero .wh-hero-description {
    width: 100%;
    max-width: 520px;
    font-size: 15px;
    line-height: 1.48;
  }



  /* =======================================
     MOBILE PROGRESS
  ======================================= */

  #wh-hero .wh-hero-progress {
    top: 132px;
    right: 22px;
    bottom: auto;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.08em;
  }



  /* =======================================
     SCROLL CUE
  ======================================= */

  #wh-hero .wh-hero-scroll {
    left: 22px;
    bottom: 24px;
    transform: none;
    font-size: 10px;
  }



  /* =======================================
     OUTRO
  ======================================= */

  #wh-hero .wh-hero-outro {
    padding: 120px 24px 50px;
  }

  #wh-hero .wh-hero-outro-inner {
    width: 100%;
    max-width: 520px;
  }

  #wh-hero .wh-hero-outro-label {
    margin: 0 0 18px 0;
    font-size: 12px;
    letter-spacing: 0.16em;
  }

  #wh-hero .wh-hero-outro-title {
    margin: 0 0 22px 0;
    font-size: 44px;
    line-height: 0.96;
    letter-spacing: -0.035em;
  }

  #wh-hero .wh-hero-outro-description {
    margin: 0 auto 28px auto;
    max-width: 440px;
    font-size: 16px;
    line-height: 1.5;
  }

  #wh-hero .wh-hero-outro-cta {
    min-height: 46px;
    padding: 0 24px;
    font-size: 14px;
  }

}

/* =========================================================
   END — WONDERHUE GLOBAL HEADER
========================================================= */







/* =========================================================
   15. NAVBAR CONTRAST BY HERO WORLD
========================================================= */


/* DARK NAV — DEFAULT WORLDS */

.wh-header.wh-nav-dark
.wh-main-nav__link {

  color: #131A22;
}


.wh-header.wh-nav-dark
.wh-main-nav__chevron {

  color: #131A22;
}


/* LIGHT NAV — WORLD 03 + WORLD 04 */

.wh-header.wh-nav-light
.wh-main-nav__link {

  color: #FFFFFF;

  text-shadow:
    0 1px 8px rgba(0, 0, 0, 0.30);
}


.wh-header.wh-nav-light
.wh-main-nav__chevron {

  color: #FFFFFF;
}


/* HOVER IN LIGHT MODE */

.wh-header.wh-nav-light
.wh-main-nav__link:hover,

.wh-header.wh-nav-light
.wh-main-nav__link:focus-visible {

  color: #FFFFFF;

  opacity: 0.78;
}


/* KEEP DROPDOWN CONTENT DARK */

.wh-header.wh-nav-light
.wh-age-menu__link {

  color: #131A22;

  text-shadow: none;
}


/* TRANSITION */

.wh-header
.wh-main-nav__link,

.wh-header
.wh-main-nav__chevron {

  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}








/* =========================================================
   WONDERHUE STUDIO — GLOBAL HEADER
   16. ADAPTIVE LOGO SYSTEM v1.0

   wh-logo-light-bg = Original dark lettering
   wh-logo-dark-bg  = Warm white lettering

   Works with Header Engine v2.0
========================================================= */

/* Default: original logo for light header backgrounds */

.wh-header .wh-logo-light-bg {
  display: block !important;
}

.wh-header .wh-logo-dark-bg {
  display: none !important;
}

/* Show warm-white logo ONLY when the header is
   transparent and the active navigation is light */

.wh-header.wh-nav-light:not(.wh-is-scrolled)
.wh-logo-light-bg {
  display: none !important;
}

.wh-header.wh-nav-light:not(.wh-is-scrolled)
.wh-logo-dark-bg {
  display: block !important;
}

/* Scrolled paper header always uses original logo */

.wh-header.wh-is-scrolled .wh-logo-light-bg {
  display: block !important;
}

.wh-header.wh-is-scrolled .wh-logo-dark-bg {
  display: none !important;
}

/* Both image widgets occupy the same logo slot */

.wh-header .wh-header__logo {
  position: relative;
  display: flex;
  align-items: center;
}

/* =========================================================
   END — ADAPTIVE LOGO SYSTEM v1.0
========================================================= */






/* =========================================================
   WONDERHUE — ADAPTIVE LOGO
   CONTRAST TEST v1.1
   DESKTOP + TABLET + MOBILE
========================================================= */

/* Dark sections: warm white logo */

.wh-header.wh-nav-light
.wh-logo-light-bg {
  display: none !important;
}

.wh-header.wh-nav-light
.wh-logo-dark-bg {
  display: block !important;
}

/* Light sections: original dark logo */

.wh-header.wh-nav-dark
.wh-logo-light-bg {
  display: block !important;
}

.wh-header.wh-nav-dark
.wh-logo-dark-bg {
  display: none !important;
}

/* Make the header background match its text theme */

.elementor-location-header.wh-is-scrolled:has(.wh-header.wh-nav-light) {
  background: rgba(19, 26, 34, 0.94) !important;
  background-color: rgba(19, 26, 34, 0.94) !important;
}

.elementor-location-header.wh-is-scrolled:has(.wh-header.wh-nav-dark) {
  background: rgba(245, 242, 236, 0.94) !important;
  background-color: rgba(245, 242, 236, 0.94) !important;
}

/* =========================================================
   END — ADAPTIVE LOGO CONTRAST TEST v1.1
========================================================= *//* End custom CSS */