// Nav.jsx — sticky translucent header with logo + single CTA
const Nav = () => {
  return (
    <nav className="dd-nav">
      <div className="dd-nav__inner container-x">
        <a href="#" className="dd-nav__brand">
          <span className="dd-nav__mark">dd</span>
          <span className="dd-nav__word">STUDIO</span>
        </a>
        <div className="dd-nav__links">
          <a href="#cases">Кейси</a>
          <a href="#process">Процес</a>
          <a href="#formats">Формати</a>
        </div>
        <a href="#contact" className="btn btn-ghost" style={{padding:"8px 18px", fontSize:"13px"}}>Контакти</a>
      </div>
    </nav>
  );
};
window.Nav = Nav;