*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Rubik',sans-serif;background:#f5f2ec;color:#111;min-height:100vh;display:flex;flex-direction:column;}
.site-nav{background:#f5f2ec;position:sticky;top:0;z-index:100;}
.nav-top{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;}
.nav-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;cursor:pointer;color:#111;}
.nav-links{display:flex;gap:2.5rem;}
.nav-btn{font-size:13px;font-weight:500;color:#111;cursor:pointer;font-family:'Rubik',sans-serif;}
.nav-btn:hover{opacity:.55;}
.nav-btn.active{border-bottom:1px solid #111;padding-bottom:1px;}
.page{display:none;flex:1;}
.page.active{display:block;}
.hero-wrap{padding:2rem 3rem 0;}
.hero-img{width:100%;max-height:85vh;object-fit:cover;object-position:center 25%;display:block;}
.home-images{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 3rem;}
.home-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.home-blurb{padding:2rem 3rem;max-width:800px;}
.home-blurb p{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;line-height:1.5;color:#111;}

/* ── HOME GRID ── */
.home-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;padding:3rem 6rem 0;max-width:1000px;margin:0 auto;}
.home-grid-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}

/* ── HOME EDITORIAL ── */
/* ── CREDENTIAL BAND ── */
.cred-band{background:#4a4f55;padding:3rem 5rem;margin-top:2rem;}
.cred-inner{max-width:900px;margin:0 auto;}
.cred-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;}
.cred-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(232,228,220,.5);font-family:'Rubik',sans-serif;font-weight:400;}
.cred-cv-btn{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-family:'Rubik',sans-serif;font-weight:400;color:rgba(232,228,220,.7);border:.5px solid rgba(232,228,220,.3);padding:.5rem 1rem;cursor:pointer;background:none;transition:all .2s;}
.cred-cv-btn:hover{color:#fff;border-color:rgba(232,228,220,.7);}
.cred-pills{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;}
.cred-pill{display:flex;flex-direction:column;gap:.25rem;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.12);padding:.6rem 1rem;cursor:pointer;transition:background .2s;}
.cred-pill:hover{background:rgba(255,255,255,.15);}
.cred-pill-tag{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,228,220,.4);font-family:'Rubik',sans-serif;font-weight:400;}
.cred-pill-name{font-size:12px;font-family:'Rubik',sans-serif;font-weight:300;color:rgba(232,228,220,.85);}

.home-editorial{display:grid;grid-template-columns:5fr 7fr;gap:0;padding:3rem 5rem 3rem;align-items:center;max-width:900px;margin:0 auto;}
.home-editorial-img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;display:block;}
.home-editorial-text{padding:0 3rem;}
.home-blurb-text{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;line-height:1.6;color:#111;}
.work-layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 80px);}
.work-leftnav{padding:2.5rem 0 2.5rem 3rem;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;}
.leftnav-section{margin-bottom:.25rem;}
.leftnav-heading{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;padding:5px 0;}
.leftnav-heading .lplus{font-size:13px;font-weight:500;color:#111;transition:transform .2s;display:inline-block;line-height:1;}
.leftnav-heading .lplus.open{transform:rotate(45deg);}
.leftnav-heading .lname{font-size:13px;font-weight:500;color:#111;font-family:'Rubik',sans-serif;transition:color .2s;}
.leftnav-heading[data-accent="teal"]:hover .lname{color:#7abfb4;}
.leftnav-heading[data-accent="terra"]:hover .lname{color:#c4896a;}
.leftnav-heading[data-accent="mauve"]:hover .lname{color:#a08898;}
.leftnav-heading[data-accent="gold"]:hover .lname{color:#b8995a;}
.leftnav-cats{display:none;padding:4px 0 8px 20px;}
.leftnav-cats.open{display:block;}
.leftnav-cat{font-size:12px;color:#aaa;font-family:'Rubik',sans-serif;cursor:pointer;padding:3px 0;transition:color .2s;display:block;}
.leftnav-cat:hover{color:#111;}
#lcats-prints .leftnav-cat.active{color:#7abfb4;}
#lcats-ceramics .leftnav-cat.active{color:#c4896a;}
#lcats-drawings .leftnav-cat.active{color:#a08898;}
#lcats-about .leftnav-cat.active{color:#b8995a;}
.work-content{padding:2.5rem 3rem;max-width:1400px;}
.content-view{display:none;}
.content-view.active{display:block;}
.about-view{display:none;}
.about-view.active{display:block;}
.accent-rule{width:36px;height:1.5px;margin-bottom:1rem;}
.work-section-heading{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:#111;margin-bottom:.25rem;}
.work-section-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;margin-bottom:.5rem;}
.work-section-note{font-size:12px;color:#aaa;font-family:'Cormorant Garamond',serif;font-style:italic;margin-bottom:2rem;}
.page-heading{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;color:#111;line-height:1;margin-bottom:2rem;}
.inner-page{padding:3rem;}
.g-row{display:grid;gap:.75rem;margin-bottom:.75rem;}
.r-wide{grid-template-columns:3fr 2fr;}
.r-three{grid-template-columns:1fr 1fr 1fr;}
.r-pair{grid-template-columns:1fr 1fr;}
.r-flip{grid-template-columns:2fr 3fr;}
.stack{display:flex;flex-direction:column;gap:.75rem;}
.gi{cursor:pointer;}
.gi img{width:100%;object-fit:cover;display:block;transition:opacity .2s;}
.gi img:hover{opacity:.82;}
.il{margin-top:.4rem;margin-bottom:.9rem;}
.it{font-size:12px;font-weight:400;color:#111;font-family:'Rubik',sans-serif;}
.im{font-size:11px;color:#999;margin-top:1px;font-family:'Rubik',sans-serif;font-style:italic;}
.ie{font-size:10px;color:#bbb;margin-top:1px;font-family:'Rubik',sans-serif;}
.ip{font-size:10px;color:#555;margin-top:3px;font-family:'Rubik',sans-serif;letter-spacing:.03em;}

/* ── ABOUT PAGE REDESIGN ── */
.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:0;max-height:70vh;overflow:hidden;margin-bottom:0;}
.about-hero-img{width:100%;height:70vh;object-fit:cover;object-position:center 20%;display:block;}
.about-hero-text{background:#2e2c28;color:#e8e4dc;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;}
.about-hero-text h1{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:300;line-height:1.1;color:#e8e4dc;font-style:italic;margin-bottom:1.5rem;}
.about-hero-text p{font-size:13px;line-height:1.9;color:rgba(232,228,220,.7);font-family:'Rubik',sans-serif;font-weight:300;max-width:380px;}
.about-body-section{padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:900px;}
.about-body p{font-size:13px;line-height:1.9;color:#555;margin-bottom:1rem;font-family:'Rubik',sans-serif;font-weight:300;}
.about-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;display:block;margin-bottom:.3rem;}
.about-contact-strip{background:#f0ece4;border-top:.5px solid #ddd;padding:2rem 3rem;display:flex;gap:4rem;align-items:center;}
.about-contact-strip .lbl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;}
.about-contact-strip a{font-size:13px;color:#111;font-family:'Rubik',sans-serif;font-weight:300;text-decoration:none;display:block;margin-top:.25rem;}

/* CV SECTION */
.about-cv{padding:3rem;max-width:700px;}
.cv-section{margin-bottom:2.5rem;}
.cv-section h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:.5px solid #ddd;}
.cv-row{display:grid;grid-template-columns:70px 1fr;gap:.4rem 1rem;font-size:13px;font-family:'Rubik',sans-serif;font-weight:300;color:#111;margin-bottom:.4rem;}
.cv-year{color:#aaa;}

.contact-intro{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;line-height:1.4;color:#111;max-width:560px;margin-bottom:3rem;}
.contact-grid{display:grid;grid-template-columns:180px 1fr;gap:2rem;}
.cl{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;}
.cd p{font-size:13px;color:#111;line-height:1.9;font-family:'Rubik',sans-serif;font-weight:300;}
.cd a{font-size:13px;color:#111;display:block;margin-top:.75rem;font-family:'Rubik',sans-serif;font-weight:300;text-decoration:none;}
footer{background:#2e2c28;margin-top:auto;overflow:hidden;}
.footer-name{font-family:'Cormorant Garamond',serif;font-weight:400;color:#e8e4dc;text-transform:uppercase;white-space:nowrap;text-align:center;padding:2rem 1rem 1rem;font-size:clamp(36px,7vw,90px);letter-spacing:.06em;line-height:1;}
.footer-bottom{display:flex;justify-content:center;padding-bottom:1.25rem;}
.footer-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;padding-bottom:2rem;font-size:11px;font-family:'Rubik',sans-serif;font-weight:300;color:rgba(232,228,220,.45);letter-spacing:.04em;}
.footer-meta a{color:rgba(232,228,220,.45);text-decoration:none;transition:color .2s;}
.footer-meta a:hover{color:rgba(232,228,220,.8);}
.footer-dot{opacity:.4;}
.instagram-icon{display:inline-flex;cursor:pointer;opacity:.4;transition:opacity .2s;}
.instagram-icon:hover{opacity:1;}
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:200;align-items:center;justify-content:center;flex-direction:column;}
.lightbox.open{display:flex;}
.lb-close{position:absolute;top:2rem;right:2rem;color:#fff;font-size:16px;cursor:pointer;opacity:.55;background:none;border:none;font-family:'Rubik',sans-serif;}
.lb-close:hover{opacity:1;}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:.55;padding:1rem;transition:opacity .2s;line-height:1;}
.lb-prev{left:1.5rem;}
.lb-next{right:1.5rem;}
.lb-prev:hover,.lb-next:hover{opacity:1;}
.lb-prev.hidden,.lb-next.hidden{display:none;}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.45;padding:1rem;transition:opacity .2s;font-family:'Rubik',sans-serif;}
.lb-prev{left:1.5rem;}
.lb-next{right:1.5rem;}
.lb-prev:hover,.lb-next:hover{opacity:1;}
.lb-prev.hidden,.lb-next.hidden{display:none;}
/* ─────────────────────────────────────────────
   HAMBURGER
───────────────────────────────────────────── */
.hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:15px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;}
.hamburger span{display:block;width:100%;height:1.5px;background:#111;transition:transform .25s,opacity .25s;transform-origin:center;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ─────────────────────────────────────────────
   DRAWER
───────────────────────────────────────────── */
.drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;}
.drawer-backdrop.open{display:block;}
.drawer{position:fixed;top:0;right:0;width:280px;height:100%;background:#f5f2ec;z-index:201;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:2rem;overflow-y:auto;}
.drawer.open{transform:translateX(0);}
.drawer-close{background:none;border:none;cursor:pointer;font-size:14px;color:#aaa;padding:0;margin-bottom:2.5rem;text-align:right;font-family:'Rubik',sans-serif;transition:color .2s;align-self:flex-end;}
.drawer-close:hover{color:#111;}
.drawer-nav{display:flex;flex-direction:column;}
.drawer-section{border-bottom:.5px solid #e5e1db;}
.drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;cursor:pointer;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:#111;}
.drawer-heading-plain{border-bottom:.5px solid #e5e1db;}
.drawer-heading-plain:last-child{border-bottom:none;}
.drawer-arrow{font-size:16px;font-family:'Rubik',sans-serif;font-weight:300;color:#aaa;transition:transform .2s;display:inline-block;}
.drawer-heading.open .drawer-arrow{transform:rotate(45deg);color:#111;}
.drawer-sub{display:none;padding-bottom:1rem;}
.drawer-sub.open{display:block;}
.drawer-sub-group{margin-bottom:.75rem;}
.drawer-sub-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#aaa;font-family:'Rubik',sans-serif;padding:.4rem 0 .3rem 1rem;}
.drawer-sub-item{font-size:13px;font-family:'Rubik',sans-serif;font-weight:300;color:#555;padding:.35rem 0 .35rem 1rem;cursor:pointer;transition:color .2s;}
.drawer-sub-item:hover{color:#111;}
.drawer-sub-item.active{color:#111;font-weight:500;}

/* ─────────────────────────────────────────────
   ABOUT BODY
───────────────────────────────────────────── */
.about-body{font-size:13px;line-height:1.9;color:#555;margin-bottom:1.5rem;font-family:'Rubik',sans-serif;font-weight:300;}
.about-body p{font-size:13px;line-height:1.9;color:#555;margin-bottom:1.5rem;font-family:'Rubik',sans-serif;font-weight:300;}
.about-view .work-section-heading{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:'Rubik',sans-serif;color:#aaa;font-weight:400;margin-bottom:1.5rem;}

/* ─────────────────────────────────────────────
   RESPONSIVE ≤768px
───────────────────────────────────────────── */
@media(max-width:768px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .nav-top{padding:1.25rem 1.5rem;}
  .nav-name{font-size:20px;}
  .home-grid{grid-template-columns:1fr 1fr;padding:2rem 1.5rem 0;gap:.75rem;max-width:100%;}
  .cred-band{padding:2rem 1.5rem;}
  .cred-pills{grid-template-columns:repeat(2,1fr);}
  .home-editorial{grid-template-columns:1fr;padding:2rem 1.5rem;}
  .home-editorial-text{padding:1.5rem 0 0;}
  .home-blurb-text{font-size:18px;}
  .hero-wrap{padding:1rem 1rem 0;}
  .home-blurb{padding:1.5rem 1rem;}
  .home-blurb p{font-size:18px;}
  .home-images{grid-template-columns:1fr;padding:0 1rem;gap:.75rem;}
  .work-layout{grid-template-columns:1fr;}
  .work-leftnav{display:none;}
  .work-content{padding:1.5rem 1rem;}
  .work-section-heading{font-size:22px;}
  .g-row.r-wide,.g-row.r-flip,.g-row.r-pair{grid-template-columns:1fr 1fr;}
  .g-row.r-three{grid-template-columns:1fr 1fr;}
  .about-hero{grid-template-columns:1fr;max-height:none;}
  .about-hero-img{height:50vw;min-height:200px;}
  .about-hero-text{padding:2rem 1.5rem;}
  .about-hero-text h1{font-size:28px;margin-bottom:1rem;}
  .about-hero-text p{font-size:12px;}
  .about-body-section{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem;}
  .inner-page{padding:1.5rem 1rem;}
  .page-heading{font-size:26px;}
  .contact-grid{grid-template-columns:1fr;gap:1rem;}
  .contact-intro{font-size:18px;margin-bottom:1.5rem;}
  .cv-row{grid-template-columns:60px 1fr;gap:.3rem .75rem;}
  .footer-name{font-size:clamp(28px,10vw,60px);padding:1.5rem 1rem .75rem;}
  #lb-img{max-width:95vw;max-height:85vh;}
}

@media(max-width:480px){
  .g-row.r-wide,.g-row.r-flip,.g-row.r-pair,.g-row.r-three{grid-template-columns:1fr;}
}
