/* mohanraj.net v3.0: layout for the new pages. Loaded after site.css. */
body.v3{padding-top:60px}
body.v3 main{display:block}
.page-h1{font-size:clamp(2.5rem,4vw,4rem);line-height:1.1;margin-bottom:1.5rem}
.page-h1 em{color:var(--red)}
.hp-all{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--black);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.hp-all:hover{color:var(--red)}

/* ── Home: painting first, then what is on now ── */
.home-hero{padding:0}
.hh-in{max-width:1280px;margin:0 auto;padding:3rem 3rem 3.5rem;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4rem;align-items:center}
.hh-art{margin:0}
.hh-art img{display:block;width:100%;height:auto;background:var(--light)}
.hh-art figcaption{margin-top:.6rem;font-size:.72rem;letter-spacing:.08em;color:var(--gray)}
.hh-eyebrow{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:1rem}
.hh-h1{font-size:clamp(2.3rem,3.4vw,3.4rem);line-height:1.08;margin-bottom:1rem}
.hh-h1 em{color:var(--red)}
.hh-sub{font-size:.98rem;line-height:1.7;color:#555;max-width:30rem;margin-bottom:1.75rem}
.hw-meta a{color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

.home-paint{padding:4.5rem 0 4rem;border-top:1px solid var(--border)}
.hp-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}
.hp-head h2{font-size:clamp(2rem,3.2vw,3rem)}
.p-strip{max-width:1140px;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}
.ps-card{display:block;min-width:0;color:var(--black)}
.ps-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;padding:9%;background:#f6f6f4}
.ps-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:opacity .25s}
.ps-card:hover img{opacity:.85}
.ps-t{display:block;font-family:'EB Garamond',Georgia,serif;font-size:1.15rem;line-height:1.2;margin-top:.75rem}
.ps-m{display:block;font-size:.75rem;color:var(--gray);margin-top:.15rem}
.ps-m.is-sale{color:var(--black)}

.home-about{padding:4.5rem 0 0;border-top:1px solid var(--border)}
.ha-lede{font-family:'EB Garamond',Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.35;max-width:46rem;margin-bottom:1.5rem}
.home-about .hero-stats{margin-top:4rem;border-bottom:0}

/* ── Workshops ── */
.ws-page .workshop-grid{grid-template-columns:minmax(0,1fr);max-width:760px}
.ws-next-line{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.95rem;color:#555}
.ws-next-line strong{font-weight:400;color:var(--black)}

/* ── About: photography and design as two short blocks ── */
.about-extra{padding:70px 0;border-top:1px solid var(--border)}
.about-extra h2{font-size:clamp(1.9rem,3vw,2.6rem);margin-bottom:1.25rem}
.about-extra h2 em{color:var(--red)}
.extra-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3.5rem;align-items:start}
.extra-grid p{font-size:.98rem;line-height:1.8;color:#555;margin-bottom:1rem}
.extra-grid p strong{font-weight:400;color:var(--black)}
.extra-link{display:inline-block;margin-top:.5rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
.extra-link:hover{color:var(--red)}
.ph-four{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ph-four .ph-card{margin:0;aspect-ratio:3/2;overflow:hidden;break-inside:auto}
.ph-four .ph-card a{display:block;height:100%}
.ph-four .ph-card img{display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:980px){
  .hh-in{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:0 0 2.5rem}
  .hh-text{padding:0 2rem}
  .hh-art figcaption{padding:0 2rem}
  .p-strip{display:flex;gap:1rem;max-width:none;padding:0 2rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .p-strip::-webkit-scrollbar{display:none}
  .ps-card{flex:0 0 220px;scroll-snap-align:start}
  .extra-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
}
@media(max-width:640px){
  .hh-text{padding:0 1.25rem}
  .hh-art figcaption{padding:0 1.25rem}
  .hh-eyebrow{margin-bottom:.6rem}
  .hh-h1{font-size:2.05rem;margin-bottom:.6rem}
  .hh-sub{font-size:.95rem;margin-bottom:1.25rem}
  .home-paint{padding:3rem 0 2.25rem}
  .hp-head{margin-bottom:1.25rem}
  .p-strip{padding:0 1.25rem 1rem;scroll-padding-left:1.25rem;gap:.85rem}
  .ps-card{flex-basis:58vw}
  .home-about{padding-top:3rem}
  .home-about .hero-stats{margin-top:2.5rem}
  .about-extra{padding:48px 0}
  .ws-page{padding-top:2.25rem}
}

/* Workshops page: white, like the rest of the site (the old section was a black band) */
.ws-page{background:var(--white);color:var(--black);padding:4rem 3rem 5rem}
.ws-page .section-label{color:var(--gray)}
.ws-page p{color:#555}
.ws-page .ws-list,.ws-page .ws-item{border-color:var(--border)}
.ws-page .ws-date,.ws-page .ws-body h3,.ws-page .ws-price{color:var(--black)}
.ws-page .ws-date span{color:var(--gray)}
.ws-page .btn-shop{background:var(--red);color:var(--white)}
.ws-page .btn-shop:hover{background:var(--black)}
.ws-page p.ws-note{color:var(--gray)}
.ws-page p.ws-note a{color:var(--black)}
@media(max-width:768px){.ws-page{padding:2.5rem 1.5rem 3.5rem}}
section[id]{scroll-margin-top:60px}

/* v3.0.1: portrait hero, fuller painting cards */
.hh-in{grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-areas:"art head" "art text";column-gap:4rem;row-gap:0;align-items:start;max-width:1140px}
.hh-art{grid-area:art}
.hh-art img{aspect-ratio:4/5;object-fit:cover;object-position:center top}
.hh-head{grid-area:head;align-self:end;padding-top:1rem}
.hh-text{grid-area:text;max-width:34rem}
.ps-frame{aspect-ratio:1/1;padding:8%}
.ps-t{font-size:1.25rem}
.ps-price{display:block;font-family:'EB Garamond',Georgia,serif;font-size:1.2rem;line-height:1.2;margin:.2rem 0 .45rem}
.ps-m{line-height:1.45;margin-top:.2rem}
.ps-cta{display:block;margin-top:.7rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.ps-cta.is-sale{color:var(--red)}
@media(max-width:980px){
  .hh-in{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"art head" "text text";column-gap:1.25rem;row-gap:1.25rem;padding:1.75rem 2rem 2.5rem;align-items:center}
  .hh-head{align-self:center;padding-top:0}
  .hh-text{padding:0;max-width:none}
  .ps-card{flex-basis:260px}
}
@media(max-width:640px){
  .hh-in{grid-template-columns:104px minmax(0,1fr);column-gap:1.1rem;row-gap:1.1rem;padding:1.5rem 1.25rem 2rem}
  .hh-h1{font-size:1.95rem;margin-bottom:0}
  .ps-card{flex-basis:72vw}
}