/* =========================
   EN DESIGN - GLOBAL
========================= */

:root{
	--en-black: #111111;
	--en-white: #ffffff;
	--en-green: #405c4c;
	--en-green-soft: #edf1ee;
	--en-gray: #74716d;

	--font-primary:'Urbanist',sans-serif;
	--font-secondary:'Playfair Display',serif;

	--container:1180px;
	--radius-lg:46px;
	--radius-md:28px;
	--radius-pill:999px;
}

/* RESET */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:var(--font-primary);
  background:var(--en-bg);
  color:var(--en-text);
  overflow-x:hidden;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

.container{
  width:min(100% - 40px, var(--container));
  margin:0 auto;
}


/* GLOBAL */

.section-tag{
  display:inline-block;
  margin-bottom:18px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--en-accent);
}

h1,
h2,
blockquote{
  font-family:var(--font-secondary);
  font-weight:500;
  letter-spacing:-.045em;
  line-height:.96;
}

p{
  font-size:16px;
  line-height:1.8;
  color:var(--en-muted);
}


.btn-en-dark,
.btn-en-line{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.25s ease;
}

.btn-en-dark{
  min-height:50px;
  padding:0 26px;
  border-radius:var(--radius-pill);
  background:var(--en-black);
  color:var(--en-white);
}

.btn-en-dark:hover{
  color:var(--en-white);
  transform:translateY(-4px);
}

.btn-en-line{
  color:var(--en-black);
}

.btn-en-line:hover{
  color:var(--en-accent);
  transform: translatey(-4px);	
}


@media (max-width: 767px){

  .container{
    width:100%;
    padding:0 22px;
  }

  .btn-en-dark{
    width:auto;
    min-height:52px;
    padding:0 26px;
  }

}