/* ==========================================================
   SCL Solution - 3D Printing
   Milestone 1 : Foundation
========================================================== */

/* ==========================================================
   Shared Glass Card
========================================================== */

.hero-info-card,
.technology-card,
.printer-card,
.application-card,
.workflow-card{

    border-radius:24px;

    background:rgba(255,255,255,.04);

    border:1px solid var(--card-border);

    backdrop-filter:blur(16px);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}

.hero-info-card:hover,
.technology-card:hover,
.printer-card:hover,
.application-card:hover,
.workflow-card:hover{

    border-color:var(--card-border-hover);

    transform:translateY(-6px);

    box-shadow:
        0 18px 45px rgba(0,180,255,.12);

}

/* ==========================================================
   Main Layout
========================================================== */

.printing-page{

    position:relative;

}

.page-section{

    padding:140px 0;

}

/* ==========================================================
   Global Section Layout
========================================================== */

.printing-page section{

    padding:120px 0;

}

.section-wrapper{

    width:min(1400px,92%);
    margin:0 auto;

}

/* ==========================================================
   Global Section Header
========================================================== */

.section-header{

    max-width:820px;

    margin-left:40px;
    margin-bottom:50px;

}

.section-number{

    display:inline-flex;
    align-items:center;
    gap:14px;

    margin-bottom:18px;

    color:var(--accent-primary);

    font-size:.82rem;
    font-weight:700;
    letter-spacing:.25em;
    text-transform:uppercase;

}

.section-number::before{

    content:"";

    width:20px;
    height:2px;

    border-radius:2px;

    background:var(--accent-gradient);

}

.section-header h2{

    margin:0;

    font-size:clamp(2.8rem,5vw,4rem);

    font-weight:750;

    line-height:.95;

    letter-spacing:-2px;

    color:var(--text);

}

.section-header p{

    margin-top:22px;

    font-size:1.15rem;

    line-height:1.8;

    color:var(--text-soft);

}