.elementor-5763 .elementor-element.elementor-element-75b00f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:00px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5763 .elementor-element.elementor-element-75b00f2::before, .elementor-5763 .elementor-element.elementor-element-75b00f2 > .elementor-background-video-container::before, .elementor-5763 .elementor-element.elementor-element-75b00f2 > .e-con-inner > .elementor-background-video-container::before, .elementor-5763 .elementor-element.elementor-element-75b00f2 > .elementor-background-slideshow::before, .elementor-5763 .elementor-element.elementor-element-75b00f2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5763 .elementor-element.elementor-element-75b00f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0C070FB8 0%, #0C070FF5 92%);}.elementor-5763 .elementor-element.elementor-element-6830fff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:92px;--padding-bottom:92px;--padding-left:40px;--padding-right:0px;}.elementor-5763 .elementor-element.elementor-element-9fdda84{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-5763 .elementor-element.elementor-element-3809ab0 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.34em;color:var( --e-global-color-effb820 );}.elementor-5763 .elementor-element.elementor-element-0555a36 .elementor-heading-title{font-family:"Instrument Serif", Sans-serif;font-size:clamp(56px, 7.2vw, 116px);font-weight:400;line-height:0.92em;letter-spacing:-0.02em;color:#FFFFFF;}.elementor-5763 .elementor-element.elementor-element-c72f766{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;line-height:1.65em;color:#F4EEF3C2;}.elementor-5763 .elementor-element.elementor-element-22937d2{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5763 .elementor-element.elementor-element-22937d2::before, .elementor-5763 .elementor-element.elementor-element-22937d2 > .elementor-background-video-container::before, .elementor-5763 .elementor-element.elementor-element-22937d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-5763 .elementor-element.elementor-element-22937d2 > .elementor-background-slideshow::before, .elementor-5763 .elementor-element.elementor-element-22937d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5763 .elementor-element.elementor-element-22937d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5763 .elementor-element.elementor-element-ce71540 > .elementor-widget-container{--e-transform-translateY:0%;}.elementor-5763 .elementor-element.elementor-element-ce71540 img{width:349px;}.elementor-5763 .elementor-element.elementor-element-9b636cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5763 .elementor-element.elementor-element-75b00f2{--width:100%;}.elementor-5763 .elementor-element.elementor-element-6830fff{--width:50%;}.elementor-5763 .elementor-element.elementor-element-22937d2{--width:53%;}.elementor-5763 .elementor-element.elementor-element-9b636cb{--content-width:1280px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5763 .elementor-element.elementor-element-6830fff{--width:100%;}}@media(max-width:1024px){.elementor-5763 .elementor-element.elementor-element-75b00f2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-6830fff */.elementor-5763 .elementor-element.elementor-element-6830fff{
    background: radial-gradient(circle, oklch(0.62 0.22 340 / 0.2), transparent 66%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75b00f2 */.elementor-5763 .elementor-element.elementor-element-75b00f2 {
    background: linear-gradient(#1b0f1a 0%, rgb(12, 7, 15) 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b636cb */.elementor-5763 .elementor-element.elementor-element-9b636cb {
    background: linear-gradient(180deg, #241a26 0%, #0c070f 100%);
}/* End custom CSS */
/* Start custom CSS *//* Siavash — Eras page vertical timeline (with MP3 playback) */
.ev-section {
  box-sizing: border-box;
  padding: 110px 40px 130px;
  background: linear-gradient(180deg, #241a26 0%, #0c070f 100%);
  color: #f4eef3;
}
.ev-section *, .ev-section *::before, .ev-section *::after { box-sizing: border-box; }

.ev-wrap {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 70px;
  align-items: start;
  font-family: "Space Grotesk", system-ui, sans-serif;
  color: #f4eef3;
}

/* sticky jump rail */
.ev-rail { position: sticky; top: 96px; }
.ev-rail-head {
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(244, 238, 243, 0.45);
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(244, 238, 243, 0.14);
  margin-bottom: 18px;
}
.ev-rail-list { display: flex; flex-direction: column; gap: 2px; }
.ev-jump {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px 12px 12px;
  border-radius: 4px;
  text-decoration: none;
  color: rgba(244, 238, 243, 0.45);
  transition: background .2s, color .2s;
}
.ev-jump:hover { color: rgba(244, 238, 243, 0.8); }
.ev-jump.is-active { background: rgba(244, 238, 243, 0.06); color: #f4eef3; }
.ev-jump-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: rgba(244, 238, 243, 0.28);
  transition: background .2s, box-shadow .2s;
}
.ev-jump.is-active .ev-jump-dot {
  background: #d84fb0;
  box-shadow: 0 0 0 5px rgba(216, 79, 176, 0.18);
}
.ev-jump-year { font-family: "Instrument Serif", Georgia, serif; font-size: 28px; line-height: 1; }
.ev-jump-tag { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; margin-left: auto; }

/* the vertical stack */
.ev-stack { display: flex; flex-direction: column; gap: 34px; }
.ev-era { position: relative; padding-left: 42px; scroll-margin-top: 110px; }

/* spine + marker */
.ev-spine {
  position: absolute;
  left: 7px;
  top: 14px;
  bottom: -34px;
  width: 1px;
  background: rgba(244, 238, 243, 0.16);
}
.ev-era:last-child .ev-spine { bottom: 50%; }
.ev-marker {
  position: absolute;
  left: 0;
  top: 14px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #241a26;
  border: 1px solid rgba(244, 238, 243, 0.3);
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.ev-era.is-active .ev-marker {
  background: #d84fb0;
  border-color: #d84fb0;
  box-shadow: 0 0 0 6px rgba(216, 79, 176, 0.16);
}

/* era heading */
.ev-era-head {
  display: flex;
  align-items: baseline;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.ev-era-year {
  font-family: "Instrument Serif", Georgia, serif;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1;
  letter-spacing: -0.01em;
}
.ev-era-tag {
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(216, 79, 176, 0.16);
  color: #e58ac9;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* card */
.ev-card {
  display: grid;
  grid-template-columns: 0.44fr 0.56fr;
  border: 1px solid rgba(244, 238, 243, 0.14);
  background: rgba(244, 238, 243, 0.03);
}
.ev-media {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-right: 1px solid rgba(244, 238, 243, 0.14);
  background: #17101b;
}
.ev-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ev-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(12, 7, 15, 0.45) 0%, transparent 38%);
  pointer-events: none;
}
.ev-badge {
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 1;
  padding: 8px 14px;
  border-radius: 999px;
  background: #d84fb0;
  color: #0c070f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.ev-body { padding: 36px 40px; }
.ev-title {
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 1.08;
  margin: 0 0 16px;
  color: #f4eef3;
}
.ev-blurb em { font-style: italic; color: rgba(244, 238, 243, 0.92); }
.ev-blurb {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(244, 238, 243, 0.7);
  margin: 0 0 32px;
  max-width: 540px;
  text-wrap: pretty;
}
.ev-songs-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(244, 238, 243, 0.45);
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(244, 238, 243, 0.14);
}
.ev-count { letter-spacing: 0.12em; }

/* album groups */
.ev-albums { display: flex; flex-direction: column; gap: 30px; margin-top: 26px; }
.ev-album-head {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.ev-album-title { font-family: "Instrument Serif", Georgia, serif; font-size: 24px; line-height: 1; }
.ev-album-meta { font-size: 12px; color: rgba(244, 238, 243, 0.5); }
.ev-album-year {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  color: #e58ac9;
  margin-left: auto;
}

/* tracklists wrap into columns so tall albums stay compact */
.ev-tracks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 0 28px;
  border-top: 1px solid rgba(244, 238, 243, 0.12);
}
.ev-track {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(244, 238, 243, 0.08);
}
.ev-num {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 11px;
  color: rgba(244, 238, 243, 0.38);
  flex: 0 0 20px;
}
.ev-track-title { flex: 1; min-width: 0; font-size: 15px; font-weight: 500; transition: color .2s; }
.ev-year {
  font-family: ui-monospace, Menlo, monospace;
  font-size: 11px;
  color: rgba(244, 238, 243, 0.42);
}

/* ---------- playable tracks ---------- */
/* tracks with an MP3 show a visible pink play button in place of the number */
.ev-track.is-playable { cursor: pointer; align-items: center; padding: 8px 0; }
.ev-track.is-playable .ev-year { align-self: center; }
.ev-track.is-playable:hover .ev-track-title { color: #fff; }
.ev-track.is-current .ev-track-title { color: #e58ac9; }

.ev-slot { flex: 0 0 28px; display: flex; align-items: center; }
.ev-slot .ev-num { display: none; }
.ev-play {
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(216, 79, 176, 0.6);
  border-radius: 50%;
  background: rgba(216, 79, 176, 0.14);
  color: #e58ac9;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s, color .15s, border-color .15s, transform .15s;
}
.ev-play svg { width: 13px; height: 13px; fill: currentColor; display: block; }
.ev-play .i-play { transform: translateX(1px); } /* optical centering of the triangle */
.ev-play .i-pause { display: none; }
.ev-play:focus-visible { outline: 2px solid #d84fb0; outline-offset: 3px; }

.ev-track.is-playable:hover .ev-play {
  background: #d84fb0;
  border-color: #d84fb0;
  color: #0c070f;
  transform: scale(1.06);
}
.ev-track.is-current .ev-play {
  background: #d84fb0;
  border-color: #d84fb0;
  color: #0c070f;
}

.ev-track.is-playing .ev-play .i-play { display: none; }
.ev-track.is-playing .ev-play .i-pause { display: block; }

/* equalizer bars while playing (pause icon shows on hover) */
.ev-eq { display: none; align-items: flex-end; gap: 2px; height: 12px; }
.ev-eq i { display: block; width: 3px; background: currentColor; border-radius: 1px; animation: ev-eq 0.9s ease-in-out infinite; }
.ev-eq i:nth-child(2) { animation-delay: -0.3s; }
.ev-eq i:nth-child(3) { animation-delay: -0.6s; }
@keyframes ev-eq { 0%, 100% { height: 3px; } 50% { height: 12px; } }
.ev-track.is-playing:not(:hover) .ev-play-ico { display: none; }
.ev-track.is-playing:not(:hover) .ev-eq { display: flex; }

.ev-track.is-error .ev-track-title { color: rgba(244, 238, 243, 0.4); text-decoration: line-through; }
.ev-track.is-error .ev-play { opacity: 0.35; }

/* touch screens: keep the button from staying "hovered" after a tap */
@media (hover: none) {
  .ev-track.is-playable:hover .ev-play { transform: none; }
  .ev-track.is-playable:not(.is-current):hover .ev-play {
    background: rgba(216, 79, 176, 0.14);
    border-color: rgba(216, 79, 176, 0.6);
    color: #e58ac9;
  }
  .ev-track.is-playing .ev-play-ico { display: none; }
  .ev-track.is-playing .ev-eq { display: flex; }
}

/* ---------- mini player bar ---------- */
.ev-player {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  max-width: 900px;
  margin: 0 auto;
  background: rgba(23, 16, 27, 0.95);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(244, 238, 243, 0.14);
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  color: #f4eef3;
  font-family: "Space Grotesk", system-ui, sans-serif;
  transform: translateY(calc(100% + 30px));
  opacity: 0;
  visibility: hidden;
  transition: transform .3s ease, opacity .3s ease, visibility 0s linear .3s;
}
.ev-player.is-open {
  transform: none;
  opacity: 1;
  visibility: visible;
  transition: transform .3s ease, opacity .3s ease;
}
.ev-player-inner {
  display: grid;
  grid-template-columns: auto auto auto minmax(0, 1fr) auto minmax(120px, 1.3fr) auto auto;
  grid-template-areas: "prev toggle next info cur seek dur close";
  align-items: center;
  gap: 10px 12px;
  padding: 12px 16px;
}
.ev-pbtn {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(244, 238, 243, 0.75);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s, color .15s;
}
.ev-pbtn:hover { color: #fff; background: rgba(244, 238, 243, 0.08); }
.ev-pbtn:focus-visible { outline: 2px solid #d84fb0; outline-offset: 2px; }
.ev-pbtn svg { width: 18px; height: 18px; fill: currentColor; display: block; }
.ev-prev { grid-area: prev; }
.ev-next { grid-area: next; }
.ev-close { grid-area: close; }
.ev-toggle { grid-area: toggle; width: 42px; height: 42px; background: #d84fb0; color: #0c070f; }
.ev-toggle:hover { background: #e58ac9; color: #0c070f; }
.ev-toggle .i-pause { display: none; }
.ev-player.is-playing .ev-toggle .i-play { display: none; }
.ev-player.is-playing .ev-toggle .i-pause { display: block; }

.ev-pinfo { grid-area: info; min-width: 0; padding-left: 4px; }
.ev-ptitle { font-size: 15px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ev-palbum { font-size: 12px; color: rgba(244, 238, 243, 0.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.ev-ptime { font-family: ui-monospace, Menlo, monospace; font-size: 11px; color: rgba(244, 238, 243, 0.5); min-width: 34px; }
.ev-pcur { grid-area: cur; text-align: right; }
.ev-pdur { grid-area: dur; }

.ev-pseek {
  grid-area: seek;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  margin: 0;
  border-radius: 4px;
  background: linear-gradient(to right, #d84fb0 var(--p, 0%), rgba(244, 238, 243, 0.18) var(--p, 0%));
  cursor: pointer;
}
.ev-pseek::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f4eef3;
  border: 0;
}
.ev-pseek::-moz-range-track { background: transparent; border: 0; }
.ev-pseek::-moz-range-thumb { width: 13px; height: 13px; border-radius: 50%; background: #f4eef3; border: 0; }
.ev-pseek:focus-visible { outline: 2px solid #d84fb0; outline-offset: 4px; }

body.ev-player-open { padding-bottom: 90px; }

/* small laptop */
@media (max-width: 1200px) {
  .ev-section { padding: 90px 28px 100px; }
  .ev-wrap { grid-template-columns: 190px minmax(0, 1fr); gap: 48px; }
}

/* tablet — rail moves above the stack */
@media (max-width: 1024px) {
  .ev-wrap { grid-template-columns: minmax(0, 1fr); gap: 46px; }
  .ev-rail { position: static; }
  .ev-rail-list { flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .ev-jump { padding: 10px 14px; border: 1px solid rgba(244, 238, 243, 0.14); border-radius: 999px; }
  .ev-jump-year { font-size: 22px; }
  .ev-jump-tag { display: none; }
  .ev-card { grid-template-columns: minmax(0, 1fr); }
  .ev-media {
    aspect-ratio: 16 / 10;
    border-right: 0;
    border-bottom: 1px solid rgba(244, 238, 243, 0.14);
  }
}

/* mobile */
@media (max-width: 767px) {
  .ev-section { padding: 70px 20px 80px; }
  .ev-era { padding-left: 30px; }
  .ev-spine { left: 5px; }
  .ev-marker { width: 11px; height: 11px; top: 10px; }
  .ev-body { padding: 26px 20px; }
  .ev-title { font-size: 27px; }
  .ev-blurb { font-size: 15px; margin-bottom: 26px; }
  .ev-media { aspect-ratio: 4 / 3; }
  .ev-tracks { grid-template-columns: 1fr; }
  .ev-stack { gap: 26px; }
  .ev-era:not(:last-child) .ev-spine { bottom: -26px; }

  .ev-player { left: 10px; right: 10px; bottom: 10px; }
  .ev-player-inner {
    grid-template-columns: auto auto auto auto minmax(0, 1fr) auto;
    grid-template-areas:
      "info info info info info close"
      "prev toggle next cur seek dur";
    gap: 8px 8px;
    padding: 10px 12px 12px;
  }
  .ev-pinfo { padding-left: 2px; }
  body.ev-player-open { padding-bottom: 130px; }
}

@media (prefers-reduced-motion: reduce) {
  .ev-eq i { animation: none; height: 8px; }
  .ev-player, .ev-player.is-open { transition: none; }
}/* End custom CSS */