/*=========================================================
    LABORATORY DIVISION
    Professional Black • White • Grey Theme
==========================================================*/

.laboratory-division{
    position:relative;
    padding:80px 0;
    background:#ffffff;
    overflow:hidden;
}

.laboratory-division *{
    box-sizing:border-box;
}

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

.laboratory-division .section-header{
    max-width:850px;
    margin:0 auto 60px;
    text-align:center;
}

.laboratory-division .section-header h2{
    margin:0;
    font-size:clamp(2rem,4vw,3rem);
    font-weight:800;
    color:#111111;
    line-height:1.2;
    letter-spacing:-.5px;
}

.laboratory-division .section-header h2::after{
    content:"";
    display:block;
    width:90px;
    height:4px;
    margin:18px auto 0;
    background:#111111;
    border-radius:30px;
}

.laboratory-division .section-header p{
    margin:25px auto 0;
    max-width:760px;
    color:#666666;
    font-size:1.08rem;
    line-height:1.9;
}

/*=========================================================
    GRID
==========================================================*/

.laboratory-division .equipment-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));
    gap:30px;
    align-items:stretch;
}

/*=========================================================
    CARD
==========================================================*/

.laboratory-division .equipment-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#ffffff;
    border:1px solid #e7e7e7;
    border-radius:18px;
    overflow:hidden;
    transition:all .35s ease;
}

.laboratory-division .equipment-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#111111;
}

.laboratory-division .equipment-card:hover{
    transform:translateY(-8px);
    border-color:#111111;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

/*=========================================================
    CARD HEADER
==========================================================*/

.laboratory-division .card-header{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:30px;
    background:#fafafa;
    border-bottom:1px solid #ececec;
}

.laboratory-division .equipment-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:62px;
    height:62px;
    border-radius:50%;
    background:#111111;
    color:#ffffff;
    font-size:1.15rem;
    font-weight:700;
    flex-shrink:0;
}

.laboratory-division .equipment-title{
    margin:0;
    color:#111111;
    font-size:1.45rem;
    font-weight:700;
    line-height:1.4;
}

/*=========================================================
    CONTENT
==========================================================*/

.laboratory-division .content-group{
    padding:28px 30px;
}

.laboratory-division .content-group:not(:last-child){
    border-bottom:1px solid #ededed;
}

.laboratory-division .group-label{
    display:inline-block;
    margin-bottom:18px;
    padding:8px 18px;
    background:#111111;
    color:#ffffff;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    border-radius:30px;
}

.laboratory-division .group-text{
    margin:0;
    color:#555555;
    font-size:1rem;
    line-height:1.9;
}

.laboratory-division .group-text strong{
    color:#111111;
}

.laboratory-division .group-text sup{
    font-size:70%;
}

/*=========================================================
    VISA ROLE SECTION
==========================================================*/

.laboratory-division .visa-role-box{
    background:#f7f7f7;
}

.laboratory-division .visa-role-box .group-label{
    background:#444444;
}

.laboratory-division .visa-role-box .group-text{
    color:#444444;
    font-weight:500;
}


/*=========================================================
    HOVER EFFECTS
==========================================================*/

.laboratory-division .equipment-card:hover .equipment-number{
    background:#ffffff;
    color:#111111;
    border:2px solid #111111;
    transform:rotate(8deg) scale(1.05);
}

.laboratory-division .equipment-card:hover .equipment-title{
    color:#000000;
}

.laboratory-division .equipment-card:hover .group-label{
    background:#000000;
}

.laboratory-division .equipment-card:hover .visa-role-box .group-label{
    background:#222222;
}

.laboratory-division .equipment-card:hover .visa-role-box{
    background:#f2f2f2;
}

.laboratory-division .equipment-card:hover .group-text{
    color:#333333;
}

/*=========================================================
    TRANSITIONS
==========================================================*/

.laboratory-division .equipment-card,
.laboratory-division .equipment-number,
.laboratory-division .equipment-title,
.laboratory-division .group-label,
.laboratory-division .group-text,
.laboratory-division .visa-role-box{
    transition:all .35s ease;
}

/*=========================================================
    CUSTOM SCROLLBAR
==========================================================*/

.laboratory-division ::-webkit-scrollbar{
    width:8px;
    height:8px;
}

.laboratory-division ::-webkit-scrollbar-track{
    background:#f3f3f3;
}

.laboratory-division ::-webkit-scrollbar-thumb{
    background:#bdbdbd;
    border-radius:20px;
}

.laboratory-division ::-webkit-scrollbar-thumb:hover{
    background:#888888;
}

/*=========================================================
    TEXT SELECTION
==========================================================*/

.laboratory-division ::selection{
    background:#111111;
    color:#ffffff;
}

/*=========================================================
    ACCESSIBILITY
==========================================================*/

.laboratory-division .equipment-card:focus-within{
    outline:2px solid #111111;
    outline-offset:4px;
}

/*=========================================================
    TABLET
==========================================================*/

@media (max-width:1200px){

.laboratory-division .equipment-grid{
    gap:25px;
}

}

@media (max-width:992px){

.laboratory-division{
    padding:70px 0;
}

.laboratory-division .equipment-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.laboratory-division .section-header{
    margin-bottom:50px;
}

.laboratory-division .equipment-title{
    font-size:1.30rem;
}

.laboratory-division .card-header{
    padding:26px;
}

.laboratory-division .content-group{
    padding:24px 26px;
}

}

/*=========================================================
    MOBILE
==========================================================*/

@media (max-width:768px){

.laboratory-division{
    padding:60px 0;
}

.laboratory-division .section-header{
    margin-bottom:40px;
}

.laboratory-division .section-header h2{
    font-size:2rem;
}

.laboratory-division .section-header p{
    font-size:1rem;
    line-height:1.8;
}

.laboratory-division .equipment-grid{
    grid-template-columns:1fr;
    gap:22px;
}

.laboratory-division .card-header{
    padding:22px;
}

.laboratory-division .content-group{
    padding:22px;
}

.laboratory-division .equipment-number{
    width:56px;
    height:56px;
    font-size:1rem;
}

.laboratory-division .equipment-title{
    font-size:1.20rem;
}

.laboratory-division .group-label{
    font-size:.75rem;
    padding:7px 14px;
}

.laboratory-division .group-text{
    font-size:.96rem;
    line-height:1.8;
}

}

/*=========================================================
    SMALL MOBILE
==========================================================*/

@media (max-width:480px){

.laboratory-division{
    padding:50px 0;
}

.laboratory-division .section-header h2{
    font-size:1.70rem;
}

.laboratory-division .section-header p{
    font-size:.95rem;
}

.laboratory-division .card-header{
    padding:20px;
}

.laboratory-division .content-group{
    padding:20px;
}

.laboratory-division .equipment-number{
    width:50px;
    height:50px;
    font-size:.95rem;
}

.laboratory-division .equipment-title{
    font-size:1.1rem;
    line-height:1.5;
}

.laboratory-division .group-text{
    font-size:.92rem;
}

}

/*=========================================================
    LARGE DESKTOP
==========================================================*/

@media (min-width:1400px){

.laboratory-division .equipment-grid{
    grid-template-columns:repeat(3,1fr);
}

}

/*=========================================================
    PRINT
==========================================================*/

@media print{

.laboratory-division{
    background:#ffffff !important;
}

.laboratory-division .equipment-card{
    box-shadow:none !important;
    border:1px solid #999 !important;
    break-inside:avoid;
}

}


.laboratory-division .equipment-card{
    isolation:isolate;
}

.laboratory-division .equipment-card::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid transparent;
    border-radius:18px;
    transition:.35s;
    pointer-events:none;
}

.laboratory-division .equipment-card:hover::after{
    border-color:#111;
}