/* Braeburn product-page hero, scoped to braeburn.html.
   Uses only supplied Braeburn product and wordmark assets. */
.braeburn-hero { position: relative; isolation: isolate; min-height: clamp(650px, 52vw, 740px); overflow: hidden; color: #f5f6f8; background: #06121b; }
.braeburn-hero__bg, .braeburn-hero__wash { position: absolute; inset: 0; pointer-events: none; }
.braeburn-hero__bg { z-index: -3; overflow: hidden; background: #0a1e2b; }
.braeburn-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 74% 45%; transform: scale(1.04); filter: saturate(.56) contrast(1.02) brightness(.48); opacity: .07; }
.braeburn-hero__wash { z-index: -2; background: linear-gradient(90deg, rgba(3,10,18,.98) 0%, rgba(3,10,18,.94) 39%, rgba(3,10,18,.76) 58%, rgba(3,10,18,.51) 100%), linear-gradient(0deg, rgba(3,10,18,.44), transparent 48%); }
.braeburn-hero::after { position: absolute; z-index: -1; inset: 0; pointer-events: none; content: ""; background: radial-gradient(ellipse 58% 80% at 88% 50%, rgba(41,128,155,.21), transparent 68%); }
.braeburn-hero__inner { position: relative; display: grid; grid-template-columns: minmax(0, .93fr) minmax(390px, 1.07fr); gap: clamp(34px, 6vw, 104px); align-items: center; min-height: inherit; padding-block: 118px 66px; }
.braeburn-hero__copy { display: grid; gap: 20px; align-content: center; max-width: 620px; }
.braeburn-hero .crumb { margin: 0; color: #b9cbd8; }
.braeburn-hero .crumb a { color: #eef4f8; }
.braeburn-hero h1 { max-width: 11ch; margin: 0; color: #fff; }
.braeburn-hero .lede { max-width: 41ch; margin: 0; color: #e0e8ed; }
.braeburn-hero__mark { display: inline-flex; width: fit-content; align-items: center; min-height: 52px; padding: 9px 14px; border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgba(0,0,0,.24); }
.braeburn-hero__mark img { display: block; width: min(180px, 42vw); height: auto; max-height: 31px; object-fit: contain; }
.braeburn-hero__products { position: relative; min-height: 440px; }
.braeburn-product { position: absolute; margin: 0; overflow: hidden; border: 0; border-radius: 8px; background: #edf0ee; box-shadow: 0 24px 50px rgba(0,0,0,.28); }
.braeburn-product img { display: block; width: 100%; height: 100%; object-fit: cover; }
.braeburn-product--1030 { z-index: 2; left: 0; bottom: 0; width: min(43%, 252px); aspect-ratio: 1 / 1.08; }
.braeburn-product--8500 { right: 0; top: 0; width: min(73%, 475px); aspect-ratio: 1.47 / 1; }
.braeburn-product figcaption { position: absolute; left: 14px; bottom: 13px; margin: 0; padding: 7px 9px; border-radius: 3px; background: #07131d; color: #fff; font-family: var(--ff-mono); font-size: 12px; font-weight: 700; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.braeburn-product--8500 figcaption { top: 13px; bottom: auto; }
.braeburn-hero .btn--secondary { color: #f5f6f8; border-color: rgba(245,246,248,.56); }
.braeburn-hero .btn--secondary:hover { border-color: #fff; background: rgba(255,255,255,.1); }
@media (max-width: 760px) {
  .braeburn-hero { min-height: 0; }
  .braeburn-hero__bg img { object-position: 70% 42%; transform: scale(1.08); opacity: .17; }
  .braeburn-hero__wash { background: linear-gradient(180deg, rgba(3,10,18,.98) 0%, rgba(3,10,18,.92) 57%, rgba(3,10,18,.67) 100%); }
  .braeburn-hero::after { background: radial-gradient(ellipse 78% 46% at 86% 87%, rgba(41,128,155,.19), transparent 75%); }
  .braeburn-hero__inner { grid-template-columns: 1fr; gap: 30px; padding-top: 98px; padding-bottom: 38px; }
  .braeburn-hero__copy { gap: 15px; }
  .braeburn-hero__products { min-height: min(84vw, 400px); width: min(100%, 500px); justify-self: center; }
  .braeburn-product--1030 { width: 43%; }
  .braeburn-product--8500 { width: 73%; }
  .braeburn-product figcaption { left: 10px; bottom: 10px; padding: 6px 7px; font-size: 10px; }
  .braeburn-product--8500 figcaption { top: 10px; bottom: auto; }
  .braeburn-hero .actions .btn { width: 100%; }
}
/* hero range cutout (8 Nov 2026): one transparent product line-up replaces the two framed product cards */
.braeburn-hero__products:has(.braeburn-hero__range) { min-height: 0; display: flex; align-items: center; justify-content: center; }
.braeburn-hero__range { display: block; width: 100%; height: auto; max-width: 640px; filter: drop-shadow(0 22px 34px rgba(0,0,0,.35)); }
@media (max-width: 760px) { .braeburn-hero__products:has(.braeburn-hero__range) { min-height: 0; } }
/* hero line field (8 Nov 2026): horizontal blue rules fading in from the left, after braeburnonline.com/about */
.braeburn-hero::before { position: absolute; z-index: -1; inset: 0; pointer-events: none; content: ""; background: repeating-linear-gradient(180deg, transparent 0 21px, rgba(74,142,200,.62) 21px 24px, transparent 24px 46px); -webkit-mask-image: linear-gradient(90deg, transparent 8%, rgba(0,0,0,.12) 24%, rgba(0,0,0,.55) 52%, #000 86%); mask-image: linear-gradient(90deg, transparent 8%, rgba(0,0,0,.12) 24%, rgba(0,0,0,.55) 52%, #000 86%); }
@media (max-width: 760px) { .braeburn-hero::before { background: repeating-linear-gradient(180deg, transparent 0 17px, rgba(74,142,200,.5) 17px 19px, transparent 19px 36px); -webkit-mask-image: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.5) 60%, #000 100%); mask-image: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.5) 60%, #000 100%); } }