/* ==========================================================
   PBK PRISM LAYOUT SYSTEM v1.0
   ========================================================== */

.container{
    width:min(var(--container),92%);
    margin-inline:auto;
}

.section{
    padding:90px 0;
}

.grid{
    display:grid;
    gap:24px;
}

.grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.flex{
    display:flex;
}

.flex-center{
    display:flex;
    align-items:center;
    justify-content:center;
}

.flex-between{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.stack>*+*{
    margin-top:24px;
}

.panel{
    background:var(--gradient-panel);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
    backdrop-filter:blur(var(--glass-blur));
    box-shadow:var(--shadow-md);
    padding:32px;
}

.glass{
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    backdrop-filter:blur(var(--glass-blur));
}

@media (max-width:992px){
.grid-4,.grid-3,.grid-2{
grid-template-columns:1fr;
}
.section{
padding:70px 0;
}
}

@media (max-width:768px){
.container{
width:94%;
}
.section{
padding:56px 0;
}
}