: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;}
}


/* Added modifications */
.work-hero{margin-top:120px;}
@media (max-width:768px){
  .work-hero{margin-top:170px;}
}

/* Separate archive-style section under Works */
.archive-header .section-label{
  margin-bottom:20px;
}


:root{--bg:#ffffff !important;}

/* Archive slider */
.archive-header{
display:flex;
justify-content:flex-end;
margin-bottom:20px;
}
.archive-scroll{
display:flex;
gap:24px;
overflow-x:auto;
scrollbar-width:none;
padding-bottom:10px;
}
.archive-scroll::-webkit-scrollbar{display:none;}
.archive-item{
flex:0 0 28%;
margin-bottom:0;
}
.archive-item img{
height:420px;
object-fit:cover;
}

@media(max-width:768px){
.archive-item{flex:0 0 55%;}
.archive-item img{height:260px;}
}

/* Work page spacing */
.work-hero{
padding-top:140px !important;
margin-top:80px !important;
}
.work-hero img{
display:block;
}

/* Disable hover on touch */
@media (hover:none){
.work-image img,
.archive-item img{
filter:none !important;
transform:none !important;
transition:none !important;
}
}

/* Slower transitions */
.fade{transition:1.6s ease !important;}
.menu a{transition:.6s ease !important;}
html{scroll-behavior:smooth;}


.work-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin:30px 0 40px}
.work-title{font-size:2rem}
.work-specs{text-align:right;line-height:1.8;max-width:360px}
.work-slider{position:relative;margin:30px 0}
.work-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}
.work-slides img{width:100%;max-height:78vh;object-fit:contain;scroll-snap-align:center}
.share-bar{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.share-btn{cursor:pointer}
@media(max-width:768px){
 .work-meta{flex-direction:column}
 .work-specs{text-align:left}
}

.work-meta{display:flex !important;justify-content:flex-start !important;gap:64px !important;align-items:flex-start !important}
.work-title,.work-title-col h1,h1{font-size:3.2rem !important;line-height:1.05}
.work-specs{text-align:left !important;max-width:420px}
.work-slider{background:#eeeeee !important;padding:24px;border-radius:2px}
.share-btn{border:1px solid #111;background:#fff;padding:10px 18px;border-radius:999px;font-size:.95rem;letter-spacing:.02em}
@media(max-width:768px){
 .work-title,.work-title-col h1,h1{font-size:2.2rem !important}
}

.work-slider{
background:#eeeeee;
width:100vw;
margin-left:calc(50% - 50vw);
padding:20px 0;
}


/* Work navigation */
.work-nav-share{
width:min(92%,var(--max));
margin:60px auto 40px auto !important;
display:grid !important;
grid-template-columns:1fr auto 1fr;
align-items:center;
padding-top:24px;
border-top:1px solid var(--border);
}
.work-nav-share a:last-child{text-align:right;}
.share-btn{
background:none;border:none;cursor:pointer;
letter-spacing:1px;text-transform:uppercase;
font-size:.8rem;
}

/* Elegant full-width work slider */
.work-slider{
background:#eeeeee;
width:100vw;
margin-left:calc(50% - 50vw);
margin-top:50px;
padding:40px 0;
overflow:hidden;
}
.work-slides{
width:min(92%,var(--max));
margin:auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:24px;
}
.work-slides img{
aspect-ratio:4/3;
object-fit:cover;
border-radius:2px;
transition:transform .35s ease, opacity .35s ease;
}
.work-slides img:hover{
transform:translateY(-4px);
}


/* Work Slider refined */
.work-slider{
    background:#ffffff !important;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    padding:20px 0;
    -webkit-overflow-scrolling:touch;
}

.work-slider .slide,
.work-slider .work-item,
.work-slider figure,
.work-slider a{
    display:inline-block;
    vertical-align:top;
}

.work-slider img{
    aspect-ratio:1/1;
    object-fit:cover;
    border:2px solid #d0d0d0;
    box-sizing:border-box;
}


/* Work slider mirrors Archive slider */
.work-slider,
.work-archive-slider{
    position:relative;
}

.work-slider .archive-track,
.work-slider .work-slides{
    display:flex;
    gap:24px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.work-slider .archive-track::-webkit-scrollbar,
.work-slider .work-slides::-webkit-scrollbar{
    display:none;
}

.work-slider img{
    border:2px solid #d0d0d0;
    box-sizing:border-box;
}

/* Keep work hero image reduced */
.work-hero img,
.hero-image img,
.featured-image img{
    width:75% !important;
    margin:0 auto;
    display:block;
}


/* Work slider cloned from archive slider */
.work-slider-nav{
display:flex;
justify-content:flex-end;
margin-bottom:20px;
}
.work-slider-nav button{
background:none;border:none;cursor:pointer;font-size:1.2rem;width:42px;height:42px;transition:.3s ease;
}
.work-slider-nav button:hover{opacity:.4;}
.work-slides{
display:flex !important;
gap:24px !important;
overflow-x:auto !important;
overflow-y:hidden !important;
padding-bottom:10px !important;
scrollbar-width:none !important;
-webkit-overflow-scrolling:touch;
scroll-snap-type:none !important;
}
.work-slides::-webkit-scrollbar{display:none;}
.work-slides > *{flex:0 0 28%;}
.work-slides img{
height:420px !important;
width:100% !important;
object-fit:cover !important;
border:2px solid #d0d0d0 !important;
max-height:none !important;
}
@media(max-width:768px){
 .work-slides > *{flex:0 0 55%;}
 .work-slides img{height:260px !important;}
}


/* Home hero +25% */
.hero h1,
.hero-title,
h1.hero-title{
  font-size:125% !important;
}

.hero-sub,
.hero-subtitle{
  font-size:125% !important;
}

/* Work hero image */
.work-hero img,
.hero-image img,
.featured-image img{
  margin-top:0 !important;
}

/* Mobile hero image width */
@media (max-width:768px){
  .work-hero img,
  .hero-image img,
  .featured-image img{
    width:96% !important;
    max-width:96% !important;
  }
}

/* Center work slider */
.work-slider,
.work-slider-container,
.work-slides{
  margin-left:auto !important;
  margin-right:auto !important;
}


/* ===== Final requested updates ===== */

/* HOME */
.hero h1,
.hero-title,
h1.hero-title{
    font-size:500% !important;
    line-height:0.95 !important;
}

.hero-sub,
.hero-subtitle{
    font-size:125% !important;
}

/* WORK PAGES */
.work-hero,
.work-hero-container{
    padding-top:0 !important;
    margin-top:0 !important;
}

.work-hero img,
.work-hero-container img,
.hero-image img,
.featured-image img{
    margin-top:10px !important;
    padding-top:0 !important;
}

/* MOBILE */
@media (max-width:768px){

    .work-hero,
    .work-hero-container{
        padding-top:0 !important;
        margin-top:0 !important;
    }

    .work-hero img,
    .work-hero-container img,
    .hero-image img,
    .featured-image img{
        width:100% !important;
        max-width:100% !important;
        margin-top:70px !important;
        display:block;
    }
}

@media (max-width:768px){

    .hero-sub,
    .hero-subtitle{
        font-size:100% !important;
    }

}