/* MILU — gedeelde stijl: lettertypes (lokaal, geen Google), verborgen elementen en het mobiele menu. */
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
[hidden]{display:none !important}

/* skip link for keyboard users */
.skip{position:absolute;left:16px;top:-60px;z-index:50;padding:12px 18px;border-radius:999px;background:#121A16;color:#F2EDE5;font:500 14px/1 "Instrument Sans",Arial,sans-serif;text-decoration:none;transition:top .3s}
.skip:focus{top:16px}

/* contact form feedback */
.form-error{flex-basis:100%;padding:12px 16px;border-left:3px solid #AD3E36;background:rgba(173,62,54,.08);font-size:15px;line-height:1.5;color:#121A16}
.form-error a{color:inherit}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
button[disabled].btn{opacity:.6;cursor:progress}

/* mobile menu */
.menu-btn{display:none}
@media (max-width: 900px){
  .menu-btn{position:relative;z-index:12;display:inline-grid;place-items:center;width:46px;height:46px;flex:none;margin:0;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
  .menu-btn span{position:absolute;left:13px;right:13px;height:1.5px;background:currentColor;transition:transform .4s cubic-bezier(.2,.7,.1,1)}
  .menu-btn span:first-child{transform:translateY(-4px)}
  .menu-btn span:last-child{transform:translateY(4px)}
  .nav.is-open .menu-btn{color:#F2EDE5;border-color:rgba(242,237,229,.6)}
  .nav.is-open .menu-btn span:first-child{transform:rotate(45deg)}
  .nav.is-open .menu-btn span:last-child{transform:rotate(-45deg)}
  .nav{gap:12px}
  .nav .nav-cta{margin-left:auto;padding:0 16px}
  .nav .nav-cta .pulse{display:none}
  .nav.is-open .nav-links{position:fixed;inset:0;z-index:11;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:110px clamp(20px,6vw,48px) 48px;background:#1B2A23;color:#F2EDE5;font:400 clamp(34px,9vw,48px)/1.2 "Bodoni Moda",Georgia,serif;letter-spacing:-.01em}
  .nav.is-open .nav-links a{padding:8px 0;width:fit-content}
  .nav.is-open .nav-links a[aria-current="page"]{font-style:italic;color:#E4CFBA}
  .nav.is-open .nav-links a::after{bottom:4px}
}
@media (max-width: 380px){
  .nav .nav-cta{font-size:13px;padding:0 12px}
}
body.menu-open{overflow:hidden}

/* with reduced motion the breathing cue shows both lines, stacked instead of fading */
@media (prefers-reduced-motion: reduce){
  .breath-cue{display:flex !important}
  .breath-cue>span{grid-area:auto !important;opacity:1 !important}
}