/* TRADING COMPANY BL — Real-photo hero, November 2026
   Photography: Unsplash creators, locally uploaded to WordPress.
   All hero copy/buttons remain HTML for crisp text and usable mobile navigation. */
.bl-hero .bl-photo-hero{
  isolation:isolate;display:flex!important;align-items:stretch!important;
  min-height:510px!important;overflow:hidden!important;position:relative!important;
  border-radius:37px!important;background:#322016!important;
  box-shadow:0 16px 44px rgba(37,23,13,.14);
}
.bl-hero .bl-photo-hero .bl-hero-background{
  position:absolute!important;inset:0!important;z-index:-1!important;
  background:radial-gradient(ellipse 72% 110% at 5% 25%,#594033 0%,#3c261d 62%,#271910 100%)!important;
  background-image:radial-gradient(ellipse 72% 110% at 5% 25%,#594033 0%,#3c261d 62%,#271910 100%)!important;
  background-size:cover!important;
}
.bl-hero .bl-photo-hero .bl-hero-content{
  position:relative!important;z-index:2!important;
  flex:0 0 52%!important;width:52%!important;max-width:52%!important;
  padding:53px 13px 45px 52px!important;color:#fff!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
.bl-hero .bl-photo-hero .bl-hero-eyebrow{
  display:block!important;visibility:visible!important;
  margin:0 0 24px!important;color:#edd1a2!important;
  font:800 12px/1.55 'Manrope',sans-serif!important;
  text-transform:uppercase!important;letter-spacing:.12em!important;
}
.bl-hero .bl-photo-hero h1{
  white-space:normal!important;max-width:650px!important;
  font:900 clamp(41px,4.1vw,56px)/1.05 'Barlow Condensed',sans-serif!important;
  letter-spacing:.015em!important;text-shadow:none!important;
  color:#fff!important;margin:0!important;
}
.bl-hero .bl-photo-hero .bl-hero-content>p:not(.bl-hero-eyebrow):not(.bl-hero-footnote){
  font:600 15px/1.65 'Manrope',sans-serif!important;
  max-width:510px!important;color:#f7e9dc!important;
  margin:20px 0 27px!important;
}
.bl-hero .bl-photo-hero .bl-hero-actions{
  display:flex!important;flex-wrap:wrap!important;gap:10px!important;
}
.bl-hero .bl-photo-hero .bl-hero-actions .bl-btn{
  padding:12px 15px!important;min-height:49px!important;
  font:900 17px/1.12 'Barlow Condensed',sans-serif!important;
  border-radius:12px!important;white-space:normal!important;text-align:center!important;
}
.bl-hero .bl-photo-hero .bl-btn-cream{background:#faf0e0!important;color:#352116!important}
.bl-hero .bl-photo-hero .bl-btn-outline{
  border:2px solid #efc07c!important;color:#fff!important;
  background:rgba(13,54,26,.55)!important;
}
.bl-hero .bl-photo-hero .bl-btn-outline:hover{background:#16492c!important}
.bl-hero .bl-photo-hero .bl-hero-footnote{
  margin:24px 0 0!important;font:800 10px/1.5 'Manrope',sans-serif!important;
  color:#d8c2aa!important;letter-spacing:.09em!important;
}
.bl-hero .bl-hero-photo-grid{
  position:absolute!important;right:22px!important;top:27px!important;bottom:27px!important;
  z-index:1!important;width:45.5%!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;min-width:0!important;min-height:0!important;
}
.bl-hero .bl-hero-photo-tile{
  position:relative;display:block!important;width:100%!important;height:100%!important;
  min-width:0;min-height:0;overflow:hidden!important;isolation:isolate;
  border:2px solid rgba(255,247,225,.82)!important;
  border-radius:18px!important;background:#f1e8dd!important;
  box-shadow:0 5px 13px rgba(14,9,5,.24)!important;
}
.bl-hero .bl-hero-photo-tile:after{
  content:'';position:absolute;inset:48% 0 0;pointer-events:none;
  background:linear-gradient(to top,rgba(18,12,8,.74),transparent);
  z-index:1;
}
.bl-hero .bl-hero-photo-tile:hover{border-color:#eac37d!important}
.bl-hero .bl-hero-photo-tile img.bl-hero-real-photo{
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;object-fit:cover!important;object-position:center!important;
  transform:scale(1.001);transition:transform .28s ease;
}
.bl-hero .bl-hero-photo-tile:hover img.bl-hero-real-photo{transform:scale(1.07)}
.bl-hero .bl-hero-photo-label{
  position:absolute;left:10px;bottom:10px;z-index:2;color:#fff;
  font:900 12px/1.1 'Barlow Condensed',sans-serif!important;
  letter-spacing:.065em!important;text-shadow:0 1px 4px rgba(0,0,0,.7);
}
@media(min-width:1150px){
  .bl-hero .bl-photo-hero{min-height:535px!important}
  .bl-hero .bl-photo-hero .bl-hero-content{padding-left:60px!important}
  .bl-hero .bl-photo-hero h1{font-size:59px!important}
}
@media(max-width:1000px) and (min-width:781px){
  .bl-hero .bl-photo-hero{min-height:470px!important}
  .bl-hero .bl-photo-hero .bl-hero-content{
    flex:0 0 53%!important;width:53%!important;max-width:53%!important;
    padding:30px 10px 30px 31px!important;
  }
  .bl-hero .bl-photo-hero h1{font-size:43px!important}
  .bl-hero .bl-hero-photo-grid{right:17px!important;top:22px!important;bottom:22px!important;width:44.5%!important;gap:7px!important}
  .bl-hero .bl-hero-photo-tile{border-radius:13px!important}
  .bl-hero .bl-hero-photo-label{font-size:10px!important}
}
@media(max-width:780px){
  .bl-hero .bl-photo-hero{
    display:flex!important;flex-direction:column!important;
    min-height:0!important;border-radius:25px!important;
  }
  .bl-hero .bl-photo-hero .bl-hero-content{
    width:100%!important;max-width:100%!important;flex:0 0 auto!important;
    padding:36px 26px 22px!important;
  }
  .bl-hero .bl-photo-hero .bl-hero-eyebrow{font-size:10px!important;margin:0 0 13px!important}
  .bl-hero .bl-photo-hero h1{
    font-size:clamp(39px,7.2vw,57px)!important;line-height:1.06!important;
    letter-spacing:.004em!important;
  }
  .bl-hero .bl-photo-hero .bl-hero-content>p:not(.bl-hero-eyebrow):not(.bl-hero-footnote){
    font-size:13px!important;line-height:1.6!important;margin:16px 0 20px!important;max-width:620px!important;
  }
  .bl-hero .bl-photo-hero .bl-hero-actions{gap:10px!important}
  .bl-hero .bl-photo-hero .bl-hero-footnote{font-size:9px!important;margin:18px 0 0!important}
  .bl-hero .bl-hero-photo-grid{
    position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;
    width:calc(100% - 36px)!important;height:240px!important;
    margin:0 18px 18px!important;gap:7px!important;
  }
  .bl-hero .bl-hero-photo-tile{border-radius:13px!important}
  .bl-hero .bl-hero-photo-label{font-size:10px!important;left:7px!important;bottom:7px!important}
}
@media(max-width:420px){
  .bl-hero .bl-photo-hero .bl-hero-content{padding:28px 18px 21px!important}
  .bl-hero .bl-photo-hero h1{font-size:37px!important}
  .bl-hero .bl-photo-hero .bl-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .bl-hero .bl-photo-hero .bl-hero-actions .bl-btn{
    font-size:14px!important;padding:10px 6px!important;
  }
  .bl-hero .bl-hero-photo-grid{height:195px!important;width:calc(100% - 24px)!important;margin:0 12px 12px!important;gap:6px!important}
  .bl-hero .bl-hero-photo-tile{border-width:1px!important;border-radius:10px!important}
  .bl-hero .bl-hero-photo-label{font-size:9px!important;letter-spacing:0!important;left:5px!important;bottom:5px!important}
}
@media(prefers-reduced-motion:reduce){.bl-hero .bl-hero-photo-tile img.bl-hero-real-photo{transition:none!important}}