/* GENERAL PAGE */

body{
font-family:'Lato', sans-serif;
font-size:18px;
line-height:1.7;
margin:0;
background:#f7f7f7;
color:#222;
}


/* HEADER */

header{

background:
radial-gradient(circle at center,#ffffff 0%,#f3f3f3 55%,#e6e6e6 100%);

text-align:center;

padding:50px 20px 40px 20px;

border-bottom:1px solid #dcdcdc;

box-shadow:
0 6px 18px rgba(0,0,0,0.08),
inset 0 1px 0 rgba(255,255,255,0.8);

position:relative;

}


/* ARTIST NAME */

header h1{

font-family:'Lobster Two', cursive;

font-style:italic;

font-size:105px;

letter-spacing:5px;

margin:0;

color:#1e73be;

}

header h1::after{

content:"";

display:block;

width:140px;

height:2px;

background:#1e73be;

margin:20px auto 0 auto;

}


/* NAVIGATION */

nav{

text-align:center;

padding:22px;

background:white;

border-bottom:1px solid #ddd;

}

nav a{

text-decoration:none;

color:#333;

margin:0 20px;

font-size:26px;

font-weight:500;

letter-spacing:1.5px;

}

nav a:hover{

color:#1e73be;

}


/* PAGE CONTAINER */

.container{

max-width:1100px;

margin:auto;

padding:40px 30px;

}


/* SECTION HEADINGS */

h2{

font-size:36px;

margin-top:90px;

margin-bottom:40px;

text-align:center;

letter-spacing:2px;

position:relative;

}

h2::after{

content:"";

display:block;

width:80px;

height:2px;

background:#1e73be;

margin:15px auto 0 auto;

}


/* HERO IMAGE */

.hero{

width:100%;

margin-top:30px;

}

.hero img{

width:100%;

max-height:420px;

object-fit:cover;

display:block;

margin:auto;

}


/* HOME PAGE SELECTED WORKS */

.home-gallery{

display:grid;

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

gap:40px;

margin-top:40px;

}

.home-item{

text-align:center;

}

.home-item img{

width:100%;

box-shadow:0 8px 20px rgba(0,0,0,0.15);

transition:transform 0.3s ease;

}

.home-item img:hover{

transform:scale(1.03);

}


/* LABELS UNDER SELECTED WORKS (FOR ANY HTML STRUCTURE) */

.home-item a,
.home-item p,
.home-item span,
.home-item .category-title{

display:block;

margin-top:18px;

font-size:32px;

color:#1e73be;

font-weight:600;

letter-spacing:1px;

text-align:center;

}


/* GALLERY CATEGORY PAGE */

.category-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:50px;

margin-top:40px;

}

.category-item{

text-align:center;

}

.category-item img{

width:100%;

box-shadow:0 10px 25px rgba(0,0,0,0.2);

transition:transform 0.3s ease;

}

.category-item img:hover{

transform:scale(1.04);

}

.category-title{

margin-top:18px;

font-size:28px;

letter-spacing:1px;

color:#1e73be;

font-weight:600;

text-align:center;

}


/* ARTWORK GALLERIES */

.gallery{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:50px;

padding:50px;

max-width:1100px;

margin:auto;

background:white;

border-radius:6px;

box-shadow:0 6px 20px rgba(0,0,0,0.05);

}

.artwork{

text-align:center;

}

.artwork img{

width:100%;

height:auto;

max-height:420px;

object-fit:contain;

background:white;

padding:8px;

box-shadow:0 12px 30px rgba(0,0,0,0.18);

cursor:pointer;

transition:transform 0.3s ease;

}

.artwork img:hover{

transform:scale(1.03);

}

.art-info{

text-align:center;

color:#444;

margin-top:10px;

}

.title{

font-style:italic;

font-size:18px;

margin-top:12px;

}


/* ARTIST PHOTO */

.about-photo{

max-width:460px;

width:100%;

display:block;

margin:40px auto;

border-radius:6px;

box-shadow:0 10px 25px rgba(0,0,0,0.18);

}


/* LINKS */

a{

color:#1e73be;

text-decoration:none;

}

a:hover{

text-decoration:underline;

}


/* LIGHTBOX */

#lightbox{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,0.9);

display:none;

align-items:center;

justify-content:center;

z-index:1000;

}

#lightbox img{

max-width:90%;

max-height:90%;

width:auto;

height:auto;

}


/* LIGHTBOX ARROWS */

.arrow{

position:absolute;

top:50%;

font-size:50px;

color:white;

cursor:pointer;

padding:20px;

user-select:none;

}

.arrow.left{

left:20px;

}

.arrow.right{

right:20px;

}

.close{

position:absolute;

top:20px;

right:30px;

font-size:40px;

color:white;

cursor:pointer;

}