/* ==========================================================================
   YER.GR V2.8.5 — MINIMAL REFERENCE HERO
   Only homepage desktop header and hero.
   ========================================================================== */

.yer-home-v285{
  --mh-navy:#11263F;
  --mh-paper:#F7F5F0;
  --mh-muted:#535C58;
  --mh-line:rgba(17,38,63,.10);
}

/* --------------------------------------------------------------------------
   DESKTOP HEADER — integrated into hero
   -------------------------------------------------------------------------- */
.yer-home-v285-desktop-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:80;
  min-height:96px;
  padding:0 clamp(34px,4vw,66px);
  display:grid;
  grid-template-columns:minmax(120px,.28fr) minmax(420px,1fr) auto auto;
  gap:clamp(20px,2.2vw,36px);
  align-items:center;
  color:var(--mh-navy);
}

.yer-home-v285-brand{
  display:inline-flex;
  width:max-content;
  align-items:center;
  color:var(--mh-navy);
  text-decoration:none;
}

.yer-home-v285-brand svg,
.yer-home-v285-brand img{
  display:block;
  width:auto;
  max-width:124px;
  max-height:48px;
}

.yer-home-v285-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:clamp(30px,3.3vw,58px);
}

.yer-home-v285-nav a{
  color:var(--mh-navy);
  font-size:10px;
  line-height:1;
  font-weight:540;
  letter-spacing:-.005em;
  text-decoration:none;
  white-space:nowrap;
}

.yer-home-v285-lang{
  display:flex;
  align-items:center;
  gap:7px;
}

.yer-home-v285-lang a{
  color:rgba(17,38,63,.48);
  font-size:8px;
  font-weight:700;
  text-decoration:none;
}

.yer-home-v285-lang a.active{
  color:var(--mh-navy);
}

.yer-home-v285-header-cta{
  min-width:136px;
  min-height:43px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:4px;
  background:var(--mh-navy);
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:600;
}

.yer-home-v285-header-cta span{
  font-size:14px;
  font-weight:400;
}

.yer-home-v285-mobile-header{
  display:none;
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */
.yer-home-v285 main{
  padding-top:0!important;
}

.yer-home-v285-hero{
  position:relative;
  min-height:clamp(690px,88svh,900px);
  overflow:hidden;
  background:var(--mh-paper);
  border-bottom:1px solid var(--mh-line);
}

.yer-home-v285-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#E9E5DD;
}

.yer-home-v285-hero-media picture,
.yer-home-v285-hero-media img,
.yer-home-v285-hero-media video{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:var(--yer-focal-position,65% center);
}

.yer-home-v285-hero-wash{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(247,245,240,.995) 0%,
      rgba(247,245,240,.995) 25%,
      rgba(247,245,240,.96) 37%,
      rgba(247,245,240,.78) 47%,
      rgba(247,245,240,.32) 58%,
      rgba(247,245,240,.04) 72%,
      rgba(247,245,240,0) 100%
    );
}

.yer-home-v285-hero-copy{
  position:relative;
  z-index:2;
  width:min(47%,700px);
  min-height:clamp(690px,88svh,900px);
  padding:
    clamp(178px,20vh,222px)
    0
    clamp(72px,8vh,102px)
    clamp(34px,4vw,66px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.yer-home-v285-hero-copy h1{
  max-width:620px;
  margin:0;
  color:var(--mh-navy);
  font-size:clamp(46px,4.6vw,70px);
  line-height:1.08;
  font-weight:620;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.yer-home-v285-hero-copy p{
  max-width:470px;
  margin:30px 0 0;
  color:var(--mh-muted);
  font-size:13px;
  line-height:1.72;
}

.yer-home-v285-hero-copy>a{
  width:max-content;
  min-width:158px;
  min-height:46px;
  margin-top:34px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-radius:4px;
  background:var(--mh-navy);
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:600;
}

.yer-home-v285-hero-copy>a span{
  font-size:14px;
  font-weight:400;
}

/* restrained desktop interaction */
@media(hover:hover){
  .yer-home-v285-nav a{
    transition:opacity .16s ease;
  }
  .yer-home-v285-nav a:hover{
    opacity:.56;
  }
  .yer-home-v285-header-cta,
  .yer-home-v285-hero-copy>a{
    transition:transform .16s ease,background-color .16s ease;
  }
  .yer-home-v285-header-cta:hover,
  .yer-home-v285-hero-copy>a:hover{
    transform:translateY(-1px);
    background:#1A3555;
  }
}

/* --------------------------------------------------------------------------
   TABLET / MOBILE
   Keep the already-working public mobile menu.
   -------------------------------------------------------------------------- */
@media(max-width:1040px){
  .yer-home-v285-desktop-header{
    display:none;
  }

  .yer-home-v285-mobile-header{
    display:block;
    position:relative;
    z-index:90;
  }

  .yer-home-v285-mobile-header .yer-header-v218,
  .yer-home-v285-mobile-header .yer-header-v210{
    background:rgba(247,245,240,.98)!important;
    border-bottom:1px solid var(--mh-line)!important;
  }

  .yer-home-v285 main{
    padding-top:0!important;
  }

  .yer-home-v285-hero{
    min-height:0;
    padding-top:0;
    display:grid;
    grid-template-columns:1fr;
  }

  .yer-home-v285-hero-media{
    position:relative;
    inset:auto;
    order:2;
    height:410px;
  }

  .yer-home-v285-hero-wash{
    display:none;
  }

  .yer-home-v285-hero-copy{
    order:1;
    width:100%;
    min-height:0;
    padding:52px 20px 46px;
    background:var(--mh-paper);
  }

  .yer-home-v285-hero-copy h1{
    max-width:650px;
    font-size:clamp(43px,11.3vw,58px);
    line-height:1.02;
  }

  .yer-home-v285-hero-copy p{
    max-width:560px;
    margin-top:24px;
  }

  .yer-home-v285-hero-copy>a{
    margin-top:28px;
  }
}

@media(max-width:540px){
  .yer-home-v285-hero-media{
    height:350px;
  }

  .yer-home-v285-hero-copy{
    padding:44px 16px 40px;
  }

  .yer-home-v285-hero-copy h1{
    font-size:clamp(40px,11vw,52px);
  }
}

.yer-home-v285 a:focus-visible{
  outline:2px solid var(--mh-navy);
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
  .yer-home-v285-nav a,
  .yer-home-v285-header-cta,
  .yer-home-v285-hero-copy>a{
    transition:none!important;
  }
}