/* ============================================================
   WING IV — THE COLLECTION
   Public-domain artefacts, improperly conserved.
   ============================================================ */

body{
  background:#12100c;
  color:#d9cfb8;
  font-family:var(--serif);
  font-size:17px;
  line-height:1.7;
  background-image:
    radial-gradient(ellipse at 50% 0%,rgba(255,220,150,.055),transparent 60%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);
}

.m-wrap{max-width:1120px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.m-narrow{max-width:720px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.m-sec{padding:clamp(48px,7vw,92px) 0}

.m-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;
  color:#a08b5c;display:block;margin-bottom:16px}
.m-h1{font-size:clamp(34px,6vw,62px);font-weight:400;letter-spacing:-.01em;color:#f2e9d4;margin:0 0 18px;line-height:1.08}
.m-h2{font-size:clamp(24px,3.6vw,38px);font-weight:400;color:#f2e9d4;margin:0 0 14px}
.m-lede{font-size:clamp(17px,2vw,20.5px);color:#c3b697;font-style:italic;max-width:60ch}

.m-rule{border:0;height:1px;background:linear-gradient(90deg,transparent,#4a4030,transparent);margin:44px 0}

/* plate = a framed artefact */
.plate{
  background:#1a1712;border:1px solid #3a3225;padding:12px;position:relative;
  box-shadow:0 18px 46px -22px #000;
}
.plate .frame{
  border:6px solid #2a241a;
  border-image:linear-gradient(135deg,#6b5a3a,#2a241a 40%,#7a6742 70%,#241f16) 1;
  background:#0d0b08;overflow:hidden;position:relative;
}
.plate .frame>*{width:100%;display:block}
.plate .cap{padding:14px 6px 4px;font-family:var(--mono);font-size:10.5px;line-height:1.7;color:#8c7d5e;letter-spacing:.04em}
.plate .cap b{color:#d9cfb8;display:block;font-family:var(--serif);font-size:14.5px;font-weight:400;
  letter-spacing:0;margin-bottom:5px;font-style:italic}
.plate .acc{color:#a08b5c}
.plate .flag{color:#d4574e}

.m-grid{display:grid;gap:22px}
.m-g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.m-g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.m-g4{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}

.m-halls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.m-hall{
  display:block;text-decoration:none;color:inherit;border:1px solid #3a3225;background:#191610;
  overflow:hidden;transition:.25s;
}
.m-hall:hover{border-color:#a08b5c;transform:translateY(-4px);box-shadow:0 20px 50px -22px rgba(160,139,92,.6)}
.m-hall .art{aspect-ratio:4/3;overflow:hidden;filter:sepia(.35) contrast(1.06)}
.m-hall .art>*{width:100%;height:100%}
.m-hall .t{padding:16px}
.m-hall .t h3{margin:0 0 4px;font-size:19px;font-weight:400;color:#f2e9d4}
.m-hall .t p{margin:0;font-size:13px;color:#8c7d5e;font-family:var(--mono);line-height:1.6}

.m-label{
  border-left:2px solid #a08b5c;padding:4px 0 4px 18px;font-family:var(--mono);font-size:12px;
  line-height:1.9;color:#a89b7c;margin:26px 0;
}
.m-label b{color:#e6dcc4;font-weight:600}

.m-warn{border:1px solid #6b3230;background:rgba(212,87,78,.07);padding:22px;color:#e3a9a4;
  font-family:var(--mono);font-size:12.5px;line-height:1.85;margin:32px 0}

.m-cond{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 9px;border:1px solid currentColor;border-radius:2px}
.m-cond.good{color:#7fae63}.m-cond.fair{color:#c9a24a}.m-cond.poor{color:#d4574e}.m-cond.unk{color:#8b7fb0}

a{color:#c9a24a}
a:hover{color:#f2e9d4}

.igk-nav{background:rgba(18,16,12,.94);border-bottom-color:#3a3225}
.igk-nav a{color:#a89b7c}
.igk-nav a:hover{background:#a08b5c;color:#12100c}

.m-foot{border-top:1px solid #2e281d;padding:40px 0 90px;margin-top:60px;font-family:var(--mono);
  font-size:11.5px;color:#6e6350;line-height:1.9}