/* EVENTS
   Eventos: destaque com contagem regressiva e lista expansivel. */

.events-layout {
  display:grid;
  grid-template-columns:1fr 1.12fr;
  gap:55px
}
.featured-event {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:35px;
  border:1px solid #9f594136;
  background:radial-gradient(ellipse at 90% 15%,#7d1c2930,transparent 65%),linear-gradient(120deg,#1b1118,#100d12)
}
.event-grid-lines {
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(#c49b7010 1px,transparent 1px),linear-gradient(90deg,#c49b7010 1px,transparent 1px);
  background-size:55px 55px;
  mask-image:linear-gradient(0deg,transparent,#00000066)
}
.event-shield {
  position:absolute;
  right:-50px;
  top:25px;
  width:235px;
  height:235px;
  stroke-width:.3;
  transform:rotate(15deg);
  color:#be896933;
  filter:drop-shadow(0 0 22px #b32731)
}
.featured-event>.eyebrow {
  font-size:8px;
  margin-bottom:50px
}
.featured-event h3 {
  position:relative;
  font:31px/1.35 var(--serif);
  letter-spacing:-.03em;
  margin-bottom:17px
}
.featured-event>p {
  font-size:11px;
  color:#baa5a2;
  line-height:1.9
}
.event-countdown {
  position:relative;
  border-top:1px solid var(--line);
  margin-top:32px;
  padding-top:20px
}
.event-countdown>span {
  font-size:8px;
  letter-spacing:.15em;
  color:#b8a496
}
.event-countdown>div {
  display:flex;
  gap:29px;
  align-items:center;
  margin-top:10px
}
.event-countdown b {
  font:500 36px var(--condensed);
  min-width:36px
}
.event-countdown small {
  display:block;
  font:7px var(--sans);
  letter-spacing:.2em;
  color:#bda694;
  margin-top:2px
}
.event-countdown i {
  font-style:normal;
  color:#8a6459;
  margin-top:-12px
}
.list-label {
  margin:0;
  padding:0 0 18px;
  border-bottom:1px solid var(--line);
  color:#baa089;
  font-size:8px;
  letter-spacing:.15em;
  display:flex;
  justify-content:space-between
}
.list-label span {
  font-size:15px
}
details {
  border-bottom:1px solid var(--line)
}
summary {
  display:flex;
  align-items:center;
  gap:25px;
  list-style:none;
  cursor:pointer;
  padding:23px 0
}
summary::-webkit-details-marker {
  display:none
}
.event-number {
  font:500 22px var(--condensed);
  color:#a48370
}
summary>span:nth-child(2) {
  flex:1
}
summary b {
  font:20px var(--serif);
  letter-spacing:-.04em;
  font-weight:400
}
summary small {
  display:block;
  font-size:7px;
  letter-spacing:.14em;
  color:#a58c83;
  margin-top:3px
}
summary svg {
  color:var(--gold);
  width:17px;
  transform:rotate(45deg);
  transition:transform .25s
}
details[open] summary svg {
  transform:rotate(-45deg);
  color:var(--red)
}
details[open] summary b {
  color:var(--gold-light)
}
details>p {
  font-size:11px;
  line-height:1.9;
  margin:-4px 30px 23px 49px;
  color:var(--muted)
}
.event-list>.sample-note {
  padding:20px 0 0
}