html { scroll-behavior: smooth; }
  *, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; background: #FBF7EF; }
  a { color: #3B4731; text-decoration: none; }
  a:hover { color: #4C5A47; }
  *:focus-visible { outline: 2px solid #3B4731; outline-offset: 3px; }
  @keyframes ekkoIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
  @keyframes ekkoLine { 0%,100% { transform: scaleY(1); opacity: .9; } 50% { transform: scaleY(.45); opacity: .4; } }
  #menu-glowne { display: flex; align-items: center; gap: clamp(14px, 2vw, 26px); }
  #menu-glowne a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; color: #3B4731; }
  #menu-glowne a[data-cta] { padding: 11px 22px; border: 1px solid #3B4731; }
  #burger { display: none; }
  @media (max-width: 1000px) {
    #menu-glowne { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: #FBF7EF; border-bottom: 1px solid #E2DCCF; padding: 8px clamp(20px,4vw,56px) 26px; box-shadow: 0 18px 40px -28px rgba(35,41,31,.45); }
    #menu-glowne[data-open="true"] { display: flex; }
    #menu-glowne a { display: block; padding: 14px 4px; font-size: 15px; letter-spacing: .1em; border-bottom: 1px solid #E2DCCF; }
    #menu-glowne a[data-cta] { margin-top: 18px; padding: 15px 28px; text-align: center; border: 0; background: #3B4731; color: #FBF7EF; font-size: 14px; }
    #burger { display: flex; }
  }
  #h1 ~ p:last-of-type { max-width: 100%; }
  @media (min-width: 768px) {
    #h1 { max-width: min(66vw, 18ch); }
    #h1 + p { max-width: min(66vw, 40ch); }
    #h1 ~ p:last-of-type { max-width: 66vw; }
  }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation: none !important; transition: none !important; }
  }

.ekko-s1:focus{left:12px;top:12px}
.ekko-s2:hover{background:#E7E0D1;color:#2C3524}
.ekko-s3:hover{color:#4C5A47}
.ekko-s4:hover{color:#4C5A47}
.ekko-s5:hover{background:#2C3524}
.ekko-s6:hover{color:#4C5A47}
.ekko-s7:hover{color:#4C5A47}
#burger[aria-expanded="true"] .ekko-bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
#burger[aria-expanded="true"] .ekko-bar:nth-child(2){opacity:0}
#burger[aria-expanded="true"] .ekko-bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}