/*
 * The event agenda section.
 *
 * Edit this file. It is served as it is — nothing compiles it, and the
 * order it loads in is set in resources/css/order.php.
 */

.event-agenda {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:clamp(40px,4vw,72px);
  padding-top:200px;
  position:relative;
  width:100%;
}

@media screen and (max-width:1440px) {

  .event-agenda {
    padding-top:128px;
  }
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda {
    gap:32px;
    padding-top:104px;
  }
}

.event-agenda__heading {
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-inline:var(--offset-x);
  width:100%;
}

.event-agenda__intro {
  color:#1818188c;
  font-size:clamp(1rem,1.1vw,1.15rem);
  line-height:1.5;
  max-width:46ch;
}

.event-agenda__wrap {
  align-items:start;
  display:grid;
  gap:clamp(32px,4vw,72px);
  grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr);
  padding-inline:var(--offset-x);
  width:100%;
}

@media screen and (max-width:1199px) {

  .event-agenda__wrap {
    gap:40px;
  }
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda__wrap {
    display:block;
  }
}

.event-agenda__list {
  display:flex;
  flex-direction:column;
}

.event-agenda__detail {
  position:-webkit-sticky;
  position:sticky;
  top:calc(var(--header-height) + 24px);
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda__detail {
    display:none;
  }
}

.event-agenda__group {
  border-bottom:1px solid #18181824;
  color:#1818188c;
  font-size:.82rem;
  letter-spacing:.08em;
  padding:clamp(30px,3.2vw,46px) 0 14px;
  text-transform:uppercase;
}

.event-agenda__group:first-child {
  padding-top:0;
}

.event-agenda__row {
  background:none;
  border:0;
  border-bottom:1px solid #18181824;
  color:inherit;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  font:inherit;
  gap:12px;
  padding:clamp(16px,1.7vw,22px) 0;
  position:relative;
  text-align:left;
  transition:opacity .25s ease;
  width:100%;
}

.event-agenda__row:after {
  background:#e1251b;
  bottom:-1px;
  content:"";
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  transition:opacity .2s ease;
  width:2px;
}

.event-agenda__row--on:after {
  opacity:1;
}

.event-agenda__row--break {
  cursor:default;
  gap:6px;
  opacity:.75;
}

@media(any-hover:hover),(hover:hover)and (pointer:fine) {

  .event-agenda__list:hover .event-agenda__row:not(:hover):not(.event-agenda__row--on) {
    opacity:.5;
  }
}

.event-agenda__time {
  color:#e1251b;
  font-size:clamp(.8rem,1vw,.92rem);
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.event-agenda__row-title {
  font-size:clamp(1.05rem,1.3vw,1.28rem);
  font-weight:500;
  line-height:1.2;
}

.event-agenda__people {
  display:grid;
  gap:16px 20px;
  grid-template-columns:1fr;
}

.event-agenda__people--multi {
  grid-template-columns:repeat(2,1fr);
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda__people--multi {
    grid-template-columns:1fr;
  }
}

.event-agenda__person {
  align-items:flex-start;
  display:flex;
  gap:14px;
}

.event-agenda__avatar {
  border-radius:2px;
  flex:0 0 auto;
  height:46px;
  overflow:hidden;
  width:46px;
}

.event-agenda__avatar img,
.event-agenda__avatar picture {
  display:block;
  height:100%;
  object-fit:cover;
  width:100%;
}

.event-agenda__person-txt {
  display:block;
}

.event-agenda__name {
  display:block;
  font-size:clamp(1rem,1.2vw,1.15rem);
  font-weight:500;
  line-height:1.18;
}

.event-agenda__company {
  display:block;
  font-size:clamp(.82rem,.95vw,.92rem);
  font-weight:700;
  margin-top:3px;
}

.event-agenda__tag {
  color:#e1251b;
  font-size:clamp(.64rem,.8vw,.72rem);
  font-weight:500;
  letter-spacing:.1em;
  margin-bottom:5px;
  text-transform:uppercase;
}

.event-agenda__chev {
  display:none;
}

.event-agenda__chev svg {
  height:16px;
  width:16px;
}

.event-agenda__panel {
  display:none;
}

.event-agenda__panel--on {
  display:block;
}

.event-agenda__meta {
  color:#e1251b;
  font-size:clamp(.85rem,1vw,1rem);
  letter-spacing:.1em;
  margin-bottom:clamp(16px,2vw,22px);
  text-transform:uppercase;
}

.event-agenda__speakers {
  border-bottom:1px solid #18181824;
  display:grid;
  gap:clamp(18px,2.2vw,30px);
  grid-template-columns:1fr;
  padding-bottom:clamp(20px,2.5vw,32px);
}

.event-agenda__speakers--multi {
  grid-template-columns:repeat(2,1fr);
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda__speakers--multi {
    grid-template-columns:1fr;
  }
}

.event-agenda__speaker {
  align-items:flex-start;
  display:flex;
  gap:16px;
}

.event-agenda__photo {
  aspect-ratio:1/1;
  border-radius:2px;
  flex:0 0 auto;
  overflow:hidden;
  width:clamp(78px,8vw,104px);
}

.event-agenda__photo img,
.event-agenda__photo picture {
  display:block;
  height:100%;
  object-fit:cover;
  width:100%;
}

.event-agenda__speaker-txt {
  padding-top:2px;
}

.event-agenda__speaker-name {
  font-size:clamp(1.15rem,1.5vw,1.5rem);
  font-weight:500;
  line-height:1.12;
}

.event-agenda__speaker-position {
  font-size:clamp(.95rem,1.1vw,1.1rem);
  line-height:1.35;
  margin-top:6px;
  opacity:.7;
}

.event-agenda__speaker-company {
  font-size:clamp(.95rem,1.1vw,1.1rem);
  font-weight:700;
  line-height:1.35;
  margin-top:2px;
}

.event-agenda__label {
  color:#1818188c;
  font-size:clamp(.76rem,.9vw,.86rem);
  letter-spacing:.08em;
  margin:clamp(22px,2.6vw,32px) 0 10px;
  text-transform:uppercase;
}

.event-agenda__panel-title {
  margin:0;
}

.event-agenda__summary {
  font-size:clamp(.9rem,1vw,1rem);
  line-height:1.6;
  margin:12px 0 0;
  max-width:62ch;
}

.event-agenda__summary-note {
  color:#1818188c;
  font-size:clamp(.72rem,.82vw,.8rem);
  font-style:italic;
  margin:8px 0 0;
}

.event-agenda__watch {
  align-items:center;
  background-color:#e1251b;
  border:0;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font:inherit;
  font-size:clamp(.9rem,1vw,1rem);
  font-weight:500;
  gap:10px;
  margin-top:clamp(22px,2.6vw,32px);
  padding:12px 20px;
  transition:opacity .25s ease;
}

@media(any-hover:hover),(hover:hover)and (pointer:fine) {

  .event-agenda__watch:not(:disabled):hover:hover {
    opacity:.85;
  }
}

.event-agenda__watch-icon {
  align-items:center;
  display:flex;
}

.event-agenda__watch-icon svg {
  height:13px;
  width:13px;
}

.event-agenda__watch-embed {
  aspect-ratio:16/9;
  margin-top:clamp(22px,2.6vw,32px);
  position:relative;
  width:100%;
}

.event-agenda__watch-embed iframe {
  border:0;
  height:100%;
  inset:0;
  position:absolute;
  width:100%;
}

.event-agenda__points {
  display:flex;
  flex-direction:column;
  font-size:clamp(1rem,1.2vw,1.2rem);
  gap:13px;
}

.event-agenda__point {
  align-items:flex-start;
  display:flex;
  gap:12px;
  line-height:1.4;
}

.event-agenda__tri {
  border-bottom:4px solid #0000;
  border-left:6px solid #e1251b;
  border-top:4px solid #0000;
  flex:0 0 auto;
  height:0;
  margin-top:7px;
  width:0;
}

@media (max-width:900px)and (orientation:landscape),screen and (max-width:767px) {

  .event-agenda__row {
    padding-right:32px;
  }

  .event-agenda__row:after {
    display:none;
  }

  .event-agenda__chev {
    align-items:center;
    color:#e1251b;
    display:flex;
    height:24px;
    justify-content:center;
    position:absolute;
    right:0;
    top:16px;
    transition:transform .3s ease;
    width:24px;
  }

  .event-agenda__row--on .event-agenda__chev {
    transform:rotate(180deg);
  }

  .event-agenda__panel--inline {
    background:#f6f6f6;
    border-bottom:1px solid #18181824;
    display:block;
    margin-inline:calc(var(--offset-x)*-1);
    padding:20px var(--offset-x) 28px;
  }

  .event-agenda__speaker {
    flex-direction:column;
    gap:10px;
  }

  .event-agenda__photo {
    width:clamp(72px,26vw,110px);
  }
}