/* ==========================================================================
   AWOOGA — Archives page
   A library card-catalog: Press, Publications & Recognitions.
   The .awar component is namespaced so it won't collide with the design system.
   Palette/fonts are tuned to harmonize with the site (navy/brass/red/cream).
   ========================================================================== */

/* ---------- Page hero ---------------------------------------------------- */
.archives-hero {
  background:
    radial-gradient(120% 140% at 50% -20%, var(--navy-700), var(--navy-900) 70%);
  color: var(--cream);
  padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(2.4rem, 5vw, 4rem);
  text-align: center;
}
.archives-hero h1 { color: var(--cream); font-size: clamp(2.2rem, 5vw, 3.4rem); margin-bottom: 0.5rem; }
.archives-hero h1 em { color: var(--brass-lt); font-style: italic; }
.archives-hero .eyebrow { color: var(--brass-lt); justify-content: center; }
.archives-hero .lead { color: rgba(247, 241, 227, 0.86); margin-inline: auto; }

/* ==========================================================================
   THE AWOOGA ARCHIVES (.awar) — card-catalog component
   ========================================================================== */
.awar {
  /* Library woods kept rich for the catalog; brass/red/cream aligned to site. */
  --wood:#5a3b22; --wood-d:#3f2917; --wood-l:#74502f;
  --brass:#c9a227; --brass-l:#e3c35a;
  --card:#f7f1e3; --card-edge:#d8c9a4; --ink:#20303c; --muted:#6f5f44;
  --red:#b8473f;
  box-sizing:border-box;width:100%;
  font-family:"EB Garamond",Georgia,serif;
  padding:clamp(16px,4vw,40px) 0 clamp(32px,6vw,64px);
  display:flex;flex-direction:column;align-items:center;
}
.awar *,.awar *::before,.awar *::after{box-sizing:border-box;}

/* reading-room panel */
.awar__room{
  width:min(100% - 2.5rem, 860px);
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 46px),
    linear-gradient(180deg,var(--wood-l),var(--wood) 40%,var(--wood-d));
  border:5px solid var(--wood-d);border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.08);
  padding:clamp(22px,4vw,40px);
}

/* engraved brass sign */
.awar__sign{
  position:relative;text-align:center;color:var(--ink);
  background:linear-gradient(180deg,var(--brass-l),var(--brass));
  border:3px solid var(--wood-d);border-radius:10px;
  padding:clamp(14px,3vw,22px) 18px;margin:0 auto clamp(18px,3vw,26px);
  max-width:520px;box-shadow:0 6px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.5);
}
.awar__sign-bolt{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff6dd,#8a6f2c);transform:translateY(-50%);}
.awar__sign-bolt--l{left:12px;}.awar__sign-bolt--r{right:12px;}
.awar__kicker{margin:0 0 4px;font-family:"Special Elite",monospace;
  font-size:clamp(10px,1.5vw,12px);letter-spacing:.12em;text-transform:uppercase;color:#5c4a1d;}
.awar__title{margin:0;font-family:"Playfair Display",serif;font-weight:800;
  font-size:clamp(26px,5.5vw,46px);line-height:1;color:#3a2c14;
  text-shadow:0 1px 0 rgba(255,255,255,.4);}
.awar__sub{margin:8px 0 0;font-family:"Special Elite",monospace;
  font-size:clamp(11px,1.7vw,14px);letter-spacing:.18em;text-transform:uppercase;color:#5c4a1d;}

.awar__instructions{
  text-align:center;color:var(--brass-l);margin:0 0 clamp(16px,3vw,24px);
  font-family:"Special Elite",monospace;font-size:clamp(12px,1.8vw,14px);letter-spacing:.04em;
}

/* CABINET */
.awar__cabinet{display:flex;flex-direction:column;gap:14px;}

.awar__drawer{
  background:linear-gradient(180deg,var(--card),#e9dfc4);
  border:3px solid var(--wood-d);border-radius:8px;
  box-shadow:0 5px 0 rgba(0,0,0,.3);overflow:hidden;
}
.awar__drawer-face{
  width:100%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;
  background:linear-gradient(180deg,#efe6cf,#dcceaa);
  border:none;cursor:pointer;text-align:left;
  padding:clamp(14px,2.6vw,20px) clamp(16px,3vw,24px);
  transition:background .2s ease;
}
.awar__drawer-face:hover{background:linear-gradient(180deg,#f6eed8,#e3d6b2);}
.awar__drawer-face:focus-visible{outline:3px solid var(--brass);outline-offset:-3px;}

.awar__label{display:flex;flex-direction:column;gap:3px;}
.awar__label-line{font-family:"Special Elite",monospace;font-size:clamp(14px,2.4vw,20px);
  letter-spacing:.1em;color:var(--ink);}
.awar__label-sub{font-family:"EB Garamond",serif;font-style:italic;font-size:clamp(11px,1.7vw,14px);color:var(--muted);}

.awar__count{
  font-family:"Special Elite",monospace;font-size:clamp(13px,2vw,16px);color:#fff;
  background:var(--red);border-radius:999px;min-width:30px;text-align:center;
  padding:3px 10px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);
}
.awar__count--zero{background:#8a7a58;}

.awar__knob{
  width:26px;height:26px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--brass-l),var(--brass) 55%,#8a6f2c);
  border:2px solid var(--wood-d);box-shadow:0 2px 3px rgba(0,0,0,.35);
}

/* tray slides open */
.awar__tray{
  position:relative;padding:clamp(16px,3vw,24px);
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0 1px,transparent 1px 30px),
    linear-gradient(180deg,#2a1d10,#3f2917);
  display:flex;flex-wrap:wrap;gap:14px;
  animation:awar-open .28s ease-out;
}
@keyframes awar-open{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:none;}}
.awar__rod{position:absolute;left:6%;right:6%;bottom:18px;height:6px;border-radius:6px;
  background:linear-gradient(180deg,var(--brass-l),#8a6f2c);box-shadow:0 1px 2px rgba(0,0,0,.5);}

/* a catalog card */
.awar__catcard{
  position:relative;flex:1 1 260px;text-align:left;cursor:pointer;
  background:linear-gradient(180deg,#fbf5e4,var(--card));
  border:1px solid var(--card-edge);border-radius:4px;
  padding:16px 18px 30px;
  box-shadow:0 6px 14px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.4);
  display:flex;flex-direction:column;gap:7px;
  transition:transform .14s ease,box-shadow .14s ease;
}
.awar__catcard:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 14px 24px rgba(0,0,0,.5);}
.awar__catcard:focus-visible{outline:3px solid var(--brass);outline-offset:2px;}
.awar__callno{font-family:"Special Elite",monospace;font-size:11px;letter-spacing:.08em;
  color:var(--muted);border-bottom:1px solid var(--card-edge);padding-bottom:6px;}
.awar__catcard-pub{font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(15px,2.2vw,18px);color:var(--ink);}
.awar__catcard-pub em{font-style:italic;font-weight:400;font-size:.82em;color:var(--muted);}
.awar__catcard-headline{font-style:italic;font-size:clamp(13px,1.9vw,15px);color:#43361f;line-height:1.4;}
.awar__catcard-meta{font-family:"Special Elite",monospace;font-size:11px;color:var(--muted);}
.awar__catcard-flag{
  position:absolute;top:12px;right:-5px;
  font-family:"Special Elite",monospace;font-size:10px;letter-spacing:.1em;color:#fff;
  background:var(--red);padding:3px 10px;border-radius:2px;
  box-shadow:0 2px 4px rgba(0,0,0,.4);transform:rotate(2deg);
}
.awar__catcard-hint{margin-top:2px;font-family:"Special Elite",monospace;font-size:11px;color:var(--red);}

/* empty drawer states */
.awar__empty{flex:1 1 100%;text-align:center;color:var(--card);padding:18px 10px 30px;}
.awar__empty-trophy{font-size:38px;display:block;margin-bottom:8px;filter:grayscale(.4) opacity(.85);}
.awar__empty-title{margin:0 0 6px;font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(16px,2.6vw,20px);color:var(--brass-l);}
.awar__empty-text{margin:0 auto;max-width:46ch;font-size:clamp(13px,1.9vw,15px);line-height:1.6;color:#e7dcc2;font-style:italic;}

/* MODAL */
.awar__modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;}
.awar__modal[hidden]{display:none;}
.awar__modal-backdrop{position:absolute;inset:0;background:rgba(20,12,4,.72);backdrop-filter:blur(2px);}
.awar__book{
  position:relative;width:100%;max-width:720px;max-height:90vh;overflow:auto;
  background:linear-gradient(180deg,#fbf5e4,#efe4cb);
  border:4px solid var(--wood-d);border-radius:12px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  animation:awar-pull .3s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes awar-pull{from{opacity:0;transform:translateY(24px) scale(.96);}to{opacity:1;transform:none;}}
.awar__close{position:absolute;top:10px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;
  border:2px solid var(--wood-d);background:var(--brass-l);color:var(--ink);font-size:20px;cursor:pointer;
  line-height:1;box-shadow:0 2px 4px rgba(0,0,0,.3);}
.awar__close:hover{background:var(--brass);}

.awar__book-grid{display:grid;grid-template-columns:200px 1fr;gap:0;}

.awar__cover{
  position:relative;background:linear-gradient(160deg,var(--navy-700),var(--navy-900));
  color:#f4ecd8;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;padding:24px 16px;text-align:center;border-right:4px solid var(--wood-d);
}
.awar__cover-mag{font-family:"Playfair Display",serif;font-weight:800;font-size:22px;letter-spacing:.04em;}
.awar__cover-line{width:60px;height:3px;background:var(--brass);border-radius:3px;}
.awar__cover-profile{font-family:"Special Elite",monospace;font-size:10px;letter-spacing:.22em;color:var(--brass-l);}
.awar__cover-tug{font-size:46px;margin:6px 0;}
.awar__cover-name{font-family:"Playfair Display",serif;font-weight:800;font-size:26px;letter-spacing:.18em;color:#f6c343;}
.awar__cover-issue{font-family:"Special Elite",monospace;font-size:11px;letter-spacing:.16em;color:#cfe2ea;}

.awar__book-body{padding:clamp(20px,3.5vw,32px);}
.awar__book-flag{margin:0 0 8px;font-family:"Special Elite",monospace;font-size:11px;letter-spacing:.14em;
  color:#fff;background:var(--red);display:inline-block;padding:3px 12px;border-radius:2px;}
.awar__book-title{margin:0 0 8px;font-family:"Playfair Display",serif;font-weight:800;
  font-size:clamp(22px,3.6vw,30px);line-height:1.12;color:var(--ink);}
.awar__book-byline{margin:0 0 16px;font-family:"Special Elite",monospace;font-size:12px;color:var(--muted);letter-spacing:.02em;}
.awar__pullquote{margin:0 0 16px;padding:12px 18px;border-left:4px solid var(--brass);
  background:rgba(201,162,39,.12);font-style:italic;font-size:clamp(15px,2.4vw,19px);color:#43361f;border-radius:0 6px 6px 0;}
.awar__book-text{margin:0 0 18px;font-size:clamp(14px,2vw,16px);line-height:1.75;color:#3a2f1c;}

.awar__particulars{background:#fff8e8;border:1px dashed var(--card-edge);border-radius:8px;padding:12px 16px;margin-bottom:20px;}
.awar__particulars-h{font-family:"Special Elite",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.awar__particulars ul{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:22px;flex-wrap:wrap;}
.awar__particulars li{display:flex;flex-direction:column;}
.awar__particulars li span{font-family:"Special Elite",monospace;font-size:11px;color:var(--muted);}
.awar__particulars li b{font-family:"Playfair Display",serif;font-size:18px;color:var(--ink);}

.awar__book-actions{display:flex;flex-wrap:wrap;gap:12px;}
.awar__btn{
  text-decoration:none;font-family:"Special Elite",monospace;font-size:13px;letter-spacing:.04em;
  color:var(--ink);background:#efe4cb;border:2px solid var(--wood-d);border-radius:6px;
  padding:11px 20px;box-shadow:0 3px 0 rgba(0,0,0,.25);transition:transform .08s ease,box-shadow .08s ease;
}
.awar__btn:hover{transform:translateY(-1px);}
.awar__btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.25);}
.awar__btn--primary{background:linear-gradient(180deg,var(--brass-l),var(--brass));}

/* Sightings CTA */
.awar__empty--cta{padding-bottom:24px;}
.awar__cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0 6px;}
.awar__btn--ghost{background:transparent;color:var(--brass-l);border-color:var(--brass);}
.awar__btn--ghost:hover{background:rgba(201,162,39,.12);}
.awar__hashtag{
  margin-top:16px;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:4px;
  background:#2a1d10;border:2px dashed var(--brass);border-radius:8px;padding:12px 26px;line-height:1.2;
  transition:transform .1s ease,background .15s ease;
}
.awar__hashtag:hover{background:#34250f;transform:translateY(-1px);}
.awar__hashtag:focus-visible{outline:3px solid var(--brass);outline-offset:2px;}
.awar__hashtag-text{display:block;font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(17px,2.6vw,22px);color:var(--brass-l);letter-spacing:.02em;}
.awar__hashtag-copy{display:block;font-family:"Special Elite",monospace;font-size:11px;letter-spacing:.06em;color:#cbb98f;}
.awar__hashtag.is-copied .awar__hashtag-copy{color:#9fd6a0;}
.awar__hashtag-note{margin:10px auto 0;font-family:"EB Garamond",serif;font-style:italic;font-size:13px;color:#cbb98f;}
.awar__wb{padding:clamp(20px,3.5vw,32px);}
.awar__wb-figure{display:block;position:relative;margin:0 0 4px;border:3px solid var(--wood-d);
  border-radius:6px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.4);background:#e9dfc4;}
.awar__wb-figure img{display:block;width:100%;height:auto;}
.awar__wb-zoom{position:absolute;bottom:10px;right:10px;font-family:"Special Elite",monospace;
  font-size:12px;color:var(--ink);background:rgba(244,236,216,.92);border:1px solid var(--wood-d);
  border-radius:4px;padding:4px 10px;box-shadow:0 2px 4px rgba(0,0,0,.3);}
.awar__book--image{max-width:680px;}

.awar__stamp{margin:18px 0 0;font-family:"Special Elite",monospace;font-size:12px;letter-spacing:.16em;
  color:var(--red);border:2px solid var(--red);border-radius:4px;display:inline-block;padding:5px 12px;
  transform:rotate(-3deg);opacity:.8;}

@media (max-width:560px){
  .awar__book-grid{grid-template-columns:1fr;}
  .awar__cover{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:4px solid var(--wood-d);gap:10px;padding:16px;}
  .awar__cover-tug{font-size:30px;margin:0;}
}
@media (prefers-reduced-motion:reduce){
  .awar__tray,.awar__book{animation:none;}
  .awar__catcard{transition:none;}
}