/*===================================================
        SINGLE DEVELOPER
===================================================*/

.developer-hero{

padding:100px 0;
background:linear-gradient(135deg,#0d1b2a,#1b263b);
color:#fff;

}

.developer-header{

display:grid;
grid-template-columns:280px 1fr;
gap:60px;
align-items:center;

}

.developer-logo img{

width:100%;
height:280px;
object-fit:contain;
background:#fff;
padding:20px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.25);

}

.developer-content h1{

font-size:56px;
font-family:'Cormorant Garamond',serif;
margin-bottom:25px;

}

.developer-content p{

font-size:18px;
margin-bottom:15px;
opacity:.95;

}

.developer-content strong{

color:#b68d40;

}

.developer-content .primary-btn{

margin-top:25px;

}

/*===================================================
        ABOUT
===================================================*/

.developer-about{

padding:90px 0;
background:#fff;

}

.developer-description{

max-width:900px;
margin:auto;
font-size:18px;
line-height:1.9;
color:#555;

}

.developer-description h2,
.developer-description h3{

margin-top:35px;
color:#1d1d1d;

}

/*===================================================
        PROJECTS
===================================================*/

.developer-projects{

padding:90px 0;
background:#f8f8f8;

}

.projects-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:35px;

}

.project-card{

background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;

}

.project-card:hover{

transform:translateY(-8px);

}

.project-image{

display:block;
overflow:hidden;

}

.project-image img{

width:100%;
height:250px;
object-fit:cover;
transition:.5s;

}

.project-card:hover img{

transform:scale(1.08);

}

.project-content{

padding:30px;

}

.project-content h3{

font-size:30px;
margin-bottom:20px;
font-family:'Cormorant Garamond',serif;

}

.project-content h3 a{

text-decoration:none;
color:#1d1d1d;

}

.project-price{

margin-bottom:25px;

}

.project-price strong{

font-size:30px;
color:#b68d40;

}

/*===================================================
        CTA
===================================================*/

.developer-cta{

padding:90px 0;
background:#0d1b2a;
color:#fff;
text-align:center;

}

.developer-cta h2{

font-size:48px;
font-family:'Cormorant Garamond',serif;
margin-bottom:20px;

}

.developer-cta p{

font-size:20px;
margin-bottom:35px;
opacity:.9;

}

/*===================================================
        RESPONSIVE
===================================================*/

@media(max-width:992px){

.developer-header{

grid-template-columns:1fr;
text-align:center;

}

.developer-logo{

max-width:260px;
margin:auto;

}

}

@media(max-width:768px){

.developer-content h1{

font-size:38px;

}

.projects-grid{

grid-template-columns:1fr;

}

.developer-description{

font-size:16px;

}

.developer-cta h2{

font-size:34px;

}

.developer-cta p{

font-size:17px;

}

}

@media(max-width:480px){

.developer-hero{

padding:70px 0;

}

.developer-content h1{

font-size:30px;

}

.project-content{

padding:22px;

}

.project-content h3{

font-size:24px;

}

.project-price strong{

font-size:24px;

}

.primary-btn{

width:100%;
justify-content:center;

}

}