/* Living Museum — "private archive" layer. Loaded only on body.archive pages (index + variety pages).
   Same family as redesign2: Cormorant + Inter, ivory/parchment, forest, sparse gold. */
.archive{--vault:#14110d;--vault-2:#1b1812;--leaf:#12221a;--hair:rgba(212,179,106,.38);--hair-soft:rgba(212,179,106,.2)}

/* Small-caps kicker + gold diamond rule */
.archive-kicker{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.9rem;margin:0 0 1.4rem;font:500 .68rem/1.4 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-soft)}
.archive-kicker i{width:4px;height:4px;transform:rotate(45deg);background:var(--gold);opacity:.8}
.archive-rule{display:flex;align-items:center;justify-content:center;gap:.8rem;color:var(--gold);margin:1.6rem auto}
.archive-rule span{height:1px;width:clamp(48px,9vw,88px);background:linear-gradient(90deg,transparent,currentColor)}
.archive-rule span:last-child{background:linear-gradient(90deg,currentColor,transparent)}
.archive-rule svg{width:7px;height:7px;flex:none}

/* ---------- Entrance ---------- */
.archive-hero{position:relative;isolation:isolate;overflow:hidden;color:#efe6d4;text-align:center;
  padding:calc(var(--header-h) + clamp(3.5rem,9vw,6.5rem)) 0 clamp(4rem,9vw,6.5rem);
  background:radial-gradient(ellipse 70% 60% at 50% 40%,#1f2a20 0%,var(--vault) 70%)}
.archive-hero-bg{position:absolute;inset:0;z-index:-2}
.archive-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:grayscale(.55) sepia(.25) brightness(.6) contrast(1.05);opacity:.4}
.archive-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 55% at 50% 45%,rgba(20,17,13,.35),rgba(20,17,13,.92) 78%),linear-gradient(180deg,rgba(20,17,13,.75),transparent 30%,transparent 70%,rgba(20,17,13,.95))}
/* thin gold frame, like a mat around a print */
.archive-hero::after{content:"";position:absolute;inset:calc(var(--header-h) + 10px) clamp(.8rem,3vw,2rem) clamp(.8rem,3vw,2rem);border:1px solid var(--hair-soft);outline:1px solid rgba(212,179,106,.1);outline-offset:-7px;pointer-events:none;z-index:-1}
.archive-hero-inner{max-width:44rem;margin-inline:auto}
.archive-hero h1{color:#f7f1e6;font-weight:400;font-size:clamp(2.7rem,7vw,5rem);letter-spacing:.005em;line-height:1;margin:0}
.archive-sub{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.45;color:rgba(239,230,212,.78);max-width:32rem;margin:1rem auto 0}
.archive-intro{font-size:clamp(1rem,1.4vw,1.08rem);line-height:1.9;color:rgba(239,230,212,.86);max-width:36rem;margin:0 auto 2.2rem}
.archive-hero .btn-row{justify-content:center}
.archive-btn{--fg:#f3e7c9;--bd:rgba(212,179,106,.6);background:rgba(212,179,106,.04)}
.archive-btn:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--vault)}
@media (prefers-reduced-motion:no-preference){
  .archive-hero-inner>*{animation:arch-in 1.1s cubic-bezier(.2,.7,.2,1) both}
  .archive-hero-inner>:nth-child(2){animation-delay:.12s}
  .archive-hero-inner>:nth-child(3){animation-delay:.28s}
  .archive-hero-inner>:nth-child(4){animation:arch-rule 1.2s .45s cubic-bezier(.2,.7,.2,1) both}
  .archive-hero-inner>:nth-child(5){animation-delay:.6s}
  .archive-hero-inner>:nth-child(6){animation-delay:.75s}
  .archive-hero-bg img{animation:arch-bg 2.4s ease-out both}
  .specimen-hero .vhero-text>*,.specimen-hero .vart{animation:arch-in 1s cubic-bezier(.2,.7,.2,1) both}
  .specimen-hero .vart{animation-delay:.25s}
}
@keyframes arch-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes arch-rule{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}
@keyframes arch-bg{from{opacity:0;transform:scale(1.04)}to{opacity:.4;transform:none}}

/* ---------- Keeper's note / sections ---------- */
.archive .section.honeycomb:not(.archive-vault){background:var(--parchment)}
.archive .pull{border-left-color:var(--gold)}
.archive .eyebrow{letter-spacing:.32em;font-weight:500}
.archive-stats{background:var(--vault)!important;border-block:1px solid var(--hair-soft)}
.archive-stats .stats{background:var(--hair-soft);border-color:var(--hair-soft)}
.archive-stats .stat{background:var(--vault)}
.archive-stats .stat b{font-weight:400}

/* ---------- The vault (variety grid) ---------- */
.archive-vault{background:linear-gradient(180deg,var(--ivory-2),var(--ivory) 260px)}
.archive-vault .section-head h2{font-weight:400}
.seal-note{font-size:.88rem;color:var(--muted);margin-top:.9rem}
.seal-note em{font-family:var(--serif);font-size:1.08em;color:var(--gold-deep)}
.archive .vcard{background:var(--paper);border:1px solid rgba(122,90,24,.16);border-radius:2px;padding-bottom:1.25rem;position:relative}
.archive .vcard::after{content:"";position:absolute;inset:5px;border:1px solid rgba(184,137,45,0);pointer-events:none;transition:border-color .35s ease}
.archive .vcard:hover{transform:translateY(-2px);box-shadow:0 22px 40px -30px rgba(20,17,13,.55);border-color:rgba(184,137,45,.45)}
.archive .vcard:hover::after{border-color:rgba(184,137,45,.28)}
.archive .vcard-media{margin:10px 10px 0;border:1px solid rgba(122,90,24,.18);background:var(--ivory-2)}
.archive .vcard h3{font-weight:500;font-size:1.42rem;padding-top:.95rem}
.archive .vcard .tagno{font-weight:500;letter-spacing:.16em;font-size:.64rem;padding-top:.6rem}
.archive .vcard-credit{padding-top:.4rem;font-size:.66rem;opacity:.85}
.archive .vcard dt{font-weight:500;letter-spacing:.22em;color:var(--gold-deep)}
.archive .vcard-more{font-weight:500;letter-spacing:.2em;color:var(--gold-deep)}

/* Sealed: not yet pictured */
.is-sealed{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:var(--gold-soft);
  background:radial-gradient(ellipse at 50% 42%,rgba(212,179,106,.12),transparent 62%),linear-gradient(160deg,#1d2a21,var(--leaf) 55%,#0f1a14)!important}
.is-sealed::before{content:"";position:absolute;inset:8px;border:1px solid var(--hair-soft);pointer-events:none}
.is-sealed .seal-art{display:block;width:34%;max-width:120px;opacity:.95;color:#d9bc78}
.is-sealed .seal-art svg{width:100%;height:auto;stroke-width:1.6}
.seal-label{margin:0;font:500 .6rem/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(212,179,106,.85);text-align:center;padding:0 1rem}
.vcard-media.is-sealed{border-color:rgba(20,17,13,.5)!important}
.is-sealed .seal-art{transition:transform .5s ease}
.archive .vcard:hover .is-sealed .seal-art{transform:translateY(-3px)}

/* ---------- Specimen pages ---------- */
.specimen-hero{background:radial-gradient(ellipse 80% 70% at 30% 40%,#1c261e 0%,var(--vault) 75%)!important;position:relative;border-bottom:1px solid var(--hair-soft)}
.specimen-hero .vhero-grid{gap:clamp(2rem,5vw,4rem)}
@media (min-width:900px){.specimen-hero .vhero-grid{grid-template-columns:1.2fr .95fr}}
.specimen-hero .archive-kicker{justify-content:flex-start;margin-bottom:1rem}
.specimen-hero h1{font-weight:400;font-size:clamp(2.5rem,6vw,4.4rem);color:#f7f1e6;margin:0}
.specimen-hero .archive-rule{justify-content:flex-start;margin:1.3rem 0 1.6rem}
.specimen-hero .archive-rule span:first-child{display:none}
.specimen-hero .archive-rule span:last-child{width:clamp(80px,14vw,140px)}
.specimen-hero .crumbs ol{color:rgba(239,230,212,.5)}
.specimen-hero .crumbs a{color:rgba(239,230,212,.7)}
/* metadata as a quiet placard */
.specimen-hero .vfacts{display:grid;grid-template-columns:1fr;gap:0;max-width:34rem;border-top:1px solid var(--hair-soft)}
.specimen-hero .vfacts>div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--hair-soft);grid-column:auto!important}
.specimen-hero .vfacts dt{margin:0;padding-top:.32rem;font-weight:500;font-size:.62rem;letter-spacing:.26em;color:var(--gold-soft)}
.specimen-hero .vfacts dd{font-family:var(--serif);font-size:1.18rem;line-height:1.4;color:rgba(247,241,230,.92)}
.specimen-hero .vbadges{margin:1.4rem 0 0;gap:.6rem}
.specimen-hero .status{background:transparent;border:1px solid var(--hair);color:var(--gold-soft);font-weight:500;font-size:.64rem;letter-spacing:.2em;padding:.5rem .85rem}
.specimen-hero .status svg{width:14px;height:14px}
/* the specimen itself: matted, framed */
.specimen-hero .vart-fig{background:#f4ecdb;border:1px solid rgba(212,179,106,.45);border-radius:2px;padding:14px 14px 0;box-shadow:0 40px 70px -40px rgba(0,0,0,.85),0 0 0 6px rgba(212,179,106,.06)}
.specimen-hero .vart-fig picture{display:block;outline:1px solid rgba(122,90,24,.35);outline-offset:4px;margin:4px}
.specimen-hero .vart-fig .img-credit{background:transparent;border-top:1px solid rgba(122,90,24,.2);margin-top:14px;padding:.8rem .2rem .95rem;font-size:.74rem}
.specimen-hero .vart.is-sealed{min-height:clamp(300px,38vw,440px);border:1px solid rgba(212,179,106,.35);border-radius:2px;box-shadow:0 40px 70px -40px rgba(0,0,0,.85)}
.specimen-hero .vart.is-sealed .seal-art{width:42%;max-width:190px}
.specimen-hero .vart.is-sealed .seal-art .apple-art{width:100%}
.specimen-hero .vart.is-sealed::before{inset:12px}
.specimen-hero .vart.is-sealed .seal-label{font-size:.66rem}
/* body: herbarium sheet */
.archive .vbody-sec{background:var(--parchment)}
.archive .vsec h2{font-weight:500}
.archive .vsec h2 svg,.archive .vnote h3 svg{background:transparent;border:1px solid rgba(184,137,45,.4);border-radius:50%;padding:5px}
.archive .vnote{border-radius:2px;border-color:rgba(122,90,24,.16);border-top:2px solid rgba(184,137,45,.55)}
.archive .vwhere{background:var(--ivory-2)}
.archive .vpager{background:var(--ivory-2)}
.archive .vp{border-radius:2px}

/* ---------- Mobile ---------- */
@media (max-width:699px){
  .archive-hero{padding:calc(var(--header-h) + 3rem) 0 3.75rem}
  .archive-hero::after{inset:calc(var(--header-h) + 6px) .55rem .55rem}
  .archive-kicker{gap:.6rem;letter-spacing:.26em;font-size:.6rem}
  .archive-hero-inner{padding:0 .6rem}
  .archive-intro{line-height:1.8}
  .archive .vcard-media{margin:8px 8px 0}
  .specimen-hero .vfacts>div{grid-template-columns:5.6rem 1fr;gap:.75rem}
  .specimen-hero .vfacts dd{font-size:1.08rem}
  .specimen-hero .vart.is-sealed{min-height:230px}
  .specimen-hero .vart.is-sealed .seal-art{width:32%}
}
@media (max-width:899px){.specimen-hero .vart.is-sealed .seal-art .apple-art{width:100%}}
.archive .section.honeycomb.bg-green:not(.archive-vault){background:var(--forest-deep,#15261d)}