.live-event-page {
    color: #f8ead0;
    padding-bottom: 34px;
}

.live-event {
    width: min(1180px, calc(100% - 32px));
    margin: 26px auto 54px;
}

.live-event-hero {
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(360px, .86fr);
    gap: 0;
    min-height: 520px;
    border: 1px solid rgba(216, 166, 84, .42);
    background: rgba(13, 6, 5, .9);
    box-shadow: 0 22px 90px rgba(0, 0, 0, .42);
}

.live-event-hero__media {
    position: relative;
    min-height: 520px;
    background-size: cover;
    background-position: center;
}

.live-event-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 3, 3, .08), rgba(8, 3, 3, .78));
}

.live-event-badge {
    position: absolute;
    z-index: 1;
    left: 24px;
    top: 24px;
    padding: 9px 13px;
    border: 1px solid rgba(244, 205, 128, .55);
    background: rgba(84, 12, 23, .88);
    color: #ffe8b5;
    font: 700 11px/1 Cinzel, serif;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.live-event-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 4.2vw, 56px);
    background:
        linear-gradient(180deg, rgba(42, 11, 15, .55), rgba(11, 5, 5, .86)),
        radial-gradient(circle at top right, rgba(196, 136, 62, .16), transparent 42%);
}

.live-event-kicker,
.live-event-section__head p,
.live-event-ticket-panel__label {
    margin: 0 0 10px;
    color: #d9a95f;
    font: 700 11px/1.45 Cinzel, serif;
    text-transform: uppercase;
    letter-spacing: .16em;
}

.live-event-hero h1 {
    margin: 0;
    color: #ffd98a;
    max-width: 620px;
    font: 700 clamp(30px, 4vw, 52px)/1.02 "Cinzel Decorative", Cinzel, serif;
    letter-spacing: 0;
}

.live-event-ornament {
    width: 150px;
    height: 1px;
    margin: 24px 0;
    background: linear-gradient(90deg, transparent, #d8a654, transparent);
}

.live-event-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 22px;
}

.live-event-facts div {
    border: 1px solid rgba(216, 166, 84, .28);
    padding: 12px;
    background: rgba(0, 0, 0, .22);
}

.live-event-facts dt {
    color: rgba(255, 232, 181, .64);
    font: 700 10px/1.2 Cinzel, serif;
    text-transform: uppercase;
}

.live-event-facts dd {
    margin: 7px 0 0;
    color: #fff3d8;
    font: 500 15px/1.28 "EB Garamond", serif;
}

.live-event-hero__copy > p {
    margin: 0;
    color: rgba(255, 242, 219, .84);
    max-width: 560px;
    font: 500 14px/1.48 "EB Garamond", serif;
}

.live-event-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.live-event-actions a,
.live-event-ticket-panel a,
.live-event-sticky-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid rgba(216, 166, 84, .7);
    background: linear-gradient(180deg, #d9a95f, #8f5428);
    color: #160807;
    font: 800 12px/1 Cinzel, serif;
    text-decoration: none;
    text-transform: uppercase;
}

.live-event-actions a + a {
    background: rgba(0, 0, 0, .18);
    color: #ffe8b5;
}

.live-event-section {
    margin-top: 18px;
    border: 1px solid rgba(216, 166, 84, .28);
    background: rgba(13, 6, 5, .78);
    padding: clamp(24px, 4vw, 42px);
}

.live-event-section--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 24px;
    align-items: start;
}

.live-event-section__head h2,
.live-event-ticket-panel h2 {
    margin: 0 0 18px;
    color: #ffd98a;
    font: 700 clamp(22px, 2.4vw, 32px)/1.1 Cinzel, serif;
    letter-spacing: 0;
}

.live-event-overview p {
    margin: 0;
    max-width: 860px;
    color: rgba(255, 242, 219, .86);
    font: 500 20px/1.52 "EB Garamond", serif;
}

.live-event-know-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.live-event-know-grid article,
.live-event-agenda article,
.live-event-ticket-panel {
    border: 1px solid rgba(216, 166, 84, .28);
    background: rgba(0, 0, 0, .2);
    padding: 20px;
}

.live-event-know-grid h3,
.live-event-agenda h3 {
    margin: 0 0 8px;
    color: #fff0c9;
    font: 700 16px/1.2 Cinzel, serif;
}

.live-event-know-grid p,
.live-event-agenda p,
.live-event-ticket-panel span {
    margin: 0;
    color: rgba(255, 242, 219, .76);
    font: 500 16px/1.42 "EB Garamond", serif;
}

.live-event-ticket-panel {
    align-self: start;
    background:
        linear-gradient(180deg, rgba(93, 16, 29, .46), rgba(0, 0, 0, .24)),
        rgba(0, 0, 0, .25);
    position: sticky;
    top: 86px;
}

.live-event-ticket-panel a {
    width: 100%;
    margin-top: 22px;
}

.live-event-ticket-form {
    margin-top: 18px;
}

.live-event-session-list {
    display: grid;
    gap: 10px;
    margin-bottom: 18px;
}

.live-event-session-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(216, 166, 84, .34);
    background: rgba(0, 0, 0, .22);
    padding: 11px;
    cursor: pointer;
}

.live-event-session-card input {
    width: 18px;
    height: 18px;
    accent-color: #d9a95f;
}

.live-event-session-card strong,
.live-event-session-card em,
.live-event-session-card b {
    display: block;
}

.live-event-session-card strong {
    color: #fff0c9;
    font: 700 14px/1.2 Cinzel, serif;
}

.live-event-session-card em {
    margin-top: 5px;
    color: rgba(255, 242, 219, .7);
    font: 500 14px/1.25 "EB Garamond", serif;
    font-style: normal;
}

.live-event-session-card b {
    color: #ffd98a;
    font: 800 14px/1 Cinzel, serif;
}

.live-event-session-card--bundle {
    border-color: rgba(217, 169, 95, .78);
    background:
        linear-gradient(90deg, rgba(217, 169, 95, .16), rgba(0, 0, 0, .18)),
        rgba(72, 32, 12, .32);
    box-shadow: inset 0 0 0 1px rgba(255, 216, 138, .18);
}

.live-event-field {
    display: block;
    margin-top: 13px;
}

.live-event-field span {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 232, 181, .78);
    font: 700 11px/1 Cinzel, serif;
    text-transform: uppercase;
}

.live-event-field input {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    border: 1px solid rgba(216, 166, 84, .36);
    background: rgba(8, 3, 3, .74);
    color: #fff3d8;
    padding: 0 13px;
    font: 500 17px/1 "EB Garamond", serif;
}

.live-event-ticket-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 18px;
    border-top: 1px solid rgba(216, 166, 84, .28);
    padding-top: 16px;
}

.live-event-ticket-total span {
    color: rgba(255, 242, 219, .74);
    font: 700 12px/1 Cinzel, serif;
    text-transform: uppercase;
}

.live-event-ticket-total strong {
    color: #ffd98a;
    font: 800 22px/1 Cinzel, serif;
}

.live-event-ticket-form button {
    width: 100%;
    min-height: 46px;
    margin-top: 16px;
    border: 1px solid rgba(216, 166, 84, .7);
    background: linear-gradient(180deg, #d9a95f, #8f5428);
    color: #160807;
    font: 800 12px/1 Cinzel, serif;
    text-transform: uppercase;
    cursor: pointer;
}

.live-event-ticket-form small,
.live-event-empty-sessions p {
    display: block;
    margin-top: 12px;
    color: rgba(255, 242, 219, .66);
    font: 500 14px/1.35 "EB Garamond", serif;
}

.live-event-errors {
    margin-top: 16px;
    border: 1px solid rgba(255, 122, 122, .45);
    background: rgba(92, 8, 18, .34);
    padding: 12px;
}

.live-event-errors p {
    margin: 0;
    color: #ffd6d6;
    font: 600 14px/1.35 "EB Garamond", serif;
}

.live-event-agenda {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.live-event-agenda span {
    display: block;
    margin-bottom: 10px;
    color: #d9a95f;
    font: 700 12px/1 Cinzel, serif;
}

.live-event-replay {
    border: 1px solid rgba(216, 166, 84, .28);
    background: rgba(0, 0, 0, .2);
    padding: 20px;
}

.live-event-replay h3 {
    margin: 0 0 8px;
    color: #fff0c9;
    font: 700 18px/1.2 Cinzel, serif;
}

.live-event-replay p {
    margin: 0;
    color: rgba(255, 242, 219, .76);
    font: 500 17px/1.45 "EB Garamond", serif;
}

.live-event-replay a,
.live-event-success-box a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 16px;
    padding: 0 20px;
    border: 1px solid rgba(216, 166, 84, .7);
    background: rgba(93, 16, 29, .52);
    color: #ffe8b5;
    font: 800 12px/1 Cinzel, serif;
    text-decoration: none;
    text-transform: uppercase;
}

.live-event-success {
    max-width: 820px;
}

.live-event-success-card {
    text-align: center;
}

.live-event-success-card h1 {
    margin: 0 0 16px;
    color: #ffd98a;
    font: 700 clamp(30px, 5vw, 48px)/1.05 "Cinzel Decorative", Cinzel, serif;
}

.live-event-success-card > p {
    margin: 0 auto 22px;
    max-width: 620px;
    color: rgba(255, 242, 219, .82);
    font: 500 20px/1.45 "EB Garamond", serif;
}

.live-event-account-credentials {
    display: grid;
    gap: 10px;
    max-width: 620px;
    margin: 0 auto 22px;
    padding: 14px;
    border: 1px solid rgba(216, 166, 84, .44);
    background: rgba(18, 8, 5, .72);
    text-align: left;
}

.live-event-account-credentials div {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.live-event-account-credentials span {
    color: #d9a95f;
    font: 700 11px/1.2 Cinzel, serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.live-event-account-credentials strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #fff0c9;
    font: 600 17px/1.35 "EB Garamond", serif;
}

.live-event-success-box {
    border: 1px solid rgba(216, 166, 84, .28);
    background: rgba(0, 0, 0, .2);
    padding: 22px;
}

.live-event-success-box h2 {
    margin: 0 0 14px;
    color: #fff0c9;
    font: 700 22px/1.2 Cinzel, serif;
}

.live-event-success-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(255, 242, 219, .82);
    font: 500 17px/1.45 "EB Garamond", serif;
}

.live-event-success-details {
    margin: 0;
    text-align: left;
    border: 1px solid rgba(216, 166, 84, .24);
}

.live-event-success-details div {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    border-bottom: 1px solid rgba(216, 166, 84, .18);
}

.live-event-success-details div:last-child {
    border-bottom: 0;
}

.live-event-success-details dt,
.live-event-success-details dd {
    margin: 0;
    padding: 12px 14px;
}

.live-event-success-details dt {
    color: #d9a95f;
    font: 700 11px/1.2 Cinzel, serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgba(0, 0, 0, .18);
}

.live-event-success-details dd {
    color: rgba(255, 242, 219, .84);
    font: 500 16px/1.35 "EB Garamond", serif;
}

.live-event-sticky-cta {
    position: fixed;
    z-index: 30;
    left: 50%;
    bottom: 16px;
    width: min(760px, calc(100% - 28px));
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(216, 166, 84, .45);
    background: rgba(11, 5, 5, .94);
    padding: 14px;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .5);
    display: none;
}

.live-event-sticky-cta strong,
.live-event-sticky-cta span {
    display: block;
}

.live-event-sticky-cta strong {
    color: #ffd98a;
    font: 700 22px/1 Cinzel, serif;
}

.live-event-sticky-cta span {
    margin-top: 4px;
    color: rgba(255, 242, 219, .72);
    font: 500 15px/1.2 "EB Garamond", serif;
}

@media (max-width: 1120px) {
    .live-event {
        width: min(100% - 24px, 860px);
    }

    .live-event-hero,
    .live-event-section--split {
        grid-template-columns: 1fr;
    }

    .live-event-ticket-panel {
        position: static;
    }

    .live-event-know-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .live-event {
        width: min(100% - 22px, 680px);
    }

    .live-event-hero {
        min-height: 0;
    }

    .live-event-hero__media {
        min-height: 360px;
    }

    .live-event-hero__media::after {
        background: linear-gradient(180deg, rgba(8, 3, 3, .05), rgba(8, 3, 3, .78));
    }

    .live-event-facts,
    .live-event-agenda {
        grid-template-columns: 1fr;
    }

    .live-event-know-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .live-event-sticky-cta {
        display: flex;
        bottom: 10px;
    }
}

@media (max-width: 720px) {
    .live-event-know-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .live-event-page {
        padding-bottom: 114px;
    }

    .live-event {
        width: 100%;
        margin-bottom: 34px;
    }

    .live-event-hero,
    .live-event-section {
        padding: 9px 16px !important;
        border-right: 0;
    }

    .live-event-hero__copy,
    .live-event-section {
        padding: 24px 18px;
    }

    .live-event-hero__media {
        min-height: 260px;
    }

    .live-event-hero h1 {
        font-size: clamp(20px, 7.5vw, 26px);
    }

    .live-event-actions {
        flex-direction: column;
    }

    .live-event-sticky-cta {
        width: calc(100% - 18px);
    }

    .live-event-success-details div {
        grid-template-columns: 1fr;
    }

    .live-event-account-credentials div {
        grid-template-columns: 1fr;
        gap: 4px;
    }

}