/*
    Stylesheet Name : YTL Lead Conference 2025 - Extension
    Created on      : October   06, 2025, 03:25:00 PM
    Last edited on  : October   06, 2025, 03:25:00 PM
    Author          : YTL Digital Design [AL, AK]
    Colors          : Text              - #FAF6EE (Cosmic Latte)
                      Background        - #003CA5 (Egyptian Blue), #0082CB (Steel Blue), #97CAEB (Baby Blue)
                      Graphic Elements  - #EFE99C (Flax), #FDAEBF (Sakura Pink), #FFA069 (Atomic Tangerine), #E23E2F (Vermillion), #4D62C9 (Savoy Blue)
*/


/* ==========================================================================
   Base styles (merged from ytl-lead-2023.css)
   ========================================================================== */

html,
body {
    height: 100%;
}

body {
    /* background-color: #8A6EFF; */
    /* background-color: #34387E; */
    background-color: #1C1A34;
    /* background: linear-gradient(-45deg, #c6baff, #8A6EFF, #fc563c, #FC3312);
    background-position: center center;
	background-size: 1000% 1000%;
    animation: bgGradient 20s ease infinite; */
    color: #F2EEEB;
    display: flex;
    flex-direction: column;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@keyframes bgGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h1 {}

h2 {}

h3 {}

h4 {
    font-size: 100%;
}

h5 {
    font-size: 90%;
}

h6 {
    font-size: 70%;
}

p {}

hr {
    border-color: #D9D9D9;
}

label {
    cursor: pointer;
}

label[readonly] {
    cursor: default;
}

caption {
    margin: 0 0 16px;
    padding: 0;
}

a,
.btn,
button {
    transition: all 230ms linear;
    -moz-transition: all 230ms linear;
    -o-transition: all 230ms linear;
    -webkit-transition: all 230ms linear;
}


/* Default link colour: LEAD '26 Terra Red (set through Bootstrap's variables, so any link with its own class still wins) */

:root {
    --bs-link-color: #EF3200;
    --bs-link-color-rgb: 239, 50, 0;
    --bs-link-hover-color: #D42C00;
    --bs-link-hover-color-rgb: 212, 44, 0;
}

a,
a:link,
a:visited,
a:active {}

a:hover {
    text-decoration: none;
}

.btn,
a.btn {
    border-radius: 0;
    padding: 10px 20px;
}

.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary:active,
a.btn.btn-primary:active {
    background-color: #FC3312;
    border-color: #FC3312;
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #EA5631;
    border-color: #EA5631;
}

.btn.btn-secondary,
a.btn.btn-secondary,
.btn.btn-secondary:active,
a.btn.btn-secondary:active {
    background-color: #1C1A34;
    border-color: #1C1A34;
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    background-color: #34325A;
    border-color: #34325A;
}

.btn.btn-tertiary,
a.btn.btn-tertiary,
.btn.btn-tertiary:active,
a.btn.btn-tertiary:active {
    background-color: #790037;
    border-color: #790037;
    color: #FFF;
}

.btn.btn-tertiary:hover,
a.btn.btn-tertiary:hover {
    background-color: #8C1B4C;
    border-color: #8C1B4C;
}

.btn.btn-link,
a.btn.btn-link,
.btn.btn-link:active,
a.btn.btn-link:active,
.btn.btn-link:hover,
a.btn.btn-link:hover {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

textarea:focus,
input:focus,
*:focus {
    outline: none;
}

ul,
ol {
    margin: 0 0 16px;
    padding: 0 0 0 20px;
}

ul li,
ol li {
    margin: 0 0 5px;
    padding: 0;
}

pre {
    margin: 0 0 16px;
}

strong {
    font-weight: 600;
}

button:focus:not(:focus-visible) {
    box-shadow: 0 0 0 transparent;
    outline: 0;
}

.bg-white {
    color: #000;
}

.bg-darkBlue {
    background-color: #313164;
}

.bg-blue {
    background-color: #484a93;
}

.text-black {
    color: #333;
}

.text-blue {
    color: #A0ACE2;
}

.text-darkBlue {
    color: #313579;
}

.text-purple {
    color: #8A6EFF;
}


/* Custom Styling for YTL Lead Conference 2023 Theme */


/* Layer Overlay */

.layer-overlay {
    background: rgba(0, 0, 0, 0.7);
    background-size: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1040;
    transition: all 230ms linear;
}

.layer-overlay:after {
    /* background: url('../images/img-loader.svg') center center no-repeat; */
    background-size: contain;
    /* content: ''; */
    display: block;
    height: 100px;
    width: 100px;
    z-index: 1055;
}

body.show-overlayLoad .layer-overlay {
    background: rgba(93, 39, 158, 1);
    /* background: rgba(53, 56, 126, 1); */
}

body.show-overlay,
body.show-overlayLoad {
    overflow: hidden;
}

body.show-overlay .layer-overlay,
body.show-overlayLoad .layer-overlay {
    opacity: 1;
    visibility: visible;
    z-index: 1060;
}


/* Layer Page */

.layer-page {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 2048px;
    min-height: 100%;
    position: relative;
    width: 100%;
}


/* Layer Header */

.layer-header {
    background-color: transparent;
    margin: 0 0 30px;
    min-height: 60px;
    z-index: 1056;
    transition: all 230ms linear;
}

.layer-header .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all 230ms linear;
}

.modal-open .layer-header {
    z-index: 4;
}

@media (min-width: 992px) {
    .layer-header {
        margin-bottom: 50px;
        min-height: 68px;
    }
}

.layer-header .navbar-main {
    font-weight: 600;
    text-transform: uppercase;
}


/* Navbar Main */

.navbar-main a.navbar-brand {
    max-width: 120px;
}

.navbar-main a.navbar-brand img.img-fluid {}

.navbar-main .navbar-nav {}

.navbar-main .navbar-nav li.nav-item {}

.navbar-main .navbar-nav li.nav-item .nav-link {}

.navbar-main .offcanvas {
    background-color: #5D279E;
}

.navbar-main .offcanvas a.navbar-brand {
    max-width: 100px;
}

.navbar-main .navbar-login {
    border-color: #999;
    border-width: 1px 0 0;
    border-style: solid;
}

.navbar-main .navbar-login li.nav-item .nav-link {}

.navbar-nav .dropdown-menu {
    background-color: #1C1A39;
    color: #FFF;
}

.navbar-nav .dropdown-menu li {}

.navbar-nav .dropdown-menu li a.dropdown-item {
    color: #FFF;
}

.navbar-nav .dropdown-menu li a.dropdown-item i {
    margin: 0 5px 0 0;
    width: 20px;
}

.navbar-nav .dropdown-menu li a.dropdown-item:hover {
    background-color: #ABACFF;
    color: #FFF;
}

@media (min-width: 992px) {
    .navbar-main a.navbar-brand {
        max-width: 150px;
    }
    .navbar-main .navbar-nav li.nav-item .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .navbar-main .navbar-login {
        border-top-width: 0;
        border-left-width: 1px;
    }
    .navbar-main .navbar-login li.nav-item .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}


/* Navbar Main - On Scrolled */

body.on-scrolled .layer-header {
    /* background-color: #5D279E; */
    /* background-color: #1C1A34; */
    min-height: 57px;
}

body.on-scrolled .layer-header .navbar {
    background-color: #1C1A34;
}

body.on-scrolled .navbar-main a.navbar-brand {
    max-width: 100px;
}

@media (min-width: 992px) {
    body.on-scrolled .layer-header {
        min-height: 61px;
    }
    body.on-scrolled .navbar-main a.navbar-brand {
        max-width: 110px;
    }
}


/* Layer Body */

.layer-body {
    flex: auto;
    /* margin: 57px auto 15px;
    padding: 30px 0 0; */
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .layer-body {
        /* margin: 68px auto 15px;
        padding: 30px 0 0; */
        margin: 0 auto;
        padding: 0;
    }
}


/* Layer Content */

.layer-content {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    min-height: 100%;
}


/* Layer Footer */

.layer-footer {
    /* background-color: #34387E; */
    background-color: #1C1A34;
    color: #FFF;
    padding: 10px 0;
    text-align: center;
}


/* Layer Section */

.layer-section {
    display: flex;
    flex-direction: column;
    padding: 2rem 0;
}

.layer-section:first-child,
.layer-section.section-first,
.layer-content .layer-section:first-child {
    padding-top: 0;
}

.layer-section.h-auto {
    min-height: auto;
}

.layer-section.section-alert {
    min-height: auto;
    padding: 0;
}

@media (min-width: 992px) {
    .layer-section {
        padding: 4rem 0;
    }
    .layer-section.section-alert {
        min-height: auto;
        padding: 0;
    }
}


/* Layer Section Head */

.layer-sectionHead {
    background-color: #8A6EFF;
    color: #FFF;
    margin: 0;
    padding: 1.15rem 0;
}

.layer-sectionHead .heading-pageTitle {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.layer-sectionHead .heading-dateDay {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .layer-sectionHead {
        padding: 2.15rem 0;
    }
    .layer-sectionHead .heading-pageTitle {
        font-size: 50px;
    }
    .layer-sectionHead .heading-dateDay {
        font-size: 36px;
    }
}


/* Panel Img Rounded */

.panel-imgRounded,
.panel-imgRounded img {
    border-radius: 100%;
}

.panel-imgRounded {
    display: inline-block;
    height: 70px;
    width: 70px;
}

.panel-imgRounded img {
    max-width: 100%;
    max-height: 100%;
}

@media (min-width: 1200px) {
    .panel-imgRounded {
        height: 100px;
        width: 100px;
    }
}


/* Layer Agendas */

.layer-agendas {}

.layer-agendas .layer-agendaSession {
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    margin: 60px 0 0;
    padding: 60px 0 0;
}

.layer-agendas .layer-agendaSession:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.layer-agendas .layer-agenda {
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.55);
    color: #FFF;
    padding: 2rem 0;
}

.layer-agendas .layer-agenda.has-speakers {
    padding-bottom: 0;
}

.layer-agendas p {
    margin-bottom: 0;
}

.layer-agendas .panel-time {
    font-size: 24px;
    /* font-style: italic; */
    margin-bottom: 2rem;
}

.layer-agendas .panel-title {
    font-size: 24px;
    font-weight: 600;
}

.layer-agendas .panel-location,
.layer-agendas .layer-agendaDescription,
.layer-agendas .layer-speakerList {
    margin-top: 1.5rem;
}

.layer-agendas .panel-location {
    font-size: 20px;
    /* font-style: italic; */
}

.layer-agendas .layer-agendaDescription {}

.layer-agendas .layer-speakerList {}

.layer-agendas .layer-speakerList .speaker-title {}

.layer-agendas .card .card-body,
.layer-agendas .card .card-footer {
    padding: 0;
}

@media (min-width: 992px) {
    .layer-agendas .panel-location,
    .layer-agendas .layer-agendaDescription,
    .layer-agendas .layer-speakerList {
        margin-top: 2rem;
    }
}


/* Layer List Agendas */

.layer-listAgendas {}

.layer-listAgendas .layer-listAgenda,
.layer-listAgenda {
    background-color: #1C1A34;
    padding: 2rem 0;
}

.layer-listAgenda:nth-child(odd) {
    background-color: rgba(49, 53, 121, 0.5);
}

.layer-listAgenda:nth-child(even) {
    background-color: rgba(49, 53, 121, 1);
}

.layer-listAgenda .panel-time {
    font-weight: 600;
    margin-bottom: 0;
}

.layer-listAgenda .layer-agendaInfo {}

.layer-listAgenda .layer-agendaInfo .panel-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.layer-listAgenda .layer-agendaInfo .panel-location {
    font-size: 14px;
    margin-bottom: 0;
}

.layer-listAgenda .layer-speakerList {
    margin: 2rem 0 0;
}

.layer-listAgenda .layer-speakerList h4 {
    margin-bottom: 1rem;
}

.layer-listAgenda .layer-speakerList .layer-speaker,
.layer-speaker.listAgenda {}

.layer-speaker.listAgenda .layer-speakerDetails {}

.layer-speaker.listAgenda .layer-speakerDetails .panel-speakerImg {}

.layer-speaker.listAgenda .layer-speakerDetails .panel-speakerImg img {}

.layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo {}

.layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo p {
    font-size: 14px;
    line-height: 22px;
}

.layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerName {}

.layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerDesignation {}

.layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerCompany {}

@media (min-width: 992px) {
    .layer-listAgendas {}
    .layer-listAgendas .layer-listAgenda,
    .layer-listAgenda {
        padding: 3rem 0;
    }
    .layer-listAgenda .panel-time {
        margin-bottom: 0;
    }
    .layer-listAgenda .layer-agendaInfo {}
    .layer-listAgenda .layer-agendaInfo .panel-title {}
    .layer-listAgenda .layer-agendaInfo .panel-location {}
    .layer-listAgenda .layer-speakerList {}
    .layer-listAgenda .layer-speakerList h4 {
        margin-bottom: 1.5rem;
    }
    .layer-listAgenda .layer-speakerList .layer-speaker,
    .layer-speaker.listAgenda {}
    .layer-speaker.listAgenda .layer-speakerDetails {}
    .layer-speaker.listAgenda .layer-speakerDetails .panel-speakerImg {
        height: 80px;
        width: 80px;
    }
    .layer-speaker.listAgenda .layer-speakerDetails .panel-speakerImg img {}
    .layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo {}
    .layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerName {}
    .layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerDesignation {}
    .layer-speaker.listAgenda .layer-speakerDetails .layer-speakerInfo .panel-speakerCompany {}
}


/* Layer List Events */

.layer-listEvents {}

.layer-listEvents .layer-listEventSession {
    margin: 0 0 2rem;
}

.layer-listEvents .layer-listEventSession:last-child {
    margin-bottom: 0;
}

.layer-listEventSession .panel-sessionTime {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.layer-listEvents .col-listEvent {
    margin: 0 0 2rem;
}

.layer-listEvents .layer-listEvent.card,
.layer-listEvent.card {
    background-color: rgba(49, 53, 121, 0.5);
    color: #F2EEEB;
}

.layer-listEvent.card .card-body {
    padding: 1.5rem;
}

.layer-listEvent.card .card-footer {
    border: 0;
    padding: 1.5rem;
}

.layer-listEvent .panel-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.layer-listEvent .panel-location {
    font-size: 12px;
    margin-bottom: 1.5rem;
}

.layer-listEvent .layer-eventDescription {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .layer-listEvents {}
    .layer-listEvents .layer-listEventSession {
        margin-bottom: 4rem;
    }
    .layer-listEvents .col-listEvent {
        margin: 0 0 2rem;
    }
    .layer-listEventSession .panel-sessionTime {
        font-size: 32px;
        margin-bottom: 3rem;
    }
    .layer-listEvents .layer-listEvent.card,
    .layer-listEvent.card {}
    .layer-listEvent.card .card-body {
        padding: 3rem 3rem 1.5rem;
    }
    .layer-listEvent.card .card-footer {
        padding: 1.5rem 3rem 3rem;
    }
    .layer-listEvent .panel-title {
        font-size: 24px;
        margin-bottom: 2rem;
    }
    .layer-listEvent .panel-location {
        font-size: 14px;
        margin-bottom: 2rem;
    }
    .layer-listEvent .layer-eventDescription {
        font-size: 16px;
    }
}


/* Layer Speaker List */

.layer-speakerList {}

.layer-speakerList h4 {
    margin-bottom: 1rem;
}

.layer-speakerList .layer-speakers,
.layer-speakers {
    display: flex;
    flex-wrap: wrap;
}

.layer-speakers .layer-speaker {
    margin: 0 0 2rem 0;
}

.layer-speakers .layer-speaker:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.layer-speaker .layer-speakerDetails {
    display: flex;
    align-items: center;
}

.layer-speakerDetails p {
    margin-bottom: 0;
}

.layer-speakerDetails .panel-speakerImg {
    margin: 0 0.8rem 0 0;
}

.layer-speakerDetails .panel-speakerImg img {}

.layer-speakerDetails .layer-speakerInfo {
    white-space: nowrap;
}

.layer-speakerInfo p {
    margin-bottom: 0;
}

.layer-speakerInfo .panel-speakerName {
    font-size: 18px;
    font-weight: 700;
}

.layer-speakerInfo .panel-speakerDesignation {
    font-size: 18px;
    white-space: break-spaces;
}

.layer-speakerInfo .panel-speakerCompany {
    /* font-style: italic; */
}

.layer-speaker .layer-speakerAbout {
    margin: 2rem 0 0;
}

.layer-speakers.full-width {
    display: block;
}

.layer-speakers.full-width .layer-speaker {
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    margin: 0 0 2rem;
    padding: 0 0 2rem;
}

.layer-speakers.full-width .layer-speaker:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .layer-agenda .panel-time {
        margin-bottom: 0;
    }
    .layer-speakers .layer-speaker {
        margin: 0 2rem 2rem 0;
    }
    .layer-speakers .layer-speaker:last-child {
        margin: 0;
    }
    .layer-speakerDetails .panel-speakerImg {
        margin-right: 1rem;
    }
}


/* Standard Form */

.standardForm {}

.standardForm .form-control::placeholder {
    /* Firefox, Chromium */
    color: rgba(51, 51, 51, 0.5);
    opacity: 1;
}

.standardForm .form-control::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: rgba(51, 51, 51, 0.5);
}

.standardForm .form-group {
    margin: 0 0 20px;
}

.standardForm .form-group label {
    font-weight: 600;
    margin: 0 0 10px;
}

.standardForm .form-control,
.standardForm .select-control,
.standardForm .form-check-input {
    border: 1px solid #1C1A34;
    border-radius: 0;
    color: #333;
    font-weight: 500;
}

.standardForm .form-check-input[type="radio"] {
    border-radius: 100%;
}

.standardForm .form-check-input {
    height: 20px;
    margin: 1px 10px 0 0;
    width: 20px;
}

.standardForm .form-control:focus,
.standardForm .select-control:focus,
.standardForm .form-check-input:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.standardForm .form-group.inline {
    margin-bottom: 0;
}

.standardForm .form-check-inline {
    display: block;
    margin: 0 0 20px;
    padding: 0;
}

.standardForm .form-check-inline label.form-check-label {
    margin-bottom: 0;
}

.standardForm .form-group-disabled label,
.standardForm .form-check-input:disabled~.form-check-label,
.standardForm .form-check-input[disabled]~.form-check-label {
    color: #666;
    cursor: not-allowed;
    font-style: italic;
}

.standardForm .span-errMsgpost {
    color: #000000;
    background-color: #FCC3C3;
    border: solid 1px #E76363;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.standardForm .span-errMsg {
    color: #ffffff;
    background-color: none;
    border: none;
    display: inline-block;
    padding: 5px 15px;
    width: 100%;
}


/* Standard Form Inline */

.standardFormInline {
    display: inline-block;
}


/* Layer Event Single */

.layer-eventSingle {}

.layer-eventSingle .layer-eventBanner {}

.layer-eventBanner .panel-bannerImg {
    text-align: center;
}

.layer-eventBanner .panel-bannerImg img {}

.layer-eventSingle .layer-eventInfo {}

.layer-eventSingle .heading-eventTitle {
    margin-bottom: 1.5rem;
}

.layer-eventInfo .heading-eventTitle {}

.layer-eventInfo .listing-eventInfo,
.listing-eventInfo {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.listing-eventInfo li {
    margin: 0 0 1rem;
}

.listing-eventInfo li:last-child {
    margin-bottom: 0;
}

.listing-eventInfo li span {
    font-size: 18px;
}

.listing-eventInfo li i {
    display: inline-block;
    width: 20px;
}

.listing-eventInfo li .span-info {}

.listing-eventInfo li .span-profile {
    font-size: 16px;
}

.layer-eventInfo .layer-eventLocationMap {
    display: flex;
    max-height: 400px;
}

.layer-eventLocationMap a {
    display: flex;
    justify-content: center;
}

.layer-eventLocationMap a img {
    max-height: 100%;
}

.layer-eventSingle .layer-eventData,
.layer-eventData {}

.layer-eventSingle .layer-eventData:last-child {
    border: 0;
    padding-bottom: 0;
}

.layer-eventData h3 {
    /* font-style: italic; */
}

.layer-eventData h3 i {
    margin: 0 10px 0 0;
    width: 35px;
}

.layer-eventData p {}

.layer-eventData p:last-of-type {
    margin-bottom: 0;
}

.layer-eventSingle .layer-eventBanner,
.layer-eventSingle .layer-eventInfo,
.layer-eventSingle .layer-eventData,
.layer-eventData {
    margin-bottom: 2rem;
}

.layer-eventInfo .layer-eventLocationMap {
    margin-top: 2rem;
}

.layer-eventSingle .layer-eventInfo,
.layer-eventSingle .layer-eventData,
.layer-eventData {
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    padding-bottom: 2rem;
}

@media (min-width: 992px) {
    .layer-eventSingle .layer-eventBanner {}
    .layer-eventSingle .layer-eventInfo {}
    .layer-eventSingle .heading-eventTitle {
        margin-bottom: 2rem;
    }
    .layer-eventInfo .listing-eventInfo,
    .listing-eventInfo {}
    .listing-eventInfo li span {
        font-size: 24px;
    }
    .listing-eventInfo li .span-profile {
        font-size: 18px;
    }
    .listing-eventInfo li i {
        width: 28px;
    }
    .layer-eventSingle .layer-eventData,
    .layer-eventData {}
    .layer-eventSingle .layer-eventBanner,
    .layer-eventSingle .layer-eventInfo,
    .layer-eventSingle .layer-eventData,
    .layer-eventData {
        margin-bottom: 3rem;
    }
    .layer-eventInfo .layer-eventLocationMap {
        margin-top: 3rem;
    }
    .layer-eventSingle .layer-eventInfo,
    .layer-eventSingle .layer-eventData,
    .layer-eventData {
        padding-bottom: 3rem;
    }
}


/* Layer Section Event Single */

.layer-sectionEventSingle {}

.layer-sectionEventSingle .layer-section {
    padding: 3rem 0;
}

.layer-sectionEventSingle .layer-sectionHead {
    padding: 3rem 0;
}

.layer-sectionEventSingle .layer-sectionHead h1.heading-pageTitle {}

.layer-sectionEventSingle .layer-eventSingleInfo {}

.layer-eventSingleInfo h4.heading-sectionTitle {
    font-size: 14px;
    text-transform: uppercase;
}

.layer-eventSingleInfo p {}

.layer-eventSingleInfo p:last-child {
    margin-bottom: 0;
}

.layer-sectionEventSingle .layer-eventSingleSpeakers,
.layer-eventSingleSpeakers {}

.layer-eventSingleSpeakers .layer-eventSingleSpeaker {}

.layer-eventSingleSpeaker .layer-speakerImg {
    margin: 0 0 1.5rem;
    padding: 0px;
    /* padding: 0 0 50px; */
    position: relative;
}

.layer-eventSingleSpeaker .layer-speakerImg img {
    max-width: 100%;
}

.layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
    background: url('../images/overlay-speaker-img.png') no-repeat;
    background-size: cover;
    bottom: 0;
    display: block;
    min-height: 60px;
    position: absolute;
    width: 100%;
}

.layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo {
    margin: 0 0 1.5rem;
}

.layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo p {}

.layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo .panel-speakerName {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo .panel-speakerDesignation {
    font-size: 16px;
}

@media (min-width: 400px) {
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 100px;
    }
}

@media (min-width: 500px) {
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 120px;
    }
}

@media (min-width: 600px) {
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 110px;
    }
}

@media (min-width: 768px) {
    .layer-eventSingleSpeaker .layer-speakerImg {
        /* padding-bottom: 40px; */
    }
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 60px;
    }
}

@media (min-width: 992px) {
    .layer-sectionEventSingle {}
    .layer-sectionEventSingle .layer-section {
        padding: 5rem 0;
    }
    .layer-sectionEventSingle .layer-sectionHead {
        padding: 5rem 0;
    }
    .layer-sectionEventSingle .layer-sectionHead h1.heading-pageTitle {}
    .layer-sectionEventSingle .layer-eventSingleInfo {}
    .layer-eventSingleInfo h4.heading-sectionTitle {
        font-size: 16px;
    }
    .layer-eventSingleInfo p {}
    .layer-sectionEventSingle .layer-eventSingleSpeakers,
    .layer-eventSingleSpeakers {}
    .layer-eventSingleSpeakers .layer-eventSingleSpeaker {}
    .layer-eventSingleSpeaker .layer-speakerImg {
        /* padding-bottom: 40px; */
    }
    .layer-eventSingleSpeaker .layer-speakerImg img {}
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 70px;
    }
    .layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo {}
    .layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo p {}
    .layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo .panel-speakerName {
        font-size: 24px;
        margin-bottom: 0.5rem;
    }
    .layer-eventSingleSpeaker .layer-eventSingleSpeakerInfo .panel-speakerDesignation {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .layer-eventSingleSpeaker .layer-speakerImg {
        /* padding-bottom: 60px; */
    }
    .layer-eventSingleSpeaker .layer-speakerImg .layer-speakerImgOverlay {
        min-height: 100px;
    }
}


/* Layer Event Single - Modal */

.modal .layer-eventSingle .heading-eventTitle {
    margin-bottom: 1rem;
}

.modal .listing-eventInfo li {
    margin-bottom: 0.5rem;
}

.modal .listing-eventInfo li:last-child {
    margin-bottom: 0;
}

.modal .layer-eventSingle .layer-eventBanner,
.modal .layer-eventSingle .layer-eventInfo,
.modal .layer-eventSingle .layer-eventData,
.modal .layer-eventData {
    margin-bottom: 1rem;
}

.modal .layer-eventSingle .layer-eventInfo,
.modal .layer-eventSingle .layer-eventData,
.modal .layer-eventData {
    padding-bottom: 1rem;
}

.modal .layer-eventSingle .layer-eventData:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.modal .panel-imgRounded {
    height: 70px;
    width: 70px;
}

@media (min-width: 992px) {
    .modal .layer-eventSingle .heading-eventTitle {
        margin-bottom: 1.5rem;
    }
    .modal .listing-eventInfo li span {
        font-size: 20px;
    }
    .modal .layer-eventSingle .layer-eventBanner,
    .modal .layer-eventSingle .layer-eventInfo,
    .modal .layer-eventSingle .layer-eventData,
    .modal .layer-eventData {
        margin-bottom: 1.5rem;
    }
    .modal .layer-eventSingle .layer-eventInfo,
    .modal .layer-eventSingle .layer-eventData,
    .modal .layer-eventData {
        padding-bottom: 1.5rem;
    }
}


/* Modal */

.modal .modal-content {
    background-color: #F2EEEB;
}

.modal.modal-dark .modal-content {
    background-color: #1C1A35;
    color: #FFF;
}

.modal .modal-content,
.modal-header,
.modal-footer {
    border-radius: 0;
}


/* Card */

.card {
    background-color: #F2EEEB;
    border-radius: 0;
}

.card .card-header {
    background-color: transparent;
    border-bottom: 0;
    padding: 20px 30px;
    text-align: center;
}

.card .card-header .heading-cardTitle {
    color: #8A6EFF;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 0;
}

.card .card-body {
    padding: 20px 30px;
}

.card .card-footer {
    background-color: transparent;
    padding: 20px 30px;
}


/* Layer Static Content */

.layer-staticContent {
    font-size: 18px;
    padding: 3.15rem 2.5rem;
}

.layer-staticContent.bg-white {
    background-color: #F2EEEB;
}

.layer-staticContent .heading-title {
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 3.15rem;
}

.layer-staticContent .layer-staticContentHeader {
    background-color: #8A6EFF;
    color: #FFF;
    margin: -3.15rem -2.5rem 2.5rem;
    padding: 1.15rem 2.5rem;
}

.layer-staticContent .layer-staticContentHeader .heading-title {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0;
}

.layer-staticContent h2 {
    font-size: 28px;
    font-weight: 600;
}

.layer-staticContent .layer-contentTiles,
.layer-contentTiles {
    margin: 3.15rem 0 0;
}

.layer-contentTiles .layer-contentTile {
    margin: 0 0 3.15rem;
}

.layer-contentTile h4 {
    font-weight: 400;
    margin: 0 0 2.25rem;
}

.layer-contentTile p {
    font-size: 16px;
}

@media (min-width: 992px) {
    .layer-staticContent {
        padding: 6.25rem 5rem;
    }
    .layer-staticContent .heading-title {
        margin-bottom: 6.25rem;
    }
    .layer-staticContent .layer-staticContentHeader {
        margin: -6.25rem -5rem 2.5rem;
        padding: 2.15rem 5rem;
    }
    .layer-staticContent .layer-staticContentHeader .heading-title {
        font-size: 50px;
    }
    .layer-staticContent h2 {
        font-size: 38px;
    }
    .layer-staticContent .layer-contentTiles,
    .layer-contentTiles {
        margin-top: 6.25rem;
    }
    .layer-contentTiles .layer-contentTile {
        margin-bottom: 6.25rem;
    }
    .layer-contentTile h4 {
        margin-bottom: 4.5rem;
    }
}


/* ==========================================================================
   LEAD 2026 styles
   ========================================================================== */

body {
    background: #003CA5;
    font-size: 18px;
    display: block;
    /* overflow-x: hidden; */
}

body.page-auth {
    display: flex;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 2.25rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 0.9rem;
}

h6 {
    font-size: 0.8rem;
}

@media (min-width: 992px) {
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 2.25rem;
    }
    h4 {
        font-size: 1rem;
    }
    h5 {
        font-size: 0.9rem;
    }
    h6 {
        font-size: 0.8rem;
    }
}

a,
.btn {
    transition: all 230ms linear;
}

.btn,
a.btn {
    border-radius: 40px;
    padding: 0.8rem;
    text-transform: uppercase;
    font-weight: 700;
}

.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary:active,
a.btn.btn-primary:active {
    /* background: linear-gradient(to right, #52A0D1, #0082CA); */
    background-color: #00B4F0;
    border-color: #00B4F0;
    color: #FFFFFF;
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #0082CB;
    border-color: #0082CB;
    color: #FFFFFF;
}

.btn.btn-secondary,
a.btn.btn-secondary,
.btn.btn-secondary:active,
a.btn.btn-secondary:active {
    background-color: transparent;
    border-color: #ffffff;
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    background-color: rgba(0, 143, 220, 0.5);
    border-color: #ffffff;
}

.btn.btn-tertiary,
a.btn.btn-tertiary,
.btn.btn-tertiary:active,
a.btn.btn-tertiary:active {
    background-color: #790037;
    border-color: #790037;
    color: #FFF;
}

.btn.btn-tertiary:hover,
a.btn.btn-tertiary:hover {
    background-color: #8C1B4C;
    border-color: #8C1B4C;
}

.btn.btn-text,
a.btn.btn-text,
.btn.btn-text:active,
a.btn.btn-text:active {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

.btn.btn-text:hover,
a.btn.btn-text:hover {
    background-color: transparent;
    border-color: transparent;
    color: #D42C00;
}

.btn.btn-link,
a.btn.btn-link,
.btn.btn-link:active,
a.btn.btn-link:active,
.btn.btn-link:hover,
a.btn.btn-link:hover {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

.btn.btn-outline,
a.btn.btn-outline,
.btn.btn-outline:active,
a.btn.btn-outline:active {
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

.btn.btn-outline:hover,
a.btn.btn-outline:hover {
    background-color: #008FDC;
    border-color: #008FDC;
}

.btn.btn-square-icon,
a.btn.btn-square-icon,
.btn.btn-square-icon:active,
a.btn.btn-square-icon:active {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 34px;
    width: 34px;
}

.btn.btn-square-icon:hover,
a.btn.btn-square-icon:hover {
    /* background: #0082CA;
    background-color: #0082CA;
    border-color: #008FDC; */
}

.link-primary {
    color: #EF3200;
}

.link-primary:hover {
    color: #D42C00;
}

.span-status {
    background-color: rgba(245, 160, 82, 0.2);
    border-radius: 4px;
    color: #F5A052;
    display: inline-block;
    font-weight: 600;
    min-width: 80px;
    padding: 0rem 1rem;
    text-align: center;
}

.span-status.status-danger {
    background-color: rgba(231, 99. 99, 0.3);
    color: #FF5C5C;
}


/* Show Overlay */

.layer-overlay {
    background: rgba(3, 122, 193, 0.7);
    background-size: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1040;
    transition: all 230ms linear;
}

.layer-overlay:after {
    background: url('../images/img-loader-b70.gif') center center no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 80px;
    width: 200px;
    z-index: 1055;
}

body.show-overlayLoad .layer-overlay {
    background-color: rgba(3, 122, 193, 1);
}

body.on-scrolled .layer-header .navbar {
    background-color: #003CA5;
}


/* Navbar Nav */

.nav-link {
    color: #FAF6EE;
}

.navbar-nav .dropdown-menu li:last-child {
    margin-bottom: 0;
}

.navbar-main .offcanvas {
    background-color: #003CA5;
}

.navbar-main .navbar-login li.nav-item.item-profile>.nav-link.active {
    color: #EF3200;
}

.navbar-main .nav-link:hover {
    color: #9e9e9e;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #EF3200;
    font-weight: 800;
}

.navbar-nav .dropdown-menu {
    background-color: #0082CB;
    color: #FFF;
}

.navbar-nav .dropdown-menu li a.dropdown-item:hover {
    background-color: #EF3200;
    color: #FFF;
}


/* Layer Footer */

.layer-footer {
    /* background: #0080C5 url('../images/bg-footer.jpg') center -5rem no-repeat; */
    background-color: #00B4F0;
    background-size: 250%;
    padding: 5rem 0 0;
}

.layer-footer.profile {
    /* background: #212943; */
    background: transparent;
    padding: 1rem 0;
}

.layer-footer p.panel-copyright {
    margin: 0;
    padding: 4rem 0 1rem;
}

.layer-footer p.panel-logo {
    margin-bottom: 4rem;
}

.layer-footer p.panel-logo img.img-fluid {}

.layer-footer .layer-footerLinks {
    text-align: left;
}

.layer-footer .layer-footerLinks h4 {
    margin-bottom: 1.5rem;
}

.layer-footer .layer-footerLinks ul.listing-footerLinks {
    margin: 0;
    padding: 0;
}

ul.listing-footerLinks li {
    list-style-type: none;
    margin: 0 0 0.6rem;
}

ul.listing-footerLinks li a {
    color: #FFF;
    text-decoration: none;
}

ul.listing-footerLinks li a:hover {
    color: #212943;
}

ul.listing-footerLinks.icons {
    font-size: 1.5rem;
}

ul.listing-footerLinks.inline {
    display: flex;
    justify-content: space-between;
}

ul.listing-footerLinks.icons li a {
    display: inline-block;
    min-width: 24px;
    text-align: center;
}

@media (min-width: 768px) {
    .layer-footer {
        background-size: cover;
    }
    .layer-footer p.panel-copyright {
        padding: 5rem 0 2rem;
    }
    .layer-footer p.panel-logo {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .layer-footer {}
}

@media (min-width: 1600px) {
    .layer-footer {
        background-size: 110%;
    }
}


/* Layer Page */

.layer-page {}

.layer-section {
    padding: 2.5rem 0 0;
}

@media (min-width: 576px) {
    .layer-page {}
}

@media (min-width: 1440px) {
    .layer-page {}
}


/* Layer Body */


/* .layer-body:after {
    background: url('../images/bg-footer-overlay.png') center top no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 500px;
    margin: -250px 0 0;
    width: 100%;
} */


/* .section-register,
.layer-section.section-register:first-child {
    display: flex;
    flex-direction: column;
    padding: 4rem 0;
} */

.section-register {
    padding: 0 0 4rem;
}

@media (min-width: 768px) {
    .layer-section {
        padding: 3rem 0 0;
    }
}

@media (min-width: 992px) {
    .layer-section {
        padding: 4rem 0 0;
    }
    .section-register {
        padding: 4rem 0;
    }
}

@media (min-width: 1200px) {
    .layer-section {
        padding: 5rem 0 0;
    }
}


/* Layer Section Head */

.layer-sectionHead {
    background-color: transparent;
    color: #FFF;
    margin: 0;
    padding: 0;
}

.layer-sectionHead .heading-pageTitle {
    font-size: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: none;
}

.layer-sectionHead .panel-pageSub {}

@media (min-width: 768px) {
    .layer-sectionHead {
        padding: 0;
    }
    .layer-sectionHead .heading-pageTitle,
    .layer-sectionHead .panel-pageSub {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .layer-sectionHead .heading-pageTitle {
        font-size: 4rem;
    }
}


/* Standard Form */

.standardForm .form-group {
    margin-bottom: 1.5rem;
}

.standardForm .form-check-inline {
    display: inline-block;
}

.standardForm .form-control,
.standardForm .select-control,
.standardForm .form-select {
    padding: 0.7rem 1rem;
}

.standardForm .form-control,
.standardForm .select-control,
.standardForm .form-check-input {
    background-color: transparent;
    border-color: rgba(252, 252, 252, 0.4);
    border-radius: 8px;
    color: #FCFCFC;
    font-weight: 500;
}

.standardForm .form-check-input:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23D6E14B'/%3e%3c/svg%3e");
    border-color: #D6E14B;
}

.standardForm .form-check-input[type="checkbox"],
.standardForm .form-check-input.input-checkbox {
    background-color: transparent;
    border: 1px solid #FFF;
    border-radius: 3px;
    height: 24px;
    width: 24px;
}

.standardForm .form-check-input[type="checkbox"]:checked,
.standardForm .form-check-input.input-checkbox:checked {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #FFA069;
    border-color: #FFA069;
}

.standardForm .form-control::placeholder {
    color: rgba(252, 252, 252, 0.4);
    opacity: 1;
}

.standardForm .form-control.form-control::-ms-input-placeholder {
    color: rgba(252, 252, 252, 0.4);
}

.standardForm .form-control:disabled,
.standardForm .select-control:disabled,
.standardForm .form-check-input:disabled {
    background-color: rgba(156, 156, 156, 0.2);
    color: rgba(252, 252, 252, 0.3);
}

.standardForm .panel-desc {
    color: #BDBDBD;
    font-size: 0.9rem;
    margin: 0.6rem 0 0;
}

.standardForm .panel-desc a {
    color: #EF3200;
}

.standardForm .panel-desc a.link-primary {
    color: #EF3200 !important;
}

.standardForm .panel-desc a.link-primary:hover {
    color: #D42C00 !important;
}

.standardForm.dark {}

.standardForm.dark .form-control,
.standardForm.dark .form-select,
.standardForm .select-control {
    border-color: #CCC;
    color: #333;
}


/* Modal */

.modal {}

.modal .modal-content {
    background: #FFF url('../images/bg-modal.png') bottom right no-repeat;
    background-size: contain;
    border-radius: 20px;
    color: #212943;
}

.modal .modal-header {
    border: 0;
    padding: 2rem 2rem 1rem;
}

.modal .modal-body {
    padding: 1rem 2rem 2rem;
}

.modal .modal-footer {}

.modal .heading-modalTitle {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
}

.modal .standardForm .form-control {
    background-color: #FFF;
    border: 1px solid rgba(33, 41, 67, 0.5);
    border-radius: 8px;
    color: #212943;
}

.modal .standardForm .panel-desc {
    color: #212943;
}


/* Layer Seminars */

.layer-selectSeminars {}

.layer-selectSeminars .layer-selectSeminar {
    background-color: #212943;
    border: 1px solid rgba(252, 252, 252, 0.3);
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    align-items: center;
    min-height: 110px;
    height: 100%;
    padding: 1.5rem 1rem;
    position: relative;
    transition: all 230ms linear;
}

.layer-selectSeminars .layer-selectSeminar.selected,
.layer-selectSeminars .layer-selectSeminar:hover {
    background-color: rgba(0, 143, 220, 0.15);
    border-color: #008FDC;
}

.layer-selectSeminars .layer-selectSeminar.disabled,
.layer-selectSeminars .layer-selectSeminar.disabled:hover {
    background-color: rgba(156, 156, 156, 0.2);
    border-color: rgba(252, 252, 252, 0.3);
    opacity: 0.8;
}

.layer-selectSeminars .layer-selectSeminar.disabled .form-label,
.layer-selectSeminars .layer-selectSeminar.disabled a {
    color: rgba(255, 255, 255, 0.3);
}

.layer-selectSeminar .form-check {
    margin: 0;
    padding: 0;
}

.layer-selectSeminar .form-check .form-check-input {
    margin: 0;
}

.layer-selectSeminar .layer-seminarIcon {
    margin: 0 0 0 1rem;
}

.layer-selectSeminar .layer-seminarIcon img {
    max-height: 36px;
    max-width: 36px;
}

.layer-selectSeminar .layer-seminarInfo {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 0 0 1rem;
}

.layer-selectSeminar .layer-seminarInfo .form-label {
    margin-bottom: 1rem;
}

.layer-selectSeminar .layer-seminarInfo .form-label span.span-subtitle,
.layer-selectSeminar .layer-seminarInfo .form-label span.span-notes {
    display: block;
    font-size: 0.9rem;
    line-height: 1rem;
    margin-top: 0.3rem;
}

.layer-selectSeminar .layer-seminarInfo .layer-seminarInfoDetails {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
}

.layer-selectSeminar .layer-seminarInfo .layer-seminarInfoDetails a {}

.layer-selectSeminar .layer-seminarInfo .layer-seminarInfoDetails span.span-status {}

.layer-selectSeminar span.span-notice {
    background-color: #FFF;
    border-radius: 0 0 6px 6px;
    color: #008FDC;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2rem;
    padding: 0 1rem;
    position: absolute;
    right: 8px;
    top: 0;
}


/* Layer Selected Seminars */

.layer-selectedSeminars {}

.layer-selectedSeminars .layer-selectedSeminar {
    height: 100%;
    padding: 48px 0 0;
    position: relative;
}

.layer-selectedSeminars .layer-selectedSeminar h3 {
    font-size: 1.625rem;
    position: absolute;
    left: 0;
    top: 0;
}

.layer-selectedSeminars .layer-selectedSeminar .layer-seminarBox {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 2rem 1.3rem;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxTitle {
    display: flex;
    align-items: center;
    margin: 0 0 2rem;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxTitle img.img-seminarIcon {
    max-height: 36px;
    max-width: 36px;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxTitle h4 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin: 0 0 0 1.2rem;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxTitle h4 span.span-subtitle,
.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxTitle h4 span.span-notes {
    display: block;
    font-size: 1rem;
    line-height: 1.3rem;
    margin-top: 0.5rem;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxInfo {}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxInfo p {
    color: #F2EEEB;
    margin: 0 0 0.5rem;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxInfo i {
    margin-right: 0.8rem;
    min-width: 16px;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.875rem;
    margin: 3.6rem 0 0;
}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxBottom a {}

.layer-selectedSeminar .layer-seminarBox .layer-seminarBoxBottom a.btn {}


/* Modal Seminar Details */

.modal-details {
    color: #FFF;
}

.modal-details .modal-content {
    background: url('../images/speaker-popup.png') center no-repeat;
    background-color: transparent;
    border-radius: 20px;
    color: #FFF;
}

.modal-details .modal-header {
    border: 0;
    padding: 2rem 2rem 1rem;
}

.modal-details .modal-header .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.modal-details .modal-body {
    padding: 1rem 2rem 2rem;
}

.modal-details .layer-eventDetails {}

.modal-details .layer-eventDetails .layer-eventSpeakers {}

.modal-details .layer-eventDetails .layer-eventSpeakers img.img-fluid {
    border-radius: 8px;
}

.modal-details .layer-eventDetails .layer-eventInfo {}

.modal-details .layer-eventDetails .layer-eventInfo .heading-eventTitle {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
}

.modal-details .layer-eventDetails .layer-eventInfo .heading-eventTitle span.span-subtitle,
.modal-details .layer-eventDetails .layer-eventInfo .heading-eventTitle span.span-notes {
    display: block;
    font-size: 1.3rem;
    margin-top: 0.5rem;
}

.modal-details .layer-eventDetails .layer-eventInfo .listing-eventInfo {
    margin-bottom: 2.5rem;
}

.modal-details .layer-eventDetails .layer-eventInfo .listing-eventInfo li {}

.modal-details .layer-eventDetails .layer-eventInfo .listing-eventInfo li span {
    font-size: 0.875rem;
}

.modal-details .layer-eventDetails .layer-eventInfo .listing-eventInfo li span i.fa-solid {}

.modal-details .layer-eventDetails .layer-eventInfo .listing-eventInfo li span span.span-info {}

.modal-details .layer-eventDetails .layer-eventInfo .layer-eventExcerpt {
    white-space: pre-line;
}

.modal-details .layer-eventDetails .layer-eventInfo .layer-eventExcerpt p {
    margin-bottom: 0;
}

.modal-details .layer-eventDetails .layer-seminarSpeakers {
    margin-top: 2.5rem;
}

.layer-seminarSpeakers .layer-seminarSpeaker {
    display: flex;
    align-items: start;
}

.layer-seminarSpeakers .layer-seminarSpeaker .panel-speakerImg {
    border-radius: 100%;
    margin: 0 1rem 0 0;
    height: 80px;
    width: 80px;
}

.layer-seminarSpeakers .layer-seminarSpeaker .panel-speakerImg img {
    border-radius: 100%;
    max-height: 80px;
    max-width: 80px;
}

.layer-seminarSpeakers .layer-seminarSpeaker .panel-speakerImg .span-speakerImg {
    background-size: cover;
    border-radius: 100%;
    display: block;
    height: 80px;
    width: 80px;
    aspect-ratio: 1 / 1;
}

.span-speakerImgKeyNote {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5%;
    display: block;
    width: 200px;
    height: 200px;
    aspect-ratio: 1 / 1;
}

.layer-seminarSpeakers .layer-seminarSpeaker .layer-seminarSpeakerDetails {}

.layer-seminarSpeakers .layer-seminarSpeaker .layer-seminarSpeakerDetails p {
    margin-bottom: 0;
}

.layer-seminarSpeakers .layer-seminarSpeaker .layer-seminarSpeakerDetails p.panel-name {
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.layer-seminarSpeakers .layer-seminarSpeaker .layer-seminarSpeakerDetails p.panel-designation {
    font-size: 0.9rem;
}

.layer-seminarSpeakers .layer-seminarSpeaker .layer-seminarSpeakerDetails p.panel-company {
    font-size: 0.9rem;
}


/* Modal Speaker Details */

.modal-details .layer-speakerEvents {
    margin: 1.5rem 0 0;
}

.modal-details .layer-speakerEvents .layer-speakerEvent {
    background: #FFF url('../images/bg-speakerDetails-event.png') bottom right no-repeat;
    background-size: cover;
    border-radius: 10px;
    color: #212943;
    display: flex;
    align-items: center;
    margin: 1.5rem 0 0;
    padding: 1.8rem;
}

.modal-details .layer-speakerEvents .layer-speakerEvent .layer-speakerEventDetails {
    margin: 0 auto 0 0;
}

.modal-details .layer-speakerEvents .layer-speakerEvent .layer-speakerEventDetails p {
    font-weight: 600;
}

.modal-details .layer-speakerEvents .layer-speakerEvent .layer-speakerEventDetails p.panel-eventInfo {}

.modal-details .layer-speakerEvents .layer-speakerEvent .layer-speakerEventDetails p.panel-eventTitle {
    font-size: 1.25rem;
    margin-bottom: 0;
}

.modal-details .layer-speakerEvents .layer-speakerEvent .layer-speakerEventDetailsLink {
    padding: 0 0 0 1rem;
}

.modal-details .layer-speakerEvents .layer-speakerEvent a.btn-arrow {}

@media (min-width: 992px) {
    .modal-details .layer-speakerEvents {
        margin-top: 4rem;
    }
    .modal-details .layer-speakerEvents .layer-speakerEvent {
        margin-top: 2rem;
    }
}


/* Layer Profile QR */

.layer-profileQR {
    /* background: url('../images/bg-profileQR.png') no-repeat; */
    background-color: #000000;
    background-size: cover;
    border-radius: 10px;
    min-height: 150px;
    padding: 1rem 1rem 1rem 1rem;
    /* background: linear-gradient(to bottom right, #0080C5 56%),
        linear-gradient(to bottom right, #81B7DF 19%),
        linear-gradient(to bottom right, #D1E68D 2%); */
    /* background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
        linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
        linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%); */
}

.layer-profileQR .heading-pageTitle {
    font-size: 1.75rem;
    margin: 0 0 2rem;
}

.layer-profileQR .layer-profileQRBox {
    background-color: rgba(239, 249, 255, 0.81);
    border-radius: 8px;
    color: #212943;
    display: flex;
    align-items: center;
    padding: 1rem;
}

.layer-profileQR .layer-profileQRBox p {
    margin-bottom: 0;
}

.layer-profileQR .layer-profileQRBox img.img-profileQR {
    height: 90px;
    width: 90px;
    margin: 0 1rem 0 0;
}

@media (min-width: 768px) {
    .layer-profileQR .heading-pageTitle {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .layer-profileQR {
        padding-left: 5rem;
    }
}


/* QR Section Hover Effect with icon */

.layer-profileQR a {
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    overflow: hidden;
}

.layer-profileQR a::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    border-radius: 7px;
}

.layer-profileQR a img.qr-hover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    width: 45px;
    /* adjust size */
    height: auto;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.layer-profileQR a:hover::after {
    opacity: 1;
}

.layer-profileQR a:hover img.qr-hover-icon {
    opacity: 1;
}


/* Layer Profile Dinner Table Number */

.layer-profileTable {
    background-color: #EDEDED;
    color: #000000;
    border-radius: 10px;
    padding: 2rem 2.5rem;
}

.font-tableTitle {
    font-size: 1.4rem;
}

.font-tableNumber {
    font-size: 2.5rem;
    font-weight: 700;
}


/* Listing Profile Tabs */


/* .listing-profileTabs {
    //border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: space-between;
    margin: 0;
    overflow-x: auto;
    padding: 0;
}

.listing-profileTabs li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.listing-profileTabs li:first-of-type {
    margin-left: 0;
}

.listing-profileTabs li a {
    color: rgba(255, 255, 255, 0.5);
    display: block;
    padding: 1rem;
    position: relative;
    text-decoration: none;
}

.listing-profileTabs li a:hover,
.listing-profileTabs li a.active {
    color: #FFF;
}

.listing-profileTabs li a:after {
    background-color: rgba(255, 255, 255, 0.5);
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    transition: all 180ms linear;
}

.listing-profileTabs li a:hover::after,
.listing-profileTabs li a.active:after {
    background-color: #FFF;
    width: 100%;
}

@media (min-width: 768px) {
    .listing-profileTabs li a {
        padding: 1rem 0.5rem;
    }
} */


/* Listing Profile Tabs 2025 */

.listing-profileTabs {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.listing-profileTabs li {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
}

@media (min-width: 768px) {
    .listing-profileTabs {
        flex-wrap: wrap;
        overflow-x: visible;
    }
}


/* Tab Links */

.listing-profileTabs li a {
    display: block;
    background-color: #ececec;
    /* inactive tab color */
    color: #818181;
    padding: 0.75rem 2rem;
    border: 1px solid #ccc;
    border-bottom: none;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.25s ease;
    position: relative;
}


/* Connect tabs seamlessly */

.listing-profileTabs li+li a {
    margin-left: -1px;
    /* overlap borders slightly */
}


/* Rounded edges only for first and last tabs */

.listing-profileTabs li:first-child a {
    border-top-left-radius: 10px;
}

.listing-profileTabs li:last-child a {
    border-top-right-radius: 10px;
}


/* Active Tab */

.listing-profileTabs li a.active {
    background-color: #fff;
    color: #003CA5;
    font-weight: 600;
    top: 0;
    /* blends into content area */
    z-index: 2;
}


/* Hover */

.listing-profileTabs li a:hover {
    background-color: #f5f5f5;
    color: #EF3200;
}


/* Responsive adjustments */

@media (max-width: 767px) {
    .listing-profileTabs {
        overflow-x: auto;
    }
    .listing-profileTabs li a {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }
}


/* Accordion Icons */

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.7) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}


/* 2025 Main Pagq FAQ Toggl-Accordion Style */

.accordionLead {
    background-color: transparent !important;
    --bs-accordion-bg: transparent;
    --bs-accordion-border-radius: 0;
    --bs-accordion-border-color: none;
    --bs-accordion-body-padding-x: 0;
    --bs-accordion-btn-padding-x: 0;
}

.accordionLead .accordion-item {
    border: none;
    border-bottom: 1px solid #ffffff;
    padding-top: 3%;
    padding-bottom: 3%;
}

.accordionLead .accordion-button {
    border: none;
    border-radius: 0;
    background-color: transparent !important;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.accordionLead .accordion-button:not(.collapsed) {
    color: #ffffff;
}

.accordionLead .accordion-collapse .accordion-body {
    border: none;
    background-color: transparent !important;
    color: #ffffff;
}

.accordionLead .accordion-item:last-child .accordion-button {
    border-bottom: none;
}

.accordionLead .accordion-button:hover {
    background-color: transparent !important;
    color: #ffffff;
}

.accordionQuestion {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.pageTitle-size {
    font-size: 38px;
    font-weight: 600;
    line-height: 46px;
}

.qna-font {
    font-size: 38px;
}

.break-large {
    display: inline;
}

.dgbank {
    border-radius: 25px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
}

.qna-content {
    min-height: 150px !important;
}

.qna-form {
    border-radius: 15px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 5%;
}

.qna-input {
    border-radius: 15px;
    border: 1px hsla(0, 0%, 0%, 0.8);
    background-color: transparent;
    color: hsla(0, 0%, 0%, 0.8);
    padding: 15px;
    font-family: inherit;
}

.speaker-layer {
    background: linear-gradient(to bottom left, rgba(0, 128, 197, 0.4), rgba(255, 255, 255, 0));
    background-size: cover;
    border-radius: 15px;
    border: 2px solid #0080C5;
}

.lucky-draw {
    background: linear-gradient(rgba(0, 128, 197, 0.2), rgba(255, 255, 255, 0)), url('../images/lucky-draw.png') bottom no-repeat;
    background-size: cover;
    border-radius: 15px;
    border: 2px solid #0080C5;
}

.ptexp-mask {
    background: url('../images/dgbank-mask.png') bottom right no-repeat;
    background-size: cover;
    border-radius: 15px;
    border: 2px solid #0080c5;
}

.gear-up {
    border-radius: 15px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}

.gear-up-icon {
    align-content: end;
}

.title-lgfont {
    font-size: 48px;
    font-weight: 600;
    line-height: 68px;
    text-align: center;
}

.title-lgfont-intro {
    font-size: 48px;
    font-weight: 600;
    line-height: 68px;
    text-align: center;
}

.title-smfont {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.number-comatt {
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

.text-comatt {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.qna {
    background: #212943 url('../images/qna-section.png') top center no-repeat;
    border-radius: 25px;
    background-size: cover;
}

.qna-img {
    float: right;
    max-width: 50%;
    height: auto;
    margin-bottom: 0;
}

.qna-font {
    font-size: 38px;
}

.lucky-draw-font {
    font-size: 18px;
    line-height: 24px;
}

.footer-blend {
    background: linear-gradient(rgba(255, 255, 255, 0), #212943);
    max-width: 100%;
    height: 120px;
}

.right-way-icon {
    padding-top: 30px;
    margin-left: -8px;
}

.onethird-col {
    width: 100%;
}

.twothird-col {
    width: 100%;
}

.ryt-icon {
    padding-top: 7px;
}

.section-spacer {
    margin: 2.5rem 0 0;
}

.rytway-home {
    width: 85%;
    height: auto;
}

.rytbank-logo {
    width: 39%;
    height: auto;
}

.rytbank-logo-alt {
    width: 83%;
    height: auto;
}

.rytbank-icon {
    width: 40%;
    height: auto;
}

@media (min-width: 1200px) {
    .section-spacer {
        margin-top: 5rem;
    }
}

@media (min-width: 992px) {
    .section-spacer {
        margin-top: 4rem;
    }
}

@media (min-width: 768px) {
    .section-spacer {
        margin-top: 3rem;
    }
    .rytway-home {
        width: 50%;
        height: auto;
    }
    .rytbank-logo {
        width: 39%;
        height: auto;
    }
    .rytbank-logo-alt {
        width: 77%;
        height: auto;
    }
    .rytbank-icon {
        width: 120%;
        height: auto;
    }
    .onethird-col {
        width: 30%;
    }
    .twothird-col {
        width: 70%;
    }
    .listing-profileTabs {
        justify-content: start;
    }
    /*     .listing-profileTabs li {
        margin-left: 4rem;
    } */
    .pageTitle-size {
        font-size: 44px;
        font-weight: 600;
        line-height: 48px;
    }
    .qna-font {
        font-size: 48px;
    }
    .qna-img {
        float: left;
        max-width: 200px;
        height: auto;
        margin-bottom: -24px;
    }
    .title-lgfont {
        font-size: 64px;
        font-weight: 600;
        line-height: 68px;
    }
    .title-lgfont-intro {
        font-size: 64px;
        font-weight: 600;
        line-height: 68px;
        text-align: left;
    }
    .title-smfont {
        font-size: 34px;
        font-weight: 600;
        line-height: 40px;
    }
    .number-comatt {
        font-size: 60px;
        font-weight: 600;
        line-height: 60px;
    }
    .text-comatt {
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
    }
    .lucky-draw-font {
        font-size: 20px;
        line-height: 22px;
    }
}

@media (min-width: 576px) {
    .break-large {
        display: block;
    }
    .qna-content {
        min-height: 230px !important;
    }
}

.layer-marqueeSlider.marquee-experience {
    margin: 0 0 60px;
    position: relative;
}

#marqueeSlider-lead {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.carousel-img {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 15px;
}

.container-fluid {
    padding: 0;
    max-width: 100%;
}


/* Activities Page */

.activities-img {
    border-radius: 25px;
}

.activities-padding {
    padding-bottom: 80px;
}

@media (min-width: 768px) {
    .activities-padding {
        padding-bottom: 120px;
    }
}


/* Layer Speakers */

.layer-speakers {
    display: block;
}

.layer-speakers .layer-speaker {
    cursor: pointer;
    text-align: center;
}

.layer-speakers .layer-speaker,
.layer-speakers .layer-speaker:last-child {
    margin-bottom: 3rem;
}

.layer-speaker p {
    font-weight: 600;
    margin-bottom: 0;
}

.layer-speaker .panel-img {
    margin: 0 0 1rem;
}

.layer-speaker .panel-img span.span-speakerImg {
    background-size: cover;
    border-radius: 8px;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    aspect-ratio: 1/1;
}

.layer-speaker .panel-name {
    font-size: 1.25rem;
    margin-bottom: 0.8rem;
}

.layer-speaker .panel-designation {}

.layer-speaker .panel-company {}


/* Layer Agenda List */

.layer-agendaList {}

.layer-agendaList .layer-agendaListHeader {
    border-bottom: 1px solid #FFF;
}

.layer-agendaList .layer-agendaListHeader p {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: 1rem 0;
}

.layer-agendaList .layer-agendaListBody .layer-agenda {
    border-bottom: 1px solid #FFF;
    padding: 2rem 0;
}

.layer-agenda .layer-agendaEventInfo {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.layer-agenda p {
    margin-bottom: 0;
}

.layer-agenda p.panel-time {
    font-weight: 600;
}

.layer-agenda p.panel-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.layer-agenda p.panel-title .span-keynoteCount {
    color: #FFA069;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.layer-agenda p.panel-location {
    font-size: 0.875rem;
}

.layer-agenda .layer-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.layer-agenda .layer-speakers {
    margin-top: 2rem;
}

.layer-agenda .layer-speakers .layer-speaker {
    margin-bottom: 0;
}

.layer-agenda .layer-speakers .layer-speaker .panel-designation {
    font-size: 0.875rem;
    font-weight: 500;
}

@media (min-width: 768px) {
    .layer-agenda .layer-speakers {
        margin-top: 0;
    }
}


/* Layer Event */

.panel-backBtn {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 8%;
}

.panel-backBtn a {
    color: #FFF;
    text-decoration: none;
}

.panel-backBtn a:hover {
    color: #212943;
}

.layer-eventDetails {}

.layer-eventDetails .layer-eventInfo {}

.layer-eventInfo .listing-eventInfo {}

.layer-eventInfo .listing-eventInfo li {}

.layer-eventInfo .listing-eventInfo li i {}

.layer-eventInfo .panel-keynoteTime {
    font-size: 1.185rem;
}

.layer-eventInfo .panel-keynoteTime .span-textGreen {
    color: #FFA069;
    display: inline-block;
    font-weight: 500;
    margin: 0 1rem 0 0;
}

.layer-eventDetails .layer-eventSection {
    margin: 3rem 0 0;
}

.layer-eventDetails .layer-eventTitle {}

.layer-eventDetails .layer-eventTitle h1 {
    font-size: 3rem;
    margin-bottom: 0;
}

.layer-eventDetails .heading-eventSection {
    font-size: 1.185rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.layer-eventDetails .layer-eventAbout {}

.layer-eventAbout .layer-eventDesc {
    font-size: 1rem;
}

.layer-eventDetails .layer-eventAboutSpeakers {}

.layer-eventDetails .layer-eventSpeakers {}

.layer-eventSpeakers .layer-eventSpeaker {
    background: #FFF url('../images/bg-speakerDetails-event.png') bottom center no-repeat;
    background-size: contain;
    border-radius: 10px;
    color: #212943;
    display: flex;
    align-items: start;
    margin: 1.5rem 0 0;
    padding: 1.8rem;
}

.layer-eventSpeaker .layer-speakerDetails {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0 auto 0 0;
}

.layer-eventSpeaker .layer-speakerDetails p {
    margin-bottom: 0;
}

.layer-eventSpeaker .layer-speakerDetails p.panel-img {
    margin: 0 0 2rem;
}

.layer-eventSpeaker .layer-speakerDetails p.panel-img span.span-speakerImg {
    background-size: cover;
    border-radius: 8px;
    display: block;
    height: 100px;
    width: 100px;
}

.layer-eventSpeaker .layer-speakerDetails p.panel-name {
    font-size: 1.185rem;
    font-weight: 600;
}

.layer-eventSpeaker .layer-speakerDetails p.panel-designation {
    font-size: 0.875rem;
    font-weight: 500;
}

.layer-eventSpeaker .layer-speakerDetails p.panel-description {
    font-size: 0.875rem;
    font-weight: 500;
    margin-top: 1.875rem;
    white-space: pre-line;
}

.layer-eventSpeaker .layer-speakerLink {
    padding: 0 0 0 1rem;
    position: absolute;
    right: 10px;
}

@media (min-width: 768px) {
    .layer-eventSpeaker .layer-speakerLink {
        right: 80px;
    }
}

@media (min-width: 1024px) {
    .layer-eventSpeaker .layer-speakerLink {
        right: 100px;
    }
}

@media (min-width: 1280px) {
    .layer-eventSpeaker .layer-speakerLink {
        right: 100px;
    }
}

@media (min-width: 1440px) {
    .layer-eventSpeaker .layer-speakerLink {
        right: 110px;
    }
}

.layer-speakerDetails .layer-speakerInfo {
    white-space: normal;
}

@media (min-width: 992px) {
    .layer-eventSpeakers .layer-eventSpeaker {
        background-position: bottom right;
        background-size: cover;
        margin-top: 2rem;
    }
    .layer-eventSpeaker .layer-speakerDetails {
        flex-direction: row;
    }
    .layer-eventSpeaker .layer-speakerDetails p.panel-img {
        margin: 0 2rem 0 0;
    }
    .layer-eventSpeaker .layer-speakerDetails p.panel-img span.span-speakerImg {
        height: 150px;
        width: 150px;
    }
}

.logo-group {
    padding-left: 25px;
}

.faq-bg {
    background: url('../images/home-faq.png') center no-repeat;
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 10%;
}

.carousel-bg {
    background-color: #FAF6EE;
    background-size: cover;
}

.qrProfile-bg {
    background: url('../images/home-qr.png') top no-repeat;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 10%;
}

.colorBlack {
    color: #000000;
}

.store-bg {
    background: url('../images/home-store.png') bottom no-repeat;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 5%;
}

.questions-bg {
    background: #003CA5 url('../images/home-questions.png') bottom no-repeat;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 5%;
}

.intro-bg {
    background: #003CA5 url('../images/home-intro.png') top no-repeat;
    background-size: cover;
    padding-top: 10%;
    padding-bottom: 10%;
}

.hero-bg {}

.colorWhite {
    color: #FFFFFF;
}

.layer-header {
    background-color: transparent;
    margin: 0px;
    min-height: 60px;
    z-index: 1056;
    transition: all 230ms linear;
}

@media (min-width: 992px) {
    .layer-header {
        margin-bottom: 0px;
        min-height: 68px;
    }
}

.accordion a {
    color: #EF3200;
    font-weight: 700;
}

.accordion a:hover {
    color: #D42C00;
    text-decoration: underline;
}

.store-img {
    border: 1px solid #e9e9e9;
    border-radius: 15px;
}


/* .card.card-authentication a.btn {
    color: #000000 !important;
    background-color: #FFFFFF;
    border-radius: 8px;
} */


/* ==========================================================================
   LEAD 26 site layout (layouts/main.blade.php with 'brand_layout' => true)
   Colors : Background - #24282B (Night Slate), Text - #ECEADA (Limestone),
            #CED2D5 (Silver Mist), Accent - #EF3200 (Terra Red)
   ========================================================================== */

body.page-brandSite {
    background: #24282B;
    color: #ECEADA;
}


/* Header */

.layer-brandSiteHeader {
    align-items: center;
    display: flex;
    gap: 16px 24px;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px 16px;
    position: sticky;
    top: 0;
    transition: background-color 230ms linear, box-shadow 230ms linear;
    z-index: 1056;
}


/* Sticky header fills in once the page scrolls (body.on-scrolled is set by checkWindowScroll() in ytl-lead.js) */

body.page-brandSite.on-scrolled .layer-brandSiteHeader {
    background-color: #24282B;
    box-shadow: 0 1px 0 rgba(236, 234, 218, 0.08);
}

.layer-brandSiteHeader .link-brandWordmark {
    color: #ECEADA;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: normal;
    text-decoration: none;
    white-space: nowrap;
}

.layer-brandSiteHeader .link-brandWordmark:hover {
    color: #ECEADA;
    opacity: 0.8;
}


/* Burger (below 992px), opens the menu panel */

.btn-brandMenu {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: 40px;
    justify-content: center;
    margin-right: -8px;
    padding: 0;
    width: 40px;
}

.btn-brandMenu span {
    background-color: #ECEADA;
    border-radius: 2px;
    display: block;
    height: 2px;
    width: 22px;
}

.btn-brandMenu:focus-visible {
    outline: 2px solid #EF3200;
}


/* Menu panel (Bootstrap .offcanvas-lg): slides in from the right below 992px */

.panel-brandMenu {
    --bs-offcanvas-bg: #24282B;
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-color: #ECEADA;
    --bs-offcanvas-width: min(320px, 85vw);
}

.panel-brandMenu .offcanvas-header {
    border-bottom: 1px solid rgba(236, 234, 218, 0.12);
    min-height: 64px;
    padding: 12px 16px 12px 24px;
}

.panel-brandMenu .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 24px;
}

.panel-brandNav .navbar-nav {
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0 !important;
}

.panel-brandNav .navbar-nav .nav-link {
    color: #CED2D5;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    padding: 0;
    text-transform: uppercase;
}

.panel-brandNav .navbar-nav .nav-link:hover,
.panel-brandNav .navbar-nav .nav-link.active {
    color: #ECEADA;
    font-weight: 600;
}

.btn-brandUser {
    align-items: center;
    background: none;
    border: 0;
    color: #CED2D5;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    gap: 14px;
    line-height: normal;
    padding: 0;
    text-decoration: none;
}

.btn-brandUser:hover,
.btn-brandUser:focus {
    color: #ECEADA;
}

.btn-brandUser img {
    max-width: none;
}

.panel-brandUser .dropdown-menu {
    background-color: #ECEADA;
    border: 0;
    border-radius: 8px;
    margin-top: 8px !important;
}

.panel-brandUser .dropdown-item {
    color: #24282B;
    font-weight: 600;
}

.panel-brandUser .dropdown-item i {
    margin-right: 6px;
}

.panel-brandUser .dropdown-item:hover,
.panel-brandUser .dropdown-item:focus {
    background-color: rgba(36, 40, 43, 0.08);
    color: #24282B;
}


/* Account links in the menu panel, under the nav */

.panel-brandMenu .panel-brandUser {
    border-top: 1px solid rgba(236, 234, 218, 0.12);
    padding-top: 24px;
}

.panel-brandUserMenu .btn-brandUser {
    color: #ECEADA;
    margin: 0 0 16px;
}

.panel-brandUserMenu ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.panel-brandUserMenu a {
    color: #CED2D5;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.panel-brandUserMenu a i {
    margin-right: 8px;
    width: 16px;
}

.panel-brandUserMenu a:hover,
.panel-brandUserMenu a:focus {
    color: #ECEADA;
}

@media (min-width: 992px) {
    /* Background runs full width; the padding grows past 2048px so the logo, menu and user links stay within 2048px */
    .layer-brandSiteHeader {
        height: 80px;
        padding: 0 max(41px, calc((100% - 2048px) / 2 + 41px)) 0 max(56px, calc((100% - 2048px) / 2 + 56px));
    }
    .layer-brandSiteHeader .link-brandWordmark {
        font-size: 24px;
        letter-spacing: 2.4px;
    }
    /* From 992px the menu panel is just the rest of the header row */
    .panel-brandMenu {
        flex: 1 1 auto;
    }
    .panel-brandMenu .offcanvas-body {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
    }
    .panel-brandMenu .panel-brandUser {
        border-top: 0;
        padding-top: 0;
    }
    /* Nav centred on the page, independent of the wordmark and user widths */
    .panel-brandNav {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: auto;
    }
    .panel-brandNav .navbar-nav {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 45px;
    }
    .panel-brandNav .navbar-nav .nav-link {
        font-size: 16px;
    }
}


/* Footer: the profile footer ("© YEAR YTL LEAD CONFERENCE") */

body.page-brandSite .layer-footer.profile {
    background: transparent;
    color: #CED2D5;
    font-size: 14px;
    line-height: 1.2;
    padding: 40px 0 44px;
}


/* ==========================================================================
   Profile dashboard (profile/index.blade.php)
   ========================================================================== */

body.page-brandSite .layer-content>.layer-section.section-dashboard {
    padding: 8px 16px 0;
}

.layer-dashboard {
    margin: 0 auto;
    max-width: 1102px;
    width: 100%;
}


/* Greeting and QR card */

.layer-dashboardHello {
    align-items: flex-start;
    background-color: #040404;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px 20px 20px;
    position: relative;
}

.layer-dashboardHello .panel-pillars {
    display: flex;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px;
}

.layer-dashboardHello .panel-pillars span {
    flex: 1 1 0;
}

.layer-dashboardHello .panel-pillars span:nth-child(1) {
    background-color: #EF3200;
}

.layer-dashboardHello .panel-pillars span:nth-child(2) {
    background-color: #03CFCB;
}

.layer-dashboardHello .panel-pillars span:nth-child(3) {
    background-color: #DF7ED2;
}

.layer-dashboardHello .panel-pillars span:nth-child(4) {
    background-color: #EDDB00;
}

.layer-dashboardHello .panel-greeting {
    color: #ECEADA;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.layer-dashboardHello .panel-greeting strong {
    font-weight: 600;
}

.layer-dashboardHello .panel-qr {
    align-items: center;
    background-color: #24282B;
    border-radius: 8px;
    color: #ECEADA;
    display: flex;
    flex-shrink: 0;
    font-size: 16px;
    gap: 27px;
    line-height: 1.2;
    padding: 14px 21px;
    text-decoration: none;
    width: 100%;
}

.layer-dashboardHello .panel-qr:hover {
    color: #ECEADA;
    opacity: 0.9;
}

.layer-dashboardHello .panel-qr .img-qr {
    flex-shrink: 0;
    height: 90px;
    width: 90px;
}

.layer-dashboardHello .panel-qr span {
    max-width: 166px;
}


/* Tabs */

.listing-dashboardTabs {
    display: flex;
    gap: 4px;
}

.listing-dashboardTabs>a,
.listing-dashboardTabs>span {
    align-items: center;
    border-radius: 12px 12px 0 0;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
    padding: 18px 20px;
    text-decoration: none;
}

.listing-dashboardTabs .is-active {
    background-color: #ECEADA;
    color: #24282B;
}

.listing-dashboardTabs .is-active:hover {
    color: #24282B;
}

.listing-dashboardTabs>span[aria-disabled="true"] {
    background-color: rgba(206, 210, 213, 0.5);
    color: rgba(36, 40, 43, 0.65);
    cursor: default;
}

.listing-dashboardTabs img {
    max-width: none;
}

.listing-dashboardTabs .panel-tabIcon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    opacity: 0.65;
    width: 24px;
}


/* Profile details */

.layer-dashboardDetails {
    background-color: #ECEADA;
    border: 1px solid rgba(206, 210, 213, 0.35);
    border-bottom: 0;
    border-radius: 0 12px 0 0;
    color: #24282B;
    padding: 28px 20px 23px;
}

.layer-dashboardDetails .panel-details {
    display: grid;
    gap: 18px 96px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 0 32px;
}

.layer-dashboardDetails .panel-details>div {
    display: flex;
    gap: 12px;
}

.layer-dashboardDetails dt,
.layer-dashboardDetails dd {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.layer-dashboardDetails dt {
    flex-shrink: 0;
    opacity: 0.5;
    width: 90px;
}

.layer-dashboardDetails .is-wide dt {
    width: 150px;
}

.layer-dashboardDetails .panel-support {
    font-size: 14px;
    line-height: normal;
    margin: 0;
}

.layer-dashboardDetails .panel-support a {
    color: #EF3200;
    font-weight: 600;
    text-decoration: underline;
}


/* Personality: badge stacked above the details; side by side from 992px.
   The details are a Bootstrap row (.panel-personalityBody): one column on phones, two from 768px. */

.layer-dashboardPersonality {
    border: 1px solid #CED2D5;
    border-radius: 0 0 12px 12px;
    color: #ECEADA;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px 20px 40px;
}

.layer-dashboardPersonality .img-badge {
    align-self: center;
    flex: none;
    height: auto;
    max-width: 279px;
    width: 100%;
}


/* Fill the remaining width without overflowing the card */

.layer-dashboardPersonality .panel-personalityBody {
    flex: 1 1 auto;
    min-width: 0;
}

.layer-dashboardPersonality .panel-eyebrow {
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 2px;
}

.layer-dashboardPersonality h2 {
    color: #ECEADA;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin: 0 0 23px;
}

.layer-dashboardPersonality .panel-type p:not(.panel-eyebrow) {
    font-size: 14px;
    line-height: 19px;
    margin: 0 0 19px;
}

.layer-dashboardPersonality .panel-type p:last-child {
    margin-bottom: 0;
}

.layer-dashboardPersonality h3 {
    color: #ECEADA;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.32px;
    line-height: 18px;
    margin: 0 0 18px;
    text-transform: uppercase;
}

.layer-dashboardPersonality .panel-style h3 {
    letter-spacing: 0.28px;
    margin-bottom: 24px;
}

.layer-dashboardPersonality ul {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding-left: 21px;
}

.layer-dashboardPersonality ul li {
    margin: 0;
}

.layer-dashboardPersonality .panel-recommended ul {
    max-width: 289px;
}

.layer-dashboardPersonality .listing-people {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
}

.layer-dashboardPersonality .listing-people li {
    background-color: #CED2D5;
    border-radius: 50px;
    color: #24282B;
    padding: 4px 20px;
}

@media (min-width: 768px) {
    .layer-dashboardDetails .panel-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    body.page-brandSite .layer-content>.layer-section.section-dashboard {
        padding: 22px 24px 0;
    }
    .layer-dashboardHello {
        align-items: center;
        flex-direction: row;
        height: 152px;
        justify-content: space-between;
        padding: 0 19px 0 36px;
    }
    .layer-dashboardHello .panel-greeting {
        font-size: 28px;
    }
    .layer-dashboardHello .panel-qr {
        width: 330px;
    }
    .listing-dashboardTabs>a,
    .listing-dashboardTabs>span {
        padding: 18px 32px;
    }
    .layer-dashboardDetails {
        padding: 38px 32px 23px;
    }
    .layer-dashboardDetails .panel-details {
        grid-template-columns: repeat(3, 264px);
        margin-bottom: 39px;
    }
    /* Badge | (type, recommended / style, strengths), as in the 1440px frame */
    .layer-dashboardPersonality {
        align-items: flex-start;
        flex-direction: row;
        gap: 37px;
        min-height: 376px;
        padding: 38px 19px 40px 10px;
    }
    .layer-dashboardPersonality .img-badge {
        align-self: flex-start;
        margin-top: 4px;
        width: 279px;
    }
    .layer-dashboardPersonality .panel-recommended {
        padding-top: 5px;
    }
}


/* Bigger screens: smaller badge and more space, so the text has room to breathe */

@media (min-width: 1200px) {
    .layer-dashboardPersonality {
        gap: 56px;
        padding: 40px 40px 48px 32px;
    }
    .layer-dashboardPersonality .img-badge {
        width: 200px;
    }
    /* Wider gap between the two text columns (Bootstrap gutter) */
    .layer-dashboardPersonality .panel-personalityBody {
        --bs-gutter-x: 2.5rem;
    }
}


/* ==========================================================================
   Site footer (layouts/_partials/footer.blade.php, public pages)
   ========================================================================== */

.layer-siteFooter {
    background-color: #24282B;
    color: #CED2D5;
    padding: 40px 24px 33px;
}

.layer-siteFooter .panel-inner {
    display: grid;
    gap: 32px 24px;
    grid-template-areas: "logo logo" "lead support" "social social";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1440px;
}

.layer-siteFooter .panel-logo {
    grid-area: logo;
    margin: 0;
}

.layer-siteFooter .panel-logo img {
    height: auto;
    max-width: 100%;
    width: 237px;
}

.layer-siteFooter .panel-links.is-lead {
    grid-area: lead;
}

.layer-siteFooter .panel-links.is-support {
    grid-area: support;
}

.layer-siteFooter .panel-social {
    grid-area: social;
}

.layer-siteFooter h4 {
    color: #CED2D5;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 24px;
}

.layer-siteFooter .panel-social h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.layer-siteFooter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.layer-siteFooter .panel-links li {
    font-size: 16px;
    line-height: normal;
    margin: 0 0 12px;
}

.layer-siteFooter .panel-links li:last-child {
    margin-bottom: 0;
}

.layer-siteFooter .panel-links a {
    color: #CED2D5;
    font-weight: 400;
    text-decoration: none;
}


/* Same Terra Red as the links in the registration flow */

.layer-siteFooter .panel-links a:hover,
.layer-siteFooter .panel-links a:focus {
    color: #EF3200;
    text-decoration: underline;
}

.layer-siteFooter .panel-social ul {
    align-items: center;
    display: flex;
    gap: 18px;
}

.layer-siteFooter .panel-social li {
    margin: 0;
}

.layer-siteFooter .panel-social a {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: opacity 0.2s ease;
    width: 28px;
}

.layer-siteFooter .panel-social a:hover,
.layer-siteFooter .panel-social a:focus {
    opacity: 0.7;
}

.layer-siteFooter .panel-social img {
    max-width: none;
}

.layer-siteFooter .panel-copyright {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1.2;
    margin: 48px 0 0;
    text-align: center;
}

@media (min-width: 768px) {
    .layer-siteFooter .panel-inner {
        grid-template-areas: "logo logo logo" "lead support social";
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* Desktop: positions from the 1440px frame (logo 61px, LEAD 503px, Support 728px, Follow Us 1153px) */

@media (min-width: 992px) {
    .layer-siteFooter {
        padding: 67px 0 33px;
    }
    .layer-siteFooter .panel-inner {
        column-gap: 0;
        grid-template-areas: "logo lead support social";
        grid-template-columns: minmax(0, 442fr) minmax(0, 225fr) minmax(0, 425fr) 120px;
        padding: 0 167px 0 61px;
    }
    .layer-siteFooter .panel-copyright {
        margin-top: 77px;
    }
}


/* ==========================================================================
   Home page: FAQ (page/home.blade.php)
   Title and "See all" on the left; one list of questions on the right.
   Both the Google Sheet FAQs and the hardcoded fallback use this layout.
   ========================================================================== */

.layer-homeFaq {
    background-color: #CED2D5;
    color: #24282B;
    padding: 64px 24px;
}

.layer-homeFaq .panel-inner {
    display: grid;
    grid-template-areas: "title" "content" "all";
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1440px;
}

.layer-homeFaq .panel-title {
    grid-area: title;
}

.layer-homeFaq .accordionLead {
    grid-area: content;
}

.layer-homeFaq .panel-seeAll {
    grid-area: all;
}

.layer-homeFaq .panel-eyebrow {
    color: #EF3200;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}

.layer-homeFaq .panel-title h2 {
    color: #24282B;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
}


/* Questions */

.layer-homeFaq .accordionLead {
    margin-top: 32px;
    padding-bottom: 0;
}

.layer-homeFaq .accordionLead .accordion-item,
.layer-faqList .accordionLead .accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 0.75px solid rgba(36, 40, 43, 0.24);
    border-radius: 0;
    margin-bottom: 3px;
    padding: 0;
}

.layer-homeFaq .accordionLead .accordion-button,
.layer-faqList .accordionLead .accordion-button {
    align-items: center;
    background-color: transparent !important;
    box-shadow: none;
    color: #24282B;
    gap: 24px;
    padding: 29px 20px 29px 0 !important;
}

.layer-homeFaq .accordionLead .accordion-item:first-child .accordion-button,
.layer-faqList .accordionLead .accordion-item:first-child .accordion-button {
    padding-top: 8px !important;
}

.layer-homeFaq .accordionLead .accordion-button:not(.collapsed),
.layer-faqList .accordionLead .accordion-button:not(.collapsed) {
    color: #24282B;
    padding-bottom: 16px !important;
}

.layer-homeFaq .accordionLead .accordion-button:hover,
.layer-faqList .accordionLead .accordion-button:hover {
    color: #24282B;
}

.layer-homeFaq .accordionLead .accordion-button:focus-visible,
.layer-faqList .accordionLead .accordion-button:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: 2px;
}

.layer-homeFaq .accordionLead .accordion-button::after,
.layer-faqList .accordionLead .accordion-button::after {
    background-image: url('../images/icon-faq-plus.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    transform: none !important;
    width: 14px;
}

.layer-homeFaq .accordionLead .accordion-button:not(.collapsed)::after,
.layer-faqList .accordionLead .accordion-button:not(.collapsed)::after {
    background-image: url('../images/icon-faq-minus.svg');
    background-size: 14px 2px;
}

.layer-homeFaq .accordionQuestion,
.layer-faqList .accordionQuestion {
    color: #24282B;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.layer-homeFaq .accordion-button:not(.collapsed) .accordionQuestion,
.layer-faqList .accordion-button:not(.collapsed) .accordionQuestion {
    font-weight: 600;
}

.layer-homeFaq .accordionLead .accordion-collapse .accordion-body,
.layer-faqList .accordionLead .accordion-collapse .accordion-body {
    color: #24282B;
    font-size: 16px;
    line-height: 24px;
    padding: 0 20px 30px 0;
}

.layer-homeFaq .accordion-body p,
.layer-faqList .accordion-body p {
    margin: 0 0 12px;
}

.layer-homeFaq .accordion-body p:last-child,
.layer-faqList .accordion-body p:last-child {
    margin-bottom: 0;
}

.layer-homeFaq .accordion-body a,
.layer-faqList .accordion-body a {
    color: #EF3200;
    font-weight: 600;
}


/* See all: red pill button, centred under the questions */

.layer-homeFaq .panel-seeAll {
    justify-self: center;
    margin: 40px 0 0;
}

.layer-homeFaq .panel-seeAll a {
    align-items: center;
    background-color: #EF3200;
    border-radius: 40px;
    color: #ECEADA;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    letter-spacing: 2px;
    line-height: normal;
    min-width: 243px;
    padding: 0 32px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.layer-homeFaq .panel-seeAll a:hover,
.layer-homeFaq .panel-seeAll a:focus {
    background-color: #D42C00;
    color: #ECEADA;
}

.layer-homeFaq .panel-seeAll a:focus-visible {
    outline: 2px solid #24282B;
    outline-offset: 2px;
}


/* Desktop: positions from the 1440px frame (title at 166px, questions 506px–1272px) */

@media (min-width: 992px) {
    .layer-homeFaq {
        padding: 103px 0 102px;
    }
    .layer-homeFaq .panel-inner {
        grid-template-areas: "title content" ". content" ". all";
        grid-template-columns: minmax(0, 340px) minmax(0, 766px);
        grid-template-rows: auto 1fr auto;
        justify-content: center;
        padding: 0 24px;
    }
    .layer-homeFaq .panel-title h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .layer-homeFaq .accordionLead {
        margin-top: 0;
    }
    .layer-homeFaq .panel-seeAll {
        margin-top: 48px;
    }
    .layer-homeFaq .accordionQuestion {
        font-size: 21px;
    }
}


/* ==========================================================================
   Home page: Speakers carousel (page/home.blade.php)
   Cards start in line with the title and run off the right edge.
   ========================================================================== */

.layer-homeSpeakers {
    --speakers-gutter: max(24px, calc((100% - 1104px) / 2));
    background-color: #24282B;
    color: #ECEADA;
    overflow: hidden;
    padding: 56px 0 72px;
}

.layer-homeSpeakers .panel-head {
    align-items: flex-end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 32px;
    padding: 0 24px 0 var(--speakers-gutter);
}


/* "The Speakers" heading, Terra Red */

.layer-homeSpeakers .panel-title h2 {
    color: #EF3200;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2;
    margin: 0;
}


/* Arrows */

.layer-homeSpeakers .panel-arrows {
    display: flex;
    flex-shrink: 0;
    gap: 20px;
    margin-bottom: 6px;
}

.btn-carouselArrow {
    background: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    line-height: 0;
    padding: 0;
    transition: opacity 0.2s ease;
    width: 24px;
}

.btn-carouselArrow img {
    max-width: none;
}

.btn-carouselArrow.is-next img {
    transform: scaleX(-1);
}

.btn-carouselArrow:hover {
    opacity: 0.7;
}

.btn-carouselArrow:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: 4px;
}


/* Arrow at either end of the carousel (set by the page script) */

.btn-carouselArrow.is-disabled,
.btn-carouselArrow.is-disabled:hover {
    cursor: default;
    opacity: 0.3;
}


/* Track: a native horizontal scroller that starts at the title line (cards that scroll past
   are cut off there) and runs to the right edge. The last card stops in line with the arrows. */

.layer-homeSpeakers {
    --speakers-end: 24px;
}

.layer-homeSpeakers .panel-track {
    padding-left: var(--speakers-gutter);
}

.layer-homeSpeakers .listing-speakers {
    -ms-overflow-style: none;
    align-items: stretch;
    display: flex;
    gap: 22px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.layer-homeSpeakers .listing-speakers::-webkit-scrollbar {
    display: none;
}


/* Free movement while dragging with a mouse; snaps into place on release */

.layer-homeSpeakers .listing-speakers.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
    user-select: none;
}


/* Cards (equal height when a role runs to two lines) */

.card-speakerSlide {
    flex: 0 0 auto;
    scroll-snap-align: start;
    width: 280px;
}

.card-speakerSlide:last-child {
    margin-right: var(--speakers-end);
}

.card-speaker img {
    -webkit-user-drag: none;
}


/* Last card: "View All Speakers" */

.card-speakerAll {
    background-color: rgba(236, 234, 218, 0.06);
    border: 1px solid rgba(236, 234, 218, 0.25);
    color: #ECEADA;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 431px;
    padding: 28px 24px;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.card-speakerAll:hover,
.card-speakerAll:focus {
    background-color: #EF3200;
    border-color: #EF3200;
    color: #ECEADA;
}

.card-speakerAll:focus-visible {
    outline: 2px solid #ECEADA;
    outline-offset: 2px;
}

.card-speakerAll .panel-arrow {
    align-self: flex-end;
    line-height: 0;
}

.card-speakerAll .panel-arrow img {
    height: 40px;
    max-width: none;
    transform: scaleX(-1);
    width: 40px;
}

.card-speakerAll .panel-label {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
}

.card-speaker {
    color: #24282B;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

.card-speaker:hover,
.card-speaker:focus {
    color: #24282B;
}

.card-speaker:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: 2px;
}

.card-speaker .panel-photo {
    background-color: #CED2D5;
    display: block;
    height: 304px;
    overflow: hidden;
    position: relative;
}


/* Photo fills the whole image area, no inset */

.card-speaker .panel-photo img {
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: top;
    position: absolute;
    transition: transform 0.4s ease;
    width: 100%;
}

.card-speaker:hover .panel-photo img {
    transform: scale(1.03);
    transform-origin: bottom center;
}

.card-speaker .panel-info {
    background-color: #ECEADA;
    display: block;
    flex: 1 0 auto;
    min-height: 127px;
    padding: 24px 20px;
}

.card-speaker .panel-name {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.card-speaker .panel-role {
    display: block;
    font-size: 16px;
    line-height: normal;
}


/* Desktop: sizes from the 1440px frame (title at 168px, cards 349px wide) */

@media (min-width: 992px) {
    /* Heading at 91px, cards at 194px from the top of the section (1440px frame) */
    .layer-homeSpeakers {
        /* Last card ends in line with the arrows */
        --speakers-end: max(24px, calc((100vw - 1440px) / 2 + 61px));
        padding: 91px 0 123px;
    }
    .layer-homeSpeakers .panel-head {
        margin-bottom: 57px;
        padding-right: max(24px, calc((100% - 1440px) / 2 + 61px));
    }
    .layer-homeSpeakers .panel-title h2 {
        font-size: 40px;
        line-height: 46px;
    }
    .card-speakerSlide {
        width: 349px;
    }
    .card-speaker .panel-photo {
        height: 379px;
    }
    .card-speaker .panel-info {
        padding: 30px 22px;
    }
    .card-speaker .panel-name {
        font-size: 26px;
    }
}


/* ==========================================================================
   Home page: Pre-conference card (page/home.blade.php)
   The card straddles the dark Speakers band above and the grey FAQ band below.
   ========================================================================== */

.layer-homePreconference {
    --preconference-split: 120px;
    background: linear-gradient(to bottom, #24282B var(--preconference-split), #CED2D5 var(--preconference-split));
    padding: 0 16px;
}

.card-preconference {
    background-color: #FFFFFF;
    border-radius: 12px;
    color: #24282B;
    margin: 0 auto;
    max-width: 1328px;
    overflow: hidden;
    position: relative;
}


/* Background: aspire image, fade to white, mountain on the right */

.card-preconference .panel-bg {
    inset: 0;
    pointer-events: none;
    position: absolute;
}


/* Sky and sculpture photo (1515 x 819 at -40 / -380 in the 1328 x 427 card): sized from the card width,
   anchored to the bottom so the sculpture sits on the right */

.card-preconference .img-aspire {
    bottom: -12px;
    height: auto;
    left: -3.04%;
    max-width: none;
    position: absolute;
    width: 114.08%;
}

.card-preconference .panel-fade,
.card-preconference .panel-fadeBottom {
    height: 781px;
    left: -12px;
    position: absolute;
    width: calc(100% + 12px);
}

.card-preconference .panel-fade {
    background-image: linear-gradient(255.14deg, rgba(250, 234, 234, 0) 33.157%, rgba(251, 241, 240, 0.5) 84.573%);
    top: -136px;
}


/* Second fade, turned round: lightens the top left behind the copy */

.card-preconference .panel-fadeBottom {
    background-image: linear-gradient(345.49deg, rgba(250, 234, 234, 0) 24.272%, rgba(251, 241, 240, 0.5) 72.521%);
    top: -156px;
}

.card-preconference .panel-mountain {
    display: none;
    height: 601px;
    overflow: hidden;
    position: absolute;
    right: -215px;
    top: -13px;
    width: 1141px;
}

.card-preconference .panel-mountain img {
    height: 100%;
    left: -0.06%;
    max-width: none;
    position: absolute;
    top: 7.12%;
    width: 93.8%;
}


/* Content */

.card-preconference .panel-content {
    padding: 32px 24px 40px;
    position: relative;
}


/* "YTL Behind The Scenes Tours", Terra Red */

.card-preconference .panel-title h2 {
    color: #EF3200;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.btn-preconference {
    align-items: center;
    background-color: #EF3200;
    border-radius: 40px;
    color: #ECEADA;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    letter-spacing: 2px;
    line-height: normal;
    padding: 0 60px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
}

.btn-preconference:hover,
.btn-preconference:focus {
    background-color: #D42C00;
    color: #ECEADA;
}

.btn-preconference:focus-visible {
    outline: 2px solid #24282B;
    outline-offset: 2px;
}

.card-preconference .panel-intro {
    font-size: 16px;
    line-height: 24px;
    margin: 24px 0 0;
    max-width: 730px;
}

.card-preconference .panel-intro p {
    margin: 0 0 24px;
}

.card-preconference .panel-intro p:last-child {
    margin-bottom: 0;
}


/* Button under the copy */

.card-preconference .btn-preconference {
    margin-top: 24px;
}


/* Company logos under a divider */

.listing-companyLogos {
    align-items: center;
    border-top: 1px solid #CED2D5;
    display: grid;
    gap: 24px 32px;
    grid-template-columns: repeat(2, max-content);
    list-style: none;
    margin: 32px 0 0;
    padding: 32px 0 0;
}

.listing-companyLogos li {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.listing-companyLogos img {
    display: block;
    height: 100%;
    max-width: none;
    width: 100%;
}


/* Logo boxes and crops from the design */

.listing-companyLogos .is-construction {
    height: 37px;
    width: 159px;
}

.listing-companyLogos .is-hotels {
    height: 21px;
    width: 90px;
}

.listing-companyLogos .is-land {
    height: 37px;
    width: 111px;
}

.listing-companyLogos .is-rytbank {
    height: 28px;
    width: 105px;
}

.listing-companyLogos .is-corporation {
    height: 40px;
    width: 132px;
}

.listing-companyLogos .is-cement {
    height: 37px;
    width: 139px;
}

.listing-companyLogos .is-cement img {
    height: 159.46%;
    left: -9.16%;
    position: absolute;
    top: -24.32%;
    width: 109.69%;
}

.listing-companyLogos .is-land img {
    height: 108%;
}

@media (min-width: 768px) {
    .layer-homePreconference {
        --preconference-split: 200px;
        padding: 0 24px;
    }
    .listing-companyLogos {
        grid-template-columns: repeat(3, max-content);
    }
}


/* Desktop: positions from the 1440px frame (card 1328 x 427, content at 112px / 54px, 38px between title, copy and button) */

@media (min-width: 992px) {
    .layer-homePreconference {
        --preconference-split: 335px;
        padding: 0 56px;
    }
    .card-preconference {
        min-height: 427px;
    }
    /* Mountain only on desktop, where it clears the copy */
    .card-preconference .panel-mountain {
        display: block;
    }
    .card-preconference .panel-content {
        padding: 54px 113px 93px 112px;
    }
    .card-preconference .panel-title h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .card-preconference .panel-intro,
    .card-preconference .btn-preconference {
        margin-top: 38px;
    }
    .listing-companyLogos {
        gap: 44px 0;
        grid-auto-rows: 40px;
        grid-template-columns: 237px 209px 175px max-content;
        margin-top: 18px;
        padding-top: 51px;
    }
}


/* ==========================================================================
   Home page: The Experience, Build / Think (page/home.blade.php)
   ========================================================================== */

.layer-homeExperience {
    background-color: #24282B;
    color: #ECEADA;
    padding: 48px 24px 64px;
}

.layer-homeExperience .panel-inner {
    margin: 0 auto;
    max-width: 1104px;
}

.layer-homeExperience .panel-eyebrow {
    color: #EF3200;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}

.layer-homeExperience .panel-tracks {
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 19px;
}

.layer-homeExperience .panel-track {
    border-top: 4px solid #CED2D5;
    padding-top: 21px;
}


/* Title + arrow, both link to the Experiences page */

.link-track {
    align-items: center;
    color: #ECEADA;
    display: flex;
    font-size: 44px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 60px;
    text-decoration: none;
}

.link-track:hover,
.link-track:focus {
    color: #ECEADA;
}

.link-track:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: 4px;
}


/* Arrow: the SVG used as a mask so its colour can change; limestone, Terra Red on hover */

.link-track .icon-trackArrow {
    -webkit-mask: url('../images/icon-experience-arrow.svg') center / contain no-repeat;
    mask: url('../images/icon-experience-arrow.svg') center / contain no-repeat;
    background-color: #ECEADA;
    flex-shrink: 0;
    height: 40px;
    transform: scaleX(-1);
    transition: transform 0.2s ease, background-color 0.2s ease;
    width: 40px;
}

.link-track:hover .icon-trackArrow,
.link-track:focus-visible .icon-trackArrow {
    background-color: #EF3200;
    transform: scaleX(-1) translateX(-6px);
}

.layer-homeExperience .panel-desc {
    font-size: 16px;
    line-height: 21px;
    margin: 27px 0 0;
    max-width: 462px;
}

.layer-homeExperience .panel-track:nth-child(2) .panel-desc {
    max-width: 455px;
}


/* Image tiles: three 158 x 200 windows onto a larger photo */

.listing-tiles {
    display: flex;
    gap: 15.5px;
    margin-top: 45px;
    padding-left: 2px;
}

.tile-experience {
    background-color: #040404;
    flex-shrink: 0;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 158px;
}

.tile-experience .panel-art {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
}

.tile-experience .panel-turn {
    flex: none;
    overflow: hidden;
    position: relative;
}

.tile-experience img {
    max-width: none;
    position: absolute;
}


/* Build: totem photo, turned on its side */

.tile-experience.is-build1 .panel-art {
    height: 356px;
    left: 1px;
    top: -62px;
    width: 669px;
}

.tile-experience.is-build1 .panel-turn {
    height: 669px;
    transform: rotate(-90deg) scaleY(-1);
    width: 356px;
}

.tile-experience.is-build1 img {
    height: 100%;
    inset: 0;
    object-fit: cover;
    width: 100%;
}


/* Build: cube-stack photo, shared across tiles 2 and 3 */

.tile-experience.is-build2 .panel-art,
.tile-experience.is-build3 .panel-art {
    height: 289px;
    top: -12px;
    width: 544px;
}

.tile-experience.is-build2 .panel-art {
    left: -161px;
}

.tile-experience.is-build3 .panel-art {
    left: -335px;
}

.tile-experience.is-build2 .panel-turn,
.tile-experience.is-build3 .panel-turn {
    height: 544px;
    transform: rotate(-90deg) scaleY(-1);
    width: 289px;
}

.tile-experience.is-build2 img,
.tile-experience.is-build3 img {
    height: 125.48%;
    left: -62.5%;
    top: -25.48%;
    width: 236.43%;
}


/* Think: arch photo, mirrored, across all three tiles */

.tile-experience.is-think1 .panel-art,
.tile-experience.is-think2 .panel-art,
.tile-experience.is-think3 .panel-art {
    height: 336px;
    top: -66px;
}

.tile-experience.is-think1 .panel-art {
    left: -4px;
    width: 413px;
}

.tile-experience.is-think2 .panel-art {
    left: -7px;
    width: 243px;
}

.tile-experience.is-think3 .panel-art {
    left: -109px;
    width: 339px;
}

.tile-experience.is-think1 .panel-turn {
    height: 336px;
    transform: scaleX(-1);
    width: 413px;
}

.tile-experience.is-think2 .panel-turn {
    height: 336px;
    transform: scaleX(-1);
    width: 243px;
}

.tile-experience.is-think3 .panel-turn {
    height: 336px;
    transform: scaleX(-1);
    width: 339px;
}

.tile-experience.is-think1 img {
    height: 100%;
    left: -44.67%;
    top: 0;
    width: 144.72%;
}

.tile-experience.is-think2 img {
    height: 100%;
    left: -75.99%;
    top: 0;
    width: 245.91%;
}

.tile-experience.is-think3 img {
    height: 100%;
    left: -4.9%;
    top: 0;
    width: 176.34%;
}


/* Small phones: shrink the tile row to fit */

@media (max-width: 575.98px) {
    .listing-tiles {
        zoom: 0.66;
    }
}

@media (max-width: 399.98px) {
    .listing-tiles {
        zoom: 0.6;
    }
}


/* Desktop: positions from the 1440px frame (columns at 168px and 762px, 510px wide) */

@media (min-width: 992px) {
    .layer-homeExperience {
        padding: 59px 24px 94px;
    }
    .layer-homeExperience .panel-tracks {
        gap: 84px;
        grid-template-columns: repeat(2, minmax(0, 510px));
        justify-content: space-between;
    }
    .link-track {
        font-size: 56px;
    }
}


/* Narrow desktops: columns are under 510px, so shrink the tiles slightly */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .listing-tiles {
        zoom: 0.85;
    }
}


/* ==========================================================================
   Home page: Gear Up (page/home.blade.php)
   Title, a 4px divider, then the QR code row (icon | text | button) and the device mock-up.
   ========================================================================== */

.layer-homeGearUp {
    background-color: #ECEADA;
    color: #24282B;
    overflow: hidden;
    padding: 40px 24px 0;
    position: relative;
}

.layer-homeGearUp .panel-inner {
    margin: 0 auto;
    max-width: 1104px;
    position: relative;
    z-index: 1;
}

.layer-homeGearUp h2 {
    color: #24282B;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}


/* Divider under the title, then the row */

.listing-gear {
    border-top: 4px solid #24282B;
    margin-top: 24px;
    max-width: 882px;
    padding-top: 24px;
}

.item-gear {
    align-items: start;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
}


/* Round icon */

.item-gear .panel-icon {
    align-items: center;
    background-color: #24282B;
    border-radius: 50%;
    display: flex;
    height: 64px;
    justify-content: center;
    position: relative;
    width: 64px;
}

.item-gear .panel-icon img {
    max-width: none;
}

.item-gear .panel-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.item-gear h3 {
    color: #24282B;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.item-gear p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 0;
}


/* "*Screenshots are also accepted." */

.item-gear .panel-note {
    color: rgba(36, 40, 43, 0.7);
    font-weight: 400;
}

.item-gear .panel-note span {
    color: #EF3200;
}

.btn-gearUp {
    align-items: center;
    background-color: #EF3200;
    border-radius: 40px;
    color: #ECEADA;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    grid-column: 1 / -1;
    height: 48px;
    justify-content: center;
    justify-self: start;
    letter-spacing: 2px;
    line-height: normal;
    margin-top: 24px;
    padding: 0 60px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

.btn-gearUp:hover,
.btn-gearUp:focus {
    background-color: #D42C00;
    color: #ECEADA;
}

.btn-gearUp:focus-visible {
    outline: 2px solid #24282B;
    outline-offset: 2px;
}


/* Phone with QR code, mirrored as in the design, on a soft shadow (420 x 330 box) */

.layer-homeGearUp .panel-devices {
    aspect-ratio: 420 / 330;
    margin: 24px auto 0;
    max-width: 320px;
    position: relative;
}

.layer-homeGearUp .panel-devices .img-shadow {
    height: 14.85%;
    left: 0;
    max-width: none;
    position: absolute;
    top: 79.7%;
    width: 100%;
}

.layer-homeGearUp .panel-devices .img-device {
    height: 100%;
    left: 20.48%;
    max-width: none;
    position: absolute;
    top: 0;
    transform: scaleX(-1);
    width: 77.62%;
}


/* Desktop: positions from the 1440px frame (450px tall; divider at 135px, row at 171px, button at 762px, phone at 1057px / 120px) */

@media (min-width: 992px) {
    .layer-homeGearUp {
        height: 450px;
        padding: 36px 24px 0;
    }
    .layer-homeGearUp h2 {
        font-size: 40px;
        line-height: 60px;
    }
    .listing-gear {
        margin-left: 4px;
        margin-top: 39px;
        padding-top: 32px;
    }
    /* icon (6px in from the title) | 40px | text 444px | 40px | button */
    .item-gear {
        column-gap: 40px;
        grid-template-columns: 66px 444px auto;
    }
    .item-gear .panel-icon {
        margin: 6px 0 0 2px;
    }
    .item-gear .panel-text {
        gap: 16px;
        max-width: 441px;
    }
    .item-gear h3 {
        font-size: 24px;
    }
    .item-gear p {
        font-size: 18px;
        line-height: 24px;
    }
    /* Blank line between the two QR sentences, as in the Figma */
    .item-gear .panel-text p+p:not(.panel-note) {
        margin-top: 8px;
    }
    .item-gear .panel-note {
        font-size: 16px;
    }
    .btn-gearUp {
        grid-column: auto;
        margin-top: 0;
    }
    /* Phone at 1057px / 120px in the 1440 frame, shadow at 971px / 383px */
    .layer-homeGearUp .panel-devices {
        height: 330px;
        left: calc(50% + 251px);
        margin: 0;
        max-width: none;
        position: absolute;
        top: 120px;
        width: 420px;
    }
}


/* ==========================================================================
   Site header variants (layouts/main.blade.php 'brand_modifiers')
   ========================================================================== */


/* 'is-headerOverlay': header sits over the first section (e.g. the home hero), still pinned to the top */

body.page-brandSite.is-headerOverlay .layer-brandSiteHeader {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}


/* 'is-fullWidth': sections and their backgrounds run edge to edge on very wide screens (the page is
   otherwise capped at 2048px); each section still caps its own content, and the header stays at 2048px */

body.page-brandSite.is-fullWidth .layer-page {
    max-width: none;
}


/* Pop-ups dim the header too (Bootstrap backdrop is z-index 1050) */

body.modal-open .layer-brandSiteHeader {
    z-index: 1040;
}

.panel-brandGuest {
    align-items: center;
    display: flex;
    gap: 24px;
}


/* ==========================================================================
   Home page: Hero (page/home.blade.php)
   Four photo panels with a light tint, date and venue, the wordmark, and the
   four-colour strip along the bottom (one colour under each panel).
   ========================================================================== */

.layer-homeHero {
    background-color: #040404;
    color: #ECEADA;
    display: flex;
    flex-direction: column;
    min-height: 560px;
    overflow: hidden;
    position: relative;
}

.layer-homeHero .panel-bg {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    inset: 0;
    position: absolute;
}

.layer-homeHero .panel-bg img {
    display: block;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    width: 100%;
}


/* 22% tint over the photos, as in the Figma */

.layer-homeHero .panel-bg::after {
    background-color: rgba(4, 4, 4, 0.22);
    content: '';
    inset: 0;
    position: absolute;
}

.layer-homeHero .panel-inner {
    margin: 0 auto;
    max-width: 1164px;
    padding: 150px 24px 56px;
    position: relative;
    width: 100%;
}

.layer-homeHero .panel-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.layer-homeHero .panel-details p {
    color: #ECEADA;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: normal;
    margin: 0;
}

.layer-homeHero .panel-wordmark {
    color: #ECEADA;
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 4.8px;
    line-height: normal;
    margin: 24px 0 0;
    white-space: nowrap;
}

.layer-homeHero .panel-pillars {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    height: 12px;
    margin-top: auto;
    position: relative;
}

.layer-homeHero .panel-pillars span:nth-child(1) {
    background-color: #EF3200;
}

.layer-homeHero .panel-pillars span:nth-child(2) {
    background-color: #03CFCB;
}

.layer-homeHero .panel-pillars span:nth-child(3) {
    background-color: #DF7ED2;
}

.layer-homeHero .panel-pillars span:nth-child(4) {
    background-color: #EDDB00;
}

@media (min-width: 768px) {
    .layer-homeHero {
        min-height: 640px;
    }
    .layer-homeHero .panel-details {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
    }
    .layer-homeHero .panel-details p {
        font-size: 24px;
        letter-spacing: 2.4px;
    }
    .layer-homeHero .panel-venue {
        text-align: right;
    }
    .layer-homeHero .panel-wordmark {
        font-size: 80px;
        letter-spacing: 8px;
        margin-top: 16px;
    }
}


/* Desktop: positions from the 1440px frame (768px tall; details at 345px, wordmark at 443px, 24px strip) */

@media (min-width: 992px) {
    .layer-homeHero {
        height: 768px;
    }
    .layer-homeHero .panel-inner {
        padding: 345px 24px 0;
    }
    .layer-homeHero .panel-details p {
        font-size: 32px;
        letter-spacing: 3.2px;
    }
    .layer-homeHero .panel-wordmark {
        font-size: 120px;
        letter-spacing: 12px;
        margin-top: 0;
    }
    .layer-homeHero .panel-pillars {
        height: 24px;
    }
}


/* ==========================================================================
   Home page: Intro (page/home.blade.php)
   Centred copy only, 726px wide, between the hero and The Experience.
   ========================================================================== */

.layer-homeIntro {
    background-color: #ECEADA;
    color: #24282B;
    padding: 48px 24px 56px;
}

.layer-homeIntro .panel-copy {
    margin: 0 auto;
    max-width: 726px;
    text-align: center;
}

.layer-homeIntro .panel-copy p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0 0 24px;
}

.layer-homeIntro .panel-copy p:last-child {
    margin-bottom: 0;
}


/* Desktop: from the 1440px frame (section 339px tall, copy 18px / 26px, sitting slightly above centre) */

@media (min-width: 992px) {
    .layer-homeIntro {
        padding: 66px 24px 91px;
    }
    .layer-homeIntro .panel-copy p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 26px;
    }
}


/* ==========================================================================
   Speakers page (page/speakers/index.blade.php)
   ========================================================================== */


/* Banner */

.layer-brandBanner {
    background-color: #24282B;
    color: #ECEADA;
    overflow: hidden;
    position: relative;
}

.layer-brandBanner .panel-bg {
    inset: 0;
    position: absolute;
}

.layer-brandBanner .panel-bg img {
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.layer-brandBanner .panel-bg::after {
    background-color: rgba(36, 40, 43, 0.5);
    content: '';
    inset: 0;
    position: absolute;
}

.layer-brandBanner .panel-inner {
    padding: 148px 24px 56px;
    position: relative;
}

.layer-brandBanner .panel-title {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    margin: 0;
}

.layer-brandBanner .panel-intro {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 24px 0 0;
    max-width: 544px;
}


/* Plain pink strip down the full height of the right edge (desktop only) */

.layer-brandBanner .panel-band {
    display: none;
}

@media (min-width: 992px) {
    .layer-brandBanner {
        height: 555px;
    }
    /* Title and intro line up with the page content (1104px grid, 168px in at 1440) */
    .layer-brandBanner .panel-inner {
        margin: 0 auto;
        max-width: 1152px;
        padding: 204px 24px 0;
    }
    .layer-brandBanner .panel-title {
        font-size: 48px;
        line-height: 60px;
    }
    .layer-brandBanner .panel-intro {
        font-size: 18px;
        margin-top: 61px;
    }
    .layer-brandBanner .panel-band {
        background-color: #DF7ED2;
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
    }
}


/* Grid */

.layer-speakersGrid {
    background-color: #ECEADA;
    color: #24282B;
    padding: 56px 24px 72px;
}

.layer-speakersGrid .panel-grid {
    display: grid;
    gap: 40px 25px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 400px;
}

.layer-speakersGrid .panel-empty {
    font-size: 18px;
    font-style: italic;
    margin: 0;
    text-align: center;
}

.card-speakerTile {
    background: none;
    border: 0;
    color: #24282B;
    cursor: pointer;
    display: block;
    padding: 0;
    text-align: left;
    width: 100%;
}

.card-speakerTile .panel-photo {
    aspect-ratio: 349 / 379;
    background-color: #CED2D5;
    display: block;
    overflow: hidden;
    position: relative;
}

.card-speakerTile .panel-photo img {
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    position: absolute;
    transition: transform 0.4s ease;
    width: 100%;
}

.card-speakerTile:hover .panel-photo img,
.card-speakerTile:focus-visible .panel-photo img {
    transform: scale(1.03);
}

.card-speakerTile:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: 4px;
}

.card-speakerTile .panel-info {
    display: block;
    padding-top: 20px;
}

.card-speakerTile .panel-name {
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.card-speakerTile .panel-role {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

@media (min-width: 768px) {
    .layer-speakersGrid .panel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 723px;
    }
}


/* Desktop: 3 x 349px columns from the 1440px frame (grid at 172px, rows 536px apart) */

@media (min-width: 992px) {
    .layer-speakersGrid {
        padding: 124px 24px 138px;
    }
    .layer-speakersGrid .panel-grid {
        gap: 30px 25px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 1097px;
    }
    .card-speakerTile .panel-info {
        min-height: 127px;
        padding-top: 30px;
    }
    .card-speakerTile .panel-name {
        font-size: 26px;
    }
}


/* Bio pop-up */

body.page-speakers .modal-backdrop {
    --bs-backdrop-bg: #000000;
    --bs-backdrop-opacity: 0.8;
}

body.page-speakers .modal-backdrop.show {
    opacity: 0.8;
}

.modal-speakerBio .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: min(1000px, calc(100% - 32px));
}


/* "background" shorthand clears the old global .modal .modal-content background image */

.modal-speakerBio .modal-content {
    background: #ECEADA;
    border: 0;
    border-radius: 12px;
    color: #24282B;
    overflow: hidden;
    position: relative;
}


/* Red accent bar on the left edge */

.modal-speakerBio .modal-content::before {
    background-color: #EF3200;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    width: 8px;
    z-index: 1;
}

.btn-speakerBioClose {
    background: none;
    border: 0;
    border-radius: 4px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 30px;
    z-index: 2;
}

.btn-speakerBioClose:focus-visible {
    outline: 2px solid #EF3200;
}

.modal-speakerBio .modal-body {
    padding: 64px 24px 32px 32px;
}

.modal-speakerBio .panel-bio {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.modal-speakerBio .panel-photo {
    aspect-ratio: 352 / 360;
    background-color: #CED2D5;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.modal-speakerBio .panel-photo img {
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: center top;
    position: absolute;
    width: 100%;
}

.modal-speakerBio .panel-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    min-width: 0;
}

.modal-speakerBio .panel-heading {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modal-speakerBio .panel-name {
    color: #24282B;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
}

.modal-speakerBio .panel-role {
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin: 0;
}

.modal-speakerBio .panel-about {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.modal-speakerBio .panel-about p {
    margin: 0 0 20px;
}

.modal-speakerBio .panel-about> :last-child {
    margin-bottom: 0;
}


/* Sessions the speaker is linked to (not in the Figma; kept from the old pop-up) */

.modal-speakerBio .panel-events {
    border-top: 1px solid rgba(36, 40, 43, 0.2);
}

.modal-speakerBio .panel-event {
    align-items: flex-start;
    border-bottom: 1px solid rgba(36, 40, 43, 0.2);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 0;
}

.modal-speakerBio .panel-eventTime {
    color: #EF3200;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.modal-speakerBio .panel-eventTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 2px 0 0;
}

.btn-speakerEvent {
    align-items: center;
    background-color: #EF3200;
    border-radius: 40px;
    color: #ECEADA;
    display: inline-flex;
    flex: none;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    letter-spacing: 1.4px;
    padding: 0 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease;
    white-space: nowrap;
}

.btn-speakerEvent:hover,
.btn-speakerEvent:focus {
    background-color: #D42C00;
    color: #ECEADA;
}

.btn-speakerEvent:focus-visible {
    outline: 2px solid #24282B;
    outline-offset: 2px;
}


/* Tablet and up: photo beside the bio; desktop sizes from the 1000 x 580 Figma pop-up */

@media (min-width: 768px) {
    .modal-speakerBio .modal-body {
        padding: 46px 56px 46px 40px;
    }
    .btn-speakerBioClose {
        right: 28px;
        top: 26px;
    }
    .modal-speakerBio .panel-bio {
        align-items: flex-start;
        flex-direction: row;
        gap: 40px;
    }
    .modal-speakerBio .panel-photo {
        aspect-ratio: auto;
        flex: 0 0 280px;
        height: 286px;
    }
    .modal-speakerBio .panel-event {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .modal-speakerBio .modal-body {
        min-height: 580px;
        padding: 46px 76px 46px 53px;
    }
    .modal-speakerBio .panel-bio {
        gap: 80px;
    }
    .modal-speakerBio .panel-photo {
        flex-basis: 352px;
        height: 360px;
    }
}


/* ==========================================================================
   Profile dashboard: My Activity tab (profile/my-activity.blade.php)
   ========================================================================== */


/* Inactive tab links (both tabs link to each other now) */

.listing-dashboardTabs>a:not(.is-active) {
    background-color: rgba(206, 210, 213, 0.5);
    color: rgba(36, 40, 43, 0.65);
    transition: background-color 0.2s ease;
}

.listing-dashboardTabs>a:not(.is-active):hover,
.listing-dashboardTabs>a:not(.is-active):focus {
    background-color: rgba(206, 210, 213, 0.75);
    color: #24282B;
}

.listing-dashboardTabs>a:focus-visible {
    outline: 2px solid #EF3200;
    outline-offset: -2px;
}

.listing-dashboardTabs .is-active .panel-tabIcon {
    opacity: 1;
}


/* Activity panel: pre-conference | conference day */

.layer-dashboardActivity {
    background-color: #ECEADA;
    border-radius: 0 12px 12px 12px;
    border-top: 1px solid #CED2D5;
    color: #24282B;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.layer-dashboardActivity .panel-activity {
    padding: 32px 20px;
}

.layer-dashboardActivity .panel-activity+.panel-activity {
    border-top: 1px solid rgba(36, 40, 43, 0.4);
}

.layer-dashboardActivity .panel-eyebrow {
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 21px;
    margin: 0 0 16px;
    text-transform: uppercase;
}

.layer-dashboardActivity .panel-status {
    align-items: center;
    color: rgba(36, 40, 43, 0.5);
    display: flex;
    font-size: 28px;
    font-weight: 600;
    gap: 12px;
    line-height: 40px;
    margin: 0 0 20px;
}

.layer-dashboardActivity .panel-status img {
    flex: none;
    height: 24px;
    max-width: none;
    width: 24px;
}

.layer-dashboardActivity .panel-copy {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    max-width: 439px;
}

.layer-dashboardActivity .panel-preferences {
    margin-top: 40px;
}

.layer-dashboardActivity .panel-preferencesTitle {
    color: #EF3200;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.04px;
    line-height: normal;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.layer-dashboardActivity .panel-preferences ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.layer-dashboardActivity .panel-preferences li {
    align-items: baseline;
    margin: 0;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    line-height: normal;
}

.layer-dashboardActivity .panel-preferences li::before {
    background-color: rgba(36, 40, 43, 0.5);
    border-radius: 50%;
    content: '';
    flex: none;
    height: 6px;
    position: relative;
    top: -3px;
    width: 6px;
}

.layer-dashboardActivity .panel-learnMore {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 40px 0 0;
}

.layer-dashboardActivity .panel-learnMore a {
    color: #EF3200;
    font-weight: 600;
    margin-left: 4px;
    text-decoration: underline;
}

.layer-dashboardActivity .panel-learnMore a:hover,
.layer-dashboardActivity .panel-learnMore a:focus {
    color: #D42C00;
}


/* Desktop: two halves split by a line, as in the 1440px frame (550px tall, content 62px in) */

@media (min-width: 992px) {
    .layer-dashboardActivity {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 550px;
    }
    .layer-dashboardActivity .panel-activity {
        padding: 49px 48px 48px 62px;
    }
    .layer-dashboardActivity .panel-activity+.panel-activity {
        border-left: 1px solid rgba(36, 40, 43, 0.4);
        border-top: 0;
    }
    .layer-dashboardActivity .panel-status {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 26px;
    }
}


/* ==========================================================================
   Loading overlay, LEAD '26 (replaces the old blue overlay and Beyond 70 loader)
   Used on page load (body.show-overlayLoad) and by toggleOverlay() in ytl-lead.js
   ========================================================================== */

.layer-overlay,
body.show-overlayLoad .layer-overlay {
    background-color: rgba(36, 40, 43, 1);
}

body.show-overlay .layer-overlay {
    background-color: rgba(36, 40, 43, 0.9);
}

body.show-overlayLoad .layer-overlay {
    background-color: rgba(36, 40, 43, 1);
}


/* Pulsing LEAD '26 logo */

.layer-overlay:after {
    animation: overlayPulse 1.4s ease-in-out infinite;
    background: url('../images/lead26-logo.png') center / contain no-repeat;
    content: '';
    height: 26px;
    width: 180px;
}

@keyframes overlayPulse {
    0%,
    100% {
        opacity: 0.35;
    }
    50% {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .layer-overlay:after {
        animation: none;
    }
}


/* ==========================================================================
   FAQ page (page/faq.blade.php)
   Banner: shared .layer-brandBanner (see Speakers page).
   Questions: shared with the home FAQ (.layer-faqList rules in "Home page: FAQ").
   ========================================================================== */


/* Banner intro written as more than one paragraph */

.layer-brandBanner .panel-intro p {
    margin: 0 0 12px;
}

.layer-brandBanner .panel-intro p:last-child {
    margin-bottom: 0;
}

.layer-faqList {
    background-color: #ECEADA;
    color: #24282B;
    padding: 56px 24px 72px;
}

.layer-faqList .panel-inner {
    margin: 0 auto;
    max-width: 1120px;
}

.layer-faqList .panel-heading {
    color: #24282B;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 32px;
}

.layer-faqList .accordionLead {
    padding-bottom: 0;
}


/* FAQ page spacing (overrides the shared home FAQ rules above) */

.layer-faqList .accordionLead .accordion-item {
    border-bottom-color: rgba(36, 40, 43, 0.5);
    margin-bottom: 24px;
    padding: 0 20px 20px 0;
}

.layer-faqList .accordionLead .accordion-item:last-child {
    margin-bottom: 0;
}

.layer-faqList .accordionLead .accordion-button,
.layer-faqList .accordionLead .accordion-item:first-child .accordion-button,
.layer-faqList .accordionLead .accordion-button:not(.collapsed) {
    padding: 8px 0 !important;
}

.layer-faqList .accordionLead .accordion-collapse .accordion-body {
    max-width: 825px;
    padding: 16px 0 0;
}


/* Links in answers (sheet and fallback list): the site's link style, Terra Red, semibold, underlined */

.layer-faqList .accordion-body a {
    color: #EF3200;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.layer-faqList .accordion-body a:hover,
.layer-faqList .accordion-body a:focus {
    color: #D42C00;
}

@media (min-width: 992px) {
    .layer-faqList {
        padding: 64px 24px 138px;
    }
    .layer-faqList .panel-heading {
        font-size: 40px;
        margin-bottom: 50px;
    }
    .layer-faqList .accordionQuestion {
        font-size: 21px;
    }
}


/* Banner variants (page/agenda/index.blade.php) */

.layer-brandBanner.is-tintLight .panel-bg::after {
    background-color: rgba(36, 40, 43, 0.35);
}

@media (min-width: 992px) {
    .layer-brandBanner.is-bandGoldenGlow .panel-band {
        background-color: #EDDB00;
    }
    /* page/faq.blade.php */
    .layer-brandBanner.is-bandTerraRed .panel-band {
        background-color: #EF3200;
    }
}


/* ==========================================================================
   Agenda page (page/agenda/index.blade.php, _partials/agenda-list.blade.php)
   TIME | SESSIONS pills, then one row per time with a line between rows.
   Items at the same time show side by side as tracks (e.g. Build | Think).
   ========================================================================== */

.layer-agendaPage {
    background-color: #ECEADA;
    color: #24282B;
    padding: 48px 24px 72px;
}

.layer-agendaPage .panel-inner {
    margin: 0 auto;
    max-width: 1103px;
}


/* Column pills */

.layer-agendaPage .panel-columns {
    display: flex;
    gap: 12px;
}

.tag-agendaColumn {
    align-items: center;
    background-color: #24282B;
    border-radius: 10px;
    color: #ECEADA;
    display: inline-flex;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    height: 44px;
    line-height: normal;
    padding: 0 16px;
}

.tag-agendaColumn img {
    height: 16px;
    max-width: none;
    width: 16px;
}

.layer-agendaPage .panel-empty {
    font-size: 18px;
    font-style: italic;
    margin: 40px 0 0;
}


/* Rows */

.listing-agenda {
    margin-top: 32px;
}

.item-agenda {
    border-top: 1px solid rgba(36, 40, 43, 0.4);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 28px 0;
}

.item-agenda p {
    margin: 0;
}

.item-agenda .panel-time {
    color: #24282B;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}

.item-agenda .panel-entry {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}


/* Red label: "KEYNOTE 1", or a track like "BUILD · Function Rooms" */

.item-agenda .panel-label {
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.28px;
    line-height: 24px;
    text-transform: uppercase;
    white-space: pre-wrap;
}

.item-agenda .panel-heading {
    color: #24282B;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
}

.item-agenda .panel-heading a {
    color: inherit;
    text-decoration: none;
}

.item-agenda .panel-heading a:hover,
.item-agenda .panel-heading a:focus {
    color: #EF3200;
}

.item-agenda .panel-sub {
    color: rgba(36, 40, 43, 0.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


/* Parallel tracks: stacked on phones, side by side from 768px */

.item-agenda .panel-tracks {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.item-agenda .panel-tracks .panel-entry+.panel-entry {
    border-top: 1px solid rgba(36, 40, 43, 0.3);
    padding-top: 20px;
}

@media (min-width: 768px) {
    .item-agenda .panel-tracks {
        flex-direction: row;
        gap: 0;
    }
    .item-agenda .panel-tracks .panel-entry {
        flex: 1 1 0;
        padding-right: 32px;
    }
    .item-agenda .panel-tracks .panel-entry+.panel-entry {
        border-left: 1px solid rgba(36, 40, 43, 0.3);
        border-top: 0;
        padding: 0 0 0 32px;
    }
}


/* Desktop: from the 1440px frame (list at 168px, 241px time column, 40px around each line) */

@media (min-width: 992px) {
    .layer-agendaPage {
        padding: 63px 24px 120px;
    }
    .layer-agendaPage .panel-columns {
        display: grid;
        grid-template-columns: 241px auto;
        justify-items: start;
    }
    .listing-agenda {
        margin-top: 40px;
    }
    .item-agenda {
        display: grid;
        gap: 0;
        grid-template-columns: 241px minmax(0, 1fr);
        padding: 40px 0;
    }
    .item-agenda:last-child {
        padding-bottom: 0;
    }
    .item-agenda .panel-time {
        padding-top: 6px;
    }
    .item-agenda .panel-heading {
        font-size: 24px;
    }
    /* Keynote tag on a single row is a little larger */
    .item-agenda .panel-session .panel-label {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 40px;
        margin-top: -4px;
    }
}


/* ==========================================================================
   LEAD '26 logo (images/lead26-logo.png, 800 x 114, white) in place of the
   "[ LEAD ’26 ]" text: site header, menu panel, registration header, home hero
   ========================================================================== */

.link-brandWordmark img {
    display: block;
    height: auto;
    max-width: none;
    width: 123px;
}

@media (min-width: 992px) {
    .link-brandWordmark img {
        width: 146px;
    }
}


/* Keeps the old line height so the date, venue and strip don't move */

.layer-homeHero .panel-wordmark {
    align-items: center;
    display: flex;
    height: 1.52em;
}

.layer-homeHero .panel-wordmark img {
    display: block;
    height: auto;
    max-width: 100%;
    width: 292px;
}

@media (min-width: 768px) {
    .layer-homeHero .panel-wordmark img {
        width: 488px;
    }
}

@media (min-width: 992px) {
    .layer-homeHero .panel-wordmark img {
        width: 729px;
    }
}


/* ==========================================================================
   Experiences page (page/experiences.blade.php)
   Banner: shared .layer-brandBanner. Tiles: shared .tile-experience (Home: The Experience),
   cropped for this page's 162 x 130 tiles. Tours: artwork and button from the home pre-conference card.
   ========================================================================== */


/* Banner variants */

.layer-brandBanner.is-tintSoft .panel-bg::after {
    background-color: rgba(4, 4, 4, 0.4);
}


/* FAQ banner: 48% black over the photo */

.layer-brandBanner.is-tintDark .panel-bg::after {
    background-color: rgba(4, 4, 4, 0.48);
}


/* Banner photo inside <picture> (phone crop): fill the banner like a plain img */

.layer-brandBanner .panel-bg picture {
    display: block;
    height: 100%;
}

@media (min-width: 992px) {
    .layer-brandBanner.is-bandTurquoise .panel-band {
        background-color: #03CFCB;
    }
}


/* Shared section titles */

.layer-expTours .panel-title,
.layer-expGijsen .panel-title,
.layer-expGlobal .panel-title,
.layer-expEvening .panel-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}


/* Build / Think */

.layer-expTracks {
    background-color: #24282B;
    color: #ECEADA;
    padding: 48px 24px 56px;
}

.layer-expTracks .panel-inner {
    display: grid;
    gap: 56px;
    grid-template-columns: minmax(0, 1fr);
    margin: 0 auto;
    max-width: 1104px;
}


/* #build / #think links (home page) stop below the sticky header */

.layer-expTracks .panel-track {
    scroll-margin-top: 80px;
}

.layer-expTracks .panel-head {
    border-top: 3px solid #ECEADA;
    padding-top: 23px;
}

.layer-expTracks .panel-title {
    color: #ECEADA;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
    margin: 0;
}

.layer-expTracks .panel-intro {
    font-size: 16px;
    line-height: 21px;
    margin: 16px 0 0;
}

.layer-expTracks .listing-tiles {
    gap: 16px;
    margin-top: 40px;
    padding-left: 0;
}

.layer-expTracks .tile-experience {
    height: 130px;
    width: 162px;
}


/* Build: totem photo, turned on its side */

.layer-expTracks .tile-experience.is-build1 .panel-art {
    height: 291px;
    left: 29px;
    top: -42px;
    width: 548px;
}

.layer-expTracks .tile-experience.is-build1 .panel-turn {
    height: 548px;
    width: 291px;
}


/* Build: cube-stack photo, shared across tiles 2 and 3 */

.layer-expTracks .tile-experience.is-build2 .panel-art,
.layer-expTracks .tile-experience.is-build3 .panel-art {
    height: 236px;
    top: -4px;
    width: 445px;
}

.layer-expTracks .tile-experience.is-build2 .panel-art {
    left: -151px;
}

.layer-expTracks .tile-experience.is-build3 .panel-art {
    left: -330px;
}

.layer-expTracks .tile-experience.is-build2 .panel-turn,
.layer-expTracks .tile-experience.is-build3 .panel-turn {
    height: 445px;
    width: 236px;
}


/* Think: arch photo, mirrored, across all three tiles */

.layer-expTracks .tile-experience.is-think1 .panel-art,
.layer-expTracks .tile-experience.is-think2 .panel-art,
.layer-expTracks .tile-experience.is-think3 .panel-art {
    height: 290px;
    top: -84px;
}

.layer-expTracks .tile-experience.is-think1 .panel-art {
    left: -17px;
    width: 357px;
}

.layer-expTracks .tile-experience.is-think2 .panel-art {
    left: -27px;
    width: 210px;
}

.layer-expTracks .tile-experience.is-think3 .panel-art {
    left: -117px;
    width: 292px;
}

.layer-expTracks .tile-experience.is-think1 .panel-turn {
    height: 290px;
    width: 357px;
}

.layer-expTracks .tile-experience.is-think2 .panel-turn {
    height: 290px;
    width: 210px;
}

.layer-expTracks .tile-experience.is-think3 .panel-turn {
    height: 290px;
    width: 292px;
}


/* What to expect / learn / meet */

.layer-expTracks .panel-detail {
    padding: 15px 0 32px;
}

.layer-expTracks .panel-detail+.panel-detail {
    border-top: 1px solid rgba(236, 234, 218, 0.5);
}

.layer-expTracks .listing-tiles+.panel-detail {
    padding-top: 33px;
}

.layer-expTracks .panel-label {
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.layer-expTracks .panel-detail p {
    font-size: 16px;
    line-height: 21px;
    margin: 0;
}

.layer-expTracks .panel-detail:last-child {
    padding-bottom: 0;
}


/* Behind-The-Scenes tours: full-width sky band */

.layer-expTours {
    background-color: #9CC9DD;
    color: #24282B;
    overflow: hidden;
    position: relative;
}

.layer-expTours .panel-bg {
    inset: 0;
    pointer-events: none;
    position: absolute;
}


/* Sky and sculpture photo, cropped to its lower part as in the design (sculpture at the right) */

.layer-expTours .img-aspire {
    height: 100%;
    inset: 0;
    max-width: none;
    object-fit: cover;
    object-position: 50% 94%;
    position: absolute;
    width: 100%;
}

.layer-expTours .panel-fade {
    background-image: linear-gradient(252.76deg, rgba(250, 234, 234, 0) 33.328%, rgba(249, 249, 249, 0.2) 74.908%);
    height: 781px;
    left: 0;
    position: absolute;
    top: -167px;
    width: 96.1%;
}


/* Lightens the left behind the copy */

.layer-expTours .panel-fadeBottom {
    background-image: linear-gradient(300.54deg, rgba(250, 234, 234, 0) 18.44%, rgba(251, 241, 240, 0.5) 55.21%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 84.2%;
}


/* Mountain, tilted, off the right edge (desktop only) */

.layer-expTours .panel-mountain {
    align-items: center;
    display: none;
    height: 629px;
    justify-content: center;
    position: absolute;
    right: -177px;
    top: -57px;
    width: 1048px;
}

.layer-expTours .panel-turn {
    flex: none;
    height: 526px;
    overflow: hidden;
    position: relative;
    transform: rotate(-6.13deg);
    width: 997px;
}

.layer-expTours .panel-mountain img {
    height: 100%;
    left: -0.06%;
    max-width: none;
    position: absolute;
    top: 7.12%;
    width: 93.8%;
}

.layer-expTours .panel-inner {
    margin: 0 auto;
    max-width: 1152px;
    padding: 48px 24px 56px;
    position: relative;
}

.layer-expTours .panel-title {
    color: #EF3200;
}


/* At most 3/4 of the content width, so the copy stays clear of the sculpture on the right */

.layer-expTours .panel-text {
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    max-width: min(730px, 75%);
}

.layer-expTours .panel-text p {
    margin: 0 0 24px;
}

.layer-expTours .panel-text p:last-child {
    margin-bottom: 0;
}

.layer-expTours .btn-preconference {
    margin-top: 32px;
}


/* Gijsen Awards: photos run off both edges on desktop */

.layer-expGijsen {
    background-color: #ECEADA;
    color: #212121;
    overflow: hidden;
    padding: 48px 0 56px;
}

.layer-expGijsen .panel-inner,
.layer-expGlobal .panel-inner {
    margin: 0 auto;
    max-width: 1023px;
    padding: 0 24px;
    text-align: center;
}

.layer-expGijsen .panel-text {
    font-size: 14px;
    line-height: 21px;
    margin-top: 11px;
}


/* One blank line between paragraphs, as in Global Awards */

.layer-expGijsen .panel-text p {
    margin: 0 0 21px;
}

.layer-expGijsen .panel-text p:last-child {
    margin-bottom: 0;
}


/* Phones and tablets: swipe through the photos */

.layer-expGijsen .listing-photos {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    overflow-x: auto;
    padding: 0 24px;
    scroll-padding: 0 24px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.layer-expGijsen .listing-photos::-webkit-scrollbar {
    display: none;
}

.layer-expGijsen .listing-photos img {
    aspect-ratio: 497 / 331;
    flex-shrink: 0;
    max-width: none;
    object-fit: cover;
    scroll-snap-align: start;
    width: min(80%, 497px);
}


/* Global Awards */

.layer-expGlobal {
    background-color: #24282B;
    color: #ECEADA;
    padding-top: 44px;
}

.layer-expGlobal .panel-inner {
    max-width: 704px;
}

.layer-expGlobal .panel-text {
    font-size: 14px;
    line-height: 21px;
    margin-top: 23px;
}

.layer-expGlobal .panel-text p {
    margin: 0 0 21px;
}

.layer-expGlobal .panel-text p:last-child {
    margin-bottom: 0;
}


/* Every screen size: the 1440px Figma scaled with the screen width (photo 349px = 24.24vw) */

.layer-expGlobal .panel-photo {
    height: 24.24vw;
    margin-top: 26px;
    position: relative;
}

.layer-expGlobal .img-photo {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 50% 59%;
    width: 100%;
}


/* Darkens the right of the photo behind the trophy */

.layer-expGlobal .panel-photo::after {
    background-image: linear-gradient(88.5deg, rgba(33, 33, 33, 0) 0.5%, #212121 99%);
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 40.4%;
}


/* Trophy 397 x 497, 39px from the right at 1440px, scaled with the screen */

.layer-expGlobal .panel-trophy {
    bottom: 0;
    height: 34.51vw;
    overflow: hidden;
    position: absolute;
    right: 2.71vw;
    width: 27.57vw;
    z-index: 1;
}

.layer-expGlobal .panel-trophy img {
    height: 112.27%;
    left: -0.12%;
    max-width: none;
    position: absolute;
    top: 0;
    width: 112.09%;
}


/* Dinner & Lucky Draw, After Party */

.layer-expEvening {
    background-color: #ECEADA;
    color: #24282B;
    padding: 56px 24px 64px;
}

.layer-expEvening .panel-inner {
    display: grid;
    gap: 56px;
    margin: 0 auto;
    max-width: 1104px;
}

.layer-expEvening .item-evening {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr);
}


/* Phones: photo above the text */

.layer-expEvening .panel-photo {
    order: -1;
    overflow: hidden;
    position: relative;
}

.layer-expEvening .panel-photo img {
    max-width: none;
    position: absolute;
}

.layer-expEvening .panel-photo.is-dinner {
    aspect-ratio: 656 / 280;
}


/* The photo is pre-cropped to the design's 656 x 280 window */

.layer-expEvening .panel-photo.is-dinner img {
    height: 100%;
    left: 0;
    object-fit: cover;
    top: 0;
    width: 100%;
}

.layer-expEvening .panel-photo.is-afterParty {
    aspect-ratio: 556 / 280;
    background-color: #EDDB00;
}

.layer-expEvening .panel-photo.is-afterParty img {
    height: 133.21%;
    left: 0;
    object-fit: cover;
    top: -16.79%;
    width: 100.72%;
}

.layer-expEvening .panel-text p {
    font-size: 16px;
    line-height: 21px;
    margin: 24px 0 0;
}

.listing-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0;
}

.listing-pills li {
    border: 1px solid rgba(239, 50, 0, 0.33);
    border-radius: 50px;
    color: #EF3200;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    padding: 6px 24px;
}


/* Desktop: positions from the 1440px frame (content 168px in, 1104px wide) */

@media (min-width: 992px) {
    .layer-expTours .panel-title,
    .layer-expGijsen .panel-title,
    .layer-expGlobal .panel-title,
    .layer-expEvening .panel-title {
        font-size: 40px;
        line-height: 60px;
    }
    /* Two columns; the head, tiles and each detail row line up across them */
    .layer-expTracks {
        padding: 61px 24px 84px;
    }
    .layer-expTracks .panel-inner {
        column-gap: 64px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(5, auto);
        row-gap: 0;
    }
    .layer-expTracks .panel-track {
        display: grid;
        grid-row: span 5;
        grid-template-rows: subgrid;
    }
    .layer-expTracks .panel-title {
        font-size: 56px;
    }
    .layer-expTracks .listing-tiles {
        margin-top: 53px;
    }
    .layer-expTracks .panel-label {
        margin-bottom: 30px;
    }
    .layer-expTracks .panel-detail {
        padding-bottom: 38px;
    }
    .layer-expTours {
        min-height: 448px;
    }
    .layer-expTours .panel-mountain {
        display: flex;
    }
    .layer-expTours .panel-inner {
        padding: 82px 24px;
    }
    .layer-expTours .panel-text {
        margin-top: 40px;
    }
    .layer-expTours .btn-preconference {
        margin-top: 40px;
    }
    .layer-expGijsen {
        padding: 56px 0 65px;
    }
    .layer-expGijsen .listing-photos {
        gap: 36px;
        justify-content: center;
        margin-top: 23px;
        overflow: visible;
        padding: 0;
    }
    .layer-expGijsen .listing-photos img {
        height: 331px;
        width: 497px;
    }
    .layer-expEvening {
        padding: 83px 24px 61px;
    }
    .layer-expEvening .panel-inner {
        gap: 79px;
    }
    .layer-expEvening .item-evening {
        align-items: start;
        gap: 40px;
        grid-template-columns: minmax(0, 378px) minmax(0, 656px);
        justify-content: space-between;
    }
    .layer-expEvening .item-evening.is-reversed {
        grid-template-columns: minmax(0, 556px) minmax(0, 429px);
    }
    /* Desktop: dinner photo on the right, after-party photo on the left */
    .layer-expEvening .panel-photo {
        order: 0;
    }
    .layer-expEvening .is-reversed .panel-photo {
        order: -1;
    }
    .layer-expEvening .item-evening:not(.is-reversed) .panel-text p {
        margin-top: 49px;
    }
    .layer-expEvening .is-reversed .panel-text p,
    .listing-pills {
        margin-top: 33px;
    }
}


/* Narrow desktops: keep the tours text clear of the mountain */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .layer-expTours .panel-text {
        max-width: min(540px, 75%);
    }
    /* Less space above and below the copy than the 1440px design (82px), and no minimum height */
    .layer-expTours {
        min-height: 0;
    }
    .layer-expTours .panel-inner {
        padding-bottom: 48px;
        padding-top: 48px;
    }
}


/* ==========================================================================
   Home page: phones (below 768px), from the 390px Figma frame
   Tablet and desktop keep the rules above. Copy is unchanged.
   ========================================================================== */


/* YTL Group lockup in the hero: phones only */

.layer-homeHero .img-heroLogo {
    display: none;
}

@media (max-width: 767.98px) {
    /* Hero: four horizontal photo strips (660px), a colour bar down the left of each,
       wordmark in the middle, date and venue below it */
    .layer-homeHero {
        height: 660px;
        min-height: 0;
    }
    .layer-homeHero .panel-bg {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .layer-homeHero .panel-bg picture {
        display: block;
        min-height: 0;
    }
    .layer-homeHero .panel-bg::after {
        background-color: rgba(0, 0, 0, 0.42);
    }
    .layer-homeHero .panel-pillars {
        bottom: 0;
        grid-template-columns: none;
        grid-template-rows: repeat(4, minmax(0, 1fr));
        height: auto;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 11px;
    }
    .layer-homeHero .img-heroLogo {
        display: block;
        height: auto;
        max-width: none;
        position: absolute;
        right: 21px;
        top: 106px;
        width: 125px;
    }
    .layer-homeHero .panel-inner {
        display: flex;
        flex-direction: column;
        padding: 342px 24px 0 37px;
    }
    .layer-homeHero .panel-wordmark {
        margin: 0;
        order: -1;
    }
    .layer-homeHero .panel-wordmark img {
        width: 340px;
    }
    .layer-homeHero .panel-details {
        gap: 27px;
        margin-top: 104px;
    }
    .layer-homeHero .panel-venue {
        line-height: 26px;
    }
    /* Intro: left-aligned */
    .layer-homeIntro {
        padding: 56px 24px;
    }
    .layer-homeIntro .panel-copy {
        text-align: left;
    }
    /* The Experience: 1px dividers, 40px titles with a 32px arrow, tiles filling the width */
    .layer-homeExperience {
        padding: 56px 24px;
    }
    .layer-homeExperience .panel-eyebrow {
        font-size: 16px;
        letter-spacing: 0.96px;
        line-height: normal;
    }
    .layer-homeExperience .panel-tracks {
        gap: 40px;
        margin-top: 40px;
    }
    .layer-homeExperience .panel-track {
        border-top-width: 1px;
        padding-top: 16px;
    }
    .link-track {
        font-size: 40px;
        line-height: normal;
    }
    .link-track .icon-trackArrow {
        height: 32px;
        width: 32px;
    }
    .layer-homeExperience .panel-desc {
        font-size: 16px;
        line-height: 24px;
        margin-top: 16px;
    }
    .layer-homeExperience .listing-tiles {
        gap: 13.17px;
        margin-top: 16px;
        padding-left: 0;
    }
    /* Gear Up: smaller icon, regular-weight copy, full-width button, phone centred on its shadow */
    .layer-homeGearUp {
        padding: 48px 24px;
    }
    .listing-gear {
        border-top-width: 3px;
        margin-top: 20px;
        padding-top: 20px;
    }
    .item-gear {
        column-gap: 16px;
        grid-template-columns: 46px minmax(0, 1fr);
    }
    .item-gear .panel-icon {
        height: 38.4px;
        margin-top: 9.6px;
        width: 38.4px;
    }
    .item-gear .panel-icon img {
        height: 24px;
        width: 24px;
    }
    .item-gear .panel-text {
        gap: 8px;
    }
    .item-gear p {
        font-weight: 400;
        line-height: 24px;
    }
    .item-gear .panel-text p+p:not(.panel-note) {
        margin-top: 24px;
    }
    .item-gear .panel-note {
        font-size: 14px;
    }
    .btn-gearUp {
        justify-self: stretch;
        margin-top: 20px;
    }
    .layer-homeGearUp .panel-devices {
        aspect-ratio: 366 / 251;
        margin: 20px -12px 0;
        max-width: none;
    }
    .layer-homeGearUp .panel-devices .img-shadow {
        height: 11.2%;
        top: 81.6%;
    }
    .layer-homeGearUp .panel-devices .img-device {
        left: 22.7%;
        width: 68%;
    }
    /* Speakers: 260px cards */
    .card-speakerSlide {
        width: 260px;
    }
    /* Behind-The-Scenes card: sky gradient with the mountain along the bottom, full-width button */
    .layer-homePreconference {
        --preconference-split: 309px;
        padding: 0 24px;
    }
    /* The photo fills the card, framed on the sculpture; a light fade behind the copy (as on Experiences) */
    .card-preconference .img-aspire {
        bottom: auto;
        height: 100%;
        left: 0;
        object-fit: cover;
        object-position: 68% 100%;
        top: 0;
        width: 100%;
    }
    .card-preconference .panel-fade {
        display: none;
    }
    .card-preconference .panel-fadeBottom {
        background-image: linear-gradient(325.65deg, rgba(250, 234, 234, 0) 23.885%, rgba(251, 241, 240, 0.8) 69.885%);
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    /* Sized from the card width (523.5 x 276 in a 342px card), so it reaches the right edge on any phone */
    .card-preconference .panel-mountain {
        aspect-ratio: 523.5 / 276;
        bottom: -32px;
        display: block;
        height: auto;
        left: -12.57%;
        right: auto;
        top: auto;
        width: 153.07%;
    }
    /* Room for the mountain: 220px in a 342px card, growing with the card (100vw - 48px) */
    .card-preconference .panel-content {
        padding: 32px 24px calc(64.33vw - 30.88px);
    }
    .card-preconference .panel-title h2 {
        font-size: 28px;
        line-height: 34px;
    }
    .card-preconference .panel-intro {
        margin-top: 32px;
    }
    .card-preconference .btn-preconference {
        margin-top: 32px;
        width: 100%;
    }
    /* FAQ: full-width button */
    .layer-homeFaq .panel-seeAll {
        justify-self: stretch;
    }
    .layer-homeFaq .panel-seeAll a {
        min-width: 0;
        width: 100%;
    }
    /* Footer (all public pages): LEAD and Support side by side, a divider above the copyright */
    .layer-siteFooter {
        padding: 40px 24px 32px;
    }
    .layer-siteFooter .panel-inner {
        gap: 40px 56px;
        grid-template-columns: max-content max-content;
    }
    .layer-siteFooter .panel-copyright {
        border-top: 1px solid rgba(206, 210, 213, 0.2);
        color: #CED2D5;
        font-size: 12px;
        margin-top: 40px;
        padding-top: 40px;
    }
}


/* Phones: the three tiles share the column 9px apart (pre-cropped photos, so they can stretch) */

@media (max-width: 575.98px) {
    .layer-homeExperience .listing-tiles {
        gap: 9px;
    }
    .layer-homeExperience .listing-tiles .tile-experience {
        aspect-ratio: 158 / 200;
        flex: 1 1 0;
        height: auto;
        min-width: 0;
        width: auto;
    }
}


/* ==========================================================================
   Experiences page: phones (below 768px), from the 390px Figma frame
   Tablet and desktop keep the rules above. Copy is unchanged.
   ========================================================================== */

@media (max-width: 767.98px) {
    /* Banner (.is-tallMobile: Experiences only): 440px tall (the strip is in the shared banner rules) */
    .layer-brandBanner.is-tallMobile {
        height: 440px;
    }
    .layer-brandBanner.is-tallMobile .panel-inner {
        padding: 155px 36px 0 24px;
    }
    /* Build / Think: 20px rhythm, 40px titles, tiles filling the width, 14px labels */
    .layer-expTracks {
        padding: 48px 24px 56px;
    }
    .layer-expTracks .panel-head {
        padding-top: 20px;
    }
    .layer-expTracks .panel-title {
        font-size: 40px;
        line-height: normal;
    }
    .layer-expTracks .panel-intro {
        line-height: 24px;
        margin-top: 20px;
    }
    .layer-expTracks .listing-tiles {
        gap: 9.75px;
        justify-content: space-between;
        margin-top: 20px;
    }
    .layer-expTracks .panel-detail,
    .layer-expTracks .listing-tiles+.panel-detail {
        padding: 20px 0;
    }
    .layer-expTracks .panel-detail+.panel-detail {
        border-top-color: rgba(206, 210, 213, 0.3);
    }
    .layer-expTracks .panel-detail:last-child {
        padding-bottom: 0;
    }
    .layer-expTracks .panel-label {
        font-size: 14px;
        letter-spacing: 0.84px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .layer-expTracks .panel-detail p {
        line-height: 24px;
    }
    /* Behind-The-Scenes: the photo fills the band height, framed on the sculpture (390px frame);
       a light fade behind the copy, full-width copy and button */
    .layer-expTours .img-aspire {
        object-position: 68% 50%;
    }
    .layer-expTours .panel-fade {
        display: none;
    }
    .layer-expTours .panel-fadeBottom {
        background-image: linear-gradient(325.65deg, rgba(250, 234, 234, 0) 23.885%, rgba(251, 241, 240, 0.8) 69.885%);
        width: 100%;
    }
    .layer-expTours .panel-text {
        max-width: none;
    }
    /* Sized from the band width (453.83 x 243.05 at 390px), so it reaches the right edge on any phone */
    .layer-expTours .panel-mountain {
        aspect-ratio: 453.83 / 243.05;
        bottom: -9.744vw;
        display: flex;
        height: auto;
        left: -5.574%;
        right: auto;
        top: auto;
        width: 116.37%;
    }
    .layer-expTours .panel-turn {
        height: 97.85%;
        transform: rotate(-0.67deg);
        width: 99.4%;
    }
    /* Room for the sculpture: 220px at 390px, growing with the screen */
    .layer-expTours .panel-inner {
        padding: 32px 24px 56.41vw;
    }
    .layer-expTours .panel-title {
        font-size: 28px;
        line-height: 34px;
    }
    .layer-expTours .panel-text {
        margin-top: 32px;
    }
    .layer-expTours .btn-preconference {
        margin-top: 32px;
        width: 100%;
    }
    /* Gijsen Awards: left-aligned, a fixed row of 280 x 187 photos with the middle one centred */
    .layer-expGijsen .panel-inner {
        text-align: left;
    }
    .layer-expGijsen .panel-title,
    .layer-expGlobal .panel-title {
        line-height: normal;
    }
    .layer-expGijsen .panel-text,
    .layer-expGlobal .panel-text {
        font-size: 15px;
        line-height: 23px;
        margin-top: 12px;
    }
    .layer-expGijsen .panel-text p:not(:last-child),
    .layer-expGlobal .panel-text p:not(:last-child) {
        margin-bottom: 23px;
    }
    /* Swipe carousel: each photo snaps to the centre; the page script opens it on the middle photo */
    .layer-expGijsen .listing-photos {
        gap: 12px;
        justify-content: flex-start;
        margin-top: 20px;
        overflow-x: auto;
        padding: 0 calc(50% - 140px);
        scroll-padding: 0;
        scroll-snap-type: x mandatory;
    }
    .layer-expGijsen .listing-photos img {
        height: 187px;
        scroll-snap-align: center;
        width: 280px;
    }
    /* Global Awards: 240px photo (cropped closer, as in the design), trophy overlapping on the right */
    /* overflow: the enlarged photo (clip-path only hides it) would otherwise widen the page */
    .layer-expGlobal {
        overflow: hidden;
        padding-top: 48px;
    }
    .layer-expGlobal .panel-photo {
        height: 240px;
        margin-top: 48px;
    }
    /* The photo is cropped with clip-path so the trophy can still stand above the box */
    .layer-expGlobal .img-photo {
        clip-path: inset(36.22% 26.4% 11.55% 16.99%);
        height: 191.46%;
        left: -30.02%;
        max-width: none;
        position: absolute;
        top: -69.35%;
        width: 176.7%;
    }
    .layer-expGlobal .panel-photo::after {
        background-image: linear-gradient(89.01deg, rgba(33, 33, 33, 0) 41.669%, #212121 120.47%);
        width: 100%;
    }
    .layer-expGlobal .panel-trophy {
        bottom: 23px;
        height: 271px;
        right: 0;
        width: 162px;
    }
    .layer-expGlobal .panel-trophy img {
        height: 119.73%;
        left: -31.04%;
        top: -6.64%;
        width: 159.83%;
    }
    /* Dinner & Lucky Draw, After Party: taller photos, 32px titles, 20px rhythm */
    .layer-expEvening {
        padding: 48px 24px 60px;
    }
    .layer-expEvening .item-evening {
        gap: 20px;
    }
    .layer-expEvening .panel-title {
        line-height: normal;
    }
    .layer-expEvening .panel-text p {
        line-height: 24px;
        margin-top: 20px;
    }
    .layer-expEvening .panel-photo.is-dinner {
        aspect-ratio: auto;
        height: 190px;
    }
    .layer-expEvening .panel-photo.is-dinner img {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }
    .layer-expEvening .panel-photo.is-afterParty {
        aspect-ratio: auto;
        height: 228px;
    }
    .layer-expEvening .panel-photo.is-afterParty img {
        height: 100%;
        left: 0;
        object-fit: cover;
        top: 0;
        width: 100%;
    }
    .listing-pills {
        gap: 8px 14px;
        margin-top: 20px;
    }
}


/* Phones: the three tiles share the column with a fixed gap (pre-cropped photos, so they can stretch) */

@media (max-width: 575.98px) {
    .layer-expTracks .listing-tiles .tile-experience {
        aspect-ratio: 162 / 130;
        flex: 1 1 0;
        height: auto;
        min-width: 0;
        width: auto;
    }
}


/* ==========================================================================
   Banner strip on phones and tablets (below 992px): a 12px bar down the right edge,
   in each page's colour (desktop shows the 40px strip above).
   Speakers pink (default), Agenda yellow, FAQ red, Experiences turquoise.
   ========================================================================== */

@media (max-width: 991.98px) {
    .layer-brandBanner .panel-band {
        background-color: #DF7ED2;
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 12px;
    }
    .layer-brandBanner.is-bandGoldenGlow .panel-band {
        background-color: #EDDB00;
    }
    .layer-brandBanner.is-bandTerraRed .panel-band {
        background-color: #EF3200;
    }
    .layer-brandBanner.is-bandTurquoise .panel-band {
        background-color: #03CFCB;
    }
    /* Keep the title and intro clear of the strip */
    .layer-brandBanner .panel-inner {
        padding-right: 36px;
    }
}


/* ==========================================================================
   Profile dashboard: phones (below 768px), from the 390px Figma frame
   (profile/index.blade.php, _partials/dashboard-hello, _partials/dashboard-tabs).
   Tablet and desktop keep the rules above. Copy is unchanged.
   ========================================================================== */


/* Expand hint on the QR card: phones only */

.layer-dashboardHello .panel-qr .icon-qrExpand {
    display: none;
}

@media (max-width: 767.98px) {
    /* Greeting card: 22px greeting, a tighter QR box with the expand hint in its corner */
    .layer-dashboardHello {
        gap: 16px;
        margin-bottom: 24px;
        padding: 26px 20px 24px;
    }
    .layer-dashboardHello .panel-greeting {
        font-size: 22px;
        line-height: 30px;
    }
    .layer-dashboardHello .panel-qr {
        border-radius: 7.32px;
        font-size: 14px;
        gap: 25px;
        padding: 12px 19px;
        position: relative;
    }
    .layer-dashboardHello .panel-qr .img-qr {
        height: 82px;
        width: 82px;
    }
    .layer-dashboardHello .panel-qr span {
        max-width: 152px;
    }
    /* The SVG is 26 x 26 around the 18px icon (shadow room), so it sits 4px / 3px out from the icon */
    .layer-dashboardHello .panel-qr .icon-qrExpand {
        bottom: 5px;
        display: block;
        height: 26px;
        max-width: none;
        position: absolute;
        right: 6px;
        width: 26px;
    }
    /* Tabs: two equal tabs across the full width */
    .listing-dashboardTabs>a,
    .listing-dashboardTabs>span {
        border-radius: 10px 10px 0 0;
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        padding: 16px 12px;
    }
    /* Details: each label above its value */
    .layer-dashboardDetails {
        border-radius: 0;
        padding: 20px;
    }
    .layer-dashboardDetails .panel-details {
        gap: 16px;
        margin-bottom: 16px;
    }
    .layer-dashboardDetails .panel-details>div {
        flex-direction: column;
        gap: 2px;
    }
    .layer-dashboardDetails dt,
    .layer-dashboardDetails .is-wide dt {
        color: rgba(36, 40, 43, 0.6);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        opacity: 1;
        width: auto;
    }
    .layer-dashboardDetails dd {
        line-height: normal;
    }
}


/* Personality on phones and tablets (below 992px): the same badge-beside-type layout */

@media (max-width: 991.98px) {
    /* Personality: badge beside "You are an / Explorer", then the description,
       leadership style, recommended for you, and you often bring.
       The Bootstrap row and the type column become part of this grid (display: contents). */
    /* Columns: (empty) | badge | type | spacer, so the badge and type sit together on the left;
       the description and lists span all four */
    .layer-dashboardPersonality {
        align-items: center;
        column-gap: 0;
        display: grid;
        grid-template-columns: 0 auto auto minmax(0, 1fr);
        padding: 28px 20px;
        row-gap: 0;
    }
    .layer-dashboardPersonality .panel-personalityBody,
    .layer-dashboardPersonality .panel-type {
        display: contents;
    }
    .layer-dashboardPersonality .img-badge {
        align-self: center;
        grid-column: 2;
        grid-row: 1 / span 2;
        /* The badge PNGs (275 x 299) have 16px (5.8%) of transparent space on the left: pull them in line */
        margin-left: -7.85px;
        margin-right: 24px;
        max-width: none;
        width: 135px;
    }
    .layer-dashboardPersonality .panel-eyebrow {
        align-self: end;
        font-size: 15.41px;
        grid-column: 3;
        grid-row: 1;
        margin: 0 0 2px;
    }
    .layer-dashboardPersonality h2 {
        align-self: start;
        font-size: 30.82px;
        grid-column: 3;
        grid-row: 2;
        line-height: normal;
        margin: 0;
    }
    .layer-dashboardPersonality .panel-type p:not(.panel-eyebrow) {
        grid-column: 1 / -1;
    }
    .layer-dashboardPersonality .panel-type h2+p:not(.panel-eyebrow) {
        margin-top: 28px;
    }
    .layer-dashboardPersonality .panel-style,
    .layer-dashboardPersonality .panel-recommended,
    .layer-dashboardPersonality .panel-strengths {
        grid-column: 1 / -1;
        margin: 32px 0 0;
        max-width: none;
        padding: 0;
        width: auto;
    }
    .layer-dashboardPersonality .panel-style {
        order: 1;
    }
    .layer-dashboardPersonality .panel-recommended {
        order: 2;
    }
    .layer-dashboardPersonality .panel-strengths {
        order: 3;
    }
    .layer-dashboardPersonality .panel-style h3 {
        margin-bottom: 12px;
    }
    .layer-dashboardPersonality .panel-recommended ul {
        max-width: none;
    }
}


/* Tablets (768px to 991px): the badge and type scaled up to fill the wider card */

@media (min-width: 768px) and (max-width: 991.98px) {
    .layer-dashboardPersonality {
        padding: 36px 32px;
    }
    .layer-dashboardPersonality .img-badge {
        margin-left: -12.8px;
        margin-right: 40px;
        width: 220px;
    }
    .layer-dashboardPersonality .panel-eyebrow {
        font-size: 22px;
        margin-bottom: 4px;
    }
    .layer-dashboardPersonality h2 {
        font-size: 48px;
    }
    .layer-dashboardPersonality .panel-type h2+p:not(.panel-eyebrow) {
        margin-top: 40px;
    }
}


/* ==========================================================================
   Home page: Speakers, static layout (.is-static, page/home.blade.php)
   Title and intro on the left, two event photos on the right (the carousel is commented out;
   its rules above are kept for when it returns). Positions from the 1440px frame.
   ========================================================================== */

.layer-homeSpeakers.is-static {
    padding: 56px 24px 64px;
}

.layer-homeSpeakers.is-static .panel-head {
    display: block;
    margin: 0;
    padding: 0;
}

.layer-homeSpeakers.is-static .panel-title h2 {
    text-transform: capitalize;
}

.layer-homeSpeakers.is-static .panel-intro {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    max-width: 353px;
}

.layer-homeSpeakers.is-static .panel-intro p {
    margin: 0 0 24px;
}

.layer-homeSpeakers.is-static .panel-intro p:last-child {
    margin-bottom: 0;
}


/* "View All" (to the Speakers page): 32px under the intro on phones, 40px on desktop */

.layer-homeSpeakers.is-static .btn-speakersAll {
    margin-top: 32px;
}


/* Photos: tall (345 x 517) on the left; two wide (431 x 288) stacked on the right, tops aligned */

.layer-homeSpeakers.is-static .panel-photos {
    align-items: start;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 345fr) minmax(0, 431fr);
    margin-top: 32px;
}

.layer-homeSpeakers.is-static .panel-photos img {
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.layer-homeSpeakers.is-static .panel-photos .is-tall {
    aspect-ratio: 345 / 517;
    grid-row: 1 / span 2;
}

.layer-homeSpeakers.is-static .panel-photos .is-wide {
    aspect-ratio: 431 / 288;
    grid-column: 2;
}


/* Desktop: text column 376px at 168px, photos from 585px to 57px off the right edge (1440px frame);
   22px between the columns, 17px between the two wide photos; the section runs 97px past the lower
   wide photo, under the top of the Behind-The-Scenes card */

@media (min-width: 992px) {
    .layer-homeSpeakers.is-static {
        align-items: start;
        column-gap: 41px;
        display: grid;
        grid-template-columns: minmax(0, 376px) minmax(0, 1fr);
        padding: 84px max(24px, calc((100% - 1440px) / 2 + 57px)) 97px max(24px, calc((100% - 1440px) / 2 + 168px));
    }
    .layer-homeSpeakers.is-static .panel-intro {
        margin-top: 40px;
    }
    .layer-homeSpeakers.is-static .btn-speakersAll {
        margin-top: 40px;
    }
    .layer-homeSpeakers.is-static .panel-photos {
        gap: 17px 22px;
        margin-top: 18px;
    }
}


/* Phones (below 768px), from the 390px frame: centred text, then the tall photo and a square crop
   of the stage photo side by side (bottoms aligned), and the third photo full width underneath */

@media (max-width: 767.98px) {
    .layer-homeSpeakers.is-static {
        padding: 48px 24px;
    }
    .layer-homeSpeakers.is-static .panel-head {
        text-align: center;
    }
    .layer-homeSpeakers.is-static .panel-title h2 {
        line-height: normal;
    }
    .layer-homeSpeakers.is-static .panel-intro {
        color: #ECEADA;
        font-size: 15px;
        line-height: 23px;
        margin: 12px auto 0;
        max-width: none;
    }
    .layer-homeSpeakers.is-static .panel-intro p {
        margin-bottom: 23px;
    }
    .layer-homeSpeakers.is-static .panel-intro p:last-child {
        margin-bottom: 0;
    }
    /* 328px wide at 390px (7px in from the text column on each side) */
    .layer-homeSpeakers.is-static .panel-photos {
        gap: 14px 10px;
        grid-template-columns: minmax(0, 160fr) minmax(0, 158fr);
        margin: 48px 7px 0;
    }
    .layer-homeSpeakers.is-static .panel-photos .is-tall {
        aspect-ratio: 160 / 240;
        grid-row: 1;
    }
    /* Stage photo: square-ish crop from the left of the picture, bottom aligned with the tall one */
    .layer-homeSpeakers.is-static .panel-photos .is-wide {
        align-self: end;
        aspect-ratio: 158 / 160;
        grid-column: 2;
        grid-row: 1;
        object-position: left center;
    }
    .layer-homeSpeakers.is-static .panel-photos .is-wide.is-below {
        align-self: auto;
        aspect-ratio: 327 / 218;
        grid-column: 1 / -1;
        grid-row: 2;
        object-position: center;
    }
}


/* ==========================================================================
   Home page: Hero on screens wider than 1440px
   The hero keeps the 1440px frame's proportions (768 / 1440) instead of staying 768px tall,
   so each photo panel keeps its shape and the photos aren't cropped (zoomed) further.
   Everything inside scales with it: values are the 1440px ones as a share of the width.
   ========================================================================== */

@media (min-width: 1441px) {
    .layer-homeHero {
        height: 53.333vw;
        /* 768px */
    }
    .layer-homeHero .panel-inner {
        max-width: 80.833vw;
        /* 1164px */
        padding: 23.958vw 1.667vw 0;
        /* 345px top, 24px sides */
    }
    .layer-homeHero .panel-details {
        gap: 0.556vw;
        /* 8px */
    }
    .layer-homeHero .panel-details p {
        font-size: 2.222vw;
        /* 32px */
        letter-spacing: 0.222vw;
        /* 3.2px */
    }
    .layer-homeHero .panel-wordmark img {
        width: 50.625vw;
        /* 729px */
    }
    .layer-homeHero .panel-pillars {
        height: 1.667vw;
        /* 24px */
    }
}


/* ==========================================================================
   Build / Think photo tiles on large phones and tablets (576px to 991px), home and Experiences
   The three tiles share the full column width instead of staying at their fixed desktop size.
   Each tile is a size container, and the photo crops are the desktop px values as cqw
   (a share of the tile width), so the framing is identical at any tile size.
   ========================================================================== */

@media (min-width: 576px) and (max-width: 991.98px) {
    .listing-tiles {
        gap: 16px;
        padding-left: 0;
        zoom: 1;
    }
    .listing-tiles .tile-experience {
        aspect-ratio: 158 / 200;
        container-type: inline-size;
        flex: 1 1 0;
        height: auto;
        min-width: 0;
        width: auto;
    }
    /* Home page (158 x 200 tiles: 1px = 0.6329cqw) */
    .layer-homeExperience .tile-experience.is-build1 .panel-art {
        height: 225.32cqw;
        left: 0.63cqw;
        top: -39.24cqw;
        width: 423.42cqw;
    }
    .layer-homeExperience .tile-experience.is-build1 .panel-turn {
        height: 423.42cqw;
        width: 225.32cqw;
    }
    .layer-homeExperience .tile-experience.is-build2 .panel-art,
    .layer-homeExperience .tile-experience.is-build3 .panel-art {
        height: 182.91cqw;
        top: -7.59cqw;
        width: 344.30cqw;
    }
    .layer-homeExperience .tile-experience.is-build2 .panel-art {
        left: -101.90cqw;
    }
    .layer-homeExperience .tile-experience.is-build3 .panel-art {
        left: -212.03cqw;
    }
    .layer-homeExperience .tile-experience.is-build2 .panel-turn,
    .layer-homeExperience .tile-experience.is-build3 .panel-turn {
        height: 344.30cqw;
        width: 182.91cqw;
    }
    .layer-homeExperience .tile-experience.is-think1 .panel-art,
    .layer-homeExperience .tile-experience.is-think2 .panel-art,
    .layer-homeExperience .tile-experience.is-think3 .panel-art {
        height: 212.66cqw;
        top: -41.77cqw;
    }
    .layer-homeExperience .tile-experience.is-think1 .panel-art {
        left: -2.53cqw;
        width: 261.39cqw;
    }
    .layer-homeExperience .tile-experience.is-think2 .panel-art {
        left: -4.43cqw;
        width: 153.80cqw;
    }
    .layer-homeExperience .tile-experience.is-think3 .panel-art {
        left: -68.99cqw;
        width: 214.56cqw;
    }
    .layer-homeExperience .tile-experience.is-think1 .panel-turn {
        height: 212.66cqw;
        width: 261.39cqw;
    }
    .layer-homeExperience .tile-experience.is-think2 .panel-turn {
        height: 212.66cqw;
        width: 153.80cqw;
    }
    .layer-homeExperience .tile-experience.is-think3 .panel-turn {
        height: 212.66cqw;
        width: 214.56cqw;
    }
    /* Experiences page (162 x 130 tiles: 1px = 0.6173cqw) */
    .layer-expTracks .listing-tiles .tile-experience {
        aspect-ratio: 162 / 130;
    }
    .layer-expTracks .tile-experience.is-build1 .panel-art {
        height: 179.63cqw;
        left: 17.90cqw;
        top: -25.93cqw;
        width: 338.27cqw;
    }
    .layer-expTracks .tile-experience.is-build1 .panel-turn {
        height: 338.27cqw;
        width: 179.63cqw;
    }
    .layer-expTracks .tile-experience.is-build2 .panel-art,
    .layer-expTracks .tile-experience.is-build3 .panel-art {
        height: 145.68cqw;
        top: -2.47cqw;
        width: 274.69cqw;
    }
    .layer-expTracks .tile-experience.is-build2 .panel-art {
        left: -93.21cqw;
    }
    .layer-expTracks .tile-experience.is-build3 .panel-art {
        left: -203.70cqw;
    }
    .layer-expTracks .tile-experience.is-build2 .panel-turn,
    .layer-expTracks .tile-experience.is-build3 .panel-turn {
        height: 274.69cqw;
        width: 145.68cqw;
    }
    .layer-expTracks .tile-experience.is-think1 .panel-art,
    .layer-expTracks .tile-experience.is-think2 .panel-art,
    .layer-expTracks .tile-experience.is-think3 .panel-art {
        height: 179.01cqw;
        top: -51.85cqw;
    }
    .layer-expTracks .tile-experience.is-think1 .panel-art {
        left: -10.49cqw;
        width: 220.37cqw;
    }
    .layer-expTracks .tile-experience.is-think2 .panel-art {
        left: -16.67cqw;
        width: 129.63cqw;
    }
    .layer-expTracks .tile-experience.is-think3 .panel-art {
        left: -72.22cqw;
        width: 180.25cqw;
    }
    .layer-expTracks .tile-experience.is-think1 .panel-turn {
        height: 179.01cqw;
        width: 220.37cqw;
    }
    .layer-expTracks .tile-experience.is-think2 .panel-turn {
        height: 179.01cqw;
        width: 129.63cqw;
    }
    .layer-expTracks .tile-experience.is-think3 .panel-turn {
        height: 179.01cqw;
        width: 180.25cqw;
    }
}


/* ==========================================================================
   Banner on screens wider than 1440px (.is-scaleWide: Experiences, FAQ, Speakers, Agenda)
   The banner keeps the 1440px frame's proportions (555 / 1440) instead of staying 555px tall,
   so the photo isn't cropped further. Everything inside scales with it (1440px values as vw).
   ========================================================================== */

@media (min-width: 1441px) {
    .layer-brandBanner.is-scaleWide {
        height: 38.542vw;
        /* 555px */
    }
    .layer-brandBanner.is-scaleWide .panel-inner {
        max-width: 80vw;
        /* 1152px */
        padding: 14.167vw 1.667vw 0;
        /* 204px top, 24px sides */
    }
    .layer-brandBanner.is-scaleWide .panel-title {
        font-size: 3.333vw;
        /* 48px */
        line-height: 4.167vw;
        /* 60px */
    }
    .layer-brandBanner.is-scaleWide .panel-band {
        width: 2.778vw;
        /* 40px */
    }
    .layer-brandBanner.is-scaleWide .panel-intro {
        font-size: 1.25vw;
        /* 18px */
        line-height: 1.667vw;
        /* 24px */
        margin-top: 4.236vw;
        /* 61px */
        max-width: 37.778vw;
        /* 544px */
    }
}


/* Behind-The-Scenes band (Experiences) on screens wider than 1440px: keeps the 1440px proportions
   (448 / 1440) so the photo isn't cropped further at the top; text and button keep their size */

@media (min-width: 1441px) {
    .layer-expTours {
        min-height: 31.111vw;
        /* 448px */
    }
    /* Content keeps its 1440px position (168px in from the left) */
    .layer-expTours .panel-inner {
        max-width: 80vw;
        /* 1152px */
        padding-left: 1.667vw;
        /* 24px */
        padding-right: 1.667vw;
        padding-top: 5.694vw;
        /* 82px */
    }
}


/* ==========================================================================
   Home page: Hero, desktop layout from the updated 1440px frame
   Wordmark first (its 182px heading box at 272px), date and venue 55px below it, and the YTL Group lockup
   at the top right (202px wide, 145px down, right edge 169px in at 1440).
   ========================================================================== */

@media (min-width: 992px) {
    .layer-homeHero .panel-inner {
        display: flex;
        flex-direction: column;
        padding-top: 272px;
    }
    .layer-homeHero .panel-wordmark {
        order: -1;
    }
    .layer-homeHero .panel-details {
        margin-top: 55px;
    }
    .layer-homeHero .img-heroLogo {
        display: block;
        height: auto;
        max-width: none;
        position: absolute;
        right: calc(50% - 550.6px);
        top: 145px;
        width: 201.6px;
        z-index: 1;
    }
}

@media (min-width: 1441px) {
    .layer-homeHero .panel-inner {
        padding-top: 18.889vw;
        /* 272px */
    }
    /* The heading box scales too (120px font, 182px box), so the gap below the wordmark keeps its proportion */
    .layer-homeHero .panel-wordmark {
        font-size: 8.333vw;
        /* 120px */
        letter-spacing: 0.833vw;
        /* 12px */
    }
    .layer-homeHero .panel-details {
        margin-top: 3.819vw;
        /* 55px */
    }
    .layer-homeHero .img-heroLogo {
        right: 11.764vw;
        /* 169.4px */
        top: 10.069vw;
        /* 145px */
        width: 14vw;
        /* 201.6px */
    }
}


/* ==========================================================================
   Home page: Hero on phones and tablets (below 992px), from the updated 390px frame
   Four horizontal photo strips with a colour bar down the left of each, the YTL Group lockup
   at the top left, then the wordmark, the date and the venue. Desktop is unchanged.
   ========================================================================== */

@media (max-width: 991.98px) {
    .layer-homeHero {
        height: 600px;
        min-height: 0;
    }
    .layer-homeHero .panel-bg {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .layer-homeHero .panel-bg picture {
        display: block;
        min-height: 0;
    }
    .layer-homeHero .panel-bg::after {
        background-color: rgba(0, 0, 0, 0.42);
    }
    .layer-homeHero .panel-pillars {
        bottom: 0;
        grid-template-columns: none;
        grid-template-rows: repeat(4, minmax(0, 1fr));
        height: auto;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 11px;
    }
    .layer-homeHero .img-heroLogo {
        display: block;
        height: auto;
        left: 33px;
        max-width: none;
        position: absolute;
        right: auto;
        top: 52px;
        width: 125px;
        z-index: 1;
    }
    .layer-homeHero .panel-inner {
        display: flex;
        flex-direction: column;
        margin: 0;
        max-width: none;
        padding: 221px 24px 0 33px;
    }
    .layer-homeHero .panel-wordmark {
        font-size: 48px;
        letter-spacing: 0;
        margin: 0;
        order: -1;
    }
    .layer-homeHero .panel-wordmark img {
        width: 340px;
    }
    .layer-homeHero .panel-details {
        align-items: flex-start;
        flex-direction: column;
        gap: 27px;
        margin-top: 30px;
    }
    .layer-homeHero .panel-details p {
        font-size: 18px;
        letter-spacing: 1.8px;
    }
    .layer-homeHero .panel-venue {
        line-height: 26px;
        text-align: left;
    }
}


/* Tablets: four 4:1 strips (25vw each, the hero is as tall as it is wide) using the wider
   img-home-hero-t-* crops, so the photos aren't zoomed in. Logo in the first strip,
   wordmark centred in the second, date and venue in the third. */

@media (min-width: 768px) and (max-width: 991.98px) {
    .layer-homeHero {
        height: 100vw;
    }
    .layer-homeHero .img-heroLogo {
        left: 48px;
        top: 8.75vw;
        width: 160px;
    }
    .layer-homeHero .panel-inner {
        padding: calc(37.5vw - 36px) 48px 0;
    }
    .layer-homeHero .panel-wordmark img {
        width: 420px;
    }
    .layer-homeHero .panel-details {
        margin-top: calc(12.5vw - 4px);
    }
    .layer-homeHero .panel-details p {
        font-size: 22px;
        letter-spacing: 2.2px;
    }
    .layer-homeHero .panel-venue {
        line-height: 30px;
    }
}


/* Home on phones and tablets: the header is a solid bar above the hero instead of sitting over it
   (still pinned to the top when scrolling). Other pages keep the overlaid header. */

@media (max-width: 991.98px) {
    body.page-brandSite.is-headerOverlay:has(.layer-homeHero) .layer-brandSiteHeader {
        background-color: #24282B;
        position: sticky;
    }
}


/* Speakers (home) on phones and tablets: title and intro use the full content width */

@media (max-width: 991.98px) {
    .layer-homeSpeakers.is-static .panel-head,
    .layer-homeSpeakers.is-static .panel-intro {
        max-width: none;
        width: 100%;
    }
}


/* Home Build / Think tiles as pre-cropped photos (img-tile-home-*, 316 x 400): the image fills the tile
   at every size (the per-tile crop rules above only apply to the Experiences page now) */

.tile-experience.is-photo img {
    height: 100%;
    inset: 0;
    object-fit: cover;
    width: 100%;
}