/* ═══════════════════════════════════════════════════════════════════════════
   Geometric Magazine — Artist Profile CSS
   Shared by all artists/[slug]/index.html pages
   ═══════════════════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Lato',sans-serif;font-weight:300;font-size:16px;line-height:1.7;color:#0a0a0a;background:#fff;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;}
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 48px;}

/* ── NAV ──────────────────────────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e8;}
.nav .wrap{height:60px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo__icon{width:30px;height:30px;flex-shrink:0;}
.logo__icon svg{width:30px;height:30px;fill:#0a0a0a;display:block;}
.logo__text{display:flex;flex-direction:column;gap:2px;line-height:1;}
.logo__name{font-size:12px;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;color:#0a0a0a;}
.nav__right{display:flex;align-items:center;gap:28px;}
.nav__link{font-size:11px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;color:#888;transition:color 0.2s;}
.nav__link:hover,.nav__link.active{color:#0a0a0a;}
.nav__btn{font-size:10.5px;font-weight:300;letter-spacing:0.16em;text-transform:uppercase;padding:9px 20px;border:1px solid #0a0a0a;color:#0a0a0a;transition:all 0.2s;}
.nav__btn:hover{background:#0a0a0a;color:#fff;}
.nav__ham{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer;background:none;border:none;}
.nav__ham span{display:block;width:22px;height:1.5px;background:#0a0a0a;transition:all 0.25s;}
.nav__mob{display:none;flex-direction:column;background:#fff;border-top:1px solid #e8e8e8;padding:8px 48px 16px;}
.nav__mob.open{display:flex;}
.nav__mob a{font-size:12px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid #f0f0f0;color:#888;}
.nav__mob a.active{color:#0a0a0a;font-weight:400;}
.nav__mob a:last-child{border-bottom:none;}
@media(max-width:680px){
  .nav__right .nav__link,.nav__right .nav__btn{display:none;}
  .nav__ham{display:flex;}
  .wrap{padding:0 24px;}
}

/* ── BREADCRUMB ───────────────────────────────────────────────────────────── */
.breadcrumb{padding:14px 0;border-bottom:1px solid #f0f0f0;}
.breadcrumb .wrap{display:flex;gap:8px;align-items:center;}
.breadcrumb a,.breadcrumb span{font-size:10px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;color:#bbb;}
.breadcrumb a:hover{color:#0a0a0a;}
.breadcrumb .sep{color:#ddd;}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
.hero{width:100%;aspect-ratio:16/4;background:#ede9e3;overflow:hidden;}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;}

/* ── ARTIST HEADER ────────────────────────────────────────────────────────── */
.artist-header{padding:52px 0 48px;border-bottom:1px solid #e8e8e8;}
.artist-header .wrap{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;}
.artist-header__label{font-size:10px;font-weight:400;letter-spacing:0.26em;text-transform:uppercase;color:#aaa;margin-bottom:16px;}
.artist-header__name{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(48px,7vw,88px);font-weight:300;line-height:0.95;letter-spacing:-0.01em;margin-bottom:24px;}
.artist-header__meta{display:flex;gap:32px;flex-wrap:wrap;}
.meta-item__label{font-size:9px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:#bbb;margin-bottom:4px;}
.meta-item__value{font-size:14px;font-weight:300;}
.artist-header__right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;}
.artist-link{font-size:10px;font-weight:300;letter-spacing:0.14em;text-transform:uppercase;color:#888;transition:color 0.2s;display:inline-flex;align-items:center;gap:7px;}
.artist-link svg{width:13px;height:13px;flex-shrink:0;}
.artist-link span{border-bottom:1px solid #e8e8e8;padding-bottom:2px;transition:border-color 0.2s;}
.artist-link:hover{color:#0a0a0a;}
.artist-link:hover span{border-color:#0a0a0a;}
@media(max-width:680px){
  .artist-header .wrap{grid-template-columns:1fr;}
  .artist-header__right{align-items:flex-start;}
}

/* ── BIO ──────────────────────────────────────────────────────────────────── */
.bio-section{padding:72px 0;border-bottom:1px solid #e8e8e8;}
.bio-section .wrap{display:grid;grid-template-columns:180px 1fr;gap:64px;align-items:start;}
.section-label{font-size:10px;font-weight:400;letter-spacing:0.24em;text-transform:uppercase;color:#999;padding-top:4px;position:sticky;top:72px;}
.bio-section__text{font-size:16px;font-weight:300;line-height:1.9;color:#444;}
.bio-section__text p+p{margin-top:20px;}
.bio-placeholder{font-size:15px;font-weight:300;line-height:1.8;color:#bbb;font-style:italic;}
@media(max-width:720px){
  .bio-section .wrap{grid-template-columns:1fr;gap:20px;}
  .section-label{position:static;}
}

/* ── WORKS ────────────────────────────────────────────────────────────────── */
.works-section{padding:72px 0;border-bottom:1px solid #e8e8e8;}
.works-section__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px;}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.work-item{
  background:#f0efed;
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
}
.work-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transition:transform 0.5s ease;
  cursor:zoom-in;
}
.work-item:hover img{transform:scale(1.04);}
.work-caption{padding:10px 0 20px;font-size:11px;font-weight:300;color:#aaa;letter-spacing:0.03em;line-height:1.5;}
@media(max-width:680px){
  .works-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:420px){
  .works-grid{grid-template-columns:1fr;}
}

/* ── Q&A ──────────────────────────────────────────────────────────────────── */
.qa-section{padding:72px 0;border-bottom:1px solid #e8e8e8;}
.qa-section .wrap{display:grid;grid-template-columns:180px 1fr;gap:64px;}
.qa-list{display:flex;flex-direction:column;gap:52px;}
.qa-item__q{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:300;font-style:italic;line-height:1.4;color:#0a0a0a;margin-bottom:16px;}
.qa-item__a{font-size:15px;font-weight:300;line-height:1.9;color:#555;}
@media(max-width:720px){
  .qa-section .wrap{grid-template-columns:1fr;gap:20px;}
}

/* ── PREV / NEXT ──────────────────────────────────────────────────────────── */
.artist-nav{padding:48px 0;border-bottom:1px solid #e8e8e8;}
.artist-nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;}
.artist-nav__prev,.artist-nav__next{font-size:11px;font-weight:300;letter-spacing:0.12em;text-transform:uppercase;color:#aaa;transition:color 0.2s;}
.artist-nav__prev:hover,.artist-nav__next:hover{color:#0a0a0a;}
.artist-nav__next{text-align:right;}
.artist-nav__all{text-align:center;font-size:10px;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;color:#ccc;border:1px solid #e8e8e8;padding:8px 20px;transition:all 0.2s;}
.artist-nav__all:hover{color:#0a0a0a;border-color:#0a0a0a;}
.artist-nav__placeholder{pointer-events:none;}
@media(max-width:480px){
  .artist-nav .wrap{grid-template-columns:1fr;text-align:center;}
  .artist-nav__next{text-align:center;}
}

/* ── FOOTER ───────────────────────────────────────────────────────────────── */
.footer{background:#0a0a0a;padding:32px 0;}
.footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #1a1a1a;padding-top:24px;}
.footer__logo{display:flex;align-items:center;gap:8px;}
.footer__logo svg{width:18px;height:18px;fill:#888;display:block;}
.footer__logo span{font-size:12px;font-weight:300;letter-spacing:0.22em;text-transform:uppercase;color:#999;}
.footer__links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;}
.footer__links a,.footer__links span{font-size:11px;font-weight:300;color:#666;transition:color 0.2s;}
.footer__links a:hover{color:#fff;}

/* ── LIGHTBOX ─────────────────────────────────────────────────────────────── */
.lb{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.94);align-items:center;justify-content:center;}
.lb.open{display:flex;}
.lb__img{max-width:88vw;max-height:88vh;object-fit:contain;display:block;cursor:default;}
.lb__close{position:fixed;top:18px;right:22px;font-size:30px;color:rgba(255,255,255,0.4);cursor:pointer;line-height:1;z-index:10000;font-weight:100;transition:color 0.2s;}
.lb__close:hover{color:#fff;}
.lb__prev,.lb__next{position:fixed;top:50%;transform:translateY(-50%);font-size:36px;color:rgba(255,255,255,0.25);cursor:pointer;padding:20px 24px;z-index:10000;user-select:none;font-weight:100;transition:color 0.2s;}
.lb__prev:hover,.lb__next:hover{color:#fff;}
.lb__prev{left:0;}.lb__next{right:0;}
.lb__cap{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:0.14em;color:rgba(255,255,255,0.35);font-family:'Lato',sans-serif;}
.lb__num{position:fixed;top:22px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:0.2em;color:rgba(255,255,255,0.25);font-family:'Lato',sans-serif;}