:root{
--bg:#fafafa;
--text:#111;
--muted:#666;
--border:#e8e8e8;
--max:1600px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
background:var(--bg);
color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
line-height:1.7;
overflow-x:hidden;
}
img{display:block;width:100%}
a{text-decoration:none;color:inherit}
.container{width:min(92%,var(--max));margin:auto}
.section{padding:120px 0}
.fade{opacity:0;transform:translateY(40px);transition:1s ease}
.fade.visible{opacity:1;transform:none}

nav{
position:fixed;
top:0;left:0;width:100%;
background:rgba(250,250,250,.92);
backdrop-filter:blur(10px);
z-index:1000;
}
.nav-inner{
width:min(92%,var(--max));
margin:auto;
padding:28px 0;
display:flex;
justify-content:space-between;
align-items:center;
}
.logo{font-weight:700;letter-spacing:2px}
.menu{display:flex;gap:30px}
.menu a{
text-transform:uppercase;
font-size:.75rem;
letter-spacing:2px;
}

.hero{
min-height:100vh;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding-top:140px;
padding-bottom:60px;
}

.hero h1{
font-size:clamp(4rem,10vw,8rem);
line-height:.9;
}

.hero-sub{
margin-top:20px;
font-size:.8rem;
letter-spacing:4px;
text-transform:uppercase;
}

.artist-portraits{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
margin-top:80px;
}

.artist-portraits img{
height:700px;
object-fit:cover;
}

.bio-grid{
display:grid;
grid-template-columns:1fr 1.5fr;
gap:100px;
}

.section-label{
text-transform:uppercase;
letter-spacing:3px;
font-size:.8rem;
margin-bottom:40px;
}

.bio-intro{
font-size:clamp(2rem,4vw,3rem);
line-height:1.2;
}

.bio-text p{
margin-bottom:24px;
}


.timeline-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
}
.timeline-nav{
display:flex;
gap:12px;
}
.timeline-nav button{
background:none;
border:none;
cursor:pointer;
font-size:1.2rem;
width:42px;
height:42px;
transition:.3s ease;
}
.timeline-nav button:hover{opacity:.4;}

.timeline{
display:flex;
gap:24px;
overflow-x:auto;
padding-bottom:20px;
scrollbar-width:none;
}

.timeline::-webkit-scrollbar{
display:none;
}

.timeline-card{
min-width:280px;
padding-top:20px;
border-top:1px solid var(--text);
opacity:.6;
transition:.4s ease;
flex-shrink:0;
}

.timeline-card:hover{
opacity:1;
}

.timeline-card .year{
display:block;
color:var(--muted);
margin-bottom:14px;
}

.timeline-card h3{
font-size:1rem;
margin-bottom:6px;
}

.gallery-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
}

.work{
cursor:pointer;
}

.work-image{
overflow:hidden;
}

.work-image img{
height:850px;
object-fit:cover;
filter:grayscale(100%);
transition:filter .8s ease,transform 1s ease;
}

.work:hover img{
filter:grayscale(0%);
transform:scale(1.03);
}

.work-meta{
padding-top:16px;
}

.archive-grid{
columns:3;
column-gap:24px;
}

.archive-item{
break-inside:avoid;
margin-bottom:24px;
cursor:pointer;
}

.archive-item img{
width:100%;
display:block;
filter:grayscale(100%);
transition:filter .8s ease,transform 1s ease;
}

.archive-item:hover img{
filter:grayscale(0%);
transform:scale(1.02);
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
}

.contact-title{
text-transform:uppercase;
letter-spacing:2px;
font-size:.8rem;
margin-bottom:10px;
}

footer{
padding:60px 0;
border-top:1px solid var(--border);
color:var(--muted);
}

.lightbox{
position:fixed;
inset:0;
background:rgba(0,0,0,.96);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
}

.lightbox.active{
display:flex;
}

.lightbox img{
max-width:92vw;
max-height:90vh;
object-fit:contain;
}

.close,.prev,.next{
position:absolute;
color:#fff;
cursor:pointer;
}

.close{top:25px;right:35px;font-size:42px}
.prev{left:25px;font-size:48px}
.next{right:25px;font-size:48px}

@media(max-width:1000px){

.artist-portraits,
.bio-grid,
.contact-grid,
.gallery-grid{
grid-template-columns:1fr;
}

.artist-portraits img{
height:55vh;
}

.work-image img{
height:65vh;
}

.archive-grid{
columns:1;
}

.section{
padding:90px 0;
}

}


.archive-header{
display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;
}
.archive-nav{display:flex;gap:12px;}
.archive-nav button{
background:none;border:none;cursor:pointer;font-size:1.2rem;width:42px;height:42px;transition:.3s ease;
}
.archive-nav button:hover{opacity:.4;}

.archive-scroll{
display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;padding-bottom:20px;
scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.archive-scroll::-webkit-scrollbar{display:none;}
.archive-item{flex:0 0 auto;break-inside:auto;margin-bottom:0;}
.archive-item img{height:500px;width:auto;object-fit:cover;}

.details-gallery{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px;
}
.details-gallery img{width:100%;height:350px;object-fit:cover;}
.work-nav{display:flex;justify-content:space-between;align-items:center;padding-top:80px;border-top:1px solid var(--border);}
@media(max-width:1000px){
.details-gallery{grid-template-columns:1fr;}
}