/* ==========================================================
   SCCORIA FACULTY ARCHIVE
   ULTRA PREMIUM V2
   File: archive-faculty.css
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root{

--faculty-navy:#071529;
--faculty-blue:#123D7A;
--faculty-gold:#D4AF37;
--faculty-gold2:#F5C542;
--faculty-white:#ffffff;
--faculty-light:#F7F9FC;
--faculty-border:#E7EDF5;
--faculty-text:#64748B;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.sccoria-faculty-archive-v2{

font-family:'Outfit',sans-serif;
background:#f8fafc;
overflow:hidden;

}

.faculty-container{

max-width:1500px;
margin:auto;
padding:0 24px;

}

/* ==================================================
   HERO
================================================== */

.faculty-archive-hero{

padding:130px 0 150px;

background:
linear-gradient(
135deg,
#071529 0%,
#0B2140 50%,
#123D7A 100%
);

position:relative;
overflow:hidden;

}

.faculty-archive-hero::before{

content:'';

position:absolute;

width:650px;
height:650px;

background:
radial-gradient(
circle,
rgba(212,175,55,.18),
transparent
);

right:-250px;
top:-250px;

border-radius:50%;

}

.faculty-archive-hero::after{

content:'';

position:absolute;

width:500px;
height:500px;

background:
radial-gradient(
circle,
rgba(255,255,255,.06),
transparent
);

left:-150px;
bottom:-200px;

border-radius:50%;

}

.faculty-hero-content{

max-width:900px;
position:relative;
z-index:2;

}

.faculty-badge{

display:inline-flex;

padding:10px 18px;

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

backdrop-filter:blur(12px);

border-radius:999px;

color:#fff;

font-size:12px;
font-weight:700;
letter-spacing:2px;

margin-bottom:22px;

}

.faculty-hero-content h1{

font-size:clamp(42px,6vw,88px);

line-height:1.05;
font-weight:900;

color:#fff;

margin-bottom:22px;

}

.faculty-hero-content p{

max-width:760px;

font-size:20px;
line-height:1.9;

color:
rgba(255,255,255,.92);

}

/* ==================================================
   SEARCH
================================================== */

.faculty-search-section{

margin-top:-55px;

position:relative;
z-index:10;

padding-bottom:40px;

}

.faculty-search-box{

background:#fff;

border-radius:24px;

padding:20px;

max-width:900px;

margin:auto;

box-shadow:
0 25px 60px rgba(0,0,0,.12);

}

.faculty-search-box input{

width:100%;

height:64px;

border:none;
outline:none;

background:#f8fafc;

border-radius:18px;

padding:0 25px;

font-size:16px;
font-weight:500;

color:#071529;

}

/* ==================================================
   STATS
================================================== */

.faculty-stats{

padding:20px 0 80px;

}

.faculty-stats .faculty-container{

display:grid;

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

gap:22px;

}

.faculty-stat-card{

background:#fff;

padding:30px;

border-radius:28px;

text-align:center;

box-shadow:
0 10px 30px rgba(0,0,0,.05);

transition:.35s;

}

.faculty-stat-card:hover{

transform:
translateY(-8px);

}

.faculty-stat-card strong{

display:block;

font-size:38px;
font-weight:800;

color:#071529;

margin-bottom:8px;

}

.faculty-stat-card span{

font-size:15px;
font-weight:600;

color:#64748B;

}

/* ==================================================
   HEADING
================================================== */

.faculty-section-heading{

text-align:center;

margin-bottom:50px;

}

.faculty-section-heading span{

display:block;

font-size:12px;
font-weight:700;

letter-spacing:2px;

color:#D4AF37;

margin-bottom:12px;

}

.faculty-section-heading h2{

font-size:clamp(32px,4vw,56px);

font-weight:800;

color:#071529;

line-height:1.1;

}

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

.faculty-directory-section{

padding-bottom:100px;

}

.faculty-directory-grid{

display:grid;

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

gap:28px;

}

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

.faculty-directory-card{

background:#fff;

border-radius:36px;

padding:30px;

border:1px solid #E7EDF5;

box-shadow:
0 15px 35px rgba(0,0,0,.04);

transition:.35s;

}

.faculty-directory-card:hover{

transform:
translateY(-10px);

box-shadow:
0 30px 60px rgba(0,0,0,.10);

}

.faculty-card-top{

display:flex;

align-items:center;

gap:20px;

margin-bottom:25px;

}

/* ==================================================
   PHOTO
================================================== */

.faculty-photo{

width:110px;
height:110px;

flex-shrink:0;

border-radius:50%;

padding:5px;

background:
linear-gradient(
135deg,
#D4AF37,
#F5C542
);

}

.faculty-photo img{

width:100%;
height:100%;

border-radius:50%;

object-fit:cover;

display:block;

background:#fff;

}

.faculty-main h3{

font-size:24px;
font-weight:800;

line-height:1.3;

color:#071529;

margin-bottom:6px;

}

.faculty-designation{

font-size:14px;

font-weight:700;

color:#123D7A;

margin-bottom:8px;

}

.faculty-subject{

display:inline-flex;

padding:7px 14px;

background:#f4f7fb;

border-radius:999px;

font-size:12px;

font-weight:700;

color:#071529;

}

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

.faculty-meta-grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:12px;

margin-bottom:22px;

}

.faculty-meta-box{

background:#f8fafc;

padding:14px;

border-radius:18px;

}

.faculty-meta-box strong{

display:block;

font-size:11px;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

color:#94A3B8;

margin-bottom:5px;

}

.faculty-meta-box span{

font-size:13px;

font-weight:600;

color:#071529;

line-height:1.5;

}

/* ==================================================
   BIO
================================================== */

.faculty-bio{

font-size:14px;

line-height:1.9;

color:#64748B;

margin-bottom:20px;

}

/* ==================================================
   ACHIEVEMENT
================================================== */

.faculty-achievement{

padding:18px;

border-left:4px solid #D4AF37;

background:#FFFBEB;

border-radius:16px;

margin-bottom:22px;

}

.faculty-achievement strong{

display:block;

font-size:13px;

font-weight:700;

color:#071529;

margin-bottom:8px;

}

.faculty-achievement p{

font-size:13px;

line-height:1.8;

color:#475569;

}

/* ==================================================
   BUTTONS
================================================== */

.faculty-buttons{

display:grid;

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

gap:10px;

}

.faculty-buttons a{

display:flex;

align-items:center;
justify-content:center;

height:48px;

border-radius:14px;

text-decoration:none;

font-size:13px;
font-weight:700;

transition:.3s;

}

.faculty-email-btn{

background:#F5C542;
color:#071529;

}

.faculty-linkedin-btn{

background:#0A66C2;
color:#fff;

}

.faculty-profile-btn{

background:#071529;
color:#fff;

}

.faculty-buttons a:hover{

transform:
translateY(-3px);

}

/* ==================================================
   PAGINATION
================================================== */

.faculty-pagination{

display:flex;

justify-content:center;

gap:10px;

margin-top:70px;

flex-wrap:wrap;

}

.faculty-pagination .page-numbers{

width:50px;
height:50px;

display:flex;

align-items:center;
justify-content:center;

text-decoration:none;

background:#fff;

border-radius:14px;

font-weight:700;

color:#071529;

border:1px solid #E7EDF5;

}

.faculty-pagination .current,
.faculty-pagination .page-numbers:hover{

background:#071529;
color:#fff;

}

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

@media(max-width:1100px){

.faculty-directory-grid{

grid-template-columns:
1fr 1fr;

}

.faculty-stats .faculty-container{

grid-template-columns:
1fr 1fr;

}

}

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

@media(max-width:768px){

.faculty-container{

padding:0 16px;

}

.faculty-archive-hero{

padding:90px 0 120px;

text-align:center;

}

.faculty-hero-content p{

font-size:16px;

}

.faculty-directory-grid{

grid-template-columns:
1fr;

gap:16px;

}

.faculty-card-top{

flex-direction:column;

text-align:center;

}

.faculty-meta-grid{

grid-template-columns:
1fr 1fr;

}

.faculty-buttons{

grid-template-columns:
1fr;

}

.faculty-stat-card{

padding:22px;

}

}

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

@media(max-width:480px){

.faculty-hero-content h1{

font-size:34px;

}

.faculty-meta-grid{

grid-template-columns:
1fr;

}

.faculty-stats .faculty-container{

grid-template-columns:
1fr 1fr;

gap:10px;

}

.faculty-photo{

width:95px;
height:95px;

}

.faculty-main h3{

font-size:20px;

}

}