/* ============================================================
   WORK.CSS — Styles specific to work.html (shelf catalogue page)
   ============================================================ */

body{
  min-height:100vh;display:flex;flex-direction:column;
}
main{flex:1}

/* Topbar override: sticky instead of fixed on this page */
.topbar{
  position:sticky;top:0;
  border-bottom:1px solid var(--rule);
}

/* Shelf hero */
.shelf-hero{padding:clamp(56px,8vw,96px) 0 clamp(40px,5vw,56px)}
.shelf-hero .eyebrow{
  color:var(--marigold);margin-bottom:18px;
}
.shelf-hero .eyebrow::before{width:22px;height:1px;background:var(--marigold);border-radius:0}
.shelf-hero h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(40px,6vw,76px);line-height:1.05;letter-spacing:-0.02em;color:var(--midnight);
  font-variation-settings:"opsz" 96;max-width:18ch;
}
.shelf-hero h1 em{font-style:italic}
.shelf-hero .lede{
  font-size:clamp(16px,1.4vw,18px);color:var(--ink-soft);
  max-width:560px;margin-top:24px;line-height:1.65;
}
.shelf-hero .lede em{font-style:italic}

/* Work page shelf overrides */
.shelf-section{padding:0 0 clamp(60px,8vw,100px)}
.shelf-section .shelf-stage{padding:56px 40px 40px}
.shelf-section .shelf-row{min-height:280px}
.shelf-section .shape-book{width:96px;height:250px;padding:22px 16px}
.shelf-section .b-title{font-size:19px}

/* Shelf sign extra: counts row */
.shelf-sign .ss-counts{
  display:flex;gap:18px;margin-bottom:24px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-mute);
}
.shelf-sign .ss-counts b{
  display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px;color:var(--midnight);
  margin-bottom:4px;
}

/* Back button */
.back-row{padding-bottom:clamp(40px,5vw,60px)}
.back{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;border-radius:999px;border:1px solid var(--rule-strong);
  font-family:var(--sans);font-size:14px;color:var(--midnight);transition:.25s;
}
.back:hover{background:var(--midnight);color:var(--lionsmane);border-color:var(--midnight)}
.back .arr{transition:transform .25s}
.back:hover .arr{transform:translateX(-4px)}