/* ============================================================
   AW Webdesign — the homepage header + full-screen menu, shared
   by the subpages (same markup, same look, same motion)
   ============================================================ */
.site-head{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;
  align-items:center;padding:1.5rem var(--pad);color:#fff;mix-blend-mode:difference}
.site-head .mark{height:20px;display:block}

/* hamburger: two lines morph into an X */
.burger{display:block;position:relative;z-index:45;width:44px;height:44px;
  background:none;border:0;cursor:pointer;padding:0;color:inherit}
.burger i{position:absolute;left:6px;right:6px;top:50%;height:1.5px;background:currentColor;
  transition:transform .45s cubic-bezier(.66,0,.34,1)}
.burger i:first-child{transform:translateY(-5px)}
.burger i:last-child{transform:translateY(5px)}
.burger.open i:first-child{transform:translateY(0) rotate(45deg)}
.burger.open i:last-child{transform:translateY(0) rotate(-45deg)}

/* full-screen menu: curtain drop + masked links */
.mnav{position:fixed;inset:0;z-index:30;background:#0a0a0a;color:#f6f5f2;
  display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;
  padding:0 var(--pad) clamp(1.25rem,3.5vh,2.5rem);
  clip-path:inset(0 0 100% 0);visibility:hidden;will-change:clip-path}
.mnav-links{display:flex;flex-direction:column;gap:clamp(.3rem,1.2svh,1rem);margin-bottom:auto;
  padding-top:calc(1.5rem + 44px + 1.25rem)}
.mnav-links a{display:block;overflow:hidden;width:fit-content;
  font-weight:300;text-transform:uppercase;letter-spacing:.03em;
  font-size:clamp(2rem,min(15vw,calc((95.2svh - 17.6rem) / 5.4)),12rem);line-height:1.08}
@media (max-width:359px){.mnav-links a{font-size:clamp(1.8rem,min(15vw,calc((95.2svh - 22rem) / 5.4)),3rem)}}
.mnav-links a span{display:inline-block;transform:translateY(112%);will-change:transform;transition:color .3s}
.mnav-links a:hover span,.mnav-links a:focus-visible span,.mnav-links a[aria-current] span{color:#ff844f}
.mnav-foot{padding-top:1.8rem;border-top:1px solid rgba(246,245,242,.16)}
.mnav-sub{display:flex;flex-wrap:wrap;gap:.2rem 1.8rem;margin-bottom:1.4rem}
.mnav-sub a{padding:.45rem 0;font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(246,245,242,.75);transition:color .3s}
.mnav-sub a:hover,.mnav-sub a[aria-current]{color:#ff844f}
.mnav-contact{display:inline-flex;align-items:center;gap:.7rem;
  border:1px solid rgba(246,245,242,.35);border-radius:999px;padding:1.1rem 2.4rem;
  font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#f6f5f2;
  transition:background .35s,border-color .35s,color .35s}
.mnav-contact::after{content:"→";transition:transform .35s cubic-bezier(.22,1,.36,1)}
.mnav-contact:hover{background:#ff844f;border-color:#ff844f;color:#0a0a0a}
.mnav-contact:hover::after{transform:translateX(4px)}
body.menu-open{overflow:hidden}