body {
        overflow: visible;
        background: var(--agency-body-background);
        background-size: cover;
        background-attachment: fixed;
        font-family: "Inter", "Roboto", "Helvetica", "Arial", sans-serif;
    }

    #preloader {
        display: none !important;
    }

    .agency-profile-wrap {
        max-width: 1100px;
        margin: 40px auto 0;
    }

    .agency-logo {
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

    .agency-logo img {
        max-width: 220px;
        max-height: 130px;
        width: auto;
        height: auto;
    }

    .agency-panel {
        margin: 0;
        overflow: hidden;
        border-radius: 14px;
        background: #fff;
        border: 2px solid var(--agency-secondary-color);
        box-shadow: 0 18px 60px rgba(15, 23, 42, 0.16);
        padding: 0 !important;
    }

    .agency-cover {
        min-height: 280px;
        display: flex;
        align-items: flex-end;
        background: var(--agency-cover-background);
        background-size: cover;
        position: relative;
    }

    .agency-cover::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--agency-cover-overlay);
    }

    .agency-artist-heading {
        position: relative;
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        box-sizing: border-box;
        padding: 40px;
        color: #fff;
    }

    .agency-artist-photo {
        border: 1px solid #e0e0e0;
        box-sizing: border-box;
        flex: 0 0 136px;
        width: 136px;
        height: 136px;
        border-radius: 8px;
        overflow: hidden;
        background: #eef1f5;
    }

    .agency-artist-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
    .agency-artist-tag { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; padding: 5px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(0,0,0,.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #f2f4f5; font-size: 12px; font-weight: 400; line-height: 1.3; overflow-wrap: anywhere; }
    .agency-artist-tag::before { content: ''; flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #a6cbb2; }
    .agency-artist-tag--genres::before { background: #9dc9ea; }
    .agency-artist-tag--languages::before { background: #e8cf83; }

    .agency-artist-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .agency-artist-title h1 {
        margin: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0;
    }

    .agency-artist-title p {
        margin: 8px 0 0;
        font-size: 16px;
        color: #fff;
    }

    .agency-content {
        padding: 30px 40px 40px;
        background: #fff;
    }

    .agency-back {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        position: absolute;
        z-index: 1;
        top: 16px;
        left: 28px;
        padding: 10px 14px;
        border-radius: 6px;
        background: rgba(0, 0, 0, .55);
        color: #fff;
        font-weight: 500;
        text-decoration: none;
    }

    .agency-back:hover,
    .agency-back:focus {
        background: #fff;
        color: #111;
        text-decoration: none;
    }

    .agency-biography-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
    .agency-section .agency-biography-heading h2 { margin: 0; }
    .agency-biography-pdf { display: inline-block; padding: 3px 8px; border: 1px solid currentColor; border-radius: 4px; font-size: 12px; font-weight: 600; line-height: 1.4; color: var(--agency-primary-color); text-decoration: none; }
    .agency-biography-pdf:hover, .agency-biography-pdf:focus-visible { background: color-mix(in srgb, var(--agency-primary-color) 8%, white); }

    .agency-section {
        margin-bottom: 32px;
    }

    .agency-section h2,
    .agency-booking-form > h2 {
        margin: 0 0 8px;
        color: #1c2634;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: 0;
    }

    .agency-bio {
        font-size: 16px;
        line-height: 1.7;
        color: #212121;
    }

    .agency-bio p + p { margin-top: 16px; }

    .agency-profile-links {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .agency-profile-links a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 8px 16px;
        border: 1px solid var(--agency-primary-color);
        border-radius: 4px;
        background: #fff;
        color: var(--agency-primary-color);
        font-weight: 500;
        text-decoration: none;
    }

    .agency-profile-links a:hover,
    .agency-profile-links a:focus {
        background: color-mix(in srgb, var(--agency-primary-color) 8%, white);
        color: var(--agency-primary-color);
        text-decoration: none;
    }

    .agency-profile-links--blog {
        display: grid;
    }

    .agency-profile-links--blog a {
        justify-content: space-between;
    }

    .agency-contact-card {
        display: grid;
        gap: 16px;
        max-width: 820px;
        padding: 20px;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.64);
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
    }

    .agency-contact-section {
        margin-bottom: 0;
    }

    .agency-contact-row {
        display: grid;
        grid-template-columns: 140px minmax(0, 1fr);
        gap: 18px;
        align-items: baseline;
    }

    .agency-contact-label {
        color: #667085;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .agency-contact-value {
        min-width: 0;
        color: #111827;
        font-size: 16px;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    .agency-contact-value a {
        color: var(--agency-primary-color);
        text-decoration: none;
    }

    .agency-contact-value a:hover,
    .agency-contact-value a:focus {
        color: var(--agency-primary-color);
        text-decoration: underline;
    }

    .agency-agenda-list {
        display: grid;
        gap: 14px;
    }

    .agency-agenda-row {
        display: grid;
        grid-template-columns: 86px minmax(0, 1.2fr) minmax(160px, 1fr) auto;
        gap: 18px;
        align-items: center;
        padding: 18px 20px;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.64);
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
        color: #344054;
    }

    .agency-agenda-row--empty {
        grid-template-columns: 1fr;
    }

    .agency-agenda-date {
        font-weight: 800;
        color: #111827;
        text-transform: uppercase;
    }

    .agency-agenda-title {
        min-width: 0;
        font-weight: 800;
        color: #111827;
    }

    .agency-agenda-location {
        display: flex;
        gap: 8px;
        align-items: center;
        min-width: 0;
    }

    .agency-agenda-location img {
        flex: 0 0 auto;
    }

    .agency-agenda-location span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .agency-agenda-actions {
        display: inline-flex;
        gap: 12px;
        justify-content: flex-end;
    }

    .agency-agenda-actions a {
        color: var(--agency-primary-color);
        text-decoration: none;
    }

    .agency-empty {
        color: #667085;
    }

    .agency-booking-form {
        margin-bottom: 32px;
    }

    .agency-booking-form > h2 {
        margin-bottom: 16px;
    }

    .agency-booking-form-box {
        padding: 0;
    }

    .agency-booking-form .whites {
        background: transparent;
    }

    .agency-booking-form .interior {
        padding: 0;
    }

    .agency-booking-form table,
    .agency-booking-form .element-full {
        width: 100%;
    }

    .agency-booking-form .btn-primary,
    .agency-booking-form .btn-orange.btn-generalize {
        background: var(--agency-primary-color);
        border-color: var(--agency-primary-color);
    }

    .agency-booking-form .btn-primary:hover,
    .agency-booking-form .btn-primary:focus,
    .agency-booking-form .btn-orange.btn-generalize:hover,
    .agency-booking-form .btn-orange.btn-generalize:focus {
        background: var(--agency-primary-color);
        border-color: var(--agency-primary-color);
        filter: brightness(0.95);
    }

    .agency-booking-form .larger-material-label .mdc-form-field {
        align-items: center;
        display: inline-flex;
    }

    .agency-booking-form .larger-material-label .mdc-form-field > label {
        font-weight: 400;
        margin: 0;
    }

    .datepicker,
    .bootstrap-timepicker-widget {
        z-index: 9999 !important;
    }

    .bootstrap-timepicker-widget table td.separator {
        display: table-cell;
        width: auto;
        height: auto;
        margin: 0;
        background: transparent;
        color: inherit;
    }

    .bootstrap-timepicker-widget table td a {
        background: transparent;
    }

    @media (max-width: 768px) {
        .agency-profile-wrap {
            margin: 16px 16px 0;
        }

        .agency-logo {
            margin-bottom: 24px;
        }

        .agency-cover {
            min-height: 240px;
        }

        .agency-artist-heading {
            gap: 16px;
            padding: 24px;
        }

        .agency-artist-photo {
            flex-basis: 72px;
            width: 72px;
            height: 72px;
        }

        .agency-artist-title {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .agency-content {
            padding: 24px;
        }

        .agency-back {
            left: 16px;
        }

        .agency-agenda-row {
            grid-template-columns: 72px minmax(0, 1fr);
            gap: 8px 14px;
            padding: 16px;
        }

        .agency-agenda-row--empty {
            grid-template-columns: 1fr;
        }

        .agency-contact-row {
            grid-template-columns: 1fr;
            gap: 4px;
        }

        .agency-agenda-location,
        .agency-agenda-actions {
            grid-column: 2;
        }

        .agency-agenda-location span {
            white-space: normal;
        }
    }