/* ==========================================
BODY PORTAL DESIGN SYSTEM
========================================== */

:root{

    --cqa-serif:'Playfair Display',serif;

    --cqa-script:'Dancing Script',cursive;

    --cqa-sans:'Inter',sans-serif;

    --cqa-gold:#C79A63;

    --cqa-black:#161616;

    --cqa-text:#666;

}


/* ==========================================
SECTION
========================================== */

.bph-home{

    max-width:1400px;

    margin:100px auto;

    padding:0 20px;

}

/* ==========================================
SECTION HEADER
========================================== */

.bph-section-header{

    text-align:center;

    margin-bottom:50px;
    
    margin-top:80px;

}

.bph-script{

    font-family:var(--cqa-script);
font-size: clamp(28px, 3.5vw, 46px);
    color: var(--cft-teal);
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 500;
}

.bph-title{

    font-family:var(--cqa-serif);
    font-size: clamp(24px, 3.8vw, 48px);
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--cft-black);
    margin-bottom: 16px !important;
    line-height: 1.1;

}

.bph-description{

    font-family:var(--cqa-sans);

    font-size:17px;

    color:var(--cqa-text);

    line-height:1.8;

    max-width:620px;

    margin:auto;

}

/* Product Grid Placeholder */

.bph-products{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}