/* ============================================================
   EMST clone theme — reproduces the collection.emst.gr look
   (monochrome, AktivGrotesk, EmstSans headings) on Pawtucket markup.
   Loaded AFTER Pawtucket base CSS so these win.
   ============================================================ */
:root{ --emst-ink:#000; --emst-bg:#fff; --emst-grey:#666; --emst-line:#e5e5e5; --emst-faint:#999; }

html,body{ background:var(--emst-bg)!important; color:var(--emst-ink)!important;
  font-family:'AktivGrotesk',Helvetica,Arial,sans-serif!important; font-size:14px; line-height:1.5; }
a,a:visited{ color:var(--emst-ink); text-decoration:none; }
a:hover{ color:var(--emst-grey); text-decoration:none; }
img{ max-width:100%; height:auto; }

/* hide Pawtucket's default navbar/footer chrome (we render our own) */
nav.navbar.yamm, #skipNavigation { display:none!important; }

/* ---------- EMST header ---------- */
.emst-header{ background:#fff; border-bottom:0; padding:22px 0 6px; }
.emst-header .emst-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:flex-start; justify-content:space-between; }
.emst-logo img{ width:230px; height:auto; display:block; }
.emst-logo .emst-word{ font-family:'EmstSans_db','AktivGrotesk',sans-serif; font-size:40px; font-weight:700; letter-spacing:1px; color:#000; line-height:1; }
.emst-topright{ text-align:right; font-size:11px; color:#000; }
.emst-topright .emst-langs a{ margin-left:6px; }
.emst-topright .emst-langs a.active{ font-family:'AktivGrotesk_bd'; text-decoration:underline; }
.emst-blogtitle{ margin-top:6px; font-size:11px; color:#000; }

/* ---------- EMST nav ---------- */
.emst-nav{ border-top:1px solid var(--emst-line); border-bottom:1px solid var(--emst-line); margin-top:14px; }
.emst-nav .emst-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; }
.emst-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap:34px; }
.emst-nav li a{ display:block; padding:12px 0; font-size:12px; letter-spacing:1px; text-transform:uppercase;
  font-family:'AktivGrotesk',sans-serif; color:#000; }
.emst-nav li a:hover, .emst-nav li.active a{ color:#000; border-bottom:2px solid #000; }

/* ---------- content width ---------- */
#pageArea, .container{ max-width:1200px; }
#main .container{ padding-left:20px; padding-right:20px; }

/* ---------- browse toolbar (results count / sort / view) ---------- */
.emst-toolbar{ display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--emst-grey);
  padding:16px 0; border-bottom:1px solid var(--emst-line); margin-bottom:24px; }

/* ---------- works grid (masonry-like) ---------- */
.emst-grid{ column-count:4; column-gap:26px; margin-top:8px; }
@media(max-width:1100px){ .emst-grid{ column-count:3; } }
@media(max-width:800px){ .emst-grid{ column-count:2; } }
@media(max-width:480px){ .emst-grid{ column-count:1; } }
.emst-card{ display:inline-block; width:100%; margin:0 0 34px; break-inside:avoid; vertical-align:top; }
.emst-card > a{ display:block; color:#000; }
.emst-card .emst-thumb{ display:block; margin-bottom:8px; }
.emst-card .emst-thumb img{ width:100%; height:auto; display:block; }
.emst-card .emst-artist{ display:block; font-family:'AktivGrotesk_bd',sans-serif; font-weight:bold; font-size:13px; color:#000; }
.emst-card .emst-caption{ display:block; font-size:12px; color:var(--emst-grey); line-height:1.35; }
.emst-card .emst-year{ color:var(--emst-grey); }
.emst-noresults{ padding:40px 0; color:var(--emst-grey); }

/* ---------- detail (work page) ---------- */
.emst-detail{ display:flex; gap:48px; flex-wrap:wrap; padding-top:10px; }
.emst-detail .emst-media{ flex:1 1 55%; min-width:300px; }
.emst-detail .emst-media img{ width:100%; height:auto; }
.emst-detail .emst-meta{ flex:1 1 32%; min-width:260px; font-size:14px; }
.emst-detail .emst-meta .emst-artist{ font-family:'AktivGrotesk_bd'; font-size:18px; margin-bottom:2px; }
.emst-detail .emst-meta .emst-title{ font-style:italic; font-family:'AktivGrotesk_it'; font-size:18px; margin-bottom:16px; }
.emst-detail .emst-meta .emst-row{ margin:2px 0; color:#000; }
.emst-detail .emst-meta .emst-label{ color:var(--emst-faint); }
.emst-breadcrumb{ font-size:12px; color:var(--emst-faint); padding:14px 0; }
.emst-breadcrumb a{ color:var(--emst-faint); }
.emst-prevnext{ margin-top:30px; font-size:12px; text-transform:uppercase; letter-spacing:1px; display:flex; gap:20px; }

/* ---------- footer ---------- */
.emst-footer{ margin-top:70px; padding:28px 0; border-top:1px solid var(--emst-line);
  font-size:10px; letter-spacing:1px; color:var(--emst-faint); text-transform:uppercase; }
.emst-footer .emst-wrap{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; }