/* Full-bleed photographic opening screen with navigation floating over the image. */
:root{--linden-fresh:#b5e696;--linden-light:#d7efc5;--linden-green-ink:#263e29}
.site-header.nav{
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%;
  height:96px!important;
  padding:18px clamp(24px,6vw,92px)!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-header.nav::after{
  display:none;
}
.site-header .logo{
  color:#fff;
  text-shadow:0 2px 18px rgba(20,15,12,.45);
}
.site-header .logo small{color:rgba(255,255,255,.74)}
.site-header .desktop-nav{
  position:relative;
  gap:0;
  padding:2px;
  font-size:12px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(34,28,23,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 18px rgba(23,16,12,.12);
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
}
.site-header .desktop-nav::before{
  content:'';
  position:absolute;
  top:2px;
  left:0;
  height:32px;
  width:var(--glass-width,0px);
  transform:translateX(var(--glass-x,3px));
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 12px rgba(0,0,0,.08);
  opacity:var(--glass-visible,0);
  pointer-events:none;
  transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}
.site-header .desktop-nav>a,
.site-header .order-menu>summary{
  position:relative;
  min-height:32px;
  padding:0 11px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#fff;
  text-shadow:0 1px 6px rgba(20,15,12,.35);
  box-shadow:none;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.site-header .desktop-nav>a:focus-visible,
.site-header .order-menu>summary:focus-visible{outline:2px solid #fff7e8;outline-offset:4px}
.site-header .desktop-nav>a:hover,
.site-header .order-menu>summary:hover,
.site-header .order-menu[open]>summary{background:transparent;color:#fff!important;text-shadow:0 1px 6px rgba(20,15,12,.35)}
.site-header .desktop-nav>a[aria-current="page"]::after{
  content:'';
  display:block;
  width:5px;
  height:5px;
  margin-left:8px;
  border-radius:50%;
  background:#dce5d7;
}
.site-header .header-call{
  min-height:38px!important;
  height:38px!important;
  padding:0 16px!important;
  font-size:12px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  border-radius:999px;
  background:var(--linden-fresh)!important;
  color:var(--linden-green-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 10px 30px rgba(23,16,12,.2)!important;
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
}
.site-header .header-call:hover{
  background:var(--linden-light)!important;
  color:var(--linden-green-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 13px 34px rgba(23,16,12,.26)!important;
}
.homepage-hero{
  align-items:flex-end!important;
  min-height:100svh!important;
  padding:clamp(130px,16vh,175px) clamp(28px,7vw,110px) 118px!important;
  background:
    linear-gradient(90deg,rgba(28,22,18,.83) 0%,rgba(38,30,24,.61) 36%,rgba(43,38,31,.20) 68%,rgba(43,38,31,.06) 100%),
    linear-gradient(180deg,rgba(20,17,14,.34) 0%,transparent 26%,rgba(20,17,14,.08) 55%,rgba(20,17,14,.52) 100%),
    url('https://d8j0ntlcm91z4.cloudfront.net/user_3IgDNq6d8TC9Wt5W6NpJTtnu9Ca/hf_20260920_105526_7f50ab45-68e3-48ac-9015-a84433db1a98.png') center/cover no-repeat!important;
}
.homepage-hero .hero-inner{position:relative;z-index:1;max-width:860px;margin-bottom:34px}
.homepage-hero .eyebrow{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.homepage-hero .eyebrow::before{background:#dce5d7!important}
.homepage-hero .hero-inner h1{max-width:860px;font-size:clamp(54px,6.4vw,100px);text-wrap:balance}
.homepage-hero .hero-lead{max-width:540px!important}
.homepage-hero .hero-actions{margin-top:34px}
.homepage-hero .hero-actions .btn{
  min-height:50px;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.72)!important;
  background:#fff7e8!important;
  color:#4a3528!important;
  box-shadow:0 10px 30px rgba(24,18,14,.22)!important;
}
.homepage-hero .hero-actions .btn:hover,
.homepage-hero .hero-actions .btn:focus-visible{
  outline:0;
  background:#dce5d7!important;
  transform:translateY(-1px);
}
.homepage-hero .hero-actions .hero-secondary{
  min-height:50px;
  padding-inline:22px;
  background:rgba(34,28,23,.12);
}
.homepage-hero .hero-facts{
  left:auto;
  right:clamp(28px,7vw,110px);
  bottom:30px;
  display:flex;
  gap:22px;
  width:auto;
  padding:0;
  border:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.homepage-hero .hero-facts span{
  min-height:auto;
  padding:2px 0 2px 18px;
  border:0;
  border-left:1px solid rgba(255,255,255,.34);
  color:rgba(255,255,255,.82);
  letter-spacing:.1em;
}
.homepage-hero .hero-facts span:first-child{
  border-left:1px solid rgba(255,255,255,.34);
}

.afternoon-flat{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;
  gap:clamp(48px,8vw,130px);
  align-items:end;
  min-height:0!important;
  padding:72px clamp(28px,9vw,145px)!important;
  border-block:7px solid #5f7158;
  background:#4a3528!important;
  background-image:none!important;
  color:#fff;
}
.afternoon-flat .afternoon-intro .eyebrow{margin:0 0 18px;color:#dce5d7!important}
.afternoon-flat h2{margin:0;font-size:clamp(48px,5.6vw,78px);line-height:.9}
.afternoon-flat h2 em{color:#f0dfc6!important}
.afternoon-flat .afternoon-intro>p:last-child{max-width:590px;margin:24px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.7}
.afternoon-options{border-top:1px solid rgba(255,255,255,.3)}
.afternoon-option{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.afternoon-option strong{font:600 20px 'Playfair Display',serif}
.afternoon-option span{color:#f0dfc6;font:500 12px 'DM Mono',monospace}
.afternoon-option small{grid-column:1/-1;color:rgba(255,255,255,.62);font-size:12px}
.afternoon-flat .afternoon-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:22px;padding:0 19px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:#fff7e8;color:#4a3528;font-size:12px;font-weight:700}
.afternoon-flat .afternoon-button:hover,.afternoon-flat .afternoon-button:focus-visible{outline:0;background:#dce5d7}

@media(max-width:1240px){
  .site-header .desktop-nav,.site-header .header-call{display:none!important}
  .site-header .mobile-menu{display:block}
}

@media(max-width:1060px){
  .site-header.nav{height:82px!important;padding:17px 24px!important}
  .site-header.nav::after{left:24px;right:24px}
  .site-header .mobile-menu>summary{
    border-color:rgba(255,255,255,.5);
    background:rgba(40,34,29,.2);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 26px rgba(20,15,12,.2);
  }
  .site-header .mobile-menu>summary::before,
  .site-header .mobile-menu>summary::after{background:#fff}
  .site-header .mobile-menu[open]>summary{background:rgba(255,253,247,.94)}
  .site-header .mobile-menu[open]>summary::after{color:#4a3528;background:transparent}
}

@media(max-width:750px){
  .site-header.nav{height:74px!important;padding:14px 18px!important}
  .site-header.nav::after{left:18px;right:18px}
  .homepage-hero{
    min-height:100svh!important;
    padding:104px 24px 90px!important;
    background:
      linear-gradient(180deg,rgba(27,22,18,.52) 0%,rgba(31,25,21,.32) 26%,rgba(34,28,23,.72) 68%,rgba(29,24,20,.92) 100%),
      url('https://d8j0ntlcm91z4.cloudfront.net/user_3IgDNq6d8TC9Wt5W6NpJTtnu9Ca/hf_20260920_105526_7f50ab45-68e3-48ac-9015-a84433db1a98.png') 61% center/cover no-repeat!important;
  }
  .homepage-hero::after{display:none!important}
  .homepage-hero .hero-inner{margin-bottom:22px}
  .homepage-hero .hero-inner h1{font-size:clamp(44px,12.5vw,64px)}
  .homepage-hero .hero-lead{max-width:34rem!important;color:rgba(255,255,255,.94)}
  .homepage-hero .hero-facts{
    left:24px;
    right:24px;
    bottom:20px;
    display:block;
    width:auto;
    background:transparent;
    backdrop-filter:none;
  }
  .homepage-hero .hero-facts span:first-child{justify-content:flex-start;min-height:auto;padding:0;border:0}
  .afternoon-flat{grid-template-columns:1fr!important;gap:34px;padding:58px 24px!important}
  .afternoon-flat h2{font-size:clamp(46px,14vw,64px)}
  .afternoon-flat .afternoon-button{width:100%}
}

@media(prefers-reduced-transparency:reduce){
  .site-header .header-call,.site-header .mobile-menu>summary,.homepage-hero .hero-facts{backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Fresh green accents connect the bright logo dots to the main actions. */
.homepage-hero .hero-inner h1 em{color:var(--linden-light)!important}
.homepage-hero .eyebrow::before{background:#57ed70!important}
.homepage-hero .hero-actions .btn{background:var(--linden-light)!important;color:var(--linden-green-ink)!important}
.homepage-hero .hero-actions .btn:hover{background:var(--linden-fresh)!important}
.linden-statement h2 em,.afternoon-flat h2 em{color:var(--linden-light)!important}
.afternoon-flat .afternoon-button{background:var(--linden-light);color:var(--linden-green-ink)}
.menu-lanyard-menu .menu-cta .btn{background:var(--linden-fresh)!important;color:var(--linden-green-ink)!important}
.site-header .mobile-menu nav a:last-child,.btn.mobile{background:var(--linden-fresh)!important;color:var(--linden-green-ink)!important}
.site-header .mobile-menu nav a:last-child:hover,.btn.mobile:hover{background:var(--linden-light)!important}
@media(prefers-reduced-motion:reduce){.site-header .desktop-nav::before{transition:none}}
