/* mohanraj.net v3.0: used by every page, the paintings pages included. */

/* ── Top bar ── */
.nav-right{display:flex;align-items:center;gap:1.1rem}
.g-nav .nav-links{margin:0 2rem 0 auto}
nav .nav-links a[aria-current],.g-nav .nav-links a[aria-current]{color:var(--red,#D0021B)}
.nav-menu-btn{display:none;background:none;border:0;padding:.6rem 0 .6rem .2rem;font:inherit;font-size:.7rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--black,#111);cursor:pointer}
.nav-menu-btn:hover{color:var(--red,#D0021B)}
@media(max-width:768px){
  .nav-menu-btn{display:block}
  .g-nav{flex-wrap:nowrap}
}
@media(max-width:400px){
  .g-nav .nav-cta,nav .nav-cta{font-size:.78rem;padding:.5rem .8rem;letter-spacing:.02em}
  .nav-right{gap:.8rem}
}

/* ── Full-screen text menu (phones) ── */
.nav-sheet{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;padding:0 1.2rem 2rem;overflow-y:auto}
.nav-sheet[hidden]{display:none}
.ns-top{display:flex;align-items:center;justify-content:space-between;height:60px;flex:0 0 60px;border-bottom:1px solid #e0e0e0;margin:0 -1.2rem;padding:0 1.2rem}
.ns-top .nav-logo img{height:36px;width:36px;object-fit:cover;border-radius:3px;display:block}
.ns-top .nav-menu-btn{display:block}
.ns-links{list-style:none;margin:1.5rem 0 0;padding:0}
.ns-links a{display:block;padding:.95rem 0;border-bottom:1px solid #e0e0e0;font-family:'EB Garamond',Georgia,serif;font-size:2.1rem;line-height:1.15;color:#111;text-decoration:none}
.ns-links a[aria-current]{color:#D0021B;font-style:italic}
.ns-small{display:flex;gap:1.75rem;margin-top:auto;padding-top:2rem}
.ns-small a{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#888;text-decoration:none}

/* ── Preview marker (only while V3_LIVE is false) ── */
.v3-tag{position:fixed;left:0;bottom:0;z-index:150;background:#111;color:#fff;font-size:.68rem;letter-spacing:.06em;padding:.45rem .8rem;text-decoration:none;opacity:.85}

/* ── Paintings page: exhibited works and the small Instagram row ── */
.arc{margin-top:clamp(3.5rem,8vw,6rem);padding-top:clamp(2rem,5vw,3rem);border-top:1px solid #e0e0e0;--border:#e0e0e0;--white:#fff;--light:#f4f4f4}
.arc-h{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.15;margin:.4rem 0 .6rem}
.arc-h em{color:#D0021B}
.arc-p{color:#888;font-size:.9rem;line-height:1.7;margin:0 0 1.75rem;max-width:34rem}
.selected-work-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.selected-work-card { min-width: 0; border: 1px solid var(--border); background: var(--white); }
.selected-work-image { position: relative; aspect-ratio: 4 / 3; background: var(--light); overflow: hidden; }
.selected-work-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.selected-work-caption { padding: 1rem 1.1rem 1.2rem; }
.selected-work-caption h4 { font-size: 1rem; font-weight: 500; margin-bottom: 0.4rem; }
.selected-work-caption p { color: var(--gray); font-size: 0.78rem; line-height: 1.55; }
.selected-work-status { display: block; margin-top: 0.65rem; color: var(--gray); font-size: 0.65rem; letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; }
.selected-work-status.available { color: var(--red); }
.arc .selected-work-caption h4{font-family:'EB Garamond',Georgia,serif;font-weight:500;margin-top:0}
.arc .selected-work-caption p{margin:0}
@media(max-width:900px){.arc .selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.arc .selected-work-caption{padding:.85rem}}
@media(max-width:420px){.arc .selected-work-grid{gap:.7rem}.arc .selected-work-caption{padding:.7rem}}
.ig-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.ig-head .g-eyebrow{margin:0}
.ig-follow{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#111;text-decoration:underline;text-underline-offset:4px}
.ig-follow:hover{color:#D0021B}
.ig-row{min-height:90px}