.elementor-10 .elementor-element.elementor-element-ea86df{--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-10 .elementor-element.elementor-element-75058d28{--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-10 .elementor-element.elementor-element-2f7c8d9f{text-align:start;}.elementor-10 .elementor-element.elementor-element-2f7c8d9f img{width:100%;}.elementor-10 .elementor-element.elementor-element-4d06ce04{--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-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle{margin-left:auto;background-color:#2430436B;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--main .elementor-item{color:#0D1117;fill:#0D1117;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a, .elementor-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle{color:#0D1117;fill:#0D1117;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a:hover,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a:focus,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a.highlighted,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle:hover,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle:focus{color:#0033A0;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a:hover,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a:focus,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a.highlighted{background-color:#EFF4FE;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown a.elementor-item-active{color:#0033A0;background-color:#EFF4FE;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown .elementor-item, .elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle:hover, .elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle:hover svg, .elementor-10 .elementor-element.elementor-element-aef74db div.elementor-menu-toggle:focus svg{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle:hover, .elementor-10 .elementor-element.elementor-element-aef74db .elementor-menu-toggle:focus{background-color:#0033A0;}.elementor-10 .elementor-element.elementor-element-6c7b1079{--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-10 .elementor-element.elementor-element-3ce47f07{--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-10 .elementor-element.elementor-element-7aacd223 .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-10 .elementor-element.elementor-element-7aacd223 .elementor-heading-title a:hover, .elementor-10 .elementor-element.elementor-element-7aacd223 .elementor-heading-title a:focus{color:#0033A0;}.elementor-10 .elementor-element.elementor-element-7aacd223 .elementor-heading-title a{transition-duration:0.3s;}.elementor-10 .elementor-element.elementor-element-3d9ebbec .elementor-nav-menu .elementor-item{font-family:"Cormorant Garamond", Sans-serif;font-size:32px;font-weight:600;line-height:38px;}.elementor-10 .elementor-element.elementor-element-3d9ebbec .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-653cb004{--display:flex;}.elementor-10 .elementor-element.elementor-element-4efe521c .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-10 .elementor-element.elementor-element-4efe521c .elementor-heading-title a:hover, .elementor-10 .elementor-element.elementor-element-4efe521c .elementor-heading-title a:focus{color:#0033A0;}.elementor-10 .elementor-element.elementor-element-4efe521c .elementor-heading-title a{transition-duration:0.3s;}.elementor-10 .elementor-element.elementor-element-5aaf54ff .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:25px;}.elementor-10 .elementor-element.elementor-element-5aaf54ff .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7e6a4658{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-53c9043d{text-align:end;}.elementor-10 .elementor-element.elementor-element-53c9043d .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-10 .elementor-element.elementor-element-53c9043d .elementor-heading-title a:hover, .elementor-10 .elementor-element.elementor-element-53c9043d .elementor-heading-title a:focus{color:#0033A0;}.elementor-10 .elementor-element.elementor-element-53c9043d .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-10 .elementor-element.elementor-element-446ce217{text-align:end;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-10 .elementor-element.elementor-element-4362f709{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F9F9F81A;--border-color:#F9F9F81A;}.elementor-10 .elementor-element.elementor-element-33baa090{width:100%;max-width:100%;text-align:center;}.elementor-10 .elementor-element.elementor-element-33baa090 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:189px;font-weight:600;color:#F9F9F80F;}.elementor-10 .elementor-element.elementor-element-2d7743ea{--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-10 .elementor-element.elementor-element-7f6ca29b{--display:flex;}.elementor-10 .elementor-element.elementor-element-751df6fe{--display:flex;}.elementor-10 .elementor-element.elementor-element-16c96980{--display:flex;}.elementor-10 .elementor-element.elementor-element-41272754 .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-10 .elementor-element.elementor-element-41272754 .elementor-nav-menu--main .elementor-item{color:#F9F9F866;fill:#F9F9F866;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F8;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-ea86df{--justify-content:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-10 .elementor-element.elementor-element-75058d28{--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-10 .elementor-element.elementor-element-2f7c8d9f img{width:100%;}.elementor-10 .elementor-element.elementor-element-4d06ce04{--width:26%;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown .elementor-item, .elementor-10 .elementor-element.elementor-element-aef74db .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:13px;}.elementor-10 .elementor-element.elementor-element-aef74db{--nav-menu-icon-size:18px;}.elementor-10 .elementor-element.elementor-element-7e6a4658{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-446ce217{text-align:start;}.elementor-10 .elementor-element.elementor-element-33baa090 .elementor-heading-title{font-size:59px;}.elementor-10 .elementor-element.elementor-element-16c96980{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-ea86df{--width:95%;}.elementor-10 .elementor-element.elementor-element-75058d28{--width:32%;}.elementor-10 .elementor-element.elementor-element-6c7b1079{--width:91%;}.elementor-10 .elementor-element.elementor-element-4362f709{--width:91%;}.elementor-10 .elementor-element.elementor-element-2d7743ea{--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;
}




/* ==========================================================================
   ABOUT THE ARTIST: HERO SECTION
   ========================================================================== */
.bhb-about-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}

/* Structural Architectural Grid */
.bhb-about-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 30%, transparent 90%);
    -webkit-mask-image: radial-gradient(ellipse at top center, black 50%, transparent 100%);
}

.bhb-about-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    padding: 8rem 1.5rem 6rem; /* Mobile padding */
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   TOP HALF: The Monumental Typography Spread
   -------------------------------------------------------------------------- */
.bhb-about-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
}

/* Eyebrow */
.bhb-about-eyebrow-wrap { overflow: hidden; margin-bottom: 2rem; padding: 0.5rem 0; }
.bhb-about-eyebrow { display: flex; align-items: center; gap: 1rem; }
.bhb-about-eyebrow-line { width: 3rem; height: 1px; background-color: rgba(0, 51, 160, 0.6); }
.bhb-about-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.4em; color: #0033A0; font-weight: 700; white-space: nowrap; margin: 0;
}

/* Editorial Headline */
.bhb-about-headline { display: flex; flex-direction: column; margin-bottom: 2rem; }
.bhb-about-overflow-box { overflow: hidden; padding-top: 1.5rem; padding-bottom: 2rem; margin-top: -1.5rem; margin-bottom: -2rem; }

.bhb-about-h1 {
    font-family: 'Cormorant Garamond', serif; font-size: 16vw; line-height: 0.85;
    color: #0D1117; letter-spacing: -0.025em; margin: 0;
}
.bhb-about-h1-italic { font-style: italic; }
.bhb-about-grad-text {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent; opacity: 0.9;
}

/* --------------------------------------------------------------------------
   BOTTOM HALF: The Portrait & Bio Balance
   -------------------------------------------------------------------------- */
.bhb-about-bottom {
    width: 100%;
    display: flex;
    flex-direction: column; /* Stack vertically on mobile */
    gap: 3rem;
    align-items: center;
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(13, 17, 23, 0.1);
    padding-top: 4rem;
}

/* Left: The Biographical Text */
.bhb-about-col-left {
    display: flex; flex-direction: column; gap: 2.5rem;
    order: 2; /* Forces text below the image on mobile */
    width: 100%;
}
.bhb-about-lead {
    font-family: 'Inter', sans-serif; font-size: 21px; color: #0D1117;
    line-height: 1.4; font-weight: 500; letter-spacing: -0.025em; margin: 0;
}
.bhb-about-text-group {
    border-left: 1.5px solid rgba(0, 51, 160, 0.4); padding-left: 1.5rem;
    display: flex; flex-direction: column; gap: 1.5rem;
}
.bhb-about-text {
    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-about-text span { font-style: italic; font-weight: 500; color: #0D1117; }

/* Right: The Editorial Portrait */
.bhb-about-col-right {
    display: flex; justify-content: center; width: 100%;
    order: 1; /* Forces image above the text on mobile */
}
.bhb-about-portrait-group {
    display: flex; align-items: flex-end; gap: 1.5rem; width: 100%; justify-content: center;
}

/* Architectural Name Stack (Hidden on Mobile) */
.bhb-about-name-stack {
    display: none; flex-direction: column; text-align: right; padding-bottom: 1rem; position: relative;
}
.bhb-about-name-stack span {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.4em; color: rgba(13, 17, 23, 0.4); font-weight: 600;
}
.bhb-about-name-stack span:last-child { color: rgba(0, 51, 160, 0.7); }
.bhb-about-name-line {
    position: absolute; right: -12px; bottom: 1.5rem; width: 1px; height: 3rem; background-color: rgba(13, 17, 23, 0.1);
}

/* Image Wrapper */
.bhb-about-img-col {
    display: flex; flex-direction: column; width: 100%; max-width: 420px;
}
.bhb-about-matte {
    width: 100%; aspect-ratio: 4/5; background-color: #FFFFFF; padding: 0.75rem;
    border: 1px solid rgba(13, 17, 23, 0.05); box-shadow: 0 40px 80px -20px rgba(13, 17, 23, 0.15);
    position: relative;
}
.bhb-about-img-inner {
    width: 100%; height: 100%; overflow: hidden; background-color: rgba(13, 17, 23, 0.05); position: relative;
}
.bhb-about-img {
    width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); opacity: 0.9;
    transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-about-matte:hover .bhb-about-img { transform: scale(1.05); }
.bhb-about-img-overlay {
    position: absolute; inset: 0; background-color: rgba(0, 51, 160, 0.1); mix-blend-mode: overlay;
    opacity: 0; transition: opacity 0.7s ease; pointer-events: none;
}
.bhb-about-matte:hover .bhb-about-img-overlay { opacity: 1; }

.bhb-about-caption {
    font-family: 'Inter', sans-serif; font-size: 9px; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(13, 17, 23, 0.4); margin-top: 1.5rem; text-align: center;
}

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

.bhb-about-img-inner img {
   height: 485px !important; 
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-about-container { padding: 12rem 4rem 6rem; }
    .bhb-about-top { margin-bottom: 6rem; }
    .bhb-about-eyebrow-wrap { margin-bottom: 3rem; }
    .bhb-about-h1 { font-size: 13vw; }
    .bhb-about-h1-offset-1 { margin-left: 15%; }
    .bhb-about-h1-offset-2 { margin-left: 30%; }
    
    /* Restore Desktop Grid and Ordering */
    .bhb-about-bottom { 
        display: grid; 
        grid-template-columns: repeat(12, 1fr); 
        gap: 3rem; 
        padding-top: 6rem; 
        align-items: start;
    }
    .bhb-about-col-left { grid-column: span 6; padding-right: 2rem; order: 1; /* Left */ }
    .bhb-about-col-right { grid-column: span 6; justify-content: flex-end; order: 2; /* Right */ }
    
    .bhb-about-lead { font-size: 26px; }
    .bhb-about-text { font-size: 17px; }
    
    .bhb-about-name-stack { display: flex; }
    .bhb-about-matte { padding: 1rem; }
    .bhb-about-caption { text-align: right; }
    .bhb-about-scroll { display: flex; left: 4rem; }
}

@media (min-width: 1024px) {
    .bhb-about-container { padding: 12rem 6rem 6rem; }
    .bhb-about-h1 { font-size: 11.5vw; }
    .bhb-about-h1-offset-1 { margin-left: 20%; }
    .bhb-about-h1-offset-2 { margin-left: 45%; }
    
    .bhb-about-bottom { gap: 4rem; }
    .bhb-about-col-left { grid-column: span 5; }
    .bhb-about-col-right { grid-column: span 7; }
    
    .bhb-about-lead { font-size: 30px; }
    .bhb-about-name-stack span { font-size: 13px; }
    .bhb-about-name-line { right: -20px; bottom: 3.5rem; }
}




/* ==========================================================================
   PHILOSOPHY & PROCESS SECTION
   ========================================================================== */
.bhb-phil-wrapper {
    background-color: #0D1117;
    color: #F9F9F8;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 5;
}

/* Ambient Glow (Museum Spotlight Effect) */
.bhb-phil-ambient {
    position: absolute;
    top: 50%; left: 30%;
    transform: translate(-50%, -50%);
    width: 150vw; height: 150vw;
    background: radial-gradient(circle, rgba(0, 51, 160, 0.1) 0%, rgba(13, 17, 23, 0) 60%);
    pointer-events: none;
    z-index: 0;
}

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

/* --------------------------------------------------------------------------
   Layout & Grid
   -------------------------------------------------------------------------- */
.bhb-phil-grid {
    display: grid;
    grid-template-columns: 1fr; /* Stack vertically on mobile */
    gap: 4rem;
    align-items: center;
    position: relative;
}

/* Mobile ordering: Image top, text bottom */
.bhb-phil-col-img { order: 1; display: flex; justify-content: center; }
.bhb-phil-col-text { order: 2; display: flex; flex-direction: column; justify-content: center; }

/* --------------------------------------------------------------------------
   Eyebrow Tag
   -------------------------------------------------------------------------- */
.bhb-phil-eyebrow-wrap { display: flex; justify-content: center; margin-bottom: 4rem; }
.bhb-phil-eyebrow { display: flex; align-items: center; gap: 1rem; }
.bhb-phil-dot { width: 6px; height: 6px; border-radius: 50%; background-color: #0033A0; box-shadow: 0 0 8px rgba(0, 51, 160, 0.8); }
.bhb-phil-eyebrow-text {
    font-family: 'Inter', sans-serif; font-size: 12px; text-transform: uppercase;
    letter-spacing: 0.4em; color: rgba(249, 249, 248, 0.6); font-weight: 500; margin: 0;
}

/* --------------------------------------------------------------------------
   Image Block
   -------------------------------------------------------------------------- */
.bhb-phil-img-wrap { width: 100%; max-width: 500px; margin: 0 auto; position: relative; }

.bhb-phil-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);
    position: relative; overflow: hidden;
}
.bhb-phil-img-inner { width: 100%; aspect-ratio: 4/5; background-color: #0D1117; overflow: hidden; border: 1px solid rgba(249, 249, 248, 0.05); }

/* Grayscale to Color hover effect */
.bhb-phil-img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
    filter: grayscale(100%); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-phil-matte:hover .bhb-phil-img { filter: grayscale(0%); transform: scale(1.05); }

/* In-image label */
.bhb-phil-label {
    position: absolute; bottom: 1.5rem; left: 1.5rem; z-index: 20;
    background-color: rgba(13, 17, 23, 0.8); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    padding: 0.375rem 0.75rem; border: 1px solid rgba(249, 249, 248, 0.1);
}
.bhb-phil-label-text {
    font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(249, 249, 248, 0.6); font-weight: 500; margin: 0;
}

/* --------------------------------------------------------------------------
   Typography Block
   -------------------------------------------------------------------------- */
.bhb-phil-quote {
    font-family: 'Cormorant Garamond', serif; font-size: 3rem; line-height: 1.1;
    color: #F9F9F8; font-weight: 400; letter-spacing: -0.02em; margin: 0 0 3rem 0;
}
.bhb-phil-quote span { color: #0033A0; font-weight: 500; }
.bhb-phil-quote i { color: rgba(249, 249, 248, 0.9); font-weight: 500; font-style: italic; }

.bhb-phil-narrative-wrap { display: flex; justify-content: flex-start; }
.bhb-phil-narrative {
    max-width: 32rem; width: 100%; padding-left: 1.5rem; border-left: 1px solid rgba(255, 255, 255, 0.1);
    position: relative; display: flex; flex-direction: column; gap: 1.5rem;
}

/* Delicate Structural Anchor */
.bhb-phil-anchor {
    position: absolute; top: 0; left: -1px; width: 2px; height: 3rem;
    background: linear-gradient(to bottom, #0033A0, transparent);
}

.bhb-phil-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(249, 249, 248, 0.8);
    line-height: 1.8; font-weight: 400; margin: 0;
}
.bhb-phil-body strong { color: #F9F9F8; font-weight: 600; }
.bhb-phil-body-dim { color: rgba(249, 249, 248, 0.6); }


.bhb-phil-quote .reveal-phil-text {
    color: #F9F9F8 !important;
}
/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-phil-container { padding: 8rem 4rem; }
    .bhb-phil-eyebrow-wrap { justify-content: flex-start; margin-bottom: 4rem; }
    .bhb-phil-quote { font-size: 6vw; margin-bottom: 4rem; }
    .bhb-phil-body { font-size: 17px; }
    .bhb-phil-matte { padding: 1.5rem; }
    .bhb-phil-label { bottom: 2rem; left: 2rem; }
    .bhb-phil-narrative { padding-left: 2rem; }
}

@media (min-width: 1024px) {
    .bhb-phil-container { padding: 10rem 6rem; }
    
    .bhb-phil-grid { grid-template-columns: repeat(12, 1fr); gap: 3rem; }
    
    /* Desktop order restore */
    .bhb-phil-col-img { order: 1; grid-column: span 5; justify-content: flex-start; }
    .bhb-phil-col-text { order: 2; grid-column: span 7; }
    
    .bhb-phil-img-wrap { margin: 0; }
    .bhb-phil-quote { font-size: 4.5vw; }
}

@media (min-width: 1280px) {
    .bhb-phil-quote { font-size: 4.5vw; }
}



/* ==========================================================================
   STUDY & TRAINING SECTION
   ========================================================================== */
.bhb-train-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 6; /* Stacks above the previous dark section */
    border-radius: 40px 40px 0 0;
    box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.5); /* Overlap shadow */
}

/* Subtle Background Grid */
.bhb-train-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-train-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem; /* Strict mobile padding */
    max-width: 1600px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   Layout & Grid
   -------------------------------------------------------------------------- */
.bhb-train-layout {
    display: flex;
    flex-direction: column; /* Stack vertically on mobile */
    gap: 4rem;
    position: relative;
    width: 100%;
}

.bhb-train-col-left { width: 100%; position: relative; }
.bhb-train-col-right { width: 100%; display: flex; flex-direction: column; }

/* --------------------------------------------------------------------------
   Left Column: Sticky Section Title
   -------------------------------------------------------------------------- */
.bhb-train-sticky-text { display: flex; flex-direction: column; gap: 1.5rem; }

.bhb-train-eyebrow { display: flex; align-items: center; gap: 1rem; }
.bhb-train-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-train-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-train-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3rem; line-height: 1.1;
    color: #0D1117; letter-spacing: -0.025em; margin: 0;
}
.bhb-train-title i { color: rgba(13, 17, 23, 0.8); font-style: italic; }

.bhb-train-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(13, 17, 23, 0.6);
    line-height: 1.8; font-weight: 400; max-width: 20rem; margin: 1rem 0 0 0;
}

/* --------------------------------------------------------------------------
   Right Column: The Interactive Roster List
   -------------------------------------------------------------------------- */
.bhb-train-list-wrap {
    border-top: 1px solid rgba(13, 17, 23, 0.1);
}

.bhb-train-item {
    display: flex; flex-direction: column; /* Stack on mobile */
    padding: 2rem 0; border-bottom: 1px solid rgba(13, 17, 23, 0.1);
    transition: border-color 0.5s ease;
}
.bhb-train-item:hover { border-color: rgba(0, 51, 160, 0.4); }

.bhb-train-item-left {
    display: flex; flex-direction: column; gap: 0.25rem;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-train-item:hover .bhb-train-item-left { transform: translateX(1rem); }

.bhb-train-inst {
    font-family: 'Cormorant Garamond', serif; font-size: 1.95rem; color: #0D1117;
    margin: 0; transition: color 0.5s ease;
}
.bhb-train-item:hover .bhb-train-inst { color: #0033A0; }

.bhb-train-desc {
    font-family: 'Inter', sans-serif; font-size: 14px; color: rgba(13, 17, 23, 0.6);
    font-weight: 400; margin: 0.25rem 0 0 0;
}
.bhb-train-desc span { color: rgba(13, 17, 23, 0.8); font-weight: 500; }

.bhb-train-item-right {
    margin-top: 0.75rem;
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.bhb-train-item:hover .bhb-train-item-right { transform: translateX(-0.5rem); }
.bhb-train-loc {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(13, 17, 23, 0.4); font-weight: 500; margin: 0;
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-train-wrapper { border-radius: 80px 80px 0 0; }
    .bhb-train-container { padding: 8rem 4rem; }
    .bhb-train-title { font-size: 3.75rem; }
    .bhb-train-body { font-size: 15px; }
    
    .bhb-train-item { flex-direction: row; align-items: center; justify-content: space-between; padding: 2.5rem 0; }
    .bhb-train-item-right { margin-top: 0; text-align: right; }
    .bhb-train-inst { font-size: 2.25rem; }
    .bhb-train-desc { font-size: 16px; }
    .bhb-train-loc { font-size: 12px; }
}

@media (min-width: 1024px) {
    .bhb-train-container { padding: 12rem 6rem; }
    .bhb-train-layout { flex-direction: row; gap: 6rem; }
    
    /* Desktop Sticky Text Behavior */
    .bhb-train-col-left { width: 33.333%; }
    .bhb-train-sticky-text { position: sticky; top: 8rem; }
    
    .bhb-train-col-right { width: 66.666%; padding-top: 2rem; }
    .bhb-train-list-wrap { border-top: none; }
}


/* ==========================================================================
   RECENT PAINTINGS SECTION
   ========================================================================== */
.bhb-recent-wrapper {
    background-color: #0D1117;
    color: #F9F9F8;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 7; /* Stacks above the previous light section */
}

/* Subtle Dark Background Grid */
.bhb-recent-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-recent-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem 8rem; /* Strict mobile padding */
    max-width: 1600px;
    margin: 0 auto;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   Header Layout
   -------------------------------------------------------------------------- */
.bhb-recent-header {
    display: flex;
    flex-direction: column; /* Stack on mobile */
    gap: 3rem;
    margin-bottom: 5rem;
}

/* Left: Headlines */
.bhb-recent-header-left { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; }

.bhb-recent-eyebrow { display: flex; align-items: center; gap: 1rem; }
.bhb-recent-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.6); }
.bhb-recent-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-recent-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3.75rem; line-height: 0.9;
    color: #F9F9F8; letter-spacing: -0.025em; margin: 0;
}
.bhb-recent-title i { color: rgba(249, 249, 248, 0.8); font-style: italic; }

/* Right: Supporting Text */
.bhb-recent-header-right { display: flex; align-items: flex-end; width: 100%; }
.bhb-recent-desc {
    font-family: 'Inter', sans-serif; font-size: 17px; color: rgba(249, 249, 248, 0.8);
    line-height: 1.8; font-weight: 400; margin: 0;
}
.bhb-recent-desc-grad {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 500;
}

/* --------------------------------------------------------------------------
   Artwork Grid
   -------------------------------------------------------------------------- */
.bhb-recent-grid {
    display: grid;
    grid-template-columns: 1fr; /* Stack vertically on mobile */
    gap: 4rem; /* Mobile gap */
    width: 100%;
}

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

/* Exhibition Matte Framing */
.bhb-recent-matte {
    background: #11151C; padding: 1.5rem; border: 1px solid rgba(249, 249, 248, 0.05);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.9), inset 0 0 0 1px rgba(249, 249, 248, 0.02);
    position: relative; overflow: hidden;
}

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

/* Aspect Ratios */
.bhb-recent-ratio-4-5 { aspect-ratio: 4/5; }
.bhb-recent-ratio-3-4 { aspect-ratio: 3/4; }

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

/* Museum Plaques */
.bhb-recent-plaque { display: flex; justify-content: space-between; align-items: baseline; padding: 0 0.5rem; }
.bhb-recent-plaque-title {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.3em; color: #F9F9F8; font-weight: 700; margin: 0;
}
.bhb-recent-plaque-meta {
    font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.2em; color: rgba(249, 249, 248, 0.4); font-weight: 500; margin: 0;
}

/* --------------------------------------------------------------------------
   Call to Action Button
   -------------------------------------------------------------------------- */
.bhb-recent-cta-wrap { display: flex; justify-content: center; width: 100%; margin-top: 5rem; }

.bhb-recent-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    padding: 1.25rem 2.5rem; border: 1px solid rgba(249, 249, 248, 0.2);
    color: #F9F9F8; font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 500; transition: all 0.5s ease; overflow: hidden;
    z-index: 10; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bhb-recent-btn-bg {
    position: absolute; inset: 0; background: linear-gradient(to right, #0033A0, #3B82F6);
    opacity: 0; transition: opacity 0.5s ease; z-index: -1;
}
.bhb-recent-btn:hover { border-color: transparent; }
.bhb-recent-btn:hover .bhb-recent-btn-bg { opacity: 1; }
.bhb-recent-btn span { transition: color 0.5s ease; }
.bhb-recent-btn:hover span { color: #FFFFFF; }


/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-recent-container { padding: 8rem 4rem; }
    .bhb-recent-header { margin-bottom: 8rem; }
    .bhb-recent-title { font-size: 4.5rem; }
    .bhb-recent-desc { font-size: 18px; }
    
    .bhb-recent-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
    
    /* Staggered Vertical Alignments */
    .bhb-recent-item-2 { margin-top: 4rem; }
    .bhb-recent-item-3 { margin-top: 8rem; }
    
    .bhb-recent-cta-wrap { margin-top: 8rem; }
}

@media (min-width: 1024px) {
    .bhb-recent-container { padding: 12rem 6rem; }
    .bhb-recent-header { flex-direction: row; gap: 2rem; }
    
    /* Desktop Header Layout */
    .bhb-recent-header-left { width: 58.333%; }
    .bhb-recent-header-right { width: 33.333%; margin-left: auto; padding-bottom: 1rem; }
    
    .bhb-recent-title { font-size: 6vw; }
    .bhb-recent-grid { gap: 3rem; }
    
    /* Stronger Desktop Stagger */
    .bhb-recent-item-2 { margin-top: 6rem; }
    .bhb-recent-item-3 { margin-top: 12rem; }
}


/* ==========================================================================
   SELECTED SCULPTURE SECTION
   ========================================================================== */
.bhb-sel-sculpt-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 8; /* Stacks above the previous dark section */
    border-radius: 40px 40px 0 0;
    box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.5);
}

/* Structural Architectural Grid */
.bhb-sel-sculpt-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-sel-sculpt-container {
    position: relative;
    width: 100%;
    padding: 6rem 1.5rem; /* Strict mobile padding */
    max-width: 1600px;
    margin: 0 auto;
    z-index: 10;
}

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

.bhb-sel-sculpt-eyebrow {
    display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem;
}
.bhb-sel-sculpt-eyebrow-line { width: 2rem; height: 1px; background-color: rgba(0, 51, 160, 0.5); }
.bhb-sel-sculpt-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-sel-sculpt-title {
    font-family: 'Cormorant Garamond', serif; font-size: 3.75rem; line-height: 0.9;
    color: #0D1117; letter-spacing: -0.025em; margin: 0 0 2rem 0;
}
.bhb-sel-sculpt-grad-text {
    background-image: linear-gradient(to right, #0033A0, #60A5FA);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

.bhb-sel-sculpt-subtitle-wrap { display: flex; flex-direction: column; gap: 0.5rem; }
.bhb-sel-sculpt-subtitle {
    font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.95rem;
    line-height: 1.25; color: rgba(13, 17, 23, 0.8); margin: 0; font-weight: 400;
}
.bhb-sel-sculpt-dates {
    font-family: 'Inter', sans-serif; font-size: 14px; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(13, 17, 23, 0.4); font-weight: 500; margin: 1rem 0 0 0;
}

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

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

/* Premium Gallery Matte */
.bhb-sel-sculpt-matte {
    background: #FFFFFF;
    padding: 1rem;
    box-shadow: 0 40px 80px -20px rgba(13, 17, 23, 0.15), 0 15px 25px -10px rgba(13, 17, 23, 0.05), inset 0 0 0 1px rgba(13, 17, 23, 0.02);
    position: relative;
    transition: box-shadow 0.5s ease;
}
.bhb-sel-sculpt-matte:hover {
    box-shadow: 0 50px 90px -20px rgba(13, 17, 23, 0.2), 0 20px 30px -10px rgba(13, 17, 23, 0.08), inset 0 0 0 1px rgba(13, 17, 23, 0.02);
}

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

/* Ratios */
.bhb-sel-ratio-4-5 { aspect-ratio: 4/5; }
.bhb-sel-ratio-square { aspect-ratio: 1/1; }
.bhb-sel-ratio-dynamic { aspect-ratio: 4/5; }

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

/* Spotlight shadow overlay */
.bhb-sel-sculpt-overlay {
    position: absolute; inset: 0; background-color: rgba(13, 17, 23, 0.1);
    mix-blend-mode: multiply; opacity: 0; transition: opacity 0.7s ease; pointer-events: none;
}
.bhb-sel-sculpt-matte:hover .bhb-sel-sculpt-overlay { opacity: 1; }

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

/* --------------------------------------------------------------------------
   Call to Action Button
   -------------------------------------------------------------------------- */
.bhb-sel-sculpt-cta-wrap { display: flex; justify-content: center; width: 100%; margin-top: 5rem; }

.bhb-sel-sculpt-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    padding: 1.25rem 2.5rem; border: 1px solid rgba(13, 17, 23, 0.2); background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    color: #0D1117; font-family: 'Inter', sans-serif; font-size: 10px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 500; transition: all 0.5s ease; overflow: hidden;
    z-index: 10; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.bhb-sel-sculpt-btn-bg {
    position: absolute; inset: 0; background: linear-gradient(to right, #0033A0, #3B82F6);
    opacity: 0; transition: opacity 0.5s ease; z-index: -1;
}
.bhb-sel-sculpt-btn:hover { border-color: transparent; }
.bhb-sel-sculpt-btn:hover .bhb-sel-sculpt-btn-bg { opacity: 1; }
.bhb-sel-sculpt-btn span { transition: color 0.5s ease; }
.bhb-sel-sculpt-btn:hover span { color: #FFFFFF; }



/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-sel-sculpt-wrapper { border-radius: 80px 80px 0 0; }
    .bhb-sel-sculpt-container { padding: 8rem 4rem; }
    
    .bhb-sel-sculpt-intro { margin-bottom: 6rem; }
    .bhb-sel-sculpt-title { font-size: 4.5rem; }
    .bhb-sel-sculpt-subtitle { font-size: 2.35rem; }
    
    .bhb-sel-sculpt-grid { grid-template-columns: repeat(2, 1fr); gap: 6rem; }
    .bhb-sel-sculpt-col { gap: 8rem; }
    
    /* The Left Column Stagger */
    .bhb-sel-sculpt-col-left { margin-top: 8rem; }
    
    .bhb-sel-sculpt-matte { padding: 1.5rem; }
    .bhb-ratio-dynamic { aspect-ratio: 3/4; }
    
    .bhb-sel-sculpt-cta-wrap { margin-top: 8rem; }
}

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




/* ==========================================================================
   ARTIST QUOTE SECTION
   ========================================================================== */
.bhb-quote-wrapper {
    background-color: #0D1117;
    color: #F9F9F8;
    position: relative;
    width: 100%;
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
}

/* Dark Background Grid */
.bhb-quote-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%);
}

/* Subtle background radial gradient for physical depth */
.bhb-quote-bg-glow {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(0, 51, 160, 0.05) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.bhb-quote-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 10;
}

/* --------------------------------------------------------------------------
   The Monumental Quote
   -------------------------------------------------------------------------- */
.bhb-quote-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

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

.bhb-quote-lines {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 4rem;
    width: 100%;
    position: relative;
    z-index: 10;
}

.bhb-quote-line-wrap {
    overflow: hidden;
    padding-bottom: 0.5rem;
}

.bhb-quote-line {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.25rem;
    line-height: 1.3;
    letter-spacing: 0.025em;
    margin: 0;
}
.bhb-quote-italic { font-style: italic; }

/* Fading opacity progression for text lines */
.bhb-quote-c1 { color: #F9F9F8; }
.bhb-quote-c2 { color: rgba(249, 249, 248, 0.9); }
.bhb-quote-c3 { color: rgba(249, 249, 248, 0.8); }
.bhb-quote-c4 { font-style: normal; color: #F9F9F8; }
.bhb-quote-c5 { color: rgba(249, 249, 248, 0.6); }

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

/* --------------------------------------------------------------------------
   Artist Attribution
   -------------------------------------------------------------------------- */
.bhb-quote-attribution {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.bhb-quote-divider {
    width: 4rem;
    height: 1px;
    background-color: rgba(0, 51, 160, 0.6);
}

.bhb-quote-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.bhb-quote-avatar {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(249, 249, 248, 0.2);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.bhb-quote-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    opacity: 0.9;
    transition: transform 0.7s ease;
}
.bhb-quote-avatar:hover img {
    transform: scale(1.1);
}

.bhb-quote-name {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: rgba(249, 249, 248, 0.8);
    font-weight: 500;
    margin: 0;
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-quote-container { padding: 12rem 4rem; }
    .bhb-quote-watermark { font-size: 250px; top: -6rem; }
    .bhb-quote-line { font-size: 3rem; }
    .bhb-quote-avatar { width: 7rem; height: 7rem; }
    .bhb-quote-name { font-size: 13px; }
}

@media (min-width: 1024px) {
    .bhb-quote-line { font-size: 3.8vw; }
}




/* ==========================================================================
   PORTFOLIO CTA SECTION
   ========================================================================== */
.bhb-port-cta-wrapper {
    background-color: #F9F9F8;
    color: #0D1117;
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 12;
    /* Physical overlap effect over the previous dark section */
    border-top: 1px solid rgba(13, 17, 23, 0.1);
    box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.3);
}

/* Light Structural Grid */
.bhb-port-cta-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-port-cta-container {
    position: relative;
    width: 100%;
    min-height: 85vh;
    padding: 8rem 1.5rem; /* Strict mobile padding */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
}

.bhb-port-cta-content {
    width: 100%;
    max-width: 64rem; /* max-w-5xl */
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10;
}

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

/* Monumental Headline */
.bhb-port-cta-title-wrap {
    width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;
}
.bhb-port-cta-title-line { overflow: hidden; padding-bottom: 0.5rem; }
.bhb-port-cta-title-line-2 { margin-top: 0.5rem; }

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

/* Curatorial Paragraph */
.bhb-port-cta-body-wrap {
    max-width: 42rem; /* max-w-2xl */ margin: 0 auto 4rem;
}
.bhb-port-cta-body {
    font-family: 'Inter', sans-serif; font-size: 16px; color: rgba(13, 17, 23, 0.7);
    line-height: 2; font-weight: 400; margin: 0;
}

/* --------------------------------------------------------------------------
   The Signature CTA Button
   -------------------------------------------------------------------------- */
.bhb-port-cta-btn {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    padding: 1.5rem 3rem; border: 1px solid rgba(13, 17, 23, 0.2);
    background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    color: #0D1117; font-family: 'Inter', sans-serif; font-size: 11px; text-transform: uppercase;
    letter-spacing: 0.25em; font-weight: 500; transition: all 0.5s ease; overflow: hidden;
    z-index: 10; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); text-decoration: none;
}
.bhb-port-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-port-cta-btn:hover { border-color: transparent; }
.bhb-port-cta-btn:hover .bhb-port-cta-btn-bg { opacity: 1; }

.bhb-port-cta-btn-text { transition: color 0.5s ease; position: relative; z-index: 2; }
.bhb-port-cta-btn:hover .bhb-port-cta-btn-text { color: #FFFFFF; }

/* Animated Sliding Arrow */
.bhb-port-cta-arrow {
    width: 1rem; height: 1rem; margin-left: 0.75rem; color: #FFFFFF;
    opacity: 0; transform: translateX(-1rem);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute; right: 1.5rem;
}
.bhb-port-cta-btn:hover .bhb-port-cta-arrow {
    opacity: 1; transform: translateX(0);
}
/* Shift text slightly to the left on hover to make room for arrow */
.bhb-port-cta-btn:hover .bhb-port-cta-btn-text {
    transform: translateX(-0.5rem);
}

/* ==========================================================================
   DESKTOP MEDIA QUERIES
   ========================================================================== */
@media (min-width: 768px) {
    .bhb-port-cta-container { padding: 12rem 4rem; }
    .bhb-port-cta-title-line-2 { margin-top: -0.5rem; }
    .bhb-port-cta-title { font-size: 3.75rem; }
    .bhb-port-cta-body { font-size: 17px; }
}

@media (min-width: 1024px) {
    .bhb-port-cta-container { padding: 12rem 6rem; }
    .bhb-port-cta-title { font-size: 6vw; }
}




/* =========================================================
   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;
}



/* ==========================================================================
   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 */