@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {:where(.brxe-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}#brxe-gxccze {background-image: url("https://staging.noctua.digital/wp-content/uploads/2026/10/octave-hero-background.webp"); background-size: cover}.brxe-section.hero { --hero-red: #c6103c; --hero-red-hover: #a80d33; --hero-text: #ffffff; --hero-text-muted: #f0eeeb; position: relative; isolation: isolate; overflow: hidden; padding: clamp(96px, 9.4vw, 148px) clamp(20px, 5vw, 40px); background-color: #1d1a18; background-size: cover; background-position: center; background-repeat: no-repeat;}.brxe-section.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(rgba(198, 16, 60, 0.06), rgba(198, 16, 60, 0.06)), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), radial-gradient(66% 66% at 50% 50%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 99%);} .hero .hero__inner { width: 100%; max-width: 970px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center;} .hero .hero__rating { width: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px;} .hero .hero__rating-icon { width: 20px; height: 20px; flex-shrink: 0;} .hero .hero__rating-stars { width: 101px; height: 18px; flex-shrink: 0;} .hero .hero__rating-text { font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: normal; text-transform: uppercase; color: var(--hero-text-muted);} .hero .hero__rating-text strong { font-weight: 700;} .hero .hero__title { margin: 0; font-family: "Bellefair", serif; font-size: clamp(2.5rem, 5.6vw, 5.5rem); font-weight: 400; line-height: 1.16; letter-spacing: 0; text-transform: uppercase; color: var(--hero-text);} .hero .hero__body { width: 100%; display: flex; flex-direction: column; align-items: center; gap: clamp(40px, 4vw, 64px);} .hero .hero__sub { margin: 0; font-family: "Jost", sans-serif; font-size: clamp(1.125rem, 1.55vw, 1.5rem); font-weight: 300; line-height: 1.72; color: var(--hero-text);} .hero .hero__btn { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 20px 24px; border: 0; border-radius: 0; background-color: var(--hero-red); color: #ffffff; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: 15px; letter-spacing: 1.4px; text-transform: uppercase; transition: background-color 0.2s ease;} .hero .hero__btn i,.hero .hero__btn svg { font-size: 18px; width: 18px; height: 18px;} .hero .hero__btn:hover { background-color: var(--hero-red-hover); color: #ffffff;} .hero .hero__btn:focus-visible { outline: 2px solid #ffffff; outline-offset: 3px;}@media (prefers-reduced-motion: reduce) { .hero .hero__btn { transition: none; }}@media (max-width: 478px) { .brxe-section.hero { padding: 72px 24px; } .hero .hero__title { font-size: 44px; } .hero .hero__sub { font-size: 16px; } .hero .hero__body { gap: 40px; } .hero .hero__btn { padding: 16px 20px; } .hero .hero__btn i, .hero .hero__btn svg { font-size: 16px; width: 16px; height: 16px; }}@media (max-width: 478px) {#brxe-gxccze {background-image: url("https://staging.noctua.digital/wp-content/uploads/2026/10/octave-hero-background-mobile.webp"); background-size: cover}}