.elementor-6 .elementor-element.elementor-element-01afdfb{padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-31d5ca2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-b438eb5{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-8b3432c{text-align:start;}.elementor-6 .elementor-element.elementor-element-8b3432c img{width:100%;}.elementor-6 .elementor-element.elementor-element-ecfd933{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle{margin-left:auto;background-color:#2430436B;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--main .elementor-item{color:#0D1117;fill:#0D1117;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a, .elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle{color:#0D1117;fill:#0D1117;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a:hover,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a:focus,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle:hover,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle:focus{color:#0033A0;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a:hover,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a:focus,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a.highlighted{background-color:#EFF4FE;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown a.elementor-item-active{color:#0033A0;background-color:#EFF4FE;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown .elementor-item, .elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle:hover, .elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle:hover svg, .elementor-6 .elementor-element.elementor-element-e3d31b8 div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle:hover, .elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-menu-toggle:focus{background-color:#0033A0;}.elementor-6 .elementor-element.elementor-element-015e044{--display:flex;}.elementor-6 .elementor-element.elementor-element-eea7043{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-6 .elementor-element.elementor-element-c60a6ca{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-55feb99 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:2.1px;color:#F9F9F859;}.elementor-6 .elementor-element.elementor-element-55feb99 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-55feb99 .elementor-heading-title a:focus{color:#0033A0;}.elementor-6 .elementor-element.elementor-element-55feb99 .elementor-heading-title a{transition-duration:0.3s;}.elementor-6 .elementor-element.elementor-element-e52c454 .elementor-nav-menu .elementor-item{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:600;line-height:38px;}.elementor-6 .elementor-element.elementor-element-e52c454 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-165f277{--display:flex;}.elementor-6 .elementor-element.elementor-element-7b53ad7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:2.1px;color:#F9F9F859;}.elementor-6 .elementor-element.elementor-element-7b53ad7 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-7b53ad7 .elementor-heading-title a:focus{color:#0033A0;}.elementor-6 .elementor-element.elementor-element-7b53ad7 .elementor-heading-title a{transition-duration:0.3s;}.elementor-6 .elementor-element.elementor-element-15c6b82 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:25px;}.elementor-6 .elementor-element.elementor-element-15c6b82 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-2365462{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-bc491f3{text-align:end;}.elementor-6 .elementor-element.elementor-element-bc491f3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:2.1px;color:#F9F9F859;}.elementor-6 .elementor-element.elementor-element-bc491f3 .elementor-heading-title a:hover, .elementor-6 .elementor-element.elementor-element-bc491f3 .elementor-heading-title a:focus{color:#0033A0;}.elementor-6 .elementor-element.elementor-element-bc491f3 .elementor-heading-title a{transition-duration:0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-c811228{text-align:end;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-6 .elementor-element.elementor-element-5448846{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:none;--border-style:none;}.elementor-6 .elementor-element.elementor-element-6237ace{width:100%;max-width:100%;text-align:center;}.elementor-6 .elementor-element.elementor-element-6237ace .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:189px;font-weight:600;color:#F9F9F80F;}.elementor-6 .elementor-element.elementor-element-a8b8481{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6 .elementor-element.elementor-element-ac76be8{--display:flex;}.elementor-6 .elementor-element.elementor-element-854b6d8{--display:flex;}.elementor-6 .elementor-element.elementor-element-3b641f0{--display:flex;}.elementor-6 .elementor-element.elementor-element-59aa5ad .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:18px;letter-spacing:0.6px;}.elementor-6 .elementor-element.elementor-element-59aa5ad .elementor-nav-menu--main .elementor-item{color:#F9F9F866;fill:#F9F9F866;}body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F8;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-31d5ca2{--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-6 .elementor-element.elementor-element-b438eb5{--width:72%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-6 .elementor-element.elementor-element-8b3432c img{width:100%;}.elementor-6 .elementor-element.elementor-element-ecfd933{--width:26%;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown .elementor-item, .elementor-6 .elementor-element.elementor-element-e3d31b8 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-6 .elementor-element.elementor-element-e3d31b8{--nav-menu-icon-size:18px;}.elementor-6 .elementor-element.elementor-element-2365462{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-c811228{text-align:start;}.elementor-6 .elementor-element.elementor-element-6237ace .elementor-heading-title{font-size:59px;}.elementor-6 .elementor-element.elementor-element-3b641f0{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-31d5ca2{--width:95%;}.elementor-6 .elementor-element.elementor-element-b438eb5{--width:35%;}.elementor-6 .elementor-element.elementor-element-015e044{--content-width:78%;}.elementor-6 .elementor-element.elementor-element-eea7043{--width:91%;}.elementor-6 .elementor-element.elementor-element-5448846{--width:91%;}.elementor-6 .elementor-element.elementor-element-a8b8481{--width:91%;}}/* Start custom CSS *//* ==========================================================================
   1. STRICT ELEMENTOR HEADER OVERRIDES
   ========================================================================== */
.site-header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    background: transparent !important;
}

.site-nav .elementor-nav-menu--main .elementor-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.20em !important;
    font-weight: 500 !important;
    color: #0D1117 !important;
    position: relative;
    padding-bottom: 8px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: none !important;
}

.site-nav .elementor-nav-menu li:last-child a.elementor-item {
    color: #0033A0 !important;
}

.site-nav .elementor-nav-menu--main .elementor-item::before {
    display: none !important;
}

.site-nav .elementor-nav-menu--main a.elementor-item::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 0 !important;
    height: 1px !important;
    bottom: 0px !important;
    left: 0 !important;
    background-color: #0033A0 !important;
    transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 1 !important;
}

.site-nav .elementor-nav-menu--main a.elementor-item:hover::after,
.site-nav .elementor-nav-menu--main a.elementor-item.elementor-item-active::after {
    width: 100% !important;
}


/* ==========================================================================
   2. HERO SECTION
   ========================================================================== */
body {
    background-color: #F9F9F8;
    color: #0D1117;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none; scrollbar-width: none; }
::selection { background: #0033A0; color: #fff; }

.bhb-hero-wrapper {
    background-color: #F9F9F8;
    position: relative;
    z-index: 2; 
    width: 100%;
    overflow: hidden;
}

.bhb-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(13, 17, 23, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 17, 23, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

.bhb-hero-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 8rem 1.5rem 4rem !important; 
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 10;
}

.bhb-hero-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 10;
}

.bhb-col-left {
    display: flex; flex-direction: column; justify-content: center;
    order: 1; 
    z-index: 30; pointer-events: none;
}

.bhb-col-right {
    position: relative;
    order: 2; 
    z-index: 20; height: 50vh; width: 100%;
    display: flex; align-items: center; justify-content: center; margin-top: 2rem;
}

.bhb-font-serif { font-family: 'Cormorant Garamond', serif; }
.bhb-font-sans { font-family: 'Inter', sans-serif; }

.bhb-subtitle-wrap { overflow: hidden; margin-bottom: 1.5rem; padding-top: 0.5rem; padding-bottom: 1rem; margin-top: -0.5rem; margin-bottom: -1rem; }
.bhb-subtitle-flex { display: flex; align-items: center; gap: 1rem; }
.bhb-subtitle-line { width: 3rem; height: 2px; background-color: rgba(0, 51, 160, 0.6); }
.bhb-subtitle-text { font-size: 12px; text-transform: uppercase; letter-spacing: 0.4em; color: #0033A0; font-weight: 700; white-space: nowrap; }

.bhb-title-group { display: flex; flex-direction: column; margin-bottom: 2.5rem; }
.bhb-overflow-box { overflow: hidden; padding-top: 1.5rem; padding-bottom: 2rem; margin-top: -1.5rem; margin-bottom: -2rem; }
.bhb-overflow-box.bhb-mt { margin-top: 0.5rem; }

.bhb-h1 { font-size: 12vw; line-height: 0.9; color: #0D1117; letter-spacing: -0.025em; margin: 0; }
.bhb-h1-italic { font-style: italic; }
.bhb-h1-sub { font-size: 9vw; line-height: 0.9; color: rgba(13, 17, 23, 0.8); letter-spacing: -0.025em; margin: 0; }

.bhb-blue-underline { position: relative; display: inline-block; white-space: nowrap; font-style: italic; font-weight: 500; color: #0D1117; }
.bhb-blue-underline::after {
    content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 3px; 
    background-color: #0033A0; transform: scaleX(0); transform-origin: right; transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); z-index: -1;
}
.bhb-blue-underline.active::after { transform: scaleX(1); transform-origin: left; }

.bhb-excerpt-group {
    display: flex; flex-direction: column; gap: 2rem; max-width: 28rem; pointer-events: auto;
    margin-left: 0.5rem; border-left: 1px solid rgba(13, 17, 23, 0.1); padding-left: 1.5rem;
}
.bhb-excerpt-text { font-size: 16px; color: rgba(13, 17, 23, 0.7); line-height: 2.2; font-weight: 400; margin: 0; }

.bhb-explore-btn { display: inline-flex; align-items: center; gap: 1.5rem; color: #0D1117; font-size: 12px; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 700; transition: color 0.3s; text-decoration: none; }
.bhb-explore-btn:hover { color: #0033A0; }
.bhb-btn-line { width: 4rem; height: 1px; background-color: rgba(13, 17, 23, 0.3); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
.bhb-explore-btn:hover .bhb-btn-line { width: 6rem; background-color: #0033A0; }

.bhb-watermark { position: absolute; top: 50%; left: 5%; transform: translateY(-50%); pointer-events: none; z-index: 0; }
.bhb-watermark-text { font-style: italic; font-size: 28vw; line-height: 1; color: rgba(13, 17, 23, 0.04); white-space: nowrap; user-select: none; margin: 0; }

/* --- ARTWORK SLIDER STYLES --- */
.bhb-slider-wrap { 
    right: 0; margin: 0 auto; width: 90%; z-index: 10; position: relative; 
    transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Base Morphing Animations for Container & Stacks */
.bhb-slider-stack, .bhb-slider-container {
    transition: aspect-ratio 0.8s cubic-bezier(0.19, 1, 0.22, 1), all 0.5s ease;
}

/* Stacked Card Effect Layers */
.bhb-slider-stack {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: #FFFFFF; border: 1px solid rgba(13, 17, 23, 0.05);
    box-shadow: 10px 10px 30px -5px rgba(13, 17, 23, 0.15);
    aspect-ratio: 3/2; 
}
.bhb-stack-1 { z-index: 2; transform: translate(1rem, 1rem); }
.bhb-stack-2 { z-index: 1; transform: translate(1.3rem, 1.3rem); }

/* Main Matte Container */
.bhb-slider-container {
    background: #FFFFFF; padding: 1.5rem; position: relative; z-index: 3;
    box-shadow: 0 20px 40px -10px rgba(13, 17, 23, 0.15), inset 0 0 0 1px rgba(13, 17, 23, 0.02);
    aspect-ratio: 3/2; 
    overflow: hidden;
}

/* Portrait / Sculpture Morph Mode */
.bhb-portrait-mode .bhb-slider-container, 
.bhb-portrait-mode .bhb-slider-stack {
    aspect-ratio: 4/5 !important;
}
.bhb-portrait-mode.bhb-slider-wrap {
    width: 75%; /* Scales down slightly to prevent huge height jumps on mobile */
}

.bhb-slide { position: absolute; inset: 0.9rem; opacity: 0; visibility: hidden; transition: opacity 0.8s ease, visibility 0.8s ease; z-index: 1; }
.bhb-slide.active { opacity: 1; visibility: visible; z-index: 2; }

.bhb-img-box { width: 100%; height: 100%; overflow: hidden; position: relative; cursor: pointer; border: 1px solid rgba(13, 17, 23, 0.05); }
.bhb-img { width: 100%; height: 100% !important; object-fit: cover; object-position: center; transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1); }
.bhb-img-box:hover .bhb-img { transform: scale(1.03); }

.bhb-img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 51, 160, 0.2), transparent); opacity: 0; pointer-events: none; mix-blend-mode: multiply; transition: opacity 1s; }
.bhb-img-box:hover .bhb-img-overlay { opacity: 1; }

.bhb-plaque { position: absolute; display: flex; align-items: center; gap: 0.75rem; z-index: 20; }
.bhb-plaque-painting { right: 0; bottom: 0.5rem; }

.bhb-plaque-text { font-size: 10px; text-transform: uppercase; letter-spacing: 0.3em; color: #0D1117; font-weight: 700; white-space: nowrap; background-color: rgba(249, 249, 248, 0.9); backdrop-filter: blur(4px); padding: 0.375rem 1rem; border: 1px solid rgba(13, 17, 23, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin: 0; }
.bhb-plaque-text span { font-weight: 300; color: #64748B; }
.bhb-plaque-line { width: 3rem; height: 1px; background-color: rgba(13, 17, 23, 0.2); }
.bhb-hide-mobile { display: none; }

/* Gradient Hover Navigation Buttons */
.bhb-slider-nav { position: absolute; right: -2rem; bottom: -2rem; display: flex; gap: 0.5rem; z-index: 30; }
.bhb-slider-btn { 
    background: #FFFFFF; border: 1px solid rgba(13, 17, 23, 0.1); 
    width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; 
    cursor: pointer; color: #0D1117; transition: all 0.3s ease; 
    box-shadow: 0 10px 20px -5px rgba(13, 17, 23, 0.1);
    position: relative; overflow: hidden; z-index: 1;
    outline: none; -webkit-tap-highlight-color: transparent;
}
.bhb-slider-btn::before {
    content: ''; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(135deg, #0033A0, #60A5FA);
    opacity: 0; transition: opacity 0.3s ease;
}
/* Force text/icon color to white and show gradient background on hover/focus/active */
.bhb-slider-btn:hover, .bhb-slider-btn:focus, .bhb-slider-btn:active { 
    color: #FFFFFF !important; border-color: transparent; outline: none;
}
.bhb-slider-btn:hover::before, .bhb-slider-btn:focus::before, .bhb-slider-btn:active::before { 
    opacity: 1; 
}

.bhb-scroll-wrap { position: absolute; bottom: 2rem; left: 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
.bhb-scroll-text { font-size: 8px; text-transform: uppercase; letter-spacing: 0.4em; color: #64748B; font-weight: 500;  transform: rotate(90deg) translateY(1.5rem); }
.bhb-scroll-track { width: 1px; height: 4rem; background-color: rgba(13, 17, 23, 0.1); position: relative; overflow: hidden; margin-top: 1.5rem; }
.bhb-scroll-thumb { width: 100%; height: 100%; background-color: #0033A0; position: absolute; top: 0; left: 0; }

@keyframes scrollBounce {
    0%, 100% { transform: translateY(-100%); }
    50% { transform: translateY(0%); }
}

.bhb-spacer { width: 100%; height: 10vh; background-color: #F9F9F8; border-top: 1px solid rgba(13, 17, 23, 0.05); }

/* --- MEDIA QUERIES --- */
@media (max-width: 768px) {    
   .bhb-subtitle-wrap { margin-bottom: 1rem !important; }
   .bhb-plaque-text { letter-spacing: 0.05em !important; }
}

@media (min-width: 768px) {
    .bhb-col-right { height: 75vh; }
    .bhb-subtitle-wrap { margin-bottom: 2rem; }
    .bhb-subtitle-text { font-size: 13px; }
    .bhb-title-group { margin-bottom: 3.5rem; }
    .bhb-overflow-box.bhb-mt { margin-top: 1rem; }
    .bhb-h1 { font-size: 13.8vw; }
    .bhb-h1-sub { font-size: 13vw; }
    .bhb-excerpt-group { margin-left: 4rem; padding-left: 2rem; }
    .bhb-excerpt-text { font-size: 17px; }
    .bhb-watermark { left: 10%; }
    
    .bhb-slider-wrap { width: 85%; }
    .bhb-portrait-mode.bhb-slider-wrap { width: 55%; } /* Keeps height proportional on tablet */

    .bhb-stack-1 { transform: translate(1.5rem, 1.5rem); }
    .bhb-stack-2 { transform: translate(3rem, 3rem); }
    .bhb-plaque-painting { right: -3rem; bottom: 3rem; }
    .bhb-slider-nav { right: -1.5rem; bottom: -1.5rem; }
    .bhb-hide-mobile { display: block; }
    .bhb-scroll-wrap { left: 4rem; }
}

@media (min-width: 1024px) {
    .bhb-hero-container { padding: 4.5rem 6rem 6rem !important; }
    .bhb-hero-grid { grid-template-columns: repeat(12, 1fr); gap: 2rem; }
    .bhb-col-left { grid-column: span 6; order: 1; }
    .bhb-col-right { grid-column: span 6; order: 2; height: 85vh; justify-content: flex-end; margin-top: 0; }
    .bhb-h1 { font-size: 7vw; }
    .bhb-h1-sub { font-size: 5vw; }
    .bhb-watermark-text { font-size: 22vw; }
    
    .bhb-slider-wrap { width: 75%; }
    .bhb-portrait-mode.bhb-slider-wrap { width: 45%; } /* Slimmer on large screens to fit 4:5 height neatly */
    
    .bhb-slider-container, .bhb-slider-stack { aspect-ratio: 16/10; } 
}

@media (min-width: 1280px) {
    .bhb-h1 { font-size: 7.5vw; }
    .bhb-h1-sub { font-size: 5.5vw; }
}

.bhb-img-box .bhb-img-ht1 {
    height: 320px !important;
}



/* ==========================================================================
   3. QUOTE & STORY SECTION
   ========================================================================== */
.bhb-story-wrapper {
    background-color: #0D1117 !important;
    color: #F9F9F8 !important;
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    z-index: 1; /* FIX: Pushed cleanly under the Hero */
}

.bhb-story-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(249, 249, 248, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(249, 249, 248, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

.bhb-story-container {
    position: relative;
    width: 100%;
    padding: 6.5rem 1.5rem; 
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 10;
}

.bhb-story-grid {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: relative;
    z-index: 10;
}

.bhb-story-col-left { display: flex; flex-direction: column; justify-content: center; position: relative; }
.bhb-story-col-right { display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 10; }

.bhb-watermark-quote {
    position: absolute;
    top: 4rem; left: -0.5rem;
    font-family: 'Cormorant Garamond', serif;
    font-size: 120px;
    color: rgba(249, 249, 248, 0.05);
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.bhb-quote-text {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 2.35rem;
    line-height: 1.35;
    color: #F9F9F8;
    letter-spacing: -0.025em;
    max-width: 56rem;
    margin: 0 0 2rem 0;
    position: relative;
    z-index: 10;
}

.bhb-grad-1 { background-image: linear-gradient(to right, #93C5FD, #0033A0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500; }
.bhb-grad-2 { background-image: linear-gradient(to right, #0033A0, #60A5FA); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500; }

.bhb-attribution { display: flex; align-items: center; gap: 1.5rem; }
.bhb-attr-line { width: 4rem; height: 1px; background-color: #0033A0; }
.bhb-attr-text { font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3em; color: rgba(249, 249, 248, 0.8); font-weight: 500; white-space: nowrap; margin: 0; }

.bhb-structural-line {
    position: absolute; top: 0; left: -1rem; width: 1px; height: 100%;
    background: linear-gradient(to bottom, rgba(0, 51, 160, 0.5), rgba(0, 51, 160, 0.1), transparent);
}

.bhb-portrait-wrap {
    width: 12rem; aspect-ratio: 1/1; overflow: hidden; margin-bottom: 2rem; border: 1px solid rgba(249, 249, 248, 0.1); position: relative;
}
.bhb-portrait-overlay { position: absolute; inset: 0; z-index: 10; pointer-events: none; transition: background-color 0.7s ease; }
.bhb-portrait-wrap:hover .bhb-portrait-overlay { background-color: transparent; }
.bhb-portrait-img { width: 100%; height: 100%; object-fit: cover; }

.bhb-bio-text { font-family: 'Inter', sans-serif; font-size: 17px; color: rgba(249, 249, 248, 0.7); line-height: 2.3; font-weight: 400; margin: 0 0 2rem 0; }
.bhb-bio-text:last-child { margin-bottom: 0; }

.bhb-glass-highlight {
    background-color: rgba(0, 51, 160, 0.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(0, 51, 160, 0.3);
    padding: 2px 8px; border-radius: 6px; color: rgba(249, 249, 248, 0.9); box-shadow: 0 0 15px rgba(0, 51, 160, 0.3); white-space: nowrap;
}

/* ==========================================================================
   4. RESPONSIVE MEDIA QUERIES (Shared)
   ========================================================================== */

@media (max-width: 768px) {   
   .bhb-subtitle-wrap {
       margin-bottom: 1rem !important;
   }
   
  .rotate-img {
       
   }
   
   .bhb-plaque-text {
       letter-spacing: 0.05em !important;
   }
}

@media (min-width: 768px) {
    /* Hero Desktop */
.bhb-col-right { height: 75vh; }
    .bhb-subtitle-wrap { margin-bottom: 2rem; }
    .bhb-subtitle-text { font-size: 13px; }
    .bhb-title-group { margin-bottom: 3.5rem; }
    .bhb-overflow-box.bhb-mt { margin-top: 1rem; }
    .bhb-h1 { font-size: 13.8vw; }
    .bhb-h1-sub { font-size: 13vw; }
    .bhb-excerpt-group { margin-left: 4rem; padding-left: 2rem; }
    .bhb-excerpt-text { font-size: 17px; }
    .bhb-watermark { left: 10%; }
    
    .bhb-slider-wrap { width: 85%; }
    .bhb-portrait-mode.bhb-slider-wrap { width: 55%; } /* Keeps height proportional on tablet */

    .bhb-stack-1 { transform: translate(1.5rem, 1.5rem); }
    .bhb-stack-2 { transform: translate(3rem, 3rem); }
    .bhb-plaque-painting { right: -3rem; bottom: 3rem; }
    .bhb-slider-nav { right: -1.5rem; bottom: -1.5rem; }
    .bhb-hide-mobile { display: block; }
    .bhb-scroll-wrap { left: 4rem; }
    
    

    /* Story Desktop */
    .bhb-story-container { padding: 6.5rem 4rem; }
    .bhb-watermark-quote { top: 4rem; left: -3rem; font-size: 200px; }
    .bhb-quote-text { font-size: 3rem; margin-bottom: 3rem; }
    .bhb-attr-line { width: 6rem; }
    .bhb-attr-text { font-size: 13px; }
    .bhb-structural-line { left: -3rem; }
    .bhb-portrait-wrap { width: 12rem; }
    .bhb-bio-text { font-size: 17px; }
}

@media (min-width: 1024px) {
    /* Hero Large Desktop */
    .bhb-hero-container { padding: 4.5rem 6rem 6rem !important; }
    .bhb-hero-grid { grid-template-columns: repeat(12, 1fr); gap: 2rem; }
    .bhb-col-left { grid-column: span 6; order: 1; }
    .bhb-col-right { grid-column: span 6; order: 2; height: 85vh; justify-content: flex-end; margin-top: 0; }
    .bhb-h1 { font-size: 7vw; }
    .bhb-h1-sub { font-size: 5vw; }
    .bhb-watermark-text { font-size: 22vw; }
    .bhb-painting-wrap { right: 0; width: 65%; aspect-ratio: 21/16; }
    .bhb-sculpture-wrap { left: -5%; width: 45%; aspect-ratio: 3/4; }
    .bhb-slider-wrap { width: 88%; }
    .bhb-slider-container, .bhb-slider-stack { aspect-ratio: 16/10; }
    .bhb-portrait-mode.bhb-slider-wrap { width: 45%; } /* Slimmer on large screens to fit 4:5 height neatly */


    /* Story Large Desktop */
    .bhb-story-container { padding: 6.5rem 6rem; }
    .bhb-story-grid { flex-direction: row; display: grid; grid-template-columns: repeat(12, 1fr); gap: 2rem; }
    .bhb-story-col-left { grid-column: span 7; }
    .bhb-story-col-right { grid-column: span 5; margin-top: 16rem; } 
    .bhb-quote-text { font-size: 4vw; }
}

@media (min-width: 1280px) {
    .bhb-h1 { font-size: 7.5vw; }
    .bhb-h1-sub { font-size: 5.5vw; }
}



/* ==========================================================================
   PAINTING PORTFOLIO SECTION
   ========================================================================== */
.bhb-paint-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    /* IMPORTANT: No 'overflow: hidden' here, otherwise the sticky cards will break */
    z-index: 2;
}

/* Subtle Background Grid */
.bhb-paint-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(13, 17, 23, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 17, 23, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

/* Container & Mobile Padding */
.bhb-paint-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem 8rem; /* Strict mobile padding */
    max-width: 1800px;
    margin: 0 auto;
    z-index: 10;
}

/* Layout Columns */
.bhb-paint-layout {
    display: flex;
    flex-direction: column; /* Stacks vertically on mobile */
    gap: 4rem;
    position: relative;
    width: 100%;
}

.bhb-paint-col-left { width: 100%; position: relative; z-index: 20; }

.bhb-paint-col-right {
    width: 100%; display: flex; flex-direction: column;
    gap: 15vh; padding-bottom: 10vh; position: relative; z-index: 30;
}

/* Typography Elements */
.bhb-paint-sticky-text { display: flex; flex-direction: column; gap: 2.5rem; }

.bhb-paint-eyebrow { display: flex; align-items: center; gap: 1rem; }
.bhb-paint-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-paint-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #0033A0; font-weight: 600; margin: 0;
}

.bhb-paint-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3.75rem; line-height: 0.9;
    color: #0D1117; letter-spacing: -0.025em; margin: 0;
}
.bhb-paint-title span { color: #0033A0; }

.bhb-paint-subtitle {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400;
    font-size: 1.875rem; line-height: 1.25; color: rgba(13, 17, 23, 0.8); margin: 0;
}
.bhb-paint-grad-text {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500;
}

.bhb-paint-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(13, 17, 23, 0.7);
    line-height: 2.1; font-weight: 400; max-width: 28rem; margin: 0;
}

/* Metadata Pills */
.bhb-paint-pills { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; }
.bhb-paint-pill {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.2em; color: rgba(13, 17, 23, 0.6); border: 1px solid rgba(13, 17, 23, 0.1);
    padding: 0.5rem 1rem; border-radius: 9999px; white-space: nowrap;
}
.bhb-paint-pill-dark { background-color: rgba(13, 17, 23, 0.05); }

/* ==========================================================================
   RIGHT COLUMN: THE STICKY STACKING CARDS
   ========================================================================== */
.bhb-paint-card {
    background: #FFFFFF; padding: 1rem;
    box-shadow: 0 20px 40px rgba(13, 17, 23, 0.1), inset 0 0 0 1px rgba(13, 17, 23, 0.03);
    position: sticky; /* THIS CREATES THE STACKING EFFECT */
    display: flex; flex-direction: column; gap: 1rem;
}

/* Mobile Sticky Offsets & Layouts */
.bhb-paint-card-1 { top: 6rem; width: 100%; }
.bhb-paint-card-2 { top: 8rem; width: 90%; margin-left: auto; box-shadow: 0 30px 50px rgba(13, 17, 23, 0.15); }
.bhb-paint-card-3 { top: 10rem; width: 95%; box-shadow: 0 40px 60px rgba(13, 17, 23, 0.2); }

/* Image Wrappers */
.bhb-paint-img-wrap {
    width: 100%; overflow: hidden; position: relative; cursor: pointer;
    background-color: rgba(13, 17, 23, 0.05); border: 1px solid rgba(13, 17, 23, 0.05);
}
.bhb-paint-img-wrap-1 { aspect-ratio: 4/3; }
.bhb-paint-img-wrap-2 { aspect-ratio: 16/10; }
.bhb-paint-img-wrap-3 { aspect-ratio: 16/10; }

/* Cinematic Hover Animation */
.bhb-paint-img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-paint-img-wrap:hover .bhb-paint-img {
    transform: scale(1.03);
}

/* Museum Labels */
.bhb-paint-label { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 0.5rem; }
.bhb-paint-label-title {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.3em; color: #0D1117; font-weight: 700; margin: 0;
}
.bhb-paint-label-meta { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 14px; color: #64748B; }

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-paint-container { padding: 8rem 4rem; }
    .bhb-paint-title { font-size: 4.5rem; }
    .bhb-paint-subtitle { font-size: 2.25rem; }
    .bhb-paint-body { font-size: 17px; }
    
    .bhb-paint-card { padding: 1.5rem; }
    .bhb-paint-card-1 { top: 8rem; }
    .bhb-paint-card-2 { top: 10rem; width: 75%; }
    .bhb-paint-card-3 { top: 12rem; width: 85%; }
    .bhb-paint-label { flex-direction: row; justify-content: space-between; align-items: center; gap: 0; }
}

@media (min-width: 1024px) {
    .bhb-paint-container { padding: 12rem 6rem 12rem 8rem; }
    .bhb-paint-layout { flex-direction: row; gap: 6rem; }
    
    /* Desktop Sticky Text Behavior */
    .bhb-paint-col-left { width: 41.666%; }
    .bhb-paint-sticky-text { position: sticky; top: 8rem; }
    
    .bhb-paint-col-right { width: 58.333%; padding-bottom: 20vh; }
    .bhb-paint-title { font-size: 6vw; }
}




/* ==========================================================================
   LUMINOUS ABSTRACTION SECTION
   ========================================================================== */
.bhb-lum-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 3; /* Stacks cleanly above previous sections */
}

/* Subtle Background Grid */
.bhb-lum-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(13, 17, 23, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 17, 23, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

/* The Vertical Scroll Bridge Line */
.bhb-lum-scroll-bridge {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 4rem;
    z-index: 20;
}
.bhb-lum-scroll-bridge-line {
    width: 1px;
    height: 4rem;
    background-color: rgba(13, 17, 23, 0.2);
}

/* Main Content Container */
.bhb-lum-container {
    position: relative;
    width: 100%;
    padding: 2rem 1.5rem 8rem; /* Mobile padding */
    max-width: 1800px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   Intro Block Layout
   -------------------------------------------------------------------------- */
.bhb-lum-intro-grid {
    display: flex;
    flex-direction: column; /* Stack vertically on mobile */
    gap: 2rem;
    margin-bottom: 4rem;
}

.bhb-lum-intro-left { width: 100%; display: flex; flex-direction: column; gap: 1rem; }
.bhb-lum-intro-right { width: 100%; display: flex; flex-direction: column; gap: 2rem; justify-content: center; }

/* Intro Typography */
.bhb-lum-eyebrow { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.5rem; }
.bhb-lum-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-lum-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #0033A0; font-weight: 600; margin: 0;
}

.bhb-lum-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3rem; line-height: 0.95;
    color: #0D1117; letter-spacing: -0.025em; margin: 0;
}

.bhb-lum-grad-text {
    font-style: italic;
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

.bhb-lum-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(13, 17, 23, 0.7);
    line-height: 2.1; font-weight: 400; margin: 0;
}

.bhb-lum-explore-btn {
    display: inline-flex; align-items: center; gap: 1.5rem; color: #0D1117;
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 700; transition: color 0.3s; text-decoration: none;
}
.bhb-lum-explore-btn:hover { color: #0033A0; }
.bhb-lum-btn-line { width: 4rem; height: 1px; background-color: rgba(13, 17, 23, 0.3); transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
.bhb-lum-explore-btn:hover .bhb-lum-btn-line { width: 6rem; background-color: #0033A0; }

/* --------------------------------------------------------------------------
   Masonry Gallery Layout
   -------------------------------------------------------------------------- */
.bhb-lum-masonry {
    column-count: 1; /* Forces 1 column on mobile to prevent squishing */
    column-gap: 2rem;
    position: relative;
}

.bhb-lum-art-card {
    break-inside: avoid; /* Prevents cards from breaking across columns */
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3rem; /* Mobile vertical spacing */
}

/* Gallery Mattes & Images */
.bhb-lum-gallery-matte {
    background: #FFFFFF;
    padding: 1rem;
    box-shadow: 0 30px 60px -15px rgba(13, 17, 23, 0.1), 0 10px 20px -10px rgba(13, 17, 23, 0.04), inset 0 0 0 1px rgba(13, 17, 23, 0.03);
    position: relative;
    transition: box-shadow 0.5s ease;
}
.bhb-lum-gallery-matte:hover {
    box-shadow: 0 40px 70px -15px rgba(13, 17, 23, 0.15), 0 15px 25px -10px rgba(13, 17, 23, 0.06), inset 0 0 0 1px rgba(13, 17, 23, 0.03);
}

.bhb-lum-img-wrap {
    width: 100%; overflow: hidden; border: 1px solid rgba(13, 17, 23, 0.05); background-color: rgba(13, 17, 23, 0.05);
}

/* Accurate Aspect Ratios */
.bhb-lum-ratio-16-11 { aspect-ratio: 16/11; }
.bhb-lum-ratio-4-5 { aspect-ratio: 4/5; }
.bhb-lum-ratio-3-4 { aspect-ratio: 3/4; }
.bhb-lum-ratio-4-3 { aspect-ratio: 4/3; }
.bhb-lum-ratio-square { aspect-ratio: 1/1; }
.bhb-lum-ratio-16-10 { aspect-ratio: 16/10; }

.bhb-lum-img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1); /* Cinematic zoom speed */
}
.bhb-lum-gallery-matte:hover .bhb-lum-img { transform: scale(1.03); }

/* Museum Labels */
.bhb-lum-label-wrap { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0.5rem; }
.bhb-lum-label-title {
    font-family: 'Inter', sans-serif; font-size: 12px; text-transform: uppercase;
    letter-spacing: 0.3em; color: #0D1117; font-weight: 700; margin: 0;
}
.bhb-lum-label-meta {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.2em; color: #64748B; margin: 0;
}

/* Call to Action Footer */
.bhb-lum-cta-wrap {
    width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin-top: 2rem; gap: 1.5rem;
}
.bhb-lum-cta-text {
    font-family: 'Inter', sans-serif; font-size: 14px; text-transform: uppercase;
    letter-spacing: 0.3em; color: #64748B; font-weight: 500; text-align: center; margin: 0;
}
.bhb-lum-cta-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 1rem;
    padding: 1.25rem 2.5rem; border: 1px solid rgba(13, 17, 23, 0.2); color: #0D1117;
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 700; transition: all 0.5s ease; text-decoration: none;
}
.bhb-lum-cta-btn:hover { border-color: #0033A0; background-color: #0033A0; color: #FFFFFF; }


.bhb-lum-gallery-matte .art5 img {
    height: 424px !important;
}

.bhb-lum-gallery-matte .art2 img {
    height: 529px !important;
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-lum-container { padding: 4rem 4rem 8rem; }
    .bhb-lum-intro-grid { flex-direction: row; gap: 3rem; margin-bottom: 6rem; }
    .bhb-lum-intro-left { width: 41.666%; }
    .bhb-lum-intro-right { width: 50%; margin-top: 2rem; }
    .bhb-lum-title { font-size: 3.75rem; }
    .bhb-lum-body { font-size: 17px; }
    
    /* Masonry switch to 2 columns on tablet */
    .bhb-lum-masonry { column-count: 2; column-gap: 2rem; }
    .bhb-lum-gallery-matte { padding: 1.5rem; }
    .bhb-lum-art-card { margin-bottom: 3rem; }
    .bhb-lum-cta-wrap { margin-top: 6rem; }
}

@media (min-width: 1024px) {
    .bhb-lum-container { padding: 4rem 6rem 10rem; }
    .bhb-lum-intro-grid { gap: 6rem; margin-bottom: 8rem; }
    .bhb-lum-title { font-size: 5vw; }
    .bhb-lum-intro-right { width: 41.666%; }
    
    /* Masonry switch to 3 columns on desktop */
    .bhb-lum-masonry { column-count: 3; column-gap: 3rem; }
    .bhb-lum-art-card { margin-bottom: 4rem; }
}






/* ==========================================================================
   SCULPTURE PORTFOLIO SECTION
   ========================================================================== */
.bhb-sculpt-wrapper {
    background-color: #0D1117;
    color: #F9F9F8;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 4; /* Stacks above the previous white section */
}

/* Subtle Dark Background Grid */
.bhb-sculpt-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(249, 249, 248, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(249, 249, 248, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

.bhb-sculpt-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem; /* Strict mobile padding */
    max-width: 1800px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   Intro Block Layout
   -------------------------------------------------------------------------- */
.bhb-sculpt-intro {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 6rem;
}

.bhb-sculpt-eyebrow {
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(to right, rgba(0, 51, 160, 0.2), rgba(96, 165, 250, 0.1));
    border: 1px solid rgba(0, 51, 160, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    padding: 0.5rem 1.5rem; border-radius: 9999px; margin-bottom: 2rem;
    box-shadow: 0 0 15px rgba(0, 51, 160, 0.15);
}
.bhb-sculpt-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #93C5FD; font-weight: 600; margin: 0;
}

.bhb-sculpt-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3.75rem; line-height: 0.9;
    letter-spacing: -0.025em; margin: 0 0 2rem 0; color: #F9F9F8;
}
.bhb-sculpt-title span { color: #0033A0; }

.bhb-sculpt-subtitle {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.95rem;
    line-height: 1.3; color: rgba(249, 249, 248, 0.8); max-width: 56rem; margin: 0 0 3rem 0; font-weight: 400;
}
.bhb-sculpt-grad-text {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500;
}

.bhb-sculpt-body-wrap {
    display: flex; flex-direction: column; gap: 1.5rem; max-width: 42rem;
}
.bhb-sculpt-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(249, 249, 248, 0.6);
    line-height: 2.1; font-weight: 400; margin: 0; text-align: center;
}

/* Dark Metadata Pills */
.bhb-sculpt-pills {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; margin-top: 3rem;
}
.bhb-sculpt-pill {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.2em; color: rgba(249, 249, 248, 0.5); border: 1px solid rgba(249, 249, 248, 0.1);
    padding: 0.625rem 1.25rem; border-radius: 9999px; backdrop-filter: blur(4px);
    background-color: rgba(249, 249, 248, 0.05); white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Staggered Plinth Gallery
   -------------------------------------------------------------------------- */
.bhb-sculpt-grid {
    display: grid;
    grid-template-columns: 1fr; /* 1 column on mobile */
    gap: 4rem;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.bhb-sculpt-col { display: flex; flex-direction: column; gap: 4rem; }

.bhb-sculpt-item { display: flex; flex-direction: column; gap: 1.25rem; }

/* Museum Spotlight Matte */
.bhb-sculpt-matte {
    background: #11151C;
    padding: 1rem;
    border: 1px solid rgba(249, 249, 248, 0.05);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(249, 249, 248, 0.02);
    transition: box-shadow 0.5s ease, border-color 0.5s ease;
    overflow: hidden;
}
.bhb-sculpt-matte:hover {
    border-color: rgba(249, 249, 248, 0.15);
    box-shadow: 0 50px 100px -20px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(249, 249, 248, 0.05);
}

.bhb-sculpt-img-wrap {
    width: 100%; background-color: #0D1117; overflow: hidden; border: 1px solid rgba(249, 249, 248, 0.05);
}

/* Specific Aspect Ratios for Artworks */
.bhb-ratio-4-5 { aspect-ratio: 4/5; }
.bhb-ratio-square { aspect-ratio: 1/1; }
/* Amunet is square on mobile, 4/3 on desktop */
.bhb-ratio-dynamic { aspect-ratio: 1/1; }

.bhb-sculpt-img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-sculpt-matte:hover .bhb-sculpt-img { transform: scale(1.05); }

/* Plaques */
.bhb-sculpt-plaque { display: flex; flex-direction: column; gap: 0.25rem; padding: 0 0.5rem; }
.bhb-sculpt-plaque-top { display: flex; justify-content: space-between; align-items: baseline; }
.bhb-sculpt-plaque-title { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.8rem; color: #F9F9F8; margin: 0; font-weight: 400; }
.bhb-sculpt-plaque-year { font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 0.2em; color: rgba(249, 249, 248, 0.4); }
.bhb-sculpt-plaque-mat { font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(249, 249, 248, 0.4); font-weight: 500; margin: 0; }

/* Call to Action */
.bhb-sculpt-cta-wrap {
    width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin-top: 6rem; gap: 1.5rem;
}
.bhb-sculpt-cta-text {
    font-family: 'Inter', sans-serif; font-size: 13px; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(249, 249, 248, 0.4); font-weight: 500; text-align: center; margin: 0;
}
.bhb-sculpt-cta-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 1rem;
    padding: 1.25rem 2.5rem; border: 1px solid rgba(249, 249, 248, 0.2); color: #F9F9F8;
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 700; transition: all 0.5s ease; text-decoration: none;
}
.bhb-sculpt-cta-btn:hover { border-color: #0033A0; background-color: #0033A0; color: #FFFFFF; }

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-sculpt-container { padding: 8rem 4rem; }
    .bhb-sculpt-intro { margin-bottom: 10rem; }
    .bhb-sculpt-eyebrow-text { font-size: 10px; }
    .bhb-sculpt-title { font-size: 4.5rem; }
    .bhb-sculpt-subtitle { font-size: 2.25rem; }
    .bhb-sculpt-body { font-size: 17px; }
    
    .bhb-sculpt-grid { grid-template-columns: repeat(2, 1fr); gap: 6rem; }
    .bhb-sculpt-col { gap: 8rem; }
    
    /* The Left Column Stagger */
    .bhb-sculpt-col-left { margin-top: 8rem; }
    
    .bhb-sculpt-matte { padding: 1.5rem; }
    .bhb-ratio-dynamic { aspect-ratio: 4/3; } /* Amunet changes ratio on desktop */
    
    .bhb-sculpt-cta-wrap { margin-top: 8rem; }
}

@media (min-width: 1024px) {
    .bhb-sculpt-container { padding: 12rem 6rem; }
    .bhb-sculpt-title { font-size: 7vw; }
    .bhb-sculpt-subtitle { font-size: 3rem; }
    .bhb-sculpt-grid { gap: 8rem; }
}




/* ==========================================================================
   ARTIST BIOGRAPHY SECTION
   ========================================================================== */
.bhb-bio-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    /* Creates the overlapping card effect over the previous section */
    border-radius: 0px 0px 0 0;
}

/* Subtle Background Grid */
.bhb-bio-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    border-radius: inherit;
    background-image: 
        linear-gradient(to right, rgba(13, 17, 23, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 17, 23, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

.bhb-bio-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem; /* Mobile padding */
    max-width: 1600px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   PART 1: The Vision Statement
   -------------------------------------------------------------------------- */
.bhb-bio-vision {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 6rem;
    position: relative;
}

.bhb-bio-watermark {
    position: absolute;
    top: -3rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Cormorant Garamond', serif;
    font-size: 150px;
    color: rgba(13, 17, 23, 0.05);
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.bhb-bio-eyebrow {
    display: flex; align-items: center; gap: 1rem; margin-bottom: 2.5rem;
}
.bhb-bio-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-bio-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #0033A0; font-weight: 600; margin: 0;
}

.bhb-bio-quote {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 2.25rem;
    line-height: 1.2; color: #0D1117; max-width: 64rem; margin: 0; letter-spacing: -0.025em;
}
.bhb-bio-grad-text {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500;
}

/* --------------------------------------------------------------------------
   PART 2: Layout & Story
   -------------------------------------------------------------------------- */
.bhb-bio-layout {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: relative;
    width: 100%;
}

/* On mobile, the story text comes FIRST (order: 1) */
.bhb-bio-col-right {
    order: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    position: relative;
}

/* On mobile, the portrait/edu comes SECOND (order: 2) */
.bhb-bio-col-left {
    order: 2;
    width: 100%;
    position: relative;
}

/* Left Column Elements (Portrait & Edu) */
.bhb-bio-sticky-col {
    display: flex; flex-direction: column; gap: 4rem;
}

.bhb-bio-portrait-matte {
    width: 100%; max-width: 280px; margin: 0 auto; aspect-ratio: 3/4; overflow: hidden;
    border: 1px solid rgba(13, 17, 23, 0.1); padding: 0.75rem; background: #FFFFFF;
    box-shadow: 0 20px 40px -15px rgba(13, 17, 23, 0.1); position: relative;
}
.bhb-bio-portrait-inner {
    width: 100%; height: 100%; overflow: hidden; background-color: rgba(13, 17, 23, 0.05);
}
.bhb-bio-portrait-img {
    width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); opacity: 0.9;
    transition: transform 1s ease-out;
}
.bhb-bio-portrait-matte:hover .bhb-bio-portrait-img { transform: scale(1.05); }

.bhb-bio-edu-wrap { display: flex; flex-direction: column; gap: 2rem; }
.bhb-bio-edu-header { display: flex; align-items: center; gap: 1rem; }
.bhb-bio-edu-title { font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 0.4em; color: rgba(13, 17, 23, 0.4); font-weight: 700; margin: 0; }
.bhb-bio-edu-line { flex-grow: 1; height: 1px; background-color: rgba(13, 17, 23, 0.1); }

.bhb-bio-edu-list { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; padding: 0; margin: 0; }
.bhb-bio-edu-item { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; color: rgba(13, 17, 23, 0.9); display: flex; flex-direction: column; gap: 0.25rem; margin: 0; }
.bhb-bio-edu-loc { font-family: 'Inter', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(13, 17, 23, 0.4); }

/* Right Column Elements (Story) */
.bhb-bio-mobile-eyebrow { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.bhb-bio-story-p {
    font-family: 'Inter', sans-serif; font-size: 17px; color: rgba(13, 17, 23, 0.8);
    line-height: 2.1; font-weight: 400; margin: 0;
}
.bhb-bio-story-italic { font-style: italic; font-weight: 500; color: #0D1117; }

/* Climax Highlight Card */
.bhb-bio-story-highlight {
    padding: 2rem; background: #FFFFFF; border: 1px solid rgba(13, 17, 23, 0.05);
    box-shadow: 0 20px 40px -15px rgba(13, 17, 23, 0.05); position: relative;
}
.bhb-bio-highlight-line {
    position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(to right, transparent, rgba(0, 51, 160, 0.3), transparent);
}
.bhb-bio-glass-pill {
    background-color: rgba(0, 51, 160, 0.1); border: 1px solid rgba(0, 51, 160, 0.2);
    padding: 2px 8px; border-radius: 4px; color: #0D1117; box-shadow: 0 0 10px rgba(0, 51, 160, 0.05);
    white-space: nowrap;
}

.bhb-bio-portrait-matte .pt1 img {
    height: 358px !important;
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-bio-container { padding: 8rem 4rem; }
    .bhb-bio-vision { margin-bottom: 10rem; }
    .bhb-bio-quote { font-size: 3rem; }
    .bhb-bio-watermark { font-size: 200px; top: -4rem; }
    .bhb-bio-story-p { font-size: 17px; }
    .bhb-bio-story-highlight { padding: 2.5rem; }
}

@media (min-width: 1024px) {
    .bhb-bio-wrapper { border-radius: 0px 0px 0 0; }
    .bhb-bio-container { padding: 12rem 6rem; }
    .bhb-bio-watermark { font-size: 250px; top: -6rem; }
    .bhb-bio-quote { font-size: 4vw; }
    
    .bhb-bio-layout { flex-direction: row; gap: 6rem; }
    
    /* Desktop Order Reversal & Layout */
    .bhb-bio-col-left { order: 1; width: 33.333%; }
    .bhb-bio-col-right { order: 2; width: 58.333%; margin-left: auto; gap: 4rem; padding-top: 2rem; }
    
    .bhb-bio-sticky-col { position: sticky; top: 8rem; }
    .bhb-bio-portrait-matte { margin: 0; }
    .bhb-bio-mobile-eyebrow { display: none; } /* Hide the duplicate eyebrow on desktop */
}



/* =========================================================
   Final CTA Section Wrapper & Grid
========================================================= */
.final-cta {
    background-color: #0D1117; 
    color: #F9F9F8; 
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    position: relative;
    padding: 8rem 1.5rem 5rem;
    z-index: 30;
    box-shadow: 0 -30px 60px rgba(13, 17, 23, 0.5);
}

@media (min-width: 768px) {
    .final-cta {
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
        padding-top: 12rem; 
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

/* Dark Grid Background Overlay */
.final-cta::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(to right, rgba(249, 249, 248, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(249, 249, 248, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    z-index: 0;
    pointer-events: none;
}

/* Keep content layered above the grid */
.final-cta > * {
    position: relative;
    z-index: 10;
}

/* =========================================================
   1. Micro Label: Connect (Targets h4.cta-subheading)
========================================================= */
.final-cta h4.cta-subheading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0 0 3rem 0; /* Tailwind mb-12 */
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: #0033A0;
    font-weight: 600;
    text-shadow: 0 0 15px rgba(0, 100, 255, 0.6);
}

/* Ensure any bold tags inside don't override the sizing */
.final-cta h4.cta-subheading strong {
    font-weight: 600;
}

/* The left and right cobalt lines */
.final-cta h4.cta-subheading::before,
.final-cta h4.cta-subheading::after {
    content: '';
    display: block;
    width: 3rem; /* Tailwind w-12 */
    height: 1px;
    background-color: rgba(0, 51, 160, 0.5); /* Tailwind cobalt/50 */
}

/* =========================================================
   2. Editorial Headline (Targets h2.cta-heading)
========================================================= */
.final-cta h2.cta-heading {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 3.2rem; /* Tailwind text-5xl */
    line-height: 1;
    color: #F9F9F8;
    letter-spacing: -0.02em; /* Tailwind tracking-tight */
    margin: 0 0 3rem 0;
    text-align: center;
}
@media (min-width: 768px) {
    .final-cta h2.cta-heading { font-size: 4.5rem; } /* Tailwind text-7xl */
}
@media (min-width: 1024px) {
    .final-cta h2.cta-heading { font-size: 7vw; } /* Tailwind text-[7vw] */
}

/* =========================================================
   3. Email Address CTA (Targets h3.email-add)
========================================================= */
.final-cta h3.email-add {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content; /* Prevents background from spanning full width */
    margin: 0 auto 5rem auto; /* Centers element and applies Tailwind mb-20 */
    padding: 1rem 1.5rem; /* Tailwind px-6 py-4 */
    border-radius: 1rem; /* Tailwind rounded-2xl */
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem; /* Tailwind text-xl */
    letter-spacing: 0.1em; /* Tailwind tracking-widest */
    color: rgba(249, 249, 248, 0.9);
    font-weight: 300;
    transition: color 0.5s ease;
    cursor: pointer;
    z-index: 10;
}
@media (min-width: 768px) {
    .final-cta h3.email-add {
        padding: 1.5rem 2.5rem; /* Tailwind px-10 py-6 */
        font-size: 1.875rem; /* Tailwind text-3xl */
    }
}
@media (min-width: 1024px) {
    .final-cta h3.email-add { font-size: 2.25rem; } /* Tailwind text-4xl */
}

/* Gradient hover background for Email */
.final-cta h3.email-add::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0033A0, #3B82F6);
    opacity: 0;
    z-index: -1;
    transition: opacity 0.5s ease;
}
.final-cta h3.email-add:hover {
    color: #ffffff;
}
.final-cta h3.email-add:hover::before {
    opacity: 1;
}

/* =========================================================
   Editorial Representation Block (HTML Widget)
========================================================= */
.bhb-cta-rep-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 64rem;
    margin: 0 auto;
    border: 1px solid rgba(249, 249, 248, 0.05);
    background-color: rgba(249, 249, 248, 0.02);
    backdrop-filter: blur(4px);
    border-radius: 0.75rem;
    box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .bhb-cta-rep-block { flex-direction: row; }
}
.bhb-cta-rep-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(249, 249, 248, 0.2), transparent);
}
.bhb-cta-rep-left {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid rgba(249, 249, 248, 0.05);
}
@media (min-width: 768px) {
    .bhb-cta-rep-left {
        width: 60%;
        padding: 3rem;
        border-bottom: none;
        border-right: 1px solid rgba(249, 249, 248, 0.05);
    }
}
@media (min-width: 1024px) {
    .bhb-cta-rep-left { padding: 4rem; }
}
.bhb-cta-rep-quote {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 1.6rem;
    color: rgba(249, 249, 248, 0.9);
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin-bottom: 2rem;
    position: relative;
}
@media (min-width: 768px) {
    .bhb-cta-rep-quote { font-size: 1.95rem; }
}
.bhb-cta-rep-glow {
    position: absolute;
    left: -1rem;
    top: -1rem;
    width: 4rem;
    height: 4rem;
    background-color: rgba(0, 51, 160, 0.2);
    filter: blur(24px);
    border-radius: 50%;
    pointer-events: none;
}
.bhb-cta-rep-body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: rgba(249, 249, 248, 0.6);
    line-height: 2.1;
    font-weight: 400;
}
@media (min-width: 768px) {
    .bhb-cta-rep-body { font-size: 16px; }
}
.bhb-cta-rep-right {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}
@media (min-width: 768px) {
    .bhb-cta-rep-right {
        width: 40%;
        padding: 3rem;
        align-items: flex-start;
        text-align: left;
    }
}
.bhb-cta-avatar-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
    .bhb-cta-avatar-wrap { flex-direction: row; }
}
.bhb-cta-avatar {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(249, 249, 248, 0.1);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    position: relative;
    flex-shrink: 0;
}
.bhb-cta-avatar:hover img {
    transform: scale(1.1);
}
.bhb-cta-avatar-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 51, 160, 0.2);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 10;
}
.bhb-cta-avatar:hover .bhb-cta-avatar-overlay {
    opacity: 1;
}
.bhb-cta-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
    opacity: 0.9;
    transition: transform 0.7s ease;
}
.bhb-cta-rep-label {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: rgba(249, 249, 248, 0.4);
    font-weight: 500;
    margin: 0;
}
@media (min-width: 768px) {
    .bhb-cta-rep-label { font-size: 11px; }
}
.bhb-cta-rep-name {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.7rem;
    color: rgba(249, 249, 248, 0.9);
    letter-spacing: -0.02em;
    margin-bottom: 2rem;
    margin-top: 0;
}
@media (min-width: 768px) {
    .bhb-cta-rep-name { font-size: 1.85rem; }
}
.bhb-cta-rep-contact {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    width: 100%;
    margin-top: auto;
}
@media (min-width: 768px) {
    .bhb-cta-rep-contact { align-items: flex-start; }
}
.bhb-cta-rep-italic {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(249, 249, 248, 0.5);
    font-style: italic;
    font-weight: 400;
    margin: 0;
}
.bhb-cta-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border: 1px solid rgba(249, 249, 248, 0.2);
    border-radius: 9999px;
    color: #F9F9F8;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.25em;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    width: 100%;
}
@media (min-width: 768px) {
    .bhb-cta-btn { width: auto; }
}
.bhb-cta-btn:hover { border-color: transparent; }
.bhb-cta-btn-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0033A0, #3B82F6);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}
.bhb-cta-btn:hover .bhb-cta-btn-bg { opacity: 1; }
.bhb-cta-btn span { transition: color 0.5s ease; }
.bhb-cta-btn:hover span { color: #ffffff; }






/* =========================================================
   Base Footer Structure & Grid Background
========================================================= */
.site-footer {
    background-color: #0D1117;
    color: #F9F9F8;
    padding: 6rem 1.5rem 2rem;
    position: relative;
    z-index: 20;
}
@media (min-width: 768px) {
    .site-footer { padding: 8rem 4rem 2rem; }
}

/* Dark Grid Background Overlay */
.site-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(to right, rgba(249, 249, 248, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(249, 249, 248, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    z-index: 0;
    pointer-events: none;
}
.site-footer > * {
    position: relative;
    z-index: 10;
}

/* =========================================================
   Column Headings (Directory, Connect, Location)
========================================================= */
.site-footer .elementor-heading-title.elementor-size-default {
    font-family: 'Inter', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: rgba(249, 249, 248, 0.3);
    font-weight: 700;
    margin-bottom: 1.5rem;
}

/* =========================================================
   Universal Link Hover Effect (The Blue Gradient Box)
========================================================= */
.site-footer .elementor-nav-menu a,
.site-footer .e-heading-link-base {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.75em;
    margin-left: -0.75em;
    border-radius: 0.35rem;
    z-index: 1;
    transition: color 0.4s ease;
    text-decoration: none;
}
.site-footer .elementor-nav-menu a::before,
.site-footer .e-heading-link-base::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #0033A0, #3B82F6);
    opacity: 0;
    border-radius: 0.35rem;
    z-index: -1;
    transition: opacity 0.4s ease;
}
.site-footer .elementor-nav-menu a:hover,
.site-footer .e-heading-link-base:hover {
    color: #ffffff !important;
}
.site-footer .elementor-nav-menu a:hover::before,
.site-footer .e-heading-link-base:hover::before {
    opacity: 1;
}

/* Directory Nav Links */
.site-footer .foo-links a {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.5rem;
    font-weight: 300;
    color: #F9F9F8;
}
@media (min-width: 768px) {
    .site-footer .foo-links a { font-size: 1.875rem; }
}

/* Connect Nav Links */
.site-footer .social-links a {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: rgba(249, 249, 248, 0.7);
}
@media (min-width: 768px) {
    .site-footer .social-links a { font-size: 15px; }
}

/* Menu Spacing Fixes */
.site-footer .elementor-nav-menu--layout-vertical > ul > li {
    margin-bottom: 0.75rem;
}
.site-footer .elementor-nav-menu a {
    padding-top: 0.25em; 
    padding-bottom: 0.25em; 
}

/* =========================================================
   Location Column Text
========================================================= */
.site-footer .elementor-widget-text-editor {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: rgba(249, 249, 248, 0.7);
    line-height: 1.6;
    text-align: left;
}
@media (min-width: 768px) {
    .site-footer .elementor-widget-text-editor {
        font-size: 15px;
        text-align: right;
    }
    /* Align container to the right on desktop */
    .site-footer [data-id="2365462"] > .e-con-inner {
        align-items: flex-end; 
    }
}

/* =========================================================
   Back to Top Button (Converting Tailwind to CSS)
========================================================= */
/* Button Container */
.site-footer #back-to-top {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    position: relative;
    z-index: 10;
    padding: 0.75rem 1.25rem;
    margin-left: -1.25rem;
    border-radius: 9999px;
    overflow: hidden;
    transition: all 0.5s ease;
    border: 1px solid transparent;
    background: transparent;
    outline: none;
}
@media (min-width: 768px) {
    .site-footer #back-to-top { margin-top: 3rem; }
}
.site-footer #back-to-top:hover {
    border-color: rgba(249, 249, 248, 0.2);
}

/* Background Hover Gradient */
.site-footer #back-to-top > div.absolute {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #0033A0, #3B82F6);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}
.site-footer #back-to-top:hover > div.absolute { opacity: 1; }

/* Text Span */
.site-footer #back-to-top span {
    font-family: 'Inter', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: rgba(249, 249, 248, 0.5);
    font-weight: 600;
    transition: color 0.3s ease;
}
.site-footer #back-to-top:hover span { color: #ffffff; }

/* Circle Icon Wrapper */
.site-footer #back-to-top > div:last-child {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid rgba(249, 249, 248, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(249, 249, 248, 0.05);
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}
.site-footer #back-to-top:hover > div:last-child {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1);
}

/* Arrow SVG */
.site-footer #back-to-top svg {
    width: 1rem;
    height: 1rem;
    color: rgba(249, 249, 248, 0.5);
    transition: color 0.3s ease;
    transform: translateY(-1px);
}
.site-footer #back-to-top:hover svg { color: #ffffff; }

/* =========================================================
   Footer Monolith Text Mask
========================================================= */
.site-footer .footer-monolith {
    margin: 3rem 0;
    pointer-events: none;
    display: flex;
    justify-content: center;
}

/* Overrides the Elementor Heading Widget */
.site-footer .footer-monolith h3.elementor-heading-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 12vw;
    line-height: 0.85;
    padding-bottom: 0.1em;
    letter-spacing: -0.02em;
    background-image: linear-gradient(to right, #0033A0, #3B82F6, #93C5FD);
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 0 !important;
}


.site-footer .elementor-nav-menu--main .elementor-nav-menu a:hover {
        padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

/* =========================================================
   Bottom Colophon (Copyright, Agency, Legal)
========================================================= */
.site-footer [data-id="a8b8481"] {
    border-top: 1px solid rgba(249, 249, 248, 0.1);
    padding-top: 2rem;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
}
@media (min-width: 768px) {
    .site-footer [data-id="a8b8481"] {
        flex-direction: row;
        justify-content: space-between;
    }
}
.site-footer [data-id="a8b8481"] h5,
.site-footer [data-id="a8b8481"] a {
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: rgba(249, 249, 248, 0.4);
    margin: 0;
    font-weight: 400;
}
.site-footer [data-id="3b641f0"] .elementor-nav-menu {
    display: flex;
    gap: 1rem;
}



/* ==========================================================================
   HOMEPAGE TESTIMONIALS: 3-2 RHYTHM LAYOUT
   ========================================================================== */
.bhb-htrip-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 15; 
}

/* Light Structural Grid */
.bhb-htrip-bg-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: 0;
    pointer-events: none;
    background-image: 
        linear-gradient(to right, rgba(13, 17, 23, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(13, 17, 23, 0.03) 1px, transparent 1px);
    background-size: 25vw 25vh;
    mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%);
}

.bhb-htrip-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem; 
    max-width: 1600px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   Header Layout
   -------------------------------------------------------------------------- */
.bhb-htrip-header {
    display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 4rem;
}
.bhb-htrip-eyebrow { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.bhb-htrip-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-htrip-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #0033A0; font-weight: 600; margin: 0;
}
.bhb-htrip-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; line-height: 1.1;
    color: #0D1117; letter-spacing: -0.025em; margin: 0;
}
.bhb-htrip-title i { color: rgba(13, 17, 23, 0.7); font-style: italic; }

/* --------------------------------------------------------------------------
   Row 1: 3-Column Triptych Grid
   -------------------------------------------------------------------------- */
.bhb-htrip-grid {
    display: grid;
    grid-template-columns: 1fr; /* Stack on mobile */
    gap: 5rem;
    width: 100%;
}

/* --------------------------------------------------------------------------
   Row 2: 2-Column Diptych Grid (For the new additions)
   -------------------------------------------------------------------------- */
.bhb-htrip-grid-2 {
    display: grid;
    grid-template-columns: 1fr; /* Stack on mobile */
    gap: 5rem;
    width: 100%;
    margin-top: 5rem;
}

.bhb-htrip-col {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* --------------------------------------------------------------------------
   Pillar Styles (Columns with Images)
   -------------------------------------------------------------------------- */
.bhb-htrip-matte {
    width: 100%; aspect-ratio: 4/5; background: #FFFFFF; padding: 1rem;
    border: 1px solid rgba(13, 17, 23, 0.05);
    box-shadow: 0 30px 60px -15px rgba(13, 17, 23, 0.08);
    position: relative; overflow: hidden;
}
.bhb-htrip-img-inner { width: 100%; height: 100%; overflow: hidden; background-color: rgba(13, 17, 23, 0.05); }
.bhb-htrip-img {
    width: 100%; height: 100% !important; object-fit: cover !important; object-position: center;
    filter: grayscale(100%); transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), filter 1s ease;
}
.bhb-htrip-matte:hover .bhb-htrip-img { filter: grayscale(0%); transform: scale(1.05); }

.bhb-htrip-quote {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.6rem;
    line-height: 1.4; color: #0D1117; margin: 0;
}
.bhb-htrip-author {
    display: flex; flex-direction: column; gap: 0.25rem;
    border-top: 1px solid rgba(13, 17, 23, 0.1); padding-top: 1.5rem; margin-top: auto;
}
.bhb-htrip-name {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.2em; color: #0D1117; font-weight: 700; margin: 0;
}
.bhb-htrip-title-sub {
    font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(13, 17, 23, 0.5);
    line-height: 1.5; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; margin: 0;
}

/* --------------------------------------------------------------------------
   Centerpiece Style (Jeff Overlie - Pure Typography)
   -------------------------------------------------------------------------- */
.bhb-htrip-center {
    position: relative; padding: 2rem 1.5rem;
    display: flex; flex-direction: column; text-align: center; align-items: center;
}
.bhb-htrip-watermark {
    font-family: 'Cormorant Garamond', serif; font-size: 120px; line-height: 1;
    color: rgba(0, 51, 160, 0.05); position: absolute; top: -1rem; left: 50%;
    transform: translateX(-50%); pointer-events: none; user-select: none; z-index: 0;
}
.bhb-htrip-center-quote {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.725rem;
    line-height: 1.4; color: #0D1117; margin: 0 0 2.5rem 0; position: relative; z-index: 2;
}
.bhb-htrip-center-author {
    display: flex; flex-direction: column; align-items: center; gap: 0.25rem;
    position: relative; z-index: 2;
}
.bhb-htrip-center-line {
    width: 2rem; height: 2px; background-color: #0033A0; margin-bottom: 1.5rem;
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-htrip-container { padding: 8rem 4rem; }
    .bhb-htrip-title { font-size: 4rem; }
}

@media (min-width: 1024px) {
    .bhb-htrip-container { padding: 10rem 6rem; }
    .bhb-htrip-header { margin-bottom: 6rem; }
    .bhb-htrip-title { font-size: 4.5vw; }
    
    /* Row 1: 3 Column Desktop Grid */
    .bhb-htrip-grid { grid-template-columns: repeat(3, 1fr); gap: 4rem; align-items: start; }
    
    /* Row 2: 2 Column Centered Desktop Grid */
    .bhb-htrip-grid-2 { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 6rem; 
        max-width: 1000px; /* Constrains width so cards match the size of Row 1 */
        margin: 6rem auto 0; 
    }
    
    /* Stagger the center column down slightly to create a dynamic 'U' shape */
    .bhb-htrip-col-center { margin-top: 6rem; }
    
    .bhb-htrip-quote { font-size: 1.625rem; }
    
    .bhb-htrip-center { padding: 0 2rem; }
    .bhb-htrip-watermark { font-size: 160px; top: -3rem; }
    .bhb-htrip-center-quote { font-size: 1.875rem; }
}




/* ==========================================================================
   FLOATING BACK TO TOP BUTTON (BULLETPROOF)
   ========================================================================== */
.bhb-floating-btt {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0, 51, 160, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* 
  ULTRA-HIGH SPECIFICITY OVERRIDE:
  Using body + element + ID + class to mathematically beat Elementor's lazyload wildcard (*) 
*/
body button#bhb-floating-btt.bhb-floating-btt {
    background-color: #0033A0 !important; /* Indestructible solid fallback */
    background-image: linear-gradient(135deg, #0033A0 0%, #3B82F6 100%) !important; /* Desired gradient */
}

.bhb-floating-btt.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hover States (Desktop) */
@media (hover: hover) {
    .bhb-floating-btt:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 30px rgba(59, 130, 246, 0.5);
    }
    body button#bhb-floating-btt.bhb-floating-btt:hover {
        background-image: linear-gradient(135deg, #3B82F6 0%, #93C5FD 100%) !important;
    }
}

.bhb-floating-btt svg {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.3s ease;
}

.bhb-floating-btt:hover svg {
    transform: translateY(-2px);
}

/* Mobile Optimization */
@media (max-width: 767px) {
    .bhb-floating-btt {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 3rem;
        height: 3rem;
        box-shadow: 0 8px 20px rgba(0, 51, 160, 0.3);
    }
    .bhb-floating-btt svg {
        width: 1.25rem;
        height: 1.25rem;
    }
}/* End custom CSS */