/* KBHSH Page Styles */
/* Fonts: Montserrat (sans-serif) and Playfair Display (serif) */
/* Colors: #B3B3B3, #000, #C69F5A, #0F172A, #FFF, #525252, #838383, #888 */
/* Apple/Mac Date Input Left Alignment - Matching mobile-book-input pattern */
@supports (-webkit-touch-callout: none) {
    input[type="date"].form-input { position: relative !important; -webkit-appearance: none !important; appearance: none !important; text-align: left !important; text-indent: 0 !important; padding: 5px 10px !important; padding-left: 20px !important; padding-right: 50px !important; padding-top: 20px !important; padding-bottom: 20px !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; }
    input[type="date"].form-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 20px !important; height: 20px !important; position: absolute !important; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;}
    input[type="date"].form-input::-webkit-datetime-edit { text-align: left !important; padding: 0 !important; margin: 0 !important; }
    input[type="date"].form-input::-webkit-datetime-edit-fields-wrapper { text-align: left !important; padding: 0 !important; margin: 0 !important; }
    input[type="date"].form-input::-webkit-datetime-edit-text { text-align: left !important; padding: 0 2px !important; color: #000000 !important; }
    input[type="date"].form-input::-webkit-datetime-edit-month-field,
    input[type="date"].form-input::-webkit-datetime-edit-day-field,
    input[type="date"].form-input::-webkit-datetime-edit-year-field { text-align: left !important; padding: 0 !important; margin: 0 !important; color: #000000 !important;}
}
/* Additional Mac Safari Fix - Only for Safari browsers */
@supports (-webkit-touch-callout: none) {
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        @supports (-webkit-appearance: none) and (not (appearance: none)) {
            input[type="date"].form-input { padding: 5px 10px !important; padding-left: 20px !important; padding-right: 50px !important; -webkit-padding-start: 20px !important; -webkit-padding-end: 50px !important; text-align: left !important; }
            input[type="date"].form-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
            input[type="date"].form-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        }
    }
}

/* Book Form Date Field - Default placeholder color (gray) when empty */
.book-form input[type="date"].form-input:invalid::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input:invalid::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
.book-form input[type="date"].form-input:not([value])::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input:not([value])::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
.book-form input[type="date"].form-input[value=""]::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input[value=""]::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input[value=""]::-webkit-datetime-edit-year-field { color: #999 !important; }
/* Book Form Date Field - Gray color when no-date-value class is present */
.book-form input[type="date"].form-input.no-date-value::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input.no-date-value::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input.no-date-value::-webkit-datetime-edit-year-field { color: #999 !important; }
/* Book Form Date Field - White color when value is selected or has-date-value class */
.book-form input[type="date"].form-input:not(:invalid):not([value=""]):not([value])::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input:not(:invalid):not([value=""]):not([value])::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input:not(:invalid):not([value=""]):not([value])::-webkit-datetime-edit-year-field { color: #000000 !important; }
.book-form input[type="date"].form-input[value]:not([value=""])::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input[value]:not([value=""])::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input[value]:not([value=""])::-webkit-datetime-edit-year-field { color: #000000 !important; }
.book-form input[type="date"].form-input.has-date-value::-webkit-datetime-edit-month-field,
.book-form input[type="date"].form-input.has-date-value::-webkit-datetime-edit-day-field,
.book-form input[type="date"].form-input.has-date-value::-webkit-datetime-edit-year-field { color: #000000 !important; }
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-year-field { color: #999 !important; }
.kbhsh-book-form input[type="date"].kbhsh-book-input.has-date-value::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.has-date-value::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.has-date-value::-webkit-datetime-edit-year-field { color: #000000 !important; }



.kbhsh-page { font-family:'Montserrat', sans-serif; color:#000; background:#FFFFFF; width:100%; max-width:100%; overflow-x:hidden; margin:0; padding:0; }
#main.kbhsh-page { width:100%; max-width:100%; margin:0; padding:0; }
.kbhsh-page * { box-sizing:border-box; }
/* Desktop (default) - Show desktop thumbnail only */
.kbhsh-video-wrapper-desktop { display:block !important; }
.kbhsh-video-wrapper-tablet-mobile { display:none !important; }
.kbhsh-play-button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:3; transition:transform 0.3s ease, opacity 0.3s ease; cursor:pointer; }
.kbhsh-play-button:hover { transform:translate(-50%, -50%) scale(1.1); }
.kbhsh-play-button svg { width:5rem; height:5rem; filter:drop-shadow(0 0.25rem 0.5rem rgba(0, 0, 0, 0.3)); }
.kbhsh-video-desktop { width:100%; height:100%; object-fit:cover; display:none; position:relative; margin:0; padding:0; border-radius:0.75rem; background:#000; z-index:1; }
.kbhsh-video-desktop.playing { display:block; }
.kbhsh-video-wrapper-desktop .kbhsh-video-desktop { display:block; }
/* Tablet/Mobile - Show video directly without thumbnail */
.kbhsh-video-tablet-mobile { width:100%; height:100%; object-fit:cover; display:block !important; position:relative; margin:0; padding:0; border-radius:0.75rem; background:#000; z-index:1; }
.kbhsh-hero-section { background:#FFFFFF; padding:0; width:100%; }
.kbhsh-hero-container { max-width:100%; margin:0; }
.kbhsh-here-row-contain {padding:3rem 4rem;}
.kbhsh-hero-left { text-align:left; background:#FFFFFF; }
.kbhsh-hero-right { display:flex; align-items:stretch; justify-content:center; }
.kbhsh-hero-subtitle { font-family:'Montserrat', sans-serif; font-size:0.75rem; color:#B3B3B3; text-transform:uppercase; letter-spacing:0.0625rem; margin-bottom:1rem; text-align:left; }
.kbhsh-hero-title-main { font-family:'Playfair Display', serif; font-size:2.5rem; font-weight:700; line-height:1.2; text-align:left; }
.kbhsh-hero-title-main-italic { font-family:'Playfair Display', serif; font-size:2.5rem; line-height:1.2; text-align:left; }
.kbhsh-hero-title-main { color:#000; margin-bottom:0.5rem; }
.kbhsh-hero-title-main-italic { font-style:italic; color:#C69F5A; }
.kbhsh-hero-title-line { width:5rem; height:0.125rem; background:#C69F5A; margin:0.5rem 0 1rem 0; }
.kbhsh-hero-with { font-family:'Playfair Display', serif; font-size:1.5rem; font-style:italic; color:#000; font-weight:600; margin-top:1rem; text-align:left; }
.kbhsh-hero-name { font-family:'Playfair Display', serif; font-size:2.5rem; font-style:italic; color:#C69F5A; text-align:left; }
.kbhsh-hero-tagline { font-family:'Playfair Display', serif; font-size:1rem; font-weight:600; font-style:italic; color:#000; margin-top:1rem; text-align:left; }
.kbhsh-video-wrapper { position:relative; width:100%; max-width:100%; height:100%; overflow:hidden; border-radius:0.75rem; }
@media (max-width: 1024px) {
    .kbhsh-video-wrapper-tablet-mobile { min-height:400px; }
}
@media (max-width: 768px) {
    .kbhsh-video-wrapper-tablet-mobile { min-height:350px; }
    .input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 12px 15px !important; min-height: 48px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
        /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input { -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 12px 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 15px !important; padding-right: 40px !important; min-height: 48px !important; height: 48px !important; line-height: 24px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 15px !important; padding-right: 45px !important; padding-top: 12px !important; padding-bottom: 12px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 18px !important; height: 18px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;  }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}
@media (max-width: 480px) {
    .kbhsh-video-wrapper-tablet-mobile { min-height:300px; }
}
.kbhsh-video-thumbnail { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer; }
.kbhsh-video-thumbnail img { width:100%; height:100%; display:block; object-fit:cover; }
.kbhsh-video-thumbnail.hidden { display:none !important; }
.kbhsh-about-artist-section { background:#FFFFFF; padding:3rem 6rem; width:100%; position:relative; }
.kbhsh-about-artist-container { display:flex; align-items:flex-start; gap:4rem; max-width:140rem; margin:0 auto; }
.kbhsh-about-artist-left { flex:1; }
.kbhsh-about-artist-right { flex:1; }
.kbhsh-about-section { background:#FFFFFF; padding:0; }
.kbhsh-about-header { background:#0F172A; padding:1rem 6rem; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:2.5rem; }
.kbhsh-about-director, .kbhsh-about-writer { min-width:12.5rem; position:relative; }
.kbhsh-about-divider { width:0.0625rem; height:3.75rem; background:rgba(255, 255, 255, 0.3); flex-shrink:0; }
.kbhsh-about-label { font-family:'Montserrat', sans-serif; color:#B3B3B3; text-transform:uppercase; margin-bottom:0.625rem; font-weight:600; }
.kbhsh-about-name { font-family:'Playfair Display', serif; font-size:1.75rem; color:#FFFFFF; font-weight:600; }
.kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size:3rem; }
.kbhsh-artist-name, .kbhsh-corporate-ideal-title{font-size: 2.5rem;}
.kbhsh-about-title { font-family:'Playfair Display', serif; font-weight:700; color:#000; margin-bottom:0.625rem; }
.kbhsh-about-subtitle { font-family:'Playfair Display', serif; font-size:2rem; font-style:italic; color:#C69F5A; margin-bottom:1.875rem; font-weight:600; }
.kbhsh-about-text, .kbhsh-about-text-italic { font-family:'Montserrat', sans-serif; font-size:1.2rem; color:#000; margin-bottom:1.25rem; }
.kbhsh-about-text { line-height:1.8; }
.kbhsh-about-text-italic { font-style:italic; font-weight:700; line-height:1.8; }
.kbhsh-play-info-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:0; position:relative; width:100%; box-sizing:border-box; }
.kbhsh-play-info-item { display:flex; flex-direction:column; padding-bottom:1rem;  border-left: 0.25rem solid #C69F5A; padding: 10px; background: #f5f5f5; margin: 5px;}
.kbhsh-play-info-item:nth-child(2), .kbhsh-play-info-item:nth-child(4) { padding-bottom:0; }
.kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size:0.8rem; }
.kbhsh-testimonial-author{font-size:0.7rem}
.kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-family:'Montserrat', sans-serif; color:#B3B3B3; text-transform:uppercase; font-weight:600; }
.kbhsh-play-info-label { margin-bottom:0.5rem; }
.kbhsh-artist-label, .kbhsh-journey-label { margin-bottom:0.625rem; }
.kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-testimonial-text, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size:1.1rem; }
.kbhsh-play-info-value { font-family:'Montserrat', sans-serif; font-weight:700; color:#000; }
.kbhsh-about-artist-section::after { content:''; position:absolute; bottom:0; left:0; right:0; height:0.5rem; background:#0F172A; }
.kbhsh-artist-name { font-family:'Playfair Display', serif; font-weight:700; color:#000; margin-bottom:1rem; }
.kbhsh-artist-roles { font-family:'Montserrat', sans-serif; font-size:1rem; color:#C69F5A; text-transform:uppercase; letter-spacing:0.125rem; font-weight:600; }
.kbhsh-artist-roles-line { font-family:'Montserrat', sans-serif; font-size:1rem; color:#B3B3B3; font-weight:600; letter-spacing:normal; }
.kbhsh-artist-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem; padding:0.9rem 0;  }

/* Hide artist roles underline line on tablet & mobile; show on desktop only */
@media (max-width: 1024px) {
    .kbhsh-artist-roles-line {
        display: none !important;
    }
}
.kbhsh-artist-stat-number { font-family:'Playfair Display', serif; font-size:3.2rem; font-weight:600; color:#000; margin-bottom:0.625rem; }
.kbhsh-plus { color:#C69F5A; position:relative; top:-18px; left:-15px; font-weight:900 !important; font-size:3rem; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#C69F5A; }
.kbhsh-plus-proven { color:#C69F5A; position:relative; top:-15px; left:0px; font-weight:900 !important; font-size:3rem; -webkit-text-stroke-width:1px; -webkit-text-stroke-color:#C69F5A; }
.kbhsh-artist-stat-label { font-family:'Montserrat', sans-serif; font-size:0.8rem; color:#B3B3B3; text-transform:uppercase; font-weight:600; }
.kbhsh-artist-achievements { margin-top:1rem; }
.kbhsh-artist-honours { display:flex; align-items:flex-start; gap:1.875rem; margin-bottom:1rem; }
.kbhsh-artist-honours:last-child { margin-bottom:0; }
.kbhsh-artist-honours-icon { width:3.75rem; height:3.75rem; flex-shrink:0; }
.kbhsh-artist-honours-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-artist-honours-content { flex:1; }
.kbhsh-artist-honours-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; }
.kbhsh-artist-honours-text { font-family:'Montserrat', sans-serif; font-size:1.2rem; color:#838383; line-height:1.8; }
.kbhsh-features-section { background:#FFFFFF; padding:2rem 1.25rem; max-width:75rem; margin:0 auto; position:relative; }
.kbhsh-features-section::before { content:''; position:absolute; top:0; left:0; right:0; height:0.25rem; background:#0F172A; }
.kbhsh-feature-item { display:flex; align-items:flex-start; gap:1.875rem; margin-bottom:3.75rem; }
.kbhsh-feature-icon { width:5rem; height:5rem; flex-shrink:0; }
.kbhsh-feature-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-feature-content { flex:1; }
.kbhsh-feature-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin-bottom:0.9375rem; }
.kbhsh-feature-text { font-family:'Montserrat', sans-serif; font-size:1rem; color:#838383; line-height:1.8; }
.kbhsh-journey-section { background:#FFFFFF; padding:2rem 6rem; width:100%; margin:0 auto; position:relative; }
.kbhsh-journey-section::before { content:''; position:absolute; top:0; left:0; right:0; height:0.0625rem; background:#E5E5E5; }
.kbhsh-journey-header { margin-bottom:3.75rem; }
.kbhsh-journey-label { font-family:'Montserrat', sans-serif; font-size:1rem; color:#B3B3B3; text-transform:uppercase; margin-bottom:0.625rem; font-weight:600; }
.kbhsh-journey-title { font-family:'Playfair Display', serif; font-size:3.5rem; font-weight:700; color:#000; margin-bottom:0.625rem; }
.kbhsh-journey-subtitle { font-family:'Playfair Display', serif; font-size:2rem; font-style:italic; color:#515151;; font-weight:600; }
/* Desktop - Horizontal Timeline */
@media (min-width: 1025px) {
    .kbhsh-journey-timeline { flex-direction: row; justify-content: space-between; align-items: flex-start; }
    .kbhsh-journey-timeline-line { left: 0; right: 0; top: 0.5625rem; width: auto; height: 0.125rem; }
    .kbhsh-journey-timeline-item { flex: 1; max-width: 20%; padding: 2rem 2rem 0 0; }
}

/* Tablet and Mobile - Vertical Timeline */
@media (max-width: 1024px) {
    .kbhsh-journey-timeline {
        flex-direction: column !important;
    }
}

/* Base styles (desktop default) */
.kbhsh-journey-timeline { position:relative; margin-top:2.5rem; margin-bottom: 2.5rem; display:flex; justify-content:space-between; align-items:flex-start; flex-direction: row; }
.kbhsh-journey-timeline-line { position:absolute; left:0; right:0; top:0.5625rem; height:0.125rem; background:#C69F5A; z-index:1; }
.kbhsh-journey-timeline-item { position:relative; flex:1; max-width:20%; padding:2rem 2rem 0 0; z-index:2; }
.kbhsh-journey-timeline-dot { position:absolute; left:0; top:0; transform:translateX(-50%); width:1.125rem; height:1.125rem; border-radius:50%; background:#000; box-shadow:0 0 0 0.125rem #C69F5A; z-index:3; }
.kbhsh-journey-timeline-dot::after { content:''; position:absolute; top:50%; left:50%; width:0.375rem; height:0.375rem; border-radius:50%; background:#C69F5A; transform:translate(-50%, -50%); }
.kbhsh-journey-timeline-dot.black { background:#000; box-shadow:0 0 0 0.125rem #C69F5A; }
.kbhsh-journey-timeline-label, .kbhsh-journey-timeline-subtitle, .kbhsh-journey-timeline-text { text-align:left; }
.kbhsh-journey-timeline-label { font-family:'Montserrat', sans-serif; font-size:0.875rem; color:#B3B3B3; text-transform:uppercase; margin-bottom:0.5rem; font-weight:600; }
.kbhsh-journey-timeline-subtitle { font-family:'Playfair Display', sans-serif; font-size:1.5rem; font-weight:700; color:#C69F5A; margin-bottom:0.5rem; }
.kbhsh-journey-timeline-text { font-family:'Montserrat', sans-serif; font-size:1rem; color:#525252; line-height:1.8; }
.kbhsh-track-record-section { background:#FFFFFF; padding:3rem 6rem; width:100%; margin:0 auto; position:relative; }
.kbhsh-track-record-title { font-family:'Playfair Display', serif; font-size:3.25rem; font-weight:700; color:#000; }
.kbhsh-track-record-underline { width:5.5rem; height:0.1875rem; background:#C69F5A; margin: 0.5rem 0rem;}
.kbhsh-track-record-intro { font-family:'Montserrat', sans-serif; font-size:1rem; color:#838383; line-height:1.8; margin-bottom:1rem; max-width:46rem; }
.kbhsh-track-record-row { display:flex; justify-content:space-between; align-items:flex-start; gap:4rem; flex-wrap:nowrap; }
.kbhsh-track-record-item { display:flex; align-items:flex-start; gap:1.5rem; flex:0 0 45%; max-width:45%; }
.kbhsh-hero-with, .kbhsh-title-banner-text, .kbhsh-track-record-number, .kbhsh-rating-number { font-size:3.5rem; }
.kbhsh-track-record-number { font-family:'Playfair Display', serif; font-size:3.5rem; font-weight:700; color:#C69F5A; line-height:1; text-align:left; display:inline-flex; }
.kbhsh-track-record-label { font-family:'Montserrat', sans-serif; font-size:0.9rem; font-weight:700; letter-spacing:0.08em; color:#000; text-transform:uppercase; margin-bottom:0.5rem; line-height:1; }
.kbhsh-track-record-label-inline { margin-bottom:0; }
.kbhsh-track-record-text { font-family:'Montserrat', sans-serif; font-size:1rem; color:#838383; line-height:1.7; }
.kbhsh-unique-section { background:#FFFFFF; padding:3rem 6rem 3.5rem; width:100%; margin:0 auto; position:relative; }
.kbhsh-unique-section::before { content:''; position:absolute; top:0; left:0; right:0; height:0.0625rem; background:#E5E5E5; }
/* subtle left divider to match reference */
.kbhsh-unique-section::after { content:''; position:absolute; top:3rem; bottom:0; left:6rem; width:0.0625rem; background:#E5E5E5; }
.kbhsh-unique-title { font-family:'Playfair Display', serif; font-size:2.75rem; font-weight:700; color:#000; }
.kbhsh-unique-title-italic { font-family:'Playfair Display', serif; font-size:3rem; font-weight:700; font-style:italic; color:#C69F5A; }
.kbhsh-unique-underline { width:5.5rem; height:0.1875rem; background:#C69F5A; margin: 0.5rem 0rem; }
.kbhsh-unique-intro { font-family:'Montserrat', sans-serif; font-size:1rem; color:#000; line-height:1.8; margin-bottom:1.4rem; }
.kbhsh-unique-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:1rem; row-gap:1.5rem; }
.kbhsh-unique-item { display:flex; align-items:flex-start; gap:1.875rem; }
.kbhsh-unique-icon { width:4rem; height:4rem; flex-shrink:0; }
.kbhsh-unique-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-unique-content { flex:1; }
.kbhsh-unique-item-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin-bottom:0.9375rem; }
.kbhsh-unique-item-text { font-family:'Montserrat', sans-serif; font-size:1.2rem; color:#838383; line-height:1.8; }
.kbhsh-recognition-section { background:#FFFFFF; padding:3rem 6rem 3.5rem; width:100%; margin:0 auto; }
.kbhsh-recognition-title { font-family:'Playfair Display', serif; font-size:3rem; font-weight:700; color:#000; margin-bottom:0.625rem; }
.kbhsh-recognition-title-light { font-family:'Playfair Display', serif; font-weight:700; font-style:italic; color:#838383; }
.kbhsh-recognition-underline { width:5.5rem; height:0.1875rem; background:#C69F5A; margin-bottom:1.75rem; }
.kbhsh-recognition-text { font-family:'Montserrat', sans-serif; font-size:1.05rem; color:#000; line-height:1.8; margin-bottom:3rem; }
.kbhsh-testimonial-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.5rem; align-items:stretch; grid-auto-rows:1fr; }
.kbhsh-testimonial { background:#F5F5F5; padding:1rem 1rem; position:relative; border-left:0.25rem solid #C69F5A; display:flex; align-items:flex-start; gap:1rem; height:100%; }
.kbhsh-testimonial-quote { flex-shrink:0; width:2.25rem; height:2.25rem; display:flex; align-items:flex-start; position:relative; top:-10px; }
.kbhsh-testimonial-quote img { width:100%; height:auto; object-fit:contain; }
.kbhsh-testimonial-content { flex:1; }
.kbhsh-testimonial-text { font-family:'Playfair Display', serif; font-weight:700; font-style:italic; color:#000; margin-bottom:1.25rem; line-height:1.6; font-size:1.2rem; }
.kbhsh-testimonial-author { font-family:'Montserrat', sans-serif; font-size:0.7rem; color:#838383; text-transform:uppercase; font-weight:600; }
.kbhsh-corporate-section { background:#FFFFFF; padding:2rem 6rem; width:100%; margin:0 auto; position:relative; }
.kbhsh-corporate-label { font-family:'Montserrat', sans-serif; font-size:1rem; color:#B3B3B3; text-transform:uppercase; margin-bottom:0.625rem; font-weight:600; }
.kbhsh-corporate-title { font-family:'Playfair Display', serif; font-size:3.5rem; font-weight:700; color:#000; margin-bottom:0.625rem; }
.kbhsh-corporate-subtitle { font-family:'Montserrat', sans-serif; color:#000; margin-bottom:1.75rem; }
.kbhsh-corporate-outcomes { background:#F5F5F5; padding:1rem 1rem; border-left:0.25rem solid #C69F5A; margin-bottom:3.75rem; border-radius:1rem 0rem 0rem 1rem; }
.kbhsh-corporate-outcomes-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin-bottom:1.5rem; }
.kbhsh-corporate-outcomes-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:2.5rem; }
.kbhsh-corporate-outcome-item { display:flex; align-items:flex-start; gap:1.25rem; }
.kbhsh-corporate-outcome-icon { width:3.75rem; height:3.75rem; flex-shrink:0; }
.kbhsh-corporate-outcome-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-corporate-outcome-content { flex:1; }
.kbhsh-corporate-outcome-title { font-family:'Montserrat', sans-serif; font-size:1.35rem; font-weight:700; color:#000; text-transform:uppercase; margin-bottom:0.625rem; }
.kbhsh-corporate-outcome-text { font-family:'Montserrat', sans-serif; font-size:1.2rem; color:#000; line-height:1.8; }
.kbhsh-corporate-ideal { margin-top:1rem; }
.kbhsh-corporate-ideal-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin-bottom:2.5rem; }
/* Desktop default: 4 equal columns */
.kbhsh-corporate-ideal-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:1.25rem; }
.kbhsh-corporate-ideal-item { background:#FFFFFF; border: 0.1rem solid #C69F5A; border-radius: 8px; padding:0.375rem; display:flex; align-items:center; gap:1.25rem; transition:all 0.3s ease; }
.kbhsh-corporate-ideal-item:hover { box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); }
.kbhsh-corporate-ideal-icon { width:3.125rem; height:3.125rem; flex-shrink:0; }
.kbhsh-corporate-ideal-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-corporate-ideal-text { font-family:'Montserrat', sans-serif; font-size:1.4rem; font-weight:600; color:#000; }
.kbhsh-legacy-section { background:#FFFFFF; padding:2rem 6rem; width:100%; margin:0 auto; }
.kbhsh-legacy-item { display:flex; align-items:flex-start; gap:1.875rem; margin-bottom:2.75rem; }
.kbhsh-legacy-icon { width:4rem; height:4rem; flex-shrink:0; }
.kbhsh-legacy-icon img { width:100%; height:100%; object-fit:contain; }
.kbhsh-legacy-content { flex:1; }
.kbhsh-legacy-label { font-family:'Montserrat', sans-serif; font-size:1rem; color:#B3B3B3; text-transform:uppercase; margin-bottom:0.625rem; font-weight:600; }
.kbhsh-legacy-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin-bottom:0.9375rem; }
.kbhsh-legacy-text { font-family:'Montserrat', sans-serif; font-size:1.2rem; color:#000; line-height:1.8; }
.kbhsh-book-section { width:100%; padding:3rem 6rem 4rem; }
.kbhsh-book-section::before { content:''; background:url('../images/form-background.png') center center / cover no-repeat; position:relative; }
.kbhsh-book-card { background:url('../images/form-background.png') center center / cover no-repeat; position:relative; border-radius:20px; padding:2.5rem 3rem 2.25rem; box-shadow:0 20px 60px rgba(0,0,0,0.15); backdrop-filter:blur(6px); }
.kbhsh-book-header { text-align:left; margin-bottom:1.5rem; }
.kbhsh-book-title { font-family:'Playfair Display', serif; font-size:2rem; font-weight:700; color:#000; margin:0 0 0.25rem; }
.kbhsh-book-subtitle { font-family:'Montserrat', sans-serif; font-size:0.95rem; color:#555; margin:0; }
.kbhsh-book-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:4rem; row-gap:2rem; margin-top:1.5rem; }
.kbhsh-book-grid-textarea { margin-top:1.5rem; }
.kbhsh-book-label { font-family:'Playfair Display', sans-serif; font-size:1.1rem; font-weight:600; color:#000; margin-bottom: 10px; display:block; font-style: italic; }
/* Base styling for all form fields (inputs, custom selects) except textarea */
.kbhsh-book-input {
    border-radius:999px !important;
    border:1px solid #C69F5A !important;
    padding:12px 15px !important;
    font-size:0.95rem !important;
    color:#000000 !important;
    background:#ffffff !important;
    min-height:48px !important;
    line-height:1.4 !important;
    width:100% !important;
    box-sizing:border-box !important;
}
.kbhsh-book-input::placeholder { color:#999999; }
.kbhsh-book-textarea-field textarea.kbhsh-book-input { border-radius:16px !important; resize:vertical; height: fit-content; }
.kbhsh-book-footer { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; margin-top:2.25rem; gap:1.25rem; }
.kbhsh-book-contact { font-size:1.1rem; align-self:flex-start; color:#000; width:100%; }
.kbhsh-book-contact .book-contact-text { display:flex; align-items:center; margin-bottom:0.75rem; font-size:1.1rem; }
.kbhsh-book-contact .book-contact-icon { width:2rem; height:2rem; margin-right:0.5rem; flex-shrink:0; }
.kbhsh-book-contact .book-contact-link { color:#000; text-align:start; font-family:'Cyrillic Bodoni', serif; font-size:1.1rem; text-decoration:none; transition:opacity 0.3s ease; }
.kbhsh-book-contact .book-contact-link:hover { opacity:0.7; }
.kbhsh-book-contact .kbhsh-book-description { color:#000; text-align:start; font-family:'Playfair Display', serif; font-style:italic; font-size:0.9rem; margin-top:1rem; line-height:1.6; }
.kbhsh-book-submit-btn { min-width:160px; border-radius:999px; padding:0.65rem 2rem; background:#C69F5A; border:none; color:#000; font-weight:600; letter-spacing:0.05em; }
.kbhsh-book-submit-btn:hover { background:#b08a47; }
.kbhsh-book-note { margin-top:0.75rem; font-size:0.9rem; color:#555; text-align:center; font-family:'Montserrat', sans-serif; }
.kbhsh-book-form .custom-multi-select,
.kbhsh-book-form .custom-single-select { position:relative; width:100%; }
/* Ensure custom select toggles visually match other fields */
.kbhsh-book-form .custom-single-select-toggle,
.kbhsh-book-form .custom-multi-select-toggle {
    border-radius:999px;
    border:1px solid #C69F5A;
    background:#ffffff;
    padding:12px 15px;
    font-size:0.95rem;
    color:#000000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    position:relative;
    z-index:1;
}
.kbhsh-book-form .custom-multi-select-text { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kbhsh-book-form .custom-multi-select-arrow,
.kbhsh-book-form .custom-single-select-arrow { margin-left:8px; font-size:12px; color:#C69F5A; }
    .kbhsh-book-form .custom-multi-select-menu,
    .kbhsh-book-form .custom-single-select-menu { position:absolute; top:100%; left:0; right:0; margin-top:6px; background:#fff; border-radius:12px; border:1px solid #C69F5A; padding:0.75rem 0.75rem 0.5rem; max-height:260px; overflow-y:auto; box-shadow:0 10px 30px rgba(0,0,0,0.12); display:none; z-index:3000; }
    @media (max-width: 1024px) {
        .kbhsh-book-form .custom-multi-select-menu,
        .kbhsh-book-form .custom-single-select-menu { max-height:220px; padding:0.625rem 0.625rem 0.375rem; }
        .kbhsh-book-form .custom-single-select-option { padding:0.3rem 0.4rem; font-size:0.85rem; }
    }
    @media (max-width: 768px) {
        .kbhsh-book-form .custom-multi-select-menu,
        .kbhsh-book-form .custom-single-select-menu { max-height:200px; padding:0.5rem 0.5rem 0.25rem; }
        .kbhsh-book-form .custom-single-select-option { padding:0.25rem 0.35rem; font-size:0.8rem; }
        /* Mobile date input base styling – match other fields */
        input[type="date"].kbhsh-book-input {
            color:#000000 !important;
            padding:12px 15px !important;
            min-height:48px !important;
            height:auto !important;
            -webkit-appearance:none !important;
            appearance:none !important;
        }
        .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
        .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
        .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color:#999999 !important; }
        .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
        .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
        .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color:#999999 !important; }
        .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
        .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
        .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color:#999999 !important; }
        /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input {
            -webkit-appearance:none !important;
            appearance:none !important;
            border-radius:50px !important;
            padding:12px 15px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            padding-left:15px !important;
            padding-right:40px !important;
            min-height:48px !important;
            height:48px !important;
            line-height:24px !important;
            display:block !important;
            width:100% !important;
            box-sizing:border-box !important;
            -webkit-box-sizing:border-box !important;
            margin:0 !important;
        }
        input[type="date"].kbhsh-book-input {
            color:#000000 !important;
            padding-left:15px !important;
            padding-right:45px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            text-align:left !important;
            text-indent:0 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator {
            opacity:1 !important;
            background:transparent !important;
            color:#C9A961 !important;
            cursor:pointer !important;
            padding:0 !important;
            margin:0 !important;
            width:18px !important;
            height:18px !important;
            position:absolute !important;
            right:15px !important;
            top:50% !important;
            transform:translateY(-50%) !important;
            z-index:1 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding:0 2px !important; color:#000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding:0 !important; color:#000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding:12px 15px !important; }
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
    }
.kbhsh-book-form .custom-multi-select.open .custom-multi-select-menu,
.kbhsh-book-form .custom-single-select.open .custom-single-select-menu { display:block !important; }
.kbhsh-book-form .custom-single-select-option { padding:0.35rem 0.5rem; font-size:0.9rem; cursor:pointer; }
.kbhsh-book-form .custom-single-select-option:hover { background:#f5f5f5; }
.kbhsh-book-form .custom-single-select-search-wrapper { padding:0.5rem; border-bottom:1px solid #e0e0e0; margin-bottom:0.5rem; position:sticky; top:0; background:#fff; z-index:10; }
.kbhsh-book-form .custom-single-select-search { width:100%; padding:0.5rem; border:1px solid #C69F5A; border-radius:6px; font-size:0.9rem; outline:none; }
.kbhsh-book-form .custom-single-select-search:focus { border-color:#C69F5A; box-shadow:0 0 0 2px rgba(198, 159, 90, 0.2); }
.kbhsh-book-form .custom-single-select-options-wrapper { max-height:200px; overflow-y:auto; }
.kbhsh-journey-timeline-label { margin-bottom:0.625rem; }
.kbhsh-corporate-label, .kbhsh-legacy-label { margin-bottom:0.625rem; }
.kbhsh-title-banner-section { background:#0F172A; padding:3.75rem 1.25rem; text-align:center; position:relative; margin-bottom:0.05rem; }
.kbhsh-title-banner-text { font-family:'Playfair Display', serif; font-size:4rem; font-weight:700; line-height:1.2; max-width:75rem; margin:0 auto; }
.kbhsh-title-banner-text-normal { color:#FFFFFF; }
.kbhsh-title-banner-text-italic { color:#C69F5A; font-style:italic; font-weight:500; }
.kbhsh-bottom-banner { background:#0F172A; padding:3.75rem 1.25rem; text-align:center; position:relative; }
.kbhsh-bottom-banner::before { content:''; position:absolute; top:0; left:0; right:0; height:0.0625rem; background:#C69F5A; }
.kbhsh-bottom-banner-text { font-family:'Playfair Display', serif; font-size:3rem; font-weight:700; color:#FFFFFF; line-height:1.2; }
.kbhsh-bottom-banner-text-italic { font-family:'Playfair Display', serif; font-size:3rem; font-weight:700; font-style:italic; color:#C69F5A; line-height:1.2; }
.kbhsh-divider { height:0.0625rem; background:#E5E5E5; margin:2.5rem 0; }
.kbhsh-divider-thick { height:0.25rem; background:#0F172A; margin:0; }
.kbhsh-border-single { position:relative; }
.kbhsh-border-single::after { content:''; position:absolute; bottom:0; left:0; right:0; height:0.5rem; background:#0F172A; z-index:1; }
.kbhsh-border-tri { position:relative; }
.kbhsh-border-tri::after { content:''; position:absolute; bottom:0; left:0; right:0; height:0.5rem; z-index:1; background:linear-gradient(to right, #0F172A 0%, #0F172A 33.33%, #C69F5A 33.33%, #C69F5A 66.66%, #B3B3B3 66.66%, #B3B3B3 100%); }
.kbhsh-text-center { text-align:center; }
.kbhsh-mt-40 { margin-top:2.5rem; }
.kbhsh-mb-40 { margin-bottom:2.5rem; }


/* ============================================
   COMPREHENSIVE RESPONSIVE STYLES
   ============================================ */

/* Tablet Styles (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .kbhsh-hero-section { padding: 0; }
    .kbhsh-hero-container { flex-direction: column; gap: 0; min-height: auto; align-items: stretch; }
    .kbhsh-here-row-contain { padding: 2.5rem 2.5rem !important; }
    /* On tablets, hide the text column – show only video block */
    .kbhsh-hero-right { padding: 1.5rem 0; display: flex; justify-content: center; align-items: center; width: 100%; }
    /* Use desktop wrapper (thumbnail + horizontal video) on tablet as well */
    .kbhsh-video-wrapper-desktop { display: block !important; }
    .kbhsh-video-wrapper-tablet-mobile { display: none !important; }
    .kbhsh-video-tablet-mobile { display: none !important; }
    .kbhsh-hero-subtitle { font-size: 0.875rem; margin-bottom: 1rem; text-align: center; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 3rem; line-height: 1.2; text-align: center; }
    .kbhsh-hero-title-line { margin: 0.75rem auto; }
    .kbhsh-hero-name { font-size: 2.75rem; text-align: center; }
    .kbhsh-hero-with { font-size: 2rem; text-align: center; margin-top: 1.5rem; }
    .kbhsh-hero-tagline { font-size: 1.25rem; text-align: center; margin-top: 1rem; }
    .kbhsh-about-header { padding: 1.5rem 2.5rem; flex-direction: row; gap: 3.5rem; }
    .kbhsh-about-divider { display: none; }
    .kbhsh-about-director, .kbhsh-about-writer { min-width: auto; }
    .kbhsh-about-label { font-size: 0.875rem; }
    .kbhsh-about-name { font-size: 1.75rem; }
    .kbhsh-about-artist-section { padding: 2.5rem 2.5rem; }
    .kbhsh-about-artist-container { flex-direction: column; gap: 3rem; align-items: stretch; }
    .kbhsh-about-artist-left, .kbhsh-about-artist-right { flex: 1; width: 100%; }
    .kbhsh-about-title { font-size: 2.5rem; margin-bottom: 0.75rem; }
    .kbhsh-about-subtitle { font-size: 1.75rem; margin-bottom: 1.5rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1.1rem; line-height: 1.8; text-align: left; margin-bottom: 1.25rem; }
    .kbhsh-play-info-grid { margin-top: 1.5rem; grid-template-columns: repeat(2, 1fr); gap: 1.5rem;  }
    .kbhsh-play-info-item { padding-bottom: 1.5rem; border-left: 0.25rem solid #C69F5A; padding: 10px; background: #f5f5f5; margin: 5px; }
    .kbhsh-play-info-item:nth-child(2), .kbhsh-play-info-item:nth-child(4) { padding-bottom: 1.5rem; }
    .kbhsh-play-info-label { font-size: 0.875rem; margin-bottom: 0.5rem; }
    .kbhsh-play-info-value { font-size: 1rem; }
    .kbhsh-artist-header {  margin-bottom: 2rem; }
    .kbhsh-artist-label { font-size: 0.875rem; margin-bottom: 0.75rem; }
    .kbhsh-artist-name { font-size: 2.5rem; margin-bottom: 1rem; }
    .kbhsh-artist-roles { font-size: 0.875rem; }
    .kbhsh-artist-stats { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; padding: 1.5rem 0; }
    .kbhsh-artist-stat-number { font-size: 2.25rem; }
    .kbhsh-artist-stat-label { font-size: 0.875rem; }
    .kbhsh-artist-achievements { margin-top: 2rem; }
    .kbhsh-artist-honours { gap: 1.5rem; margin-bottom: 1.5rem; }
    .kbhsh-artist-honours-icon { width: 3.5rem; height: 3.5rem; }
    .kbhsh-artist-honours-title { font-size: 1.625rem; }
    .kbhsh-artist-honours-text { font-size: 1rem; line-height: 1.7; }
    .kbhsh-journey-section { padding: 2.5rem 2.5rem; }
    .kbhsh-journey-header { margin-bottom: 3rem;  }
    .kbhsh-journey-label { font-size: 0.875rem; }
    .kbhsh-journey-title { font-size: 2.5rem; }
    .kbhsh-journey-subtitle { font-size: 1.75rem; }
    .kbhsh-journey-timeline { flex-direction: column !important; margin-top: 2.5rem; margin-bottom: 2.5rem; position: relative; align-items: flex-start !important; justify-content: flex-start !important; }
    .kbhsh-journey-timeline-line { left: 0rem !important; right: auto !important; top: 0 !important; bottom: 0 !important; width: 0.125rem !important; height: 100% !important; background: #C69F5A !important; z-index: 1; }
    .kbhsh-journey-timeline-item { max-width: 100% !important; width: 100% !important; flex: none !important; padding-left: 2.5rem !important; padding-right: 0 !important; padding-top: 0 !important; margin-bottom: 2.5rem; position: relative; }
    .kbhsh-journey-timeline-item:last-child { margin-bottom: 0; }
    .kbhsh-journey-timeline-dot { left: 0 !important; top: 0.25rem !important; transform: translateX(-50%) !important; width: 1.125rem !important; height: 1.125rem !important; border-radius: 50%; background: #000; box-shadow: 0 0 0 0.125rem #C69F5A; z-index: 3; }
    .kbhsh-journey-timeline-dot::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #C69F5A; transform: translate(-50%, -50%); }
    .kbhsh-journey-timeline-dot.black { background: #000; box-shadow: 0 0 0 0.125rem #C69F5A; }
    .kbhsh-journey-timeline-label { font-size: 0.75rem; }
    .kbhsh-journey-timeline-subtitle { font-size: 1.25rem; }
    .kbhsh-track-record-section { padding: 2.5rem 2.5rem; }
    .kbhsh-track-record-title { font-size: 2.5rem; }
    .kbhsh-track-record-underline { width: 5rem; }
    .kbhsh-track-record-intro { font-size: 1.05rem; margin-bottom: 2rem; max-width: 100%; }
    /* For tablet, stack the two stats as rows; inner layout handled by Bootstrap cols */
    .kbhsh-track-record-row { display: block; }
    .kbhsh-track-record-item { display: block; max-width: 100%; width: 100%; margin-bottom: 1.5rem; }
    .kbhsh-track-record-number { font-size: 3rem; }
    .kbhsh-track-record-label { font-size: 0.95rem; }
    .kbhsh-track-record-text { font-size: 1rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 2.5rem; }
    .kbhsh-unique-underline { width: 5rem; }
    .kbhsh-unique-intro { font-size: 1.05rem; margin-bottom: 2rem; }
    .kbhsh-unique-grid { grid-template-columns: repeat(1, 1fr); gap: 2rem; }
    .kbhsh-unique-item { gap: 1.5rem; }
    .kbhsh-unique-icon { width: 3.5rem; height: 3.5rem; }
    .kbhsh-unique-item-title { font-size: 1.5rem; }
    .kbhsh-unique-item-text { font-size: 1.05rem; }
    .kbhsh-recognition-section { padding: 2.5rem 2.5rem; }
    .kbhsh-recognition-title { font-size: 2.5rem; }
    .kbhsh-recognition-underline { width: 5rem; }
    .kbhsh-recognition-text { font-size: 1.05rem; margin-bottom: 2.5rem; }
    .kbhsh-testimonial-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
    .kbhsh-testimonial { padding: 1.25rem 1rem; }
    .kbhsh-testimonial-text { font-size: 1.1rem; }
    .kbhsh-testimonial-author { font-size: 0.7rem; }
    .kbhsh-corporate-section { padding: 2.5rem 2.5rem; }
    .kbhsh-corporate-label { font-size: 0.875rem; }
    .kbhsh-corporate-title { font-size: 2.5rem; }
    .kbhsh-corporate-subtitle { font-size: 1.05rem; margin-bottom: 2rem; }
    .kbhsh-corporate-outcomes { padding: 1.5rem 1.5rem; margin-bottom: 3rem; }
    .kbhsh-corporate-outcomes-title { font-size: 1.75rem; }
    .kbhsh-corporate-outcomes-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .kbhsh-corporate-outcome-item { gap: 1.25rem; }
    .kbhsh-corporate-outcome-icon { width: 3.5rem; height: 3.5rem; }
    .kbhsh-corporate-outcome-title { font-size: 1.1rem; }
    .kbhsh-corporate-outcome-text { font-size: 1rem; }
    .kbhsh-corporate-ideal-title { font-size: 1.75rem; margin-bottom: 2rem; }
    /* Tablet: two equal columns */
    .kbhsh-corporate-ideal-grid { grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
    .kbhsh-corporate-ideal-item { padding: 1.25rem; gap: 1rem; }
    .kbhsh-corporate-ideal-icon { width: 2.75rem; height: 2.75rem; }
    .kbhsh-corporate-ideal-text { font-size: 1.2rem; }
    .kbhsh-legacy-section { padding: 2.5rem 2.5rem; }
    .kbhsh-legacy-item { gap: 1.5rem; margin-bottom: 2.5rem; }
    .kbhsh-legacy-icon { width: 3.5rem; height: 3.5rem; }
    .kbhsh-legacy-label { font-size: 0.875rem; }
    .kbhsh-legacy-title { font-size: 1.75rem; }
    .kbhsh-legacy-text { font-size: 1.05rem; }
    .kbhsh-book-section { padding: 2.5rem 2.5rem; }
    .kbhsh-book-card { padding: 2rem 2rem; }
    .kbhsh-book-title { font-size: 1.75rem;  }
    .kbhsh-book-grid { grid-template-columns: repeat(2, 1fr); column-gap: 2rem; row-gap: 1.5rem; }
    .kbhsh-book-label { font-size: 1rem; }
    .kbhsh-book-input { padding: 0.55rem 1rem !important; font-size: 0.875rem !important; }
    .kbhsh-book-footer { margin-top: 2rem; }
    .kbhsh-book-contact { font-size: 1rem; }
    .kbhsh-book-contact .book-contact-text { font-size: 1rem; }
    .kbhsh-book-contact .book-contact-icon { width: 1.75rem; height: 1.75rem; }
    .kbhsh-book-contact .book-contact-link { font-size: 1rem; }
    .kbhsh-book-contact .kbhsh-book-description { font-size: 0.9rem; }
    .kbhsh-book-submit-btn { padding: 0.6rem 1.75rem; font-size: 0.95rem; }
    .kbhsh-plus { font-size: 2.25rem; top: -13.5px; left: -11.25px; }
    .kbhsh-plus-proven { font-size: 2.25rem; top: -11.25px; left: 0px; }
    /* Tablet date input override to keep consistent size and colors */
    input[type="date"].kbhsh-book-input {
        color:#000000 !important;
        padding:12px 15px !important;
        min-height:48px !important;
        height:auto !important;
        -webkit-appearance:none !important;
        appearance:none !important;
    }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color:#999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color:#999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color:#999999 !important; }
            /* Apple Device Specific Fixes within this range - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input {
            -webkit-appearance:none !important;
            appearance:none !important;
            border-radius:50px !important;
            padding:12px 15px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            padding-left:15px !important;
            padding-right:40px !important;
            min-height:48px !important;
            height:48px !important;
            line-height:24px !important;
            display:block !important;
            width:100% !important;
            box-sizing:border-box !important;
            -webkit-box-sizing:border-box !important;
            margin:0 !important;
        }
        input[type="date"].kbhsh-book-input {
            color:#000000 !important;
            padding-left:15px !important;
            padding-right:45px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            text-align:left !important;
            text-indent:0 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator {
            opacity:1 !important;
            background:transparent !important;
            color:#C9A961 !important;
            cursor:pointer !important;
            padding:0 !important;
            margin:0 !important;
            width:18px !important;
            height:18px !important;
            position:absolute !important;
            right:15px !important;
            top:50% !important;
            transform:translateY(-50%) !important;
            z-index:1 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding:0 2px !important; color:#000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding:0 !important; color:#000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding:12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

/* Mobile Styles (below 768px) */
@media (max-width: 767.98px) {
    .kbhsh-hero-section { padding: 0; }
    .kbhsh-hero-container { flex-direction: column; gap: 0; min-height: auto; align-items: stretch; }
    .kbhsh-here-row-contain { padding: 2rem 1.5rem !important; }
    .kbhsh-hero-left { padding: 1rem 0; text-align: center; }
    .kbhsh-hero-right { padding: 1rem 0; display: flex; justify-content: center; align-items: center; }
    /* On mobile only, use vertical video without thumbnail */
    .kbhsh-video-wrapper-desktop { display: none !important; }
    .kbhsh-video-wrapper-tablet-mobile { display: block !important; width: 100%; max-width: 100%; margin: 0 auto; }
    .kbhsh-video-tablet-mobile { display: block !important; }
    .kbhsh-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .kbhsh-play-button svg { width: 3.5rem; height: 3.5rem; }
    .kbhsh-hero-subtitle { font-size: 0.75rem; margin-bottom: 0.875rem; text-align: center; letter-spacing: 0.05em; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 2rem; line-height: 1.15; text-align: center; }
    .kbhsh-hero-title-line { width: 4rem; margin: 0.625rem auto; }
    .kbhsh-hero-name { font-size: 1.875rem; text-align: center; }
    .kbhsh-hero-with { font-size: 1.5rem; text-align: center; margin-top: 1.25rem; }
    .kbhsh-hero-tagline { font-size: 1rem; text-align: center; margin-top: 0.875rem; line-height: 1.5; }
    .kbhsh-about-header { padding: 1.25rem 1.5rem; flex-direction: row; gap: 1.25rem; }
    .kbhsh-about-divider { display: none; }
    .kbhsh-about-director, .kbhsh-about-writer { min-width: auto; }
    .kbhsh-about-label { font-size: 0.75rem; margin-bottom: 0.5rem; }
    .kbhsh-about-name { font-size: 1.5rem; }
    .kbhsh-about-artist-section { padding: 2rem 1.5rem; }
    .kbhsh-about-artist-container { flex-direction: column; gap: 2.5rem; align-items: stretch; }
    .kbhsh-about-artist-left, .kbhsh-about-artist-right { flex: 1; width: 100%; }
    .kbhsh-about-title { font-size: 1.875rem; margin-bottom: 0.625rem; }
    .kbhsh-about-subtitle { font-size: 1.375rem; margin-bottom: 1.25rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 0.9375rem; line-height: 1.7; text-align: left; margin-bottom: 1.125rem; }
    .kbhsh-play-info-grid { margin-top: 1.5rem; grid-template-columns: repeat(2, 1fr); gap: 1.25rem;  }
    .kbhsh-play-info-item { padding-bottom: 1.25rem; border-left: 0.25rem solid #C69F5A; padding: 10px; background: #f5f5f5; margin: 5px;}
    .kbhsh-play-info-item:nth-child(2), .kbhsh-play-info-item:nth-child(4) { padding-bottom: 1.25rem; }
    .kbhsh-play-info-label { font-size: 0.75rem; margin-bottom: 0.5rem; }
    .kbhsh-play-info-value { font-size: 0.875rem; }
    .kbhsh-artist-header { margin-bottom: 1.75rem; }
    .kbhsh-artist-label { font-size: 0.75rem; margin-bottom: 0.625rem; }
    .kbhsh-artist-name { font-size: 1.875rem; margin-bottom: 0.875rem; }
    .kbhsh-artist-roles { font-size: 0.75rem; }
    .kbhsh-artist-roles-line { font-size: 0.625rem; }
    .kbhsh-artist-stats { grid-template-columns: repeat(3, 1fr); gap: 0.875rem; padding: 1.25rem 0;  }
    .kbhsh-artist-stats > div { border-right: 1px solid #b3b3b3; padding-right: 0.5rem; }
    .kbhsh-artist-stats > div:last-child { border-right: none; padding-right: 0; }
    .kbhsh-artist-stat-number { font-size: 1.5rem; }
    .kbhsh-artist-stat-label { font-size: 0.75rem; }
    .kbhsh-artist-achievements { margin-top: 1.5rem; }
    .kbhsh-artist-honours { flex-direction: row; gap: 1rem; margin-bottom: 1.25rem; align-items: flex-start; }
    .kbhsh-artist-honours-icon { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
    .kbhsh-artist-honours-title { font-size: 1.25rem; margin-bottom: 0.5rem; }
    .kbhsh-artist-honours-text { font-size: 0.875rem; line-height: 1.6; }
    .kbhsh-journey-section { padding: 2rem 1.5rem; }
    .kbhsh-journey-header { margin-bottom: 2rem;  }
    .kbhsh-journey-label { font-size: 0.75rem; }
    .kbhsh-journey-title { font-size: 1.875rem; }
    .kbhsh-journey-subtitle { font-size: 1.25rem; }
    .kbhsh-journey-timeline { flex-direction: column !important; margin-top: 2rem; margin-bottom: 2rem; position: relative; align-items: flex-start !important; justify-content: flex-start !important; }
    .kbhsh-journey-timeline-line { left: 0rem !important; right: auto !important; top: 0 !important; bottom: 0 !important; width: 0.125rem !important; height: 100% !important; background: #C69F5A !important; z-index: 1; }
    .kbhsh-journey-timeline-item { max-width: 100% !important; width: 100% !important; flex: none !important; padding-left: 2.25rem !important; padding-right: 0 !important; padding-top: 0 !important; margin-bottom: 2rem; position: relative; }
    .kbhsh-journey-timeline-item:last-child { margin-bottom: 0; }
    .kbhsh-journey-timeline-dot { left: 0 !important; top: 0.25rem !important; transform: translateX(-50%) !important; width: 1rem !important; height: 1rem !important; border-radius: 50%; background: #000; box-shadow: 0 0 0 0.125rem #C69F5A; z-index: 3; }
    .kbhsh-journey-timeline-dot::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #C69F5A; transform: translate(-50%, -50%); }
    .kbhsh-journey-timeline-dot.black { background: #000; box-shadow: 0 0 0 0.125rem #C69F5A; }
    .kbhsh-journey-timeline-label { font-size: 0.75rem; margin-bottom: 0.5rem; }
    .kbhsh-journey-timeline-subtitle { font-size: 1.25rem; margin-bottom: 0.5rem; }
    .kbhsh-journey-timeline-text { font-size: 0.875rem; line-height: 1.6; }
    .kbhsh-track-record-section { padding: 2rem 1.5rem; }
    .kbhsh-track-record-title { font-size: 1.875rem; }
    .kbhsh-track-record-underline { width: 4.5rem;  }
    .kbhsh-track-record-intro { font-size: 0.9375rem; margin-bottom: 1.75rem; max-width: 100%; line-height: 1.6; }
    /* On mobile, also use stacked rows with Bootstrap cols (no flex layout needed) */
    .kbhsh-track-record-row { display: block; }
    .kbhsh-track-record-item { display: block; max-width: 100%; width: 100%; margin-bottom: 1.25rem; }
    .kbhsh-track-record-number { font-size: 2.5rem;  }
    .kbhsh-track-record-label { font-size: 0.8125rem; margin-bottom: 0.625rem; }
    .kbhsh-track-record-text { font-size: 0.875rem; line-height: 1.6; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 1.875rem; }
    .kbhsh-unique-underline { width: 4.5rem; }
    .kbhsh-unique-intro { font-size: 0.875rem; margin-bottom: 1.75rem; line-height: 1.6; }
    .kbhsh-unique-grid { grid-template-columns: 1fr; gap: 1.75rem; }
    .kbhsh-unique-item { flex-direction: row; gap: 1.125rem; align-items: flex-start; }
    .kbhsh-unique-icon { width: 3.5rem; height: 3.5rem; flex-shrink: 0; }
    .kbhsh-unique-item-title { font-size: 1.125rem; margin-bottom: 0.625rem; }
    .kbhsh-unique-item-text { font-size: 0.875rem; line-height: 1.6; }
    .kbhsh-recognition-section { padding: 2rem 1.5rem; }
    .kbhsh-recognition-title { font-size: 1.75rem;  }
    .kbhsh-recognition-underline { width: 4.5rem;  }
    .kbhsh-recognition-text { font-size: 0.875rem;  margin-bottom: 2rem; line-height: 1.6; }
    .kbhsh-testimonial-grid { grid-template-columns: 1fr; gap: 1rem; }
    .kbhsh-testimonial { padding: 1rem 0.875rem; flex-direction: row; gap: 0.75rem; align-items: flex-start; }
    .kbhsh-testimonial-quote { width: 2rem; height: 2rem; top: -8px; flex-shrink: 0; }
    .kbhsh-testimonial-text { font-size: 0.875rem; margin-bottom: 0.875rem; line-height: 1.5; }
    .kbhsh-testimonial-author { font-size: 0.65rem; }
    .kbhsh-corporate-section { padding: 2rem 1.5rem; }
    .kbhsh-corporate-label { font-size: 0.75rem; }
    .kbhsh-corporate-title { font-size: 1.625rem; }
    .kbhsh-corporate-subtitle { font-size: 0.875rem;  margin-bottom: 1.75rem; line-height: 1.5; }
    .kbhsh-corporate-outcomes { padding: 1.25rem 1rem; margin-bottom: 2rem; }
    .kbhsh-corporate-outcomes-title { font-size: 1.375rem; margin-bottom: 1.25rem; }
    .kbhsh-corporate-outcomes-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .kbhsh-corporate-outcome-item { flex-direction: row; gap: 1rem; align-items: flex-start; }
    .kbhsh-corporate-outcome-icon { width: 2.75rem; height: 2.75rem; flex-shrink: 0; }
    .kbhsh-corporate-outcome-title { font-size: 1rem; margin-bottom: 0.5rem; }
    .kbhsh-corporate-outcome-text { font-size: 0.8125rem; line-height: 1.5; }
    .kbhsh-corporate-ideal-title { font-size: 1.375rem; margin-bottom: 1.5rem; }
    /* Mobile: single column */
    .kbhsh-corporate-ideal-grid { grid-template-columns: 1fr; gap: 1rem; }
    .kbhsh-corporate-ideal-item { padding: 1rem; flex-direction: row; text-align: left; gap: 0.875rem; align-items: center; }
    .kbhsh-corporate-ideal-icon { width: 2.25rem; height: 2.25rem; flex-shrink: 0; }
    .kbhsh-corporate-ideal-text { font-size: 1rem; }
    .kbhsh-legacy-section { padding: 2rem 1.5rem; }
    .kbhsh-legacy-item { flex-direction: row; gap: 1rem; margin-bottom: 2rem; align-items: flex-start; }
    .kbhsh-legacy-item:last-child { margin-bottom: 0; }
    .kbhsh-legacy-icon { width: 3rem; height: 3rem; flex-shrink: 0; }
    .kbhsh-legacy-label { font-size: 0.75rem; margin-bottom: 0.5rem; }
    .kbhsh-legacy-title { font-size: 1.25rem; margin-bottom: 0.625rem; }
    .kbhsh-legacy-text { font-size: 0.875rem; line-height: 1.6; }
    .kbhsh-book-section { padding: 2rem 1.5rem; }
    .kbhsh-book-card { padding: 1.75rem 1.5rem; }
    .kbhsh-book-title { font-size: 1.5rem; margin-bottom: 1.25rem; }
    .kbhsh-book-grid { grid-template-columns: 1fr; column-gap: 0; row-gap: 1.25rem; }
    .kbhsh-book-grid-textarea { margin-top: 1.25rem; }
    .kbhsh-book-label { font-size: 0.9375rem; margin-bottom: 0.5rem; }
    .kbhsh-book-input { padding: 0.5rem 0.875rem !important; font-size: 0.875rem !important; }
    .kbhsh-book-textarea-field textarea.kbhsh-book-input { min-height: 100px; }
    .kbhsh-book-footer { margin-top: 1.75rem; gap: 1rem; }
    .kbhsh-book-contact { font-size: 0.95rem; align-self: center; text-align: center; width: 100%; }
    .kbhsh-book-contact .book-contact-text { font-size: 0.95rem; justify-content: center; margin-bottom: 0.75rem; }
    .kbhsh-book-contact .book-contact-icon { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; }
    .kbhsh-book-contact .book-contact-link { font-size: 0.95rem; text-align: center; }
    .kbhsh-book-contact .kbhsh-book-description { font-size: 0.95rem; text-align: center; margin-top: 1rem; }
    .kbhsh-book-note { font-size: 0.75rem; margin-top: 0.5rem; }
    .kbhsh-book-submit-btn { padding: 0.55rem 1.5rem; font-size: 0.9rem; min-width: 140px; }
    .kbhsh-plus { font-size: 1.5rem; top: -9px; left: -7.5px; }
    .kbhsh-plus-proven { font-size: 1.5rem; top: -7.5px; left: 0px; }
    /* Mobile date input override to keep consistent size and colors */
    input[type="date"].kbhsh-book-input {
        color:#000000 !important;
        padding:12px 15px !important;
        min-height:48px !important;
        height:auto !important;
        -webkit-appearance:none !important;
        appearance:none !important;
    }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color:#999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color:#999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color:#999999 !important; }
            /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input {
            -webkit-appearance:none !important;
            appearance:none !important;
            border-radius:50px !important;
            padding:12px 15px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            padding-left:15px !important;
            padding-right:40px !important;
            min-height:48px !important;
            height:48px !important;
            line-height:24px !important;
            display:block !important;
            width:100% !important;
            box-sizing:border-box !important;
            -webkit-box-sizing:border-box !important;
            margin:0 !important;
        }
        input[type="date"].kbhsh-book-input {
            color:#000000 !important;
            padding-left:15px !important;
            padding-right:45px !important;
            padding-top:12px !important;
            padding-bottom:12px !important;
            text-align:left !important;
            text-indent:0 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator {
            opacity:1 !important;
            background:transparent !important;
            color:#C9A961 !important;
            cursor:pointer !important;
            padding:0 !important;
            margin:0 !important;
            width:18px !important;
            height:18px !important;
            position:absolute !important;
            right:15px !important;
            top:50% !important;
            transform:translateY(-50%) !important;
            z-index:1 !important;
        }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding:0 !important; margin:0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding:0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding:0 !important; color:#000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding:12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

/* Tablet Landscape Orientation (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    .kbhsh-here-row-contain { padding: 2rem 2.5rem !important; }
    .kbhsh-hero-left { padding: 1rem 0; }
    .kbhsh-hero-right { padding: 1rem 0; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 2.75rem; }
    .kbhsh-hero-name { font-size: 2.5rem; }
    .kbhsh-hero-with { font-size: 1.875rem; }
    .kbhsh-hero-tagline { font-size: 1.125rem; }
    .kbhsh-about-artist-section { padding: 2rem 2.5rem; }
    .kbhsh-about-title { font-size: 2.25rem; }
    .kbhsh-about-subtitle { font-size: 1.625rem; }
    .kbhsh-artist-name { font-size: 2.25rem; }
    .kbhsh-artist-stat-number { font-size: 2rem; }
    .kbhsh-journey-section { padding: 2rem 2.5rem; }
    .kbhsh-journey-title { font-size: 2.25rem; }
    .kbhsh-journey-subtitle { font-size: 1.625rem; }
    .kbhsh-journey-timeline { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; }
    .kbhsh-journey-timeline-line { left: 0rem !important; right: auto !important; top: 0 !important; bottom: 0 !important; width: 0.125rem !important; height: 100% !important; background: #C69F5A !important; z-index: 1; }
    .kbhsh-journey-timeline-item { max-width: 100% !important; width: 100% !important; flex: none !important; padding-left: 2.5rem !important; padding-right: 0 !important; padding-top: 0 !important; margin-bottom: 1.5rem; position: relative; }
    .kbhsh-journey-timeline-dot { left: 0 !important; top: 0.25rem !important; transform: translateX(-50%) !important; width: 1.125rem !important; height: 1.125rem !important; border-radius: 50%; background: #000; box-shadow: 0 0 0 0.125rem #C69F5A; z-index: 3; }
    .kbhsh-journey-timeline-dot::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: #C69F5A; transform: translate(-50%, -50%); }
    .kbhsh-track-record-section { padding: 2rem 2.5rem; }
    .kbhsh-track-record-title { font-size: 2.25rem; }
    .kbhsh-track-record-number { font-size: 2.75rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 2.25rem; }
    .kbhsh-recognition-section { padding: 2rem 2.5rem; }
    .kbhsh-recognition-title { font-size: 2.25rem; }
    .kbhsh-corporate-section { padding: 2rem 2.5rem; }
    .kbhsh-corporate-title { font-size: 2.25rem; }
    .kbhsh-legacy-section { padding: 2rem 2.5rem; }
    .kbhsh-book-section { padding: 2rem 2.5rem; }
}

/* Tablet Portrait Orientation (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {
    .kbhsh-here-row-contain { padding: 2.5rem 2rem !important; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 3.25rem; }
    .kbhsh-hero-name { font-size: 3rem; }
    .kbhsh-hero-with { font-size: 2.25rem; }
    .kbhsh-hero-tagline { font-size: 1.375rem; }
    .kbhsh-about-artist-section { padding: 2.5rem 2rem; }
    .kbhsh-about-title { font-size: 2.5rem; }
    .kbhsh-about-subtitle { font-size: 1.75rem; }
    .kbhsh-artist-name { font-size: 2.5rem; }
    .kbhsh-artist-stat-number { font-size: 2.25rem; }
    .kbhsh-journey-section { padding: 2.5rem 2rem; }
    .kbhsh-journey-title { font-size: 2.5rem; }
    .kbhsh-journey-subtitle { font-size: 1.75rem; }
    .kbhsh-track-record-section { padding: 2.5rem 2rem; }
    .kbhsh-track-record-title { font-size: 2.5rem; }
    .kbhsh-track-record-number { font-size: 3.25rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 2.5rem; }
    .kbhsh-recognition-section { padding: 2.5rem 2rem; }
    .kbhsh-recognition-title { font-size: 2.5rem; }
    .kbhsh-corporate-section { padding: 2.5rem 2rem; }
    .kbhsh-corporate-title { font-size: 2.5rem; }
    .kbhsh-legacy-section { padding: 2.5rem 2rem; }
    .kbhsh-book-section { padding: 2.5rem 2rem; }
}

/* Mobile Landscape Orientation (up to 768px) */
@media (max-width: 768px) and (orientation: landscape) {
    .kbhsh-here-row-contain { padding: 1.5rem 1.25rem !important; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 1.875rem; }
    .kbhsh-hero-name { font-size: 1.75rem; }
    .kbhsh-hero-with { font-size: 1.375rem; }
    .kbhsh-hero-tagline { font-size: 0.9375rem; }
    .kbhsh-about-artist-section { padding: 1.75rem 1.25rem; }
    .kbhsh-about-title { font-size: 1.75rem; }
    .kbhsh-about-subtitle { font-size: 1.25rem; }
    .kbhsh-artist-name { font-size: 1.75rem; }
    .kbhsh-artist-stat-number { font-size: 1.375rem; }
    .kbhsh-journey-section { padding: 1.75rem 1.25rem; }
    .kbhsh-journey-title { font-size: 1.75rem; }
    .kbhsh-journey-subtitle { font-size: 1.125rem; }
    .kbhsh-journey-timeline { margin-top: 1.5rem; margin-bottom: 1.5rem; }
    .kbhsh-journey-timeline-item { margin-bottom: 1.5rem; }
    .kbhsh-track-record-section { padding: 1.75rem 1.25rem; }
    .kbhsh-track-record-title { font-size: 1.75rem; }
    .kbhsh-track-record-number { font-size: 2.25rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 1.75rem; }
    .kbhsh-recognition-section { padding: 1.75rem 1.25rem; }
    .kbhsh-recognition-title { font-size: 1.625rem; }
    .kbhsh-corporate-section { padding: 1.75rem 1.25rem; }
    .kbhsh-corporate-title { font-size: 1.5rem; }
    .kbhsh-legacy-section { padding: 1.75rem 1.25rem; }
    .kbhsh-book-section { padding: 1.75rem 1.25rem; }
    .kbhsh-book-card { padding: 1.5rem 1.25rem; }
    .input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 12px 15px !important; min-height: 48px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
            /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input { -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 12px 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 15px !important; padding-right: 40px !important; min-height: 48px !important; height: 48px !important; line-height: 24px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 15px !important; padding-right: 45px !important; padding-top: 12px !important; padding-bottom: 12px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 18px !important; height: 18px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;  }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

/* Mobile Portrait Orientation (up to 768px) */
@media (max-width: 768px) and (orientation: portrait) {
    .kbhsh-here-row-contain { padding: 2rem 1.5rem !important; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 2rem; }
    .kbhsh-hero-name { font-size: 1.875rem; }
    .kbhsh-hero-with { font-size: 1.5rem; }
    .kbhsh-hero-tagline { font-size: 1rem; }
    .kbhsh-about-artist-section { padding: 2rem 1.5rem; }
    .kbhsh-about-title { font-size: 1.875rem; }
    .kbhsh-about-subtitle { font-size: 1.375rem; }
    .kbhsh-artist-name { font-size: 1.875rem; }
    .kbhsh-artist-stat-number { font-size: 1.5rem; }
    .kbhsh-journey-section { padding: 2rem 1.5rem; }
    .kbhsh-journey-title { font-size: 1.875rem; }
    .kbhsh-journey-subtitle { font-size: 1.25rem; }
    .kbhsh-track-record-section { padding: 2rem 1.5rem; }
    .kbhsh-track-record-title { font-size: 1.875rem; }
    .kbhsh-track-record-number { font-size: 2.5rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 1.875rem; }
    .kbhsh-recognition-section { padding: 2rem 1.5rem; }
    .kbhsh-recognition-title { font-size: 1.75rem; }
    .kbhsh-corporate-section { padding: 2rem 1.5rem; }
    .kbhsh-corporate-title { font-size: 1.625rem; }
    .kbhsh-legacy-section { padding: 2rem 1.5rem; }
    .kbhsh-book-section { padding: 2rem 1.5rem; }
    .kbhsh-book-card { padding: 1.75rem 1.5rem; }
    .input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 12px 15px !important; min-height: 48px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
            /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input { -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 12px 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 15px !important; padding-right: 40px !important; min-height: 48px !important; height: 48px !important; line-height: 24px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 15px !important; padding-right: 45px !important; padding-top: 12px !important; padding-bottom: 12px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 18px !important; height: 18px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;  }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

/* Small Mobile Styles (up to 480px) */
@media (max-width: 480px) {
    .kbhsh-here-row-contain { padding: 1.75rem 1.25rem !important; }
    .kbhsh-hero-left { padding: 0.875rem 0; }
    .kbhsh-hero-right { padding: 0.875rem 0; }
    .kbhsh-hero-subtitle { font-size: 0.6875rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 1.75rem; }
    .kbhsh-hero-title-line { width: 3.5rem; }
    .kbhsh-hero-name { font-size: 1.625rem; }
    .kbhsh-hero-with { font-size: 1.375rem; }
    .kbhsh-hero-tagline { font-size: 0.9375rem; }
    .kbhsh-play-button svg { width: 3rem; height: 3rem; }
    .kbhsh-about-header { padding: 1rem 1.25rem; flex-direction: column; }
    .kbhsh-about-label { font-size: 0.6875rem; }
    .kbhsh-about-name { font-size: 1.375rem; }
    .kbhsh-about-artist-section { padding: 1.75rem 1.25rem; }
    .kbhsh-about-title { font-size: 1.625rem; }
    .kbhsh-about-subtitle { font-size: 1.25rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 0.875rem; }
    .kbhsh-play-info-grid { gap: 1rem; }
    .kbhsh-play-info-label { font-size: 0.6875rem; }
    .kbhsh-play-info-value { font-size: 0.8125rem; }
    .kbhsh-artist-label { font-size: 0.6875rem; }
    .kbhsh-artist-name { font-size: 1.625rem; }
    .kbhsh-artist-roles { font-size: 0.6875rem; }
    .kbhsh-artist-stats { gap: 0.75rem; padding: 1rem 0; }
    .kbhsh-artist-stat-number { font-size: 1.375rem; }
    .kbhsh-artist-stat-label { font-size: 0.6875rem; }
    .kbhsh-artist-honours { gap: 0.875rem; margin-bottom: 1rem; }
    .kbhsh-artist-honours-icon { width: 2.5rem; height: 2.5rem; }
    .kbhsh-artist-honours-title { font-size: 1.125rem; }
    .kbhsh-artist-honours-text { font-size: 0.8125rem; }
    .kbhsh-journey-section { padding: 1.75rem 1.25rem; }
    .kbhsh-journey-header { margin-bottom: 1.75rem; }
    .kbhsh-journey-label { font-size: 0.6875rem; }
    .kbhsh-journey-title { font-size: 1.625rem; }
    .kbhsh-journey-subtitle { font-size: 1.125rem; }
    .kbhsh-journey-timeline { margin-top: 1.75rem; margin-bottom: 1.75rem; }
    .kbhsh-journey-timeline-line { left: 0rem; }
    .kbhsh-journey-timeline-item { padding-left: 2rem; margin-bottom: 1.75rem; }
    .kbhsh-journey-timeline-dot { left: 0 !important; width: 0.8125rem; height: 0.8125rem; }
    .kbhsh-journey-timeline-label { font-size: 0.6875rem; }
    .kbhsh-journey-timeline-subtitle { font-size: 1.125rem; }
    .kbhsh-journey-timeline-text { font-size: 0.8125rem; }
    .kbhsh-track-record-section { padding: 1.75rem 1.25rem; }
    .kbhsh-track-record-title { font-size: 1.625rem; }
    .kbhsh-track-record-underline { width: 4rem; }
    .kbhsh-track-record-intro { font-size: 0.875rem; margin-bottom: 1.5rem; }
    .kbhsh-track-record-item { gap: 0.875rem; flex-direction: row; text-align: start;}
    .kbhsh-track-record-number { font-size: 2.25rem; }
    .kbhsh-track-record-label { font-size: 0.75rem; }
    .kbhsh-track-record-text { font-size: 0.8125rem; }
    .kbhsh-unique-title, .kbhsh-unique-title-italic { font-size: 1.625rem; }
    .kbhsh-unique-underline { width: 4rem; }
    .kbhsh-unique-intro { font-size: 0.8125rem; margin-bottom: 1.5rem; }
    .kbhsh-unique-grid { gap: 1.5rem; }
    .kbhsh-unique-item { gap: 1rem; }
    .kbhsh-unique-icon { width: 3rem; height: 3rem; }
    .kbhsh-unique-item-title { font-size: 1rem; }
    .kbhsh-unique-item-text { font-size: 0.8125rem; }
    .kbhsh-recognition-section { padding: 1.75rem 1.25rem; }
    .kbhsh-recognition-title { font-size: 1.625rem; }
    .kbhsh-recognition-underline { width: 4rem; }
    .kbhsh-recognition-text { font-size: 0.8125rem; margin-bottom: 1.75rem; }
    .kbhsh-testimonial-grid { gap: 0.875rem; }
    .kbhsh-testimonial { padding: 0.875rem 0.75rem; gap: 0.625rem; }
    .kbhsh-testimonial-quote { width: 1.75rem; height: 1.75rem; top: -6px; }
    .kbhsh-testimonial-text { font-size: 0.8125rem; margin-bottom: 0.75rem; }
    .kbhsh-testimonial-author { font-size: 0.625rem; }
    .kbhsh-corporate-section { padding: 1.75rem 1.25rem; }
    .kbhsh-corporate-label { font-size: 0.6875rem; }
    .kbhsh-corporate-title { font-size: 1.5rem; }
    .kbhsh-corporate-subtitle { font-size: 0.8125rem; margin-bottom: 1.5rem; }
    .kbhsh-corporate-outcomes { padding: 1rem 0.875rem; margin-bottom: 1.75rem; }
    .kbhsh-corporate-outcomes-title { font-size: 1.25rem; margin-bottom: 1rem; }
    .kbhsh-corporate-outcomes-grid { gap: 1.25rem; }
    .kbhsh-corporate-outcome-item { gap: 0.875rem; }
    .kbhsh-corporate-outcome-icon { width: 2.5rem; height: 2.5rem; }
    .kbhsh-corporate-outcome-title { font-size: 0.9375rem; }
    .kbhsh-corporate-outcome-text { font-size: 0.75rem; }
    .kbhsh-corporate-ideal-title { font-size: 1.25rem; margin-bottom: 1.25rem; }
    .kbhsh-corporate-ideal-grid { gap: 0.875rem; }
    .kbhsh-corporate-ideal-item { padding: 0.875rem; gap: 0.75rem; }
    .kbhsh-corporate-ideal-icon { width: 2rem; height: 2rem; }
    .kbhsh-corporate-ideal-text { font-size: 0.9375rem; }
    .kbhsh-legacy-section { padding: 1.75rem 1.25rem; }
    .kbhsh-legacy-item { gap: 0.875rem; margin-bottom: 1.75rem; }
    .kbhsh-legacy-icon { width: 2.75rem; height: 2.75rem; }
    .kbhsh-legacy-label { font-size: 0.6875rem; }
    .kbhsh-legacy-title { font-size: 1.125rem; }
    .kbhsh-legacy-text { font-size: 0.8125rem; }
    .kbhsh-book-section { padding: 1.75rem 1.25rem; }
    .kbhsh-book-card { padding: 1.5rem 1.25rem; }
    .kbhsh-book-title { font-size: 1.375rem; }
    .kbhsh-book-grid { row-gap: 1rem; }
    .kbhsh-book-label { font-size: 0.875rem; }
    .kbhsh-book-input { padding: 0.45rem 0.75rem !important; font-size: 0.8125rem !important; }
    .kbhsh-book-footer { margin-top: 1.5rem; gap: 0.875rem; }
    .kbhsh-book-contact { font-size: 0.875rem; align-self: center; text-align: center; width: 100%; }
    .kbhsh-book-contact .book-contact-text { font-size: 0.875rem; justify-content: center; margin-bottom: 0.625rem; }
    .kbhsh-book-contact .book-contact-icon { width: 1.25rem; height: 1.25rem; margin-right: 0.375rem; }
    .kbhsh-book-contact .book-contact-link { font-size: 0.875rem; text-align: center; }
    .kbhsh-book-contact .kbhsh-book-description { font-size: 0.875rem; text-align: center; margin-top: 0.875rem; line-height: 1.5; }
    .kbhsh-book-note { font-size: 0.6875rem; margin-top: 0.5rem; }
    .kbhsh-book-submit-btn { padding: 0.5rem 1.25rem; font-size: 0.875rem; min-width: 120px; }
    .kbhsh-plus { font-size: 1.375rem; top: -8.25px; left: -6.875px; }
    .kbhsh-plus-proven { font-size: 1.375rem; top: -6.875px; left: 0px; }
}

/* Extra Small Mobile Styles (up to 360px) */
@media (max-width: 360px) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic { font-size: 1.625rem; }
    .kbhsh-hero-name { font-size: 1.5rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-unique-title-italic, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 1.375rem; }
    .kbhsh-corporate-label { font-size: 0.625rem; }
    .kbhsh-corporate-subtitle { font-size: 0.75rem; }
    .kbhsh-corporate-outcomes-title { font-size: 0.875rem; }
    .kbhsh-corporate-outcome-title { font-size: 0.75rem; }
    .kbhsh-corporate-outcome-text { font-size: 0.75rem; }
    .kbhsh-corporate-ideal-title { font-size: 0.875rem; }
    .kbhsh-title-banner-text { font-size: 1.375rem; }
}

/* ========================= */
/* 4K Large Screens */
/* ========================= */
@media (max-width: 2560px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 5rem; padding-right: 5rem; }
}

/* ========================= */
/* Large Desktop */
/* ========================= */
@media (max-width: 1920px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 4.5rem; padding-right: 4.5rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4rem; }
    .kbhsh-hero-with, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-hero-tagline, .kbhsh-corporate-ideal-title { font-size: 1.5rem; }
}

/* ========================= */
/* Desktop */
/* ========================= */
@media (max-width: 1600px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding: 2rem 6rem; }
    .kbhsh-about-header { padding: 1rem 6rem;  flex-direction: row;}
    .kbhsh-about-name { font-size: 1.5rem; }
    .kbhsh-about-subtitle { font-size: 2rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4rem; }
    .kbhsh-hero-with, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-hero-tagline { font-size: 1.5rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 3rem; }
    .kbhsh-artist-name, .kbhsh-corporate-ideal-title {font-size: 2.5rem;}
    .kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.8rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-about-text, .kbhsh-about-text-italic, .kbhsh-artist-honours-text, .kbhsh-track-record-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-recognition-text, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-legacy-text { font-size: 1rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-corporate-outcomes-title, .kbhsh-legacy-title, .kbhsh-about-subtitle { font-size: 1.5rem; }
    .kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size: 1.1rem; }
    .kbhsh-artist-stat-number { font-size: 3.2rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 3.5rem; }
    .kbhsh-rating-number-out { font-size: 3rem; }
    .kbhsh-star { height: 1.875rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 3rem; }
    .kbhsh-plus { top: -18px; left: -15px; }
    .kbhsh-plus-proven { top: -19px; left: -14px; }
}

/* ========================= */
/* Small Desktop / Laptop */
/* ========================= */
@media (max-width: 1440px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 3.5rem; padding-right: 3.5rem; }
    .kbhsh-about-header { padding: 1rem 6rem; flex-direction: row;}
    .kbhsh-about-name { font-size: 1.375rem; }
    .kbhsh-about-subtitle { font-size: 1.875rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1.125rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4.75rem; }
    .kbhsh-hero-with { font-size: 3.875rem; }
    .kbhsh-hero-tagline { font-size: 2.125rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 3rem; }
    .kbhsh-artist-name{font-size: 2.25rem;}
    .kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.9375rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-about-text, .kbhsh-about-text-italic, .kbhsh-artist-honours-text, .kbhsh-track-record-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-recognition-text, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-legacy-text { font-size: 1.125rem; }
    .kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-testimonial-text, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size: 0.95rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-corporate-outcomes-title, .kbhsh-legacy-title, .kbhsh-about-subtitle { font-size: 1.875rem; }
    .kbhsh-artist-stat-number { font-size: 2.875rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-hero-with, .kbhsh-title-banner-text, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 3.25rem; }
    .kbhsh-rating-number-out { font-size: 2.875rem; }
    .kbhsh-star { height: 1.75rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 2.8125rem; }
    .kbhsh-plus { top: -16.875px; left: -14.0625px; }
    .kbhsh-plus-proven { top: -14.0625px; left: 0px; }
}

/* ========================= */
/* Laptop */
/* ========================= */
@media (max-width: 1366px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 3rem; padding-right: 3rem; }
    .kbhsh-about-header { padding: 1rem 3.5rem; flex-direction: row;}
    .kbhsh-about-name { font-size: 1.25rem; }
    .kbhsh-about-subtitle { font-size: 1.75rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1.1rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4.5rem; }
    .kbhsh-hero-with { font-size: 3.75rem; }
    .kbhsh-hero-tagline { font-size: 2rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 3rem; }
    .kbhsh-artist-name{font-size: 2rem;}
    .kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.875rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-about-text, .kbhsh-about-text-italic, .kbhsh-artist-honours-text, .kbhsh-track-record-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-recognition-text, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-legacy-text { font-size: 1.1rem; }
    .kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-testimonial-text, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size: 0.9rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-corporate-outcomes-title, .kbhsh-legacy-title, .kbhsh-about-subtitle { font-size: 1.75rem; }
    .kbhsh-artist-stat-number { font-size: 2.625rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-hero-with, .kbhsh-title-banner-text, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 3rem; }
    .kbhsh-rating-number-out { font-size: 2.75rem; }
    .kbhsh-star { height: 1.625rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 2.625rem; }
    .kbhsh-plus { top: -15.75px; left: -13.125px; }
    .kbhsh-plus-proven { top: -13.125px; left: 0px; }
}

/* ========================= */
/* Tablet Landscape */
/* ========================= */
@media (max-width: 1200px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 2.5rem; padding-right: 2.5rem; }
    .kbhsh-about-header { padding: 1rem 3rem; flex-direction: row;}
    .kbhsh-about-name { font-size: 1.125rem; }
    .kbhsh-about-subtitle { font-size: 1.625rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1.1rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4.25rem; }
    .kbhsh-hero-with { font-size: 3.5rem; }
    .kbhsh-hero-tagline { font-size: 1.875rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 2.75rem; }
    .kbhsh-artist-name{font-size: 1.275rem;}
    .kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.8125rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-about-text, .kbhsh-about-text-italic, .kbhsh-artist-honours-text, .kbhsh-track-record-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-recognition-text, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-legacy-text { font-size: 1.05rem; }
    .kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-testimonial-text, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size: 0.9rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-corporate-outcomes-title, .kbhsh-legacy-title, .kbhsh-about-subtitle { font-size: 1.625rem; }
    .kbhsh-artist-stat-number { font-size: 2.375rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-hero-with, .kbhsh-title-banner-text, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 2.75rem; }
    .kbhsh-rating-number-out { font-size: 2.625rem; }
    .kbhsh-star { height: 1.5rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 2.4375rem; }
    .kbhsh-plus { top: -14.625px; left: -12.1875px; }
    .kbhsh-plus-proven { top: -12.1875px; left: 0px; }
    .kbhsh-testimonial-grid { grid-template-columns: repeat(3, 1fr); }
    .kbhsh-unique-grid { grid-template-columns: repeat(2, 1fr); }
    .kbhsh-journey-timeline { flex-direction: row; }
}

@media (max-width: 1200px) and (orientation: landscape) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4.25rem; }
    .kbhsh-hero-with { font-size: 3.5rem; }
    .kbhsh-hero-tagline { font-size: 1.875rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 2.75rem; }
    .kbhsh-artist-stat-number { font-size: 2.25rem; }
    .kbhsh-track-record-number, .kbhsh-rating-number, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-title-banner-text { font-size: 3rem; }
    .kbhsh-plus { font-size: 2.625rem; top: -15.75px; left: -13.125px; }
    .kbhsh-plus-proven { font-size: 2.625rem; top: -13.125px; left: 0px; }
}

/* ========================= */
/* Tablet */
/* ========================= */
@media (max-width: 1024px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 2rem; padding-right: 2rem; }
    .kbhsh-about-header { padding: 1rem 2.5rem; flex-direction: row;}
    .kbhsh-about-name { font-size: 1rem; }
    .kbhsh-about-subtitle { font-size: 1.5rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1.05rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4rem; }
    .kbhsh-hero-with { font-size: 3.25rem; }
    .kbhsh-hero-tagline { font-size: 1.75rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 2.75rem; }
    .kbhsh-artist-name{font-size: 1.275rem;}
    .kbhsh-about-label, .kbhsh-play-info-label, .kbhsh-artist-label, .kbhsh-artist-roles, .kbhsh-artist-stat-label, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-corporate-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.8rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-about-text, .kbhsh-about-text-italic, .kbhsh-artist-honours-text, .kbhsh-track-record-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-recognition-text, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-legacy-text { font-size: 1rem; }
    .kbhsh-play-info-value, .kbhsh-track-record-label, .kbhsh-testimonial-text, .kbhsh-corporate-outcome-title, .kbhsh-corporate-ideal-text, .kbhsh-hero-subtitle { font-size: 0.9rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-corporate-outcomes-title, .kbhsh-legacy-title, .kbhsh-about-subtitle { font-size: 1.5rem; }
    .kbhsh-artist-stat-number { font-size: 2.125rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-hero-with, .kbhsh-title-banner-text, .kbhsh-track-record-number, .kbhsh-rating-number, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-rating-number-out, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-star { height: 1.5rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 2.25rem; }
    .kbhsh-plus { top: -13.5px; left: -11.25px; }
    .kbhsh-plus-proven { top: -11.25px; left: 0px; }
    .kbhsh-corporate-outcomes-grid { gap: 2rem; }
    .kbhsh-corporate-ideal-grid { gap: 1rem; }
    .kbhsh-testimonial-grid { grid-template-columns: repeat(1, 1fr); }
    .kbhsh-unique-grid { grid-template-columns: repeat(1, 1fr); }
    .kbhsh-journey-timeline { flex-direction: row; }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4rem; }
    .kbhsh-hero-with { font-size: 3.25rem; }
    .kbhsh-hero-tagline { font-size: 1.75rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 2.625rem; }
    .kbhsh-artist-stat-number { font-size: 2rem; }
    .kbhsh-artist-stat-label, .kbhsh-artist-roles { font-size: 0.8rem; }
    .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 1.25rem; }
    .kbhsh-title-banner-text { font-size: 2.75rem; }
}

@media (max-width: 1024px) and (orientation: portrait) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 3.75rem; }
    .kbhsh-hero-with { font-size: 3rem; }
    .kbhsh-hero-tagline { font-size: 1.625rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-title-banner-text, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-artist-name{font-size: 1.5rem;}
    .kbhsh-artist-stat-number { font-size: 1.875rem; }
    .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 2rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 2.25rem; }
    .kbhsh-plus { top: -13.5px; left: -11.25px; }
    .kbhsh-plus-proven { top: -11.25px; left: 0px; }
}

/* ========================= */
/* Large Tablet */
/* ========================= */
@media (max-width: 991px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 1.75rem; padding-right: 1.75rem; }
    .kbhsh-about-header { padding: 1rem 2rem; flex-direction: row;}
    .kbhsh-about-name { font-size: 1.875rem; }
    .kbhsh-about-subtitle { font-size: 1.4rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 1rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 4.2rem; }
    .kbhsh-hero-with { font-size: 3.5rem; }
    .kbhsh-hero-tagline { font-size: 2.1rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 2.625rem; }
    .kbhsh-corporate-label, .kbhsh-artist-label, .kbhsh-play-info-label, .kbhsh-artist-stat-label, .kbhsh-artist-roles, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-track-record-label, .kbhsh-recognition-text, .kbhsh-testimonial-text, .kbhsh-legacy-label { font-size: 0.8rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-corporate-outcomes-title, .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title, .kbhsh-legacy-title { font-size: 1.5rem; }
    .kbhsh-corporate-outcome-title { font-size: 0.9375rem; }
    .kbhsh-artist-name { font-size: 2.625rem; }
    .kbhsh-artist-stat-number { font-size: 2rem; }
    .kbhsh-track-record-intro { font-size: 1.1rem; }
    .kbhsh-track-record-number { font-size: 3.25rem; }
    .kbhsh-corporate-ideal-text { font-size: 1.05rem; }
    .kbhsh-rating-number { font-size: 3.25rem; }
    .kbhsh-rating-number-out { font-size: 2.25rem; }
    .kbhsh-rating-label { font-size: 0.75rem; }
    .kbhsh-star { height: 1.375rem; }
    .kbhsh-plus { font-size: 2.0625rem; top: -12.375px; left: -10.3125px; }
    .kbhsh-plus-proven { font-size: 2.0625rem; top: -15.3125px; left: -9px; }
    .kbhsh-hero-subtitle { font-size: 1.03125rem; }
    .kbhsh-title-banner-text { font-size: 2.75rem; }
    .kbhsh-recognition-text { font-size: 1rem; }
    .kbhsh-testimonial-text { font-size: 1rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-corporate-outcomes-grid { grid-template-columns: 1fr; gap: 1.875rem; }
    /* Medium breakpoint tweak already using 2 columns – keep as-is */
    input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 14px 18px !important; min-height: 50px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
    /* Apple Device Specific Fixes - Mac, iPad and iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input{ -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 14px 18px !important; padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 18px !important; padding-right: 45px !important; min-height: 50px !important; height: 50px !important; line-height: 22px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 18px !important; padding-right: 50px !important; padding-top: 14px !important; padding-bottom: 14px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 20px !important; height: 20px !important; position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 14px 18px !important; }
    }
    /* Additional Mac Safari Fix - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 14px 18px !important; padding-left: 18px !important; padding-right: 50px !important; -webkit-padding-start: 18px !important; -webkit-padding-end: 50px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }

}

@media (max-width: 991px) and (orientation: landscape) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 3.75rem; }
    .kbhsh-hero-with { font-size: 3rem; }
    .kbhsh-hero-tagline { font-size: 1.625rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title,  .kbhsh-corporate-title, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-artist-name { font-size: 2.5rem; }
    .kbhsh-artist-stat-number { font-size: 1.875rem; }
    .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 2rem; }
    .kbhsh-title-banner-text { font-size: 2.5rem; }
    input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 14px 18px !important; min-height: 50px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }

    /* Apple Device Specific Fixes - Mac, iPad and iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input{ -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 14px 18px !important; padding-top: 14px !important; padding-bottom: 14px !important; padding-left: 18px !important; padding-right: 45px !important; min-height: 50px !important; height: 50px !important; line-height: 22px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 18px !important; padding-right: 50px !important; padding-top: 14px !important; padding-bottom: 14px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 20px !important; height: 20px !important; position: absolute !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 14px 18px !important; }
    }
    /* Additional Mac Safari Fix - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 14px 18px !important; padding-left: 18px !important; padding-right: 50px !important; -webkit-padding-start: 18px !important; -webkit-padding-end: 50px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }

}

/* ========================= */
/* Large Mobile */
/* ========================= */
@media (max-width: 600px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 1.25rem; padding-right: 1.25rem; }
    .kbhsh-about-header { padding: 1rem 1.5rem; flex-direction: column;}
    .kbhsh-about-name { font-size: 1.5rem; }
    .kbhsh-about-subtitle { font-size: 1.3rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 0.9375rem; }
    .kbhsh-hero-subtitle { font-size: 0.875rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2.625rem; }
    .kbhsh-hero-with { font-size: 2.125rem; }
    .kbhsh-hero-tagline { font-size: 1.125rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 1.75rem; }
    .kbhsh-artist-label, .kbhsh-play-info-label, .kbhsh-artist-stat-label, .kbhsh-artist-roles, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-recognition-text, .kbhsh-unique-intro, .kbhsh-unique-item-text { font-size: 0.875rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-play-info-value, .kbhsh-artist-honours-text, .kbhsh-journey-timeline-text, .kbhsh-track-record-label, .kbhsh-track-record-text { font-size: 0.875rem; }
    .kbhsh-artist-stat-number { font-size: 1.5rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle, .kbhsh-unique-item-title { font-size: 1.25rem; }
    .kbhsh-testimonial-text { font-size: 0.9rem; }
    .kbhsh-track-record-number { font-size: 2.625rem; }
    .kbhsh-rating-number { font-size: 2.375rem; }
    .kbhsh-rating-number-out { font-size: 1.75rem; }
    .kbhsh-title-banner-text { font-size: 1.625rem; }
    .kbhsh-video-section { padding: 1.125rem 0.875rem; }
    .kbhsh-play-button svg { width: 3.5rem; height: 3.5rem; }
    .kbhsh-book-section { padding:2.5rem 1.25rem 3rem; }
    .kbhsh-book-card { padding:2rem 1.5rem 2rem; }
    .kbhsh-book-grid { grid-template-columns:1fr; }
    .kbhsh-book-grid-textarea {grid-template-columns:1fr;}
}

@media (max-width: 600px) and (orientation: landscape) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2.625rem; }
    .kbhsh-hero-with { font-size: 2.125rem; }
    .kbhsh-hero-tagline { font-size: 1.125rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 1.625rem; }
    .kbhsh-artist-name { font-size: 2rem; }
    .kbhsh-artist-stat-number, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 1.375rem; }
    .kbhsh-title-banner-text { font-size: 1.625rem; }
    .kbhsh-video-section { padding: 1rem 0.75rem; }
}

/* ========================= */
/* Small Mobile */
/* ========================= */
@media (max-width: 375px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 1rem; padding-right: 1rem; }
    .kbhsh-about-header { padding: 1rem 1.25rem; flex-direction: column;}
    .kbhsh-about-name { font-size: 1.375rem; }
    .kbhsh-about-subtitle { font-size: 1rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 0.875rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2.25rem; }
    .kbhsh-hero-with { font-size: 1.875rem; }
    .kbhsh-hero-tagline { font-size: 1rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 1.625rem; }
    .kbhsh-artist-label, .kbhsh-play-info-label, .kbhsh-artist-stat-label, .kbhsh-artist-roles, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-legacy-label, .kbhsh-rating-label { font-size: 0.875rem; }
    .kbhsh-testimonial-author{font-size:0.7rem}
    .kbhsh-play-info-value, .kbhsh-testimonial-text { font-size: 0.7rem; }
    .kbhsh-artist-stat-number { font-size: 1.5rem; }
    .kbhsh-artist-honours-title, .kbhsh-journey-subtitle, .kbhsh-journey-timeline-subtitle { font-size: 1.25rem; }
    .kbhsh-artist-honours-text, .kbhsh-journey-timeline-text, .kbhsh-track-record-intro, .kbhsh-track-record-label, .kbhsh-track-record-text, .kbhsh-recognition-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-corporate-ideal-text, .kbhsh-legacy-text { font-size: 0.9375rem; }
    .kbhsh-track-record-number, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-unique-item-title, .kbhsh-legacy-title { font-size: 1.125rem; }
    .kbhsh-rating-number { font-size: 2.25rem; }
    .kbhsh-rating-number-out { font-size: 1.75rem; }
    .kbhsh-star { height: 1.125rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 1.5rem; }
    .kbhsh-plus { top: -9px; left: -7.5px; }
    .kbhsh-plus-proven { top: -7.5px; left: 0px; }
    .kbhsh-title-banner-text { font-size: 1.5rem; }
    .kbhsh-video-section { padding: 1rem 0.75rem; }
    .kbhsh-play-button svg { width: 3.25rem; height: 3.25rem; }
}

/* ========================= */
/* Very Small Phones */
/* ========================= */
@media (max-width: 320px) {
    .kbhsh-about-content, .kbhsh-artist-section, .kbhsh-journey-section, .kbhsh-track-record-section, .kbhsh-unique-section, .kbhsh-recognition-section, .kbhsh-corporate-section, .kbhsh-legacy-section, .kbhsh-rating-section { padding-left: 0.875rem; padding-right: 0.875rem; }
    .kbhsh-about-header { padding: 1rem 1rem; flex-direction: column;}
    .kbhsh-about-name { font-size: 1.25rem; }
    .kbhsh-about-subtitle { font-size: 0.875rem; }
    .kbhsh-about-text, .kbhsh-about-text-italic { font-size: 0.8125rem; }
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2rem; }
    .kbhsh-hero-with { font-size: 1.625rem; }
    .kbhsh-hero-subtitle { font-size: 0.625rem; }
    .kbhsh-hero-tagline { font-size: 0.875rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 1.5rem; }
    .kbhsh-artist-label, .kbhsh-play-info-label, .kbhsh-artist-stat-label, .kbhsh-artist-roles, .kbhsh-legacy-label { font-size: 0.75rem; }
    .kbhsh-play-info-value, .kbhsh-artist-honours-text, .kbhsh-track-record-label, .kbhsh-track-record-text, .kbhsh-corporate-ideal-text, .kbhsh-legacy-text { font-size: 0.875rem; }
    .kbhsh-artist-stat-number, .kbhsh-track-record-number { font-size: 1.25rem; }
    .kbhsh-artist-honours-title { font-size: 1.125rem; }
    .kbhsh-legacy-title { font-size: 1rem; }
    .kbhsh-rating-number { font-size: 2rem; }
    .kbhsh-rating-number-out { font-size: 1.5rem; }
    .kbhsh-rating-label { font-size: 0.625rem; }
    .kbhsh-star { height: 1rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 1.375rem; }
    .kbhsh-plus { top: -8.25px; left: -6.875px; }
    .kbhsh-plus-proven { top: -6.875px; left: 0px; }
    .kbhsh-title-banner-text { font-size: 1.375rem; }
    .kbhsh-video-section { padding: 0.875rem 0.625rem; }
    .kbhsh-play-button svg { width: 3rem; height: 3rem; }
}

/* ========================= */
/* Mobile Portrait */
/* ========================= */
@media (max-width: 768px) and (orientation: portrait) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2.625rem; }
    .kbhsh-hero-with { font-size: 2.125rem; }
    .kbhsh-hero-tagline { font-size: 1.125rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-title-banner-text { font-size: 1.75rem; }
    .kbhsh-artist-name { font-size: 2.25rem; }
    .kbhsh-plus { font-size: 1.75rem; top: -10.5px; left: -8.75px; }
    .kbhsh-plus-proven { font-size: 1.75rem; top: -8.75px; left: 0px; }
    .input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 12px 15px !important; min-height: 48px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
            /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input { -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 12px 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 15px !important; padding-right: 40px !important; min-height: 48px !important; height: 48px !important; line-height: 24px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 15px !important; padding-right: 45px !important; padding-top: 12px !important; padding-bottom: 12px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 18px !important; height: 18px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;  }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 2.875rem; }
    .kbhsh-hero-with { font-size: 2.375rem; }
    .kbhsh-hero-tagline { font-size: 1.25rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title { font-size: 1.875rem; }
    .kbhsh-artist-name { font-size: 2.375rem; }
    .kbhsh-artist-stat-number, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 1.625rem; }
    .kbhsh-title-banner-text { font-size: 1.875rem; }
    .kbhsh-plus { font-size: 1.875rem; top: -11.25px; left: -9.375px; }
    .kbhsh-plus-proven { font-size: 1.875rem; top: -9.375px; left: 0px; }
    .kbhsh-video-section { padding: 1rem 0.75rem; }
    .input[type="date"].kbhsh-book-input { color: #000000 !important; padding: 12px 15px !important; min-height: 48px !important; height: auto !important; -webkit-appearance: none !important; appearance: none !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field:not(:focus),
    .kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field:not(:focus) { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field { color: #999 !important; }
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
    .kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field { color: #999 !important; }
            /* Apple Device Specific Fixes for Small Screens - iPhone */
    @supports (-webkit-touch-callout: none) {
        input[type="date"].kbhsh-book-input { -webkit-appearance: none !important; appearance: none !important; border-radius: 50px !important; padding: 12px 15px !important; padding-top: 12px !important; padding-bottom: 12px !important; padding-left: 15px !important; padding-right: 40px !important; min-height: 48px !important; height: 48px !important; line-height: 24px !important; display: block !important; width: 100% !important; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input { color: #000000 !important; padding-left: 15px !important; padding-right: 45px !important; padding-top: 12px !important; padding-bottom: 12px !important; text-align: left !important; text-indent: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-calendar-picker-indicator { opacity: 1 !important; background: transparent !important; color: #C9A961 !important; cursor: pointer !important; padding: 0 !important; margin: 0 !important; width: 18px !important; height: 18px !important; position: absolute !important; right: 15px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 1 !important;  }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text { padding: 0 2px !important; color: #000000 !important; }
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
        input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field { padding: 0 !important; color: #000000 !important; }
        /* Ensure other inputs maintain their padding */
        .kbhsh-book-input:not([type="date"]):not(select) { padding: 12px 15px !important;}
    }
    /* Additional Mac Safari Fix for Small Screens - Only for Safari browsers */
    @supports (-webkit-touch-callout: none) {
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            @supports (-webkit-appearance: none) and (not (appearance: none)) {
                input[type="date"].kbhsh-book-input { padding: 12px 15px !important; padding-left: 15px !important; padding-right: 45px !important; -webkit-padding-start: 15px !important; -webkit-padding-end: 45px !important; text-align: left !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit { padding: 0 !important; margin: 0 !important; }
                input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper { padding: 0 !important; margin: 0 !important; }
            }
        }
    }
}

/* ========================= */
/* Mobile Portrait (480px) */
/* ========================= */
@media (max-width: 480px) and (orientation: portrait) {
    .kbhsh-hero-title-main, .kbhsh-hero-title-main-italic, .kbhsh-hero-name { font-size: 3rem; }
    .kbhsh-hero-with, .kbhsh-corporate-ideal-title { font-size: 2.5rem; }
    .kbhsh-hero-tagline { font-size: 1.3rem; }
    .kbhsh-about-title, .kbhsh-journey-title, .kbhsh-track-record-title, .kbhsh-unique-title, .kbhsh-recognition-title, .kbhsh-corporate-title, .kbhsh-artist-name { font-size: 2rem;}
    .kbhsh-artist-stat-number, .kbhsh-track-record-number, .kbhsh-rating-number { font-size: 2.25rem; }
    .kbhsh-title-banner-text { font-size: 1.9rem; }
    .kbhsh-plus, .kbhsh-plus-proven { font-size: 1.5rem; }
    .kbhsh-plus { top: -9px; left: -7.5px; }
    .kbhsh-plus-proven { top: -7.5px; left: -5px; }
    .kbhsh-video-section { padding: 1rem 0.75rem; }
    .kbhsh-play-button svg { width: 3rem; height: 3rem; }
    .kbhsh-corporate-label, .kbhsh-corporate-subtitle, .kbhsh-corporate-outcome-text, .kbhsh-artist-label, .kbhsh-play-info-label, .kbhsh-play-info-value, .kbhsh-artist-stat-label, .kbhsh-artist-roles, .kbhsh-artist-honours-text, .kbhsh-journey-label, .kbhsh-journey-timeline-label, .kbhsh-journey-timeline-text, .kbhsh-track-record-label, .kbhsh-track-record-text, .kbhsh-recognition-text, .kbhsh-testimonial-text, .kbhsh-unique-intro, .kbhsh-unique-item-text, .kbhsh-legacy-label, .kbhsh-legacy-text{font-size: 0.875rem;}
    .kbhsh-testimonial-author{font-size:0.7rem}
}

/* ========================= */
/* Landscape Orientation */
/* ========================= */
@media (orientation: landscape) {
    .kbhsh-video-section { padding: 2rem 1.25rem; }
}

/* ========================= */
/* Portrait Orientation */
/* ========================= */
@media (orientation: portrait) {
    .kbhsh-video-section { padding: 1.5rem 1rem; }
}

input[type="date"]::-webkit-calendar-picker-indicator { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; padding: 5px; }

/* =========================================================
   FINAL GLOBAL PLACEHOLDER / VALUE COLOR RULES FOR KBHSH FORM
   ========================================================= */

/* All standard inputs & textarea: placeholder grey, value black */
.kbhsh-book-form .kbhsh-book-input {
    color: #000000 !important; /* typed value */
}

.kbhsh-book-form .kbhsh-book-input::placeholder {
    color: #999 !important;
}

/* Older/other engines (best-effort) */
.kbhsh-book-form .kbhsh-book-input:-ms-input-placeholder {
    color: #999 !important;
}

.kbhsh-book-form .kbhsh-book-input::-ms-input-placeholder {
    color: #999 !important;
}

/* Date inputs: ensure value text is black by default */
.kbhsh-book-form input[type="date"].kbhsh-book-input,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-fields-wrapper,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-text,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input::-webkit-datetime-edit-year-field {
    color: #000000 !important;
}

/* Date inputs: placeholder / empty / invalid segments grey */
.kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input:invalid::-webkit-datetime-edit-year-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input:not([value])::-webkit-datetime-edit-year-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-month-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-day-field,
.kbhsh-book-form input[type="date"].kbhsh-book-input.no-date-value::-webkit-datetime-edit-year-field {
    color: #999 !important;
}

/* Custom single-select & multi-select "placeholder" text (when nothing chosen) */
.kbhsh-book-form .custom-single-select .custom-single-select-text,
.kbhsh-book-form .custom-multi-select .custom-multi-select-text {
    color: #999 !important;
}

/* When there is a selection, show black like normal input text */
.kbhsh-book-form .custom-single-select.has-selection .custom-single-select-text,
.kbhsh-book-form .custom-multi-select.has-selection .custom-multi-select-text {
    color: #000000 !important;
}