#fw-section-custom-html-6be2e134-a92b-4049-9a89-d2ee143075ab {

/* =========================================
   BRONZEVERSE POP-UP COMPONENT (UI SPECS)
   Primary/Text: #4c3c2f | Background: #f4f1eb
   Fonts: Cal Sans (Headings), DM Sans (Body)
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

/* Fallback for Cal Sans if it isn't loaded natively by your theme */
@font-face {
    font-family: 'Cal Sans';
    src: local('Impact'), local('Arial Black'), sans-serif;
}

.bv-container {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-family: 'DM Sans', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6;
}

.bv-container * {
    box-sizing: border-box;
}

/* Typography Classes */
.bv-font-heading {
    font-family: 'Cal Sans', Impact, sans-serif;
    text-transform: uppercase;
}
.bv-font-mono {
    font-family: monospace; /* Kept strictly for small technical labels */
}

/* Architecture & Vanguard Bars */
.bv-top-bar {
    background-color: #4c3c2f;
    color: #f4f1eb;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.75rem 1.5rem;
    letter-spacing: 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4c3c2f;
}
.bv-status-badge {
    border: 1px solid #f4f1eb;
    padding: 2px 8px;
    font-size: 0.70rem;
    letter-spacing: 0.05rem;
}
.bv-vanguard-bar {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 1.5rem;
    letter-spacing: 0.05rem;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-vanguard-badge {
    background-color: #4c3c2f;
    color: #f4f1eb;
    padding: 2px 8px;
    margin: 0 8px;
}

/* Hero Section */
.bv-hero {
    max-width: 1100px;
    margin: 0 auto;
    padding: 5rem 1.5rem 4rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-hero-meta {
    font-size: 0.85rem;
    letter-spacing: 0.2rem;
    color: #4c3c2f;
    margin-bottom: 1.5rem;
}
.bv-hero-title {
    font-size: 4rem;
    color: #4c3c2f;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
}
.bv-hero-desc {
    font-size: 1.2rem;
    max-width: 750px;
    margin: 0 auto 2.5rem auto;
    line-height: 1.7;
}

/* Buttons */
.bv-btn {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 0.85rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
}
.bv-btn-primary {
    background-color: #4c3c2f;
    color: #f4f1eb;
    border: 1px solid #4c3c2f;
}
.bv-btn-primary:hover { opacity: 0.9; }
.bv-btn-outline {
    background-color: transparent;
    color: #4c3c2f;
    border: 1px solid #4c3c2f;
}
.bv-btn-outline:hover {
    background-color: rgba(76, 60, 47, 0.05);
}
.bv-btn-inverse {
    background-color: #f4f1eb;
    color: #4c3c2f;
    border: 1px solid #f4f1eb;
}
.bv-btn-inverse:hover { opacity: 0.9; }

/* Sections & Grids */
.bv-section {
    max-width: 1100px;
    margin: 5rem auto;
    padding: 0 1.5rem;
}
.bv-section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.bv-section-title {
    font-size: 2.5rem;
    color: #4c3c2f;
    margin: 0 0 1rem 0;
}
.bv-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

/* Standard Cards */
.bv-card {
    background-color: transparent;
    border: 1px solid #4c3c2f;
    padding: 2rem;
    border-radius: 2px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}
.bv-card:hover {
    background-color: rgba(76, 60, 47, 0.03);
}
.bv-card-title {
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
    color: #4c3c2f;
}
.bv-card-desc {
    font-size: 1rem;
    color: #4c3c2f;
    margin-bottom: 2rem;
    flex-grow: 1;
}

/* Highlighted Funnel Card */
.bv-card-highlight {
    background-color: #4c3c2f;
    color: #f4f1eb;
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(76, 60, 47, 0.15);
    position: relative;
    border: 1px solid #4c3c2f;
}
.bv-card-highlight .bv-card-title { color: #f4f1eb; }
.bv-card-highlight .bv-card-desc { color: rgba(244, 241, 235, 0.9); }
.bv-card-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f4f1eb;
    color: #4c3c2f;
    padding: 4px 12px;
    font-size: 0.65rem;
    letter-spacing: 0.1rem;
    border: 1px solid #4c3c2f;
}

/* Doctrine Block */
.bv-code-section {
    background-color: #4c3c2f;
    color: #f4f1eb;
    padding: 6rem 1.5rem;
    text-align: center;
}
.bv-code-label {
    color: rgba(244, 241, 235, 0.7);
    letter-spacing: 0.3rem;
    font-size: 0.85rem;
    margin-bottom: 2rem;
    display: block;
}
.bv-code-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 800px;
}
.bv-code-list li {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #f4f1eb;
}

/* Charts */
.bv-chart-section {
    padding: 5rem 1.5rem;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    max-width: 1100px;
    margin: 0 auto;
}
.chart-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    height: 350px;
}

/* Footer */
.bv-footer {
    text-align: center;
    padding: 4rem 1.5rem;
    border-top: 1px solid rgba(76, 60, 47, 0.2);
}

/* Mobile Breakpoints */
@media (max-width: 900px) {
    .bv-grid-3, .bv-grid-2 { grid-template-columns: 1fr; }
    .bv-card-highlight { transform: none; margin-top: 1.5rem; }
    .bv-hero-title { font-size: 2.5rem; }
    .bv-code-list li { font-size: 1.5rem; }
    .bv-top-bar { flex-direction: column; gap: 0.5rem; text-align: center; }
}
}
#fw-section-custom-html-3ecccba5-6a6b-44f4-a9aa-c1dbcc9c2f26 {

/* =========================================
   BRONZEVERSE POP-UP COMPONENT (UI SPECS)
   Primary/Text: #4c3c2f | Background: #f4f1eb
   Fonts: Cal Sans (Headings), DM Sans (Body)
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

@font-face {
    font-family: 'Cal Sans';
    src: local('Impact'), local('Arial Black'), sans-serif;
}

.bv-container {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-family: 'DM Sans', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.6;
}

.bv-container * {
    box-sizing: border-box;
}

/* Typography Classes */
.bv-font-heading {
    font-family: 'Cal Sans', Impact, sans-serif;
    text-transform: uppercase;
}
.bv-font-mono {
    font-family: monospace;
}

/* Architecture & Vanguard Bars */
.bv-top-bar {
    background-color: #4c3c2f;
    color: #f4f1eb;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.75rem 1.5rem;
    letter-spacing: 0.15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4c3c2f;
}
.bv-status-badge {
    border: 1px solid #f4f1eb;
    padding: 2px 8px;
    font-size: 0.70rem;
    letter-spacing: 0.05rem;
}
.bv-status-node {
    display: inline-block;
    border: 1px solid #f4f1eb;
    padding: 0 6px;
    margin-right: 12px;
    border-radius: 2px;
}
.bv-vanguard-bar {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 1.5rem;
    letter-spacing: 0.05rem;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-vanguard-badge {
    background-color: #4c3c2f;
    color: #f4f1eb;
    padding: 2px 8px;
    margin: 0 8px;
}

/* Hero Section */
.bv-hero {
    max-width: 1100px;
    margin: 0 auto;
    padding: 5rem 1.5rem 4rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-hero-meta {
    font-size: 0.85rem;
    letter-spacing: 0.2rem;
    color: #4c3c2f;
    margin-bottom: 1.5rem;
}
.bv-hero-title {
    font-size: 4rem;
    color: #4c3c2f;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
}
.bv-hero-desc {
    font-size: 1.2rem;
    max-width: 750px;
    margin: 0 auto 2.5rem auto;
    line-height: 1.7;
}

/* Media Target Block (Video Layer) */
.bv-media-target {
    border: 1px solid #4c3c2f;
    width: 100%;
    max-width: 800px;
    margin: 3rem auto;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    position: relative;
}
.bv-media-target span {
    font-size: 0.85rem;
    letter-spacing: 0.15rem;
    color: #4c3c2f;
    opacity: 0.8;
    padding: 1rem;
}
@supports not (aspect-ratio: 16 / 9) {
    .bv-media-target { height: 450px; }
}

/* Buttons */
.bv-btn {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 0.85rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
    transition: all 0.2s ease; /* Crisp, snappy standard transition */
    cursor: pointer;
    text-align: center;
}
.bv-btn-primary {
    background-color: #4c3c2f;
    color: #f4f1eb;
    border: 1px solid #4c3c2f;
}
.bv-btn-primary:hover { 
    background-color: #f4f1eb; 
    color: #4c3c2f; 
}
.bv-btn-outline {
    background-color: transparent;
    color: #4c3c2f;
    border: 1px solid #4c3c2f;
}
.bv-btn-outline:hover {
    background-color: #4c3c2f;
    color: #f4f1eb;
}
.bv-btn-inverse {
    background-color: #f4f1eb;
    color: #4c3c2f;
    border: 1px solid #f4f1eb;
}
.bv-btn-inverse:hover { 
    background-color: transparent;
    color: #f4f1eb;
}

/* Sections & Grids */
.bv-section {
    max-width: 1100px;
    margin: 5rem auto;
    padding: 0 1.5rem;
}
.bv-section-header {
    text-align: center;
    margin-bottom: 3rem;
}
.bv-section-title {
    font-size: 2.5rem;
    color: #4c3c2f;
    margin: 0 0 1rem 0;
}
.bv-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

/* Standard Cards */
.bv-card {
    background-color: transparent;
    border: 1px solid #4c3c2f;
    padding: 2rem;
    border-radius: 2px;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
}
.bv-card:hover {
    background-color: rgba(76, 60, 47, 0.03);
}
.bv-card-title {
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
    color: #4c3c2f;
}
.bv-card-desc {
    font-size: 1rem;
    color: #4c3c2f;
    margin-bottom: 2rem;
    flex-grow: 1;
}

/* Labs Specific List in Cards */
.bv-labs-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.bv-labs-list li {
    margin-bottom: 12px;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Highlighted Funnel Card */
.bv-card-highlight {
    background-color: #f4f1eb;
    color: #4c3c2f;
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(76, 60, 47, 0.15);
    position: relative;
    border: 2px solid #4c3c2f; /* Bold border to hold the highlight */
}
.bv-card-highlight:hover {
    background-color: rgba(76, 60, 47, 0.03);
}
.bv-card-highlight .bv-card-title { color: #4c3c2f; }
.bv-card-highlight .bv-card-desc { color: #4c3c2f; }
.bv-card-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #4c3c2f; /* Inverted badge */
    color: #f4f1eb;
    padding: 4px 12px;
    font-size: 0.65rem;
    letter-spacing: 0.1rem;
    border: 1px solid #4c3c2f;
}

/* Doctrine / Apprenticeship Block */
.bv-code-section {
    background-color: #4c3c2f;
    color: #f4f1eb;
    padding: 6rem 1.5rem;
    text-align: center;
}
.bv-code-label {
    color: rgba(244, 241, 235, 0.7);
    letter-spacing: 0.3rem;
    font-size: 0.85rem;
    margin-bottom: 2rem;
    display: block;
}
.bv-code-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 800px;
}
.bv-code-list li {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #f4f1eb;
}

/* Table Styling */
.bv-table-container {
    overflow-x: auto;
    border: 1px solid #4c3c2f;
}
.bv-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}
.bv-table th {
    text-align: left;
    border-bottom: 2px solid #4c3c2f;
    padding: 1.2rem;
    font-size: 1.1rem;
    background-color: rgba(76, 60, 47, 0.03);
}
.bv-table td {
    padding: 1.5rem 1.2rem;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
    vertical-align: top;
    transition: background-color 0.2s ease;
}
.bv-table-row:hover td {
    background-color: rgba(76, 60, 47, 0.05);
}

/* Footer */
.bv-footer {
    text-align: center;
    padding: 4rem 1.5rem;
    border-top: 1px solid rgba(76, 60, 47, 0.2);
}

/* Mobile Breakpoints */
@media (max-width: 900px) {
    .bv-grid-3, .bv-grid-2 { grid-template-columns: 1fr; }
    .bv-card-highlight { transform: none; margin-top: 1.5rem; }
    .bv-hero-title { font-size: 2.5rem; }
    .bv-code-list li { font-size: 1.5rem; }
    .bv-top-bar { flex-direction: column; gap: 0.5rem; text-align: center; }
    .bv-hero-actions { flex-direction: column; width: 100%; }
    .bv-hero-actions .bv-btn { width: 100%; }
    .bv-media-target { margin: 2rem auto; }
    .bv-media-target span { font-size: 0.7rem; letter-spacing: 0.1rem; }
}
}


#fw-section-custom-html-fb0d20ae-792f-44fe-a709-33d4acd54733 {

/* =========================================
   BRONZEVILLE SYSTEM: COMPRESSED FLAT CANON
   Primary/Ink: #4c3c2f | Background/Paper: #f4f1eb
   Fonts: Cal Sans (Headings, Uppercase), DM Sans (Body Text)
   Zero Opacities | Upper Section Gaps Closed by 60%
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

@font-face {
    font-family: 'Cal Sans';
    src: local('Impact'), local('Arial Black'), sans-serif;
}

.bv-sys-container {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-family: 'DM Sans', sans-serif;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    line-height: 1.6;
}

.bv-sys-container * {
    box-sizing: border-box;
}

/* Strict Typography Matrix */
.bv-sys-heading {
    font-family: 'Cal Sans', Impact, sans-serif;
    text-transform: uppercase;
    color: #4c3c2f;
    letter-spacing: 0.05em;
    margin: 0;
}

.bv-sys-mono {
    font-family: monospace;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

/* Top Core Interface Stripe */
.bv-sys-top-bar {
    background-color: #4c3c2f;
    color: #f4f1eb;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 1rem 1.5rem;
    letter-spacing: 0.15em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #4c3c2f;
}

.bv-sys-status-badge {
    border: 1px solid #f4f1eb;
    padding: 3px 10px;
    font-size: 0.70rem;
    letter-spacing: 0.05em;
}

/* Hero Section Formatting */
.bv-sys-hero {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3.5rem 1.5rem 3rem 1.5rem;
    text-align: center;
}

.bv-sys-hero-meta {
    font-size: 0.85rem;
    letter-spacing: 0.3em;
    margin-bottom: 1rem;
}

.bv-sys-hero-title {
    font-size: 4.5rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    word-spacing: 0.1em;
}

.bv-sys-hero-desc {
    font-size: 1.35rem;
    font-style: italic;
    max-width: 750px;
    margin: 0 auto 1.5rem auto;
    line-height: 1.7;
}

/* Elegant Center-Anchored Divider */
.bv-sys-divider {
    width: 120px;
    height: 1px;
    background-color: #4c3c2f;
    margin: 2rem auto;
    border: none;
}

/* Controlled 16:9 Video Canvas Frame */
.bv-sys-video-frame {
    width: 100%;
    max-width: 860px;
    margin: 0 auto 3rem auto;
    border: 1px solid #4c3c2f;
    aspect-ratio: 16 / 9;
    position: relative;
    background-color: #f4f1eb;
}

.bv-sys-video-frame iframe,
.bv-sys-video-frame video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.bv-sys-video-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-family: monospace;
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Section Break Spacing (Upper Margin Closed by 60% to 1.8rem) */
.bv-sys-section {
    max-width: 1100px;
    margin: 1.8rem auto 4.5rem auto; 
    padding: 0 1.5rem;
}

.bv-sys-section-header {
    border-bottom: 1px solid #4c3c2f;
    padding-bottom: 1rem;
    margin-bottom: 2.25rem;
}

.bv-sys-section-label {
    font-size: 0.75rem;
    color: #4c3c2f;
    display: block;
    margin-bottom: 0.5rem;
}

.bv-sys-section-title {
    font-size: 2.5rem;
    margin: 0;
}

/* Grid Components */
.bv-sys-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

/* Hero Button Groups */
.bv-sys-btn-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}

@media (min-width: 768px) {
    .bv-sys-btn-group { flex-direction: row; }
}

.bv-sys-btn {
    display: inline-block;
    padding: 1.1rem 2.2rem;
    font-size: 0.85rem;
    letter-spacing: 0.15em;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
    text-align: center;
    min-width: 240px;
    border-radius: 2px;
}

.bv-sys-btn-primary {
    background-color: #4c3c2f;
    color: #f4f1eb !important;
    border: 1px solid #4c3c2f;
}

.bv-sys-btn-primary:hover {
    background-color: #3b2e25;
    border-color: #3b2e25;
}

.bv-sys-btn-outline {
    background-color: transparent;
    color: #4c3c2f !important;
    border: 1px solid #4c3c2f;
}

.bv-sys-btn-outline:hover {
    background-color: #4c3c2f;
    color: #f4f1eb !important;
}

/* Completely Equalized Flat Cards */
.bv-sys-card {
    background-color: transparent;
    border: 1px solid #4c3c2f;
    padding: 2.5rem 2rem;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bv-sys-card-img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid #4c3c2f;
    margin-bottom: 1.5rem;
    display: block;
}

.bv-sys-card-title {
    font-size: 2.25rem;
    margin-bottom: 0.25rem;
}

.bv-sys-card-subtitle {
    font-style: italic;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
}

.bv-sys-card-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
    font-size: 0.9rem;
}

.bv-sys-card-list li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.25rem;
}

.bv-sys-card-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #4c3c2f;
}

.bv-sys-card-meta {
    font-size: 0.85rem;
    border-top: 1px solid #4c3c2f;
    padding-top: 1.25rem;
    margin-bottom: 1.5rem;
}

.bv-sys-card-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.bv-sys-card-label {
    max-width: 50%;
    line-height: 1.3;
}

.bv-sys-card-price {
    font-size: 1.5rem;
    font-weight: bold;
    white-space: nowrap;
}

.bv-sys-card-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1.1rem;
    font-size: 0.85rem;
    letter-spacing: 0.15em;
    text-decoration: none;
    border: 1px solid #4c3c2f;
    background-color: transparent;
    color: #4c3c2f !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.bv-sys-card-btn:hover {
    background-color: #4c3c2f;
    color: #f4f1eb !important;
}

/* System Spine Data Table Components */
.bv-sys-table-container {
    border: 1px solid #4c3c2f;
    padding: 2.5rem;
    background-color: transparent;
    border-radius: 2px;
}

.bv-sys-table-wrapper {
    overflow-x: auto;
    width: 100%;
}

.bv-sys-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    margin-bottom: 1.5rem;
    min-width: 650px;
}

.bv-sys-table th {
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    padding: 1rem;
    border-bottom: 1px solid #4c3c2f;
}

.bv-sys-table td {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #4c3c2f;
    font-size: 0.95rem;
    vertical-align: middle;
}

.bv-sys-table tr:last-child td {
    border-bottom: none;
}

.bv-sys-table-link {
    font-size: 0.85rem;
    color: #4c3c2f;
    text-decoration: none;
    border-bottom: 1px dashed #4c3c2f;
    padding-bottom: 2px;
}

.bv-sys-table-link:hover {
    border-bottom-style: solid;
}

/* Support The Firehouse Layout Frame */
.bv-sys-footer-box {
    max-width: 720px;
    margin: 5.5rem auto 3rem auto; 
    text-align: center;
    padding: 3rem 1.5rem 0 1.5rem;
    border-top: 1px solid #4c3c2f;
}

.bv-sys-footer-title {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.bv-sys-footer-text {
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 2rem;
}

.bv-sys-tagline {
    padding: 2rem 1.5rem;
    border-top: 1px solid #4c3c2f;
    text-align: center;
    font-size: 0.7rem;
}

/* Responsive Adaptive Viewports */
@media (max-width: 900px) {
    .bv-sys-grid-3 { grid-template-columns: 1fr; gap: 2rem; }
    .bv-sys-hero-title { font-size: 2.75rem; }
    .bv-sys-table th:nth-child(3), .bv-sys-table td:nth-child(3) { display: none; }
    .bv-sys-table-container { padding: 1.5rem; }
    .bv-sys-section { margin: 1.8rem auto 3rem auto; }
}

@media (max-width: 600px) {
    .bv-sys-top-bar { flex-direction: column; gap: 0.6rem; text-align: center; }
    .bv-sys-hero { padding: 2rem 1rem 1.5rem 1rem; }
    .bv-sys-footer-box { padding: 2rem 1rem 0 1rem; margin-top: 4rem; }
}
}


#fw-section-custom-html-b1e0ccc5-eb47-4d1e-b30a-d867efb046b7 {

/* =========================================
   BRONZEVILLE HOME PAGE (MUSEUM CATALOG UI)
   Primary/Text: #4c3c2f | Background: #f4f1eb
   Fonts: Cal Sans (Headings), DM Sans (Body)
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

/* Fallback for Cal Sans */
@font-face {
    font-family: 'Cal Sans';
    src: local('Impact'), local('Arial Black'), sans-serif;
}

.bv-home {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-family: 'DM Sans', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.bv-home * {
    box-sizing: border-box;
}

/* Typography Utility Classes */
.bv-font-heading {
    font-family: 'Cal Sans', Impact, sans-serif;
    text-transform: uppercase;
}
.bv-font-mono {
    font-family: monospace;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

/* 1. THE DECLARATION */
.bv-declaration {
    text-align: center;
    padding: 6rem 1.5rem;
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-declaration h2 {
    font-size: 4.5rem;
    line-height: 1.1;
    margin: 1rem 0;
    color: #4c3c2f;
    letter-spacing: -0.02em;
}
.bv-declaration span {
    display: block;
    font-size: 1.25rem;
    letter-spacing: 0.25em;
    margin: 1rem 0;
    color: #4c3c2f;
}
.bv-declaration .lead {
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
    color: #4c3c2f;
}

/* 2. THE MAYOR'S NOTE */
.bv-mayor-note {
    max-width: 800px;
    margin: 5rem auto;
    padding: 0 1.5rem;
    text-align: center;
}
.bv-mayor-note blockquote {
    font-size: 1.75rem;
    font-style: italic;
    margin: 2rem 0;
    line-height: 1.5;
    color: #4c3c2f;
}
.bv-mayor-note .signature {
    font-weight: 700;
    font-size: 1.1rem;
    color: #4c3c2f;
}

/* 3. THE CORRIDOR MAP (HOW IT WORKS) */
.bv-map {
    padding: 6rem 1.5rem;
    background-color: rgba(76, 60, 47, 0.03); /* Slight ivory contrast */
    border-top: 1px solid rgba(76, 60, 47, 0.2);
    border-bottom: 1px solid rgba(76, 60, 47, 0.2);
}
.bv-map h3 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 4rem;
    color: #4c3c2f;
}
.bv-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
    max-width: 1100px;
    margin: 0 auto;
}
.bv-step {
    border-left: 2px solid #4c3c2f;
    padding-left: 1.5rem;
}
.bv-step span {
    font-size: 1.75rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #4c3c2f;
}
.bv-step h4 {
    font-size: 1.25rem;
    margin: 0 0 0.5rem 0;
    color: #4c3c2f;
}
.bv-step p {
    margin: 0;
    opacity: 0.9;
}

/* 4. THE AG ARTIFACTS */
.bv-artifact-section {
    padding: 5rem 1.5rem;
    max-width: 850px;
    margin: 0 auto;
}
.bv-artifact-card {
    border: 1px solid #4c3c2f;
    padding: 3rem 2.5rem;
    position: relative;
    background-color: transparent;
}
.bv-artifact-code {
    position: absolute;
    top: -12px;
    left: 2rem;
    background-color: #f4f1eb;
    padding: 0 12px;
    font-size: 0.75rem;
    border: 1px solid #4c3c2f;
    color: #4c3c2f;
}
.bv-artifact-card h3 {
    font-size: 2rem;
    margin: 0 0 1rem 0;
    color: #4c3c2f;
}
.bv-artifact-card p {
    margin: 0;
    font-size: 1.1rem;
    color: #4c3c2f;
}

/* 5. NIGHTLY READING */
.bv-nightly {
    text-align: center;
    padding: 6rem 1.5rem;
}
.bv-nightly h2 {
    font-size: 4rem;
    margin: 1.5rem 0;
    color: #4c3c2f;
    line-height: 1.1;
}
.bv-btn {
    display: inline-block;
    padding: 1.25rem 2.5rem;
    background-color: #4c3c2f;
    color: #f4f1eb !important;
    text-decoration: none;
    letter-spacing: 0.1em;
    margin-top: 2rem;
    transition: opacity 0.2s ease;
    border: 1px solid #4c3c2f;
}
.bv-btn:hover {
    opacity: 0.9;
    color: #f4f1eb !important;
}

/* 6. THE ARCHIVE STRIP */
.bv-archive-strip {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.5rem;
    border-top: 1px solid #4c3c2f;
    border-bottom: 1px solid #4c3c2f;
    font-size: 0.75rem;
    color: #4c3c2f;
}
.bv-archive-strip span {
    padding: 0.5rem 1rem;
}

/* 7. FOOTER INSCRIPTION */
.bv-inscription {
    text-align: center;
    padding: 6rem 1.5rem;
}
.bv-inscription h3 {
    font-size: 2rem;
    margin-top: 1rem;
    color: #4c3c2f;
}

/* RESPONSIVE BREAKPOINTS */
@media (max-width: 900px) {
    .bv-steps { grid-template-columns: 1fr 1fr; }
    .bv-declaration h2, .bv-nightly h2 { font-size: 3.5rem; }
}
@media (max-width: 600px) {
    .bv-steps { grid-template-columns: 1fr; }
    .bv-mayor-note blockquote { font-size: 1.4rem; }
    .bv-declaration h2, .bv-nightly h2 { font-size: 2.75rem; }
    .bv-archive-strip { flex-direction: column; text-align: center; gap: 0.5rem; }
    .bv-artifact-card { padding: 2.5rem 1.5rem; }
    .bv-artifact-code { left: 1rem; }
}
}


#fw-section-header {

/* =========================================
   1. TOP-JUSTIFY LOGIN & CART ICONS
========================================= */
.header__icons, 
.header__actions, 
.header-right-actions {
    align-self: flex-start !important;
    margin-top: 15px !important; /* Tweak this to perfectly align with the logo's top edge */
}

/* =========================================
   2. TIGHT, BOLD TEXT NAVIGATION
========================================= */
.header__nav a,
.header-nav__link,
.header-menu a,
nav ul li a {
    display: inline-block !important;
    margin: 0 8px !important; 
    padding: 5px 0 !important; 
    
    /* Bold Typography */
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 800 !important; 
    letter-spacing: 1px !important;
    text-decoration: none !important;
    
    /* Strip away background properties */
    background-color: transparent !important; 
    color: inherit !important; 
    border: none !important;
    
    /* Smooth transition for the hover/tap state */
    transition: all 0.2s ease-in-out !important;
}

/* Hover (Desktop) & Tap (Mobile) State */
.header__nav a:hover,
.header-nav__link:hover,
.header-menu a:hover,
nav ul li a:hover,
.header__nav a:active,
.header-nav__link:active,
.header-menu a:active,
nav ul li a:active {
    opacity: 1 !important; 
    color: #564336 !important; /* Shifts to your brand's brown */
    text-decoration: underline !important; 
    text-underline-offset: 4px !important; 
    text-decoration-thickness: 2px !important; 
}
}

#fw-section-custom-html-098a416a-8834-4952-b4f9-587772c3b22c {

/* =========================================
   BRONZEVILLE DOSSIER COMPONENT (UI SPECS)
   Primary/Text: #4c3c2f | Background: #f4f1eb
   Fonts: Cal Sans (Headings), DM Sans (Body)
========================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap');

@font-face {
    font-family: 'Cal Sans';
    src: local('Impact'), local('Arial Black'), sans-serif;
}

.bv-dossier {
    background-color: #f4f1eb;
    color: #4c3c2f;
    font-family: 'DM Sans', sans-serif;
    max-width: 1000px;
    margin: 3rem auto;
    padding: 1.5rem;
    line-height: 1.6;
    box-sizing: border-box;
}

.bv-dossier * {
    box-sizing: border-box;
}

/* Typography */
.bv-dossier-heading {
    font-family: 'Cal Sans', Impact, sans-serif;
    text-transform: uppercase;
    color: #4c3c2f;
    margin: 0 0 0.5rem 0;
    line-height: 1.1;
}

.bv-dossier-title { font-size: 3.5rem; text-align: center; }
.bv-dossier-subtitle { font-size: 1.1rem; text-align: center; margin-bottom: 3rem; opacity: 0.8; }
.bv-dossier-h2 { font-size: 2.25rem; margin-bottom: 1rem; }
.bv-dossier-h3 { font-size: 1.5rem; margin-bottom: 0.5rem; }

/* Navigation Tabs */
.bv-dossier-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 3rem;
    padding: 0.5rem;
    border-bottom: 2px solid rgba(76, 60, 47, 0.1);
}

.bv-dossier-tab {
    background: transparent;
    border: none;
    color: #4c3c2f;
    font-family: 'Cal Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 2px;
}

.bv-dossier-tab:hover {
    background-color: rgba(76, 60, 47, 0.05);
}

.bv-dossier-tab.active {
    background-color: #4c3c2f;
    color: #f4f1eb;
}

/* Content Sections & Animation */
.bv-dossier-section {
    display: none;
    background-color: transparent;
    padding: 2.5rem;
    border: 1px solid rgba(76, 60, 47, 0.2);
    border-radius: 2px;
    box-shadow: 2px 4px 12px rgba(76, 60, 47, 0.08); /* 250gsm gloss lift */
}

.bv-dossier-section.active {
    display: block;
    animation: dossierFadeIn 0.4s ease-in-out;
}

@keyframes dossierFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Character Selector */
.bv-char-selector {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.bv-char-btn {
    background: transparent;
    border: 1px solid #4c3c2f;
    color: #4c3c2f;
    font-family: 'Cal Sans', sans-serif;
    text-transform: uppercase;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bv-char-btn:hover { background-color: rgba(76, 60, 47, 0.05); }
.bv-char-btn.active { background-color: #4c3c2f; color: #f4f1eb; }

.bv-char-display {
    min-height: 250px;
}

.bv-char-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2.5rem;
    margin-top: 1.5rem;
}

.bv-side-quote {
    border-left: 3px solid #4c3c2f;
    padding-left: 1rem;
    margin-bottom: 1rem;
    font-style: italic;
    font-size: 0.95rem;
}

/* Charts */
.bv-chart-wrapper {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    height: 350px;
}

/* Relationship Map */
.bv-rel-map {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding: 2rem 0;
}

.bv-rel-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%;
}

.bv-rel-node {
    text-align: center;
    padding: 1.5rem;
    border: 1px solid #4c3c2f;
    background-color: #f4f1eb;
    width: 200px;
}

.bv-rel-link {
    font-family: 'Cal Sans', sans-serif;
    text-transform: uppercase;
    font-size: 0.85rem;
    text-align: center;
    width: 120px;
    color: #4c3c2f;
}

.bv-rel-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bv-rel-line {
    width: 2px;
    height: 40px;
    background-color: #4c3c2f;
    opacity: 0.3;
}

.bv-rel-label-vert {
    font-family: 'Cal Sans', sans-serif;
    text-transform: uppercase;
    font-size: 0.85rem;
    margin: 0.5rem 0;
}

/* Responsive */
@media (max-width: 768px) {
    .bv-dossier-title { font-size: 2.5rem; }
    .bv-char-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .bv-dossier-section { padding: 1.5rem; }
    .bv-rel-row { flex-direction: column; gap: 0.5rem; }
    .bv-rel-link { width: 100%; padding: 0.5rem 0; }
}
}