:root{

  --bg:#050504;

  --panel:#0a0908;

  --line:rgba(255,255,255,.12);

  --text:#f2eee8;

  --muted:#a9a19a;

  --gold:#b68a46;

  --gold2:#dfb978;

}



*{

  box-sizing:border-box;

}



html{

  scroll-behavior:smooth;

}



body{

  margin:0;

  background:var(--bg);

  color:var(--text);

  font-family:Inter,Arial,sans-serif;

  letter-spacing:.02em;

}



a{

  color:inherit;

  text-decoration:none;

}



.serif{

  font-family:Georgia,'Times New Roman',serif;

  font-weight:400;

  letter-spacing:-.03em;

}



.wrap{

  width:min(1120px,calc(100% - 48px));

  margin:auto;

}



.eyebrow{

  color:var(--gold);



  font-size:12px;

  font-weight:800;

  letter-spacing:.22em;

  text-transform:uppercase;

}



p{

  color:var(--muted);

  line-height:1.8;

}



/* HERO */



.events-hero{

  min-height:72vh;



  padding-top:190px;

  padding-bottom:100px;



  display:flex;

  align-items:end;



  border-bottom:1px solid var(--line);



  background:

    radial-gradient(circle at 75% 40%,#0000 0,#050504 62%),

    linear-gradient(90deg,#050504 0%,#050504dd 45%,#05050433 100%),

    url('assets/workshop-scenografico.png') center/cover no-repeat;

}



.events-hero h1{

  font-size:clamp(58px,9vw,120px);

  line-height:.92;



  margin:20px 0 30px;

}



.events-hero p{

  max-width:720px;

  font-size:17px;

}



/* CONTENT */



.events-content{

  padding:90px 0;

}



/* SPECIAL EVENT */



.event-special{

  display:grid;

  grid-template-columns:.65fr 1.35fr;



  border:1px solid var(--line);



  background:

    linear-gradient(145deg,#11100e,#070706);

}



.event-number{

  display:flex;

  align-items:center;

  justify-content:center;



  border-right:1px solid var(--line);



  font-family:Georgia,'Times New Roman',serif;



  font-size:clamp(120px,16vw,260px);



  color:var(--gold);



  padding:40px;

}



.event-info{

  padding:60px;

}



.event-info span{

  color:var(--gold);



  font-size:11px;

  font-weight:800;

  letter-spacing:.22em;

  text-transform:uppercase;

}



.event-info h2{

  font-size:56px;

  line-height:1;



  margin:18px 0 28px;

}



.event-info p{

  max-width:640px;

  font-size:17px;

}



.event-meta{

  margin-top:44px;



  padding-top:28px;



  border-top:1px solid var(--line);

}



.meta-item small{

  display:block;



  color:var(--gold);



  font-size:11px;

  font-weight:800;

  letter-spacing:.22em;

  text-transform:uppercase;



  margin-bottom:12px;

}



.meta-item strong{

  font-family:Georgia,'Times New Roman',serif;

  font-size:28px;

  font-weight:400;

}



/* RESPONSIVE */



@media(max-width:950px){



  .event-special{

    grid-template-columns:1fr;

  }



  .event-number{

    border-right:0;

    border-bottom:1px solid var(--line);

  }



}



@media(max-width:650px){



  .wrap{

    width:min(100% - 32px,1120px);

  }



  .events-hero{

    min-height:560px;

    padding-top:150px;

  }



  .events-hero h1{

    font-size:64px;

  }



  .event-info{

    padding:36px;

  }



  .event-info h2{

    font-size:42px;

  }



}