:root{
  --archive-gold:#c99a3d;
  --archive-gold-bright:#e2b85f;
  --archive-ivory:#eee7dc;
  --archive-muted:#b9b0a5;
  --archive-line:rgba(201,154,61,.42);
  --archive-red:#6e1717;
}
body.black-archive-page{
  --shell:1180px;
  background:#020202;
  color:var(--archive-ivory);
}
.black-archive-page .site-header{
  background:linear-gradient(180deg,rgba(1,1,1,.98),rgba(1,1,1,.72) 76%,transparent);
}
.black-archive-page .primary-nav>a.current{color:var(--archive-gold-bright)}
.black-archive-page .primary-nav>a.current::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:6px;
  height:1px;
  background:var(--archive-gold-bright);
  box-shadow:0 0 7px rgba(226,184,95,.42);
}
.archive-hero{
  position:relative;
  min-height:700px;
  display:grid;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(201,154,61,.35);
  background:#020202;
}
.archive-hero-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  filter:saturate(.72) contrast(1.06) brightness(.52);
  transform:scale(1.018);
}
.archive-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 77% 46%,rgba(201,154,61,.14),transparent 22%),
    linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.73) 43%,rgba(0,0,0,.32) 72%,rgba(0,0,0,.68) 100%),
    linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.14) 55%,rgba(0,0,0,.95));
}
.archive-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}
.archive-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:center;
  gap:70px;
  padding-top:142px;
  padding-bottom:84px;
}
.archive-hero-copy{max-width:730px}
.archive-eyebrow,.section-eyebrow{
  margin:0 0 12px;
  color:var(--archive-gold-bright);
  font:700 10px/1.25 Arial,sans-serif;
  letter-spacing:.30em;
  text-transform:uppercase;
}
.archive-hero h1{
  margin:0;
  color:#f1ebe3;
  font-size:clamp(74px,9.2vw,132px);
  line-height:.79;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.028em;
  text-shadow:0 10px 38px rgba(0,0,0,.92);
}
.archive-hero h1 span{color:var(--archive-gold-bright)}
.archive-rule{
  position:relative;
  width:min(480px,75vw);
  height:35px;
  margin:24px 0 10px;
}
.archive-rule::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:17px;
  height:1px;
  background:linear-gradient(90deg,var(--archive-gold),rgba(201,154,61,.22),transparent);
}
.archive-rule span{
  position:absolute;
  top:11px;
  left:0;
  width:12px;
  height:12px;
  border:1px solid var(--archive-gold-bright);
  background:#0a0806;
  transform:rotate(45deg);
}
.archive-lead{
  max-width:650px;
  margin:0;
  color:#ded6cc;
  font-size:clamp(19px,2vw,27px);
  line-height:1.48;
  font-style:italic;
  text-shadow:0 5px 20px rgba(0,0,0,.9);
}
.archive-mark{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
}
.archive-mark::before{
  content:"";
  position:absolute;
  width:310px;
  height:310px;
  border:1px solid rgba(201,154,61,.20);
  border-radius:50%;
  box-shadow:0 0 70px rgba(201,154,61,.08),inset 0 0 60px rgba(0,0,0,.78);
}
.archive-mark img{
  position:relative;
  z-index:1;
  width:185px;
  height:auto;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.9));
}
.archive-mark span{
  position:absolute;
  left:50%;
  bottom:34px;
  z-index:2;
  transform:translateX(-50%);
  color:var(--archive-gold-bright);
  font:700 9px/1.3 Arial,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
  white-space:nowrap;
}
.archive-intro{
  padding:96px 0 90px;
  background:
    radial-gradient(circle at 18% 14%,rgba(201,154,61,.08),transparent 28%),
    #050505;
  border-bottom:1px solid rgba(201,154,61,.16);
}
.archive-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:80px;
  align-items:start;
}
.archive-intro h2,.records-heading h2,.archive-links h2{
  margin:0;
  color:#f0e9df;
  font-size:clamp(39px,4.9vw,65px);
  line-height:1.06;
  font-weight:400;
}
.archive-intro-copy{
  padding:4px 0 0 36px;
  border-left:1px solid var(--archive-line);
}
.archive-intro-copy p{
  margin:0 0 18px;
  color:#c8bfb4;
  font-size:17px;
  line-height:1.75;
}
.archive-intro-copy p:last-child{margin-bottom:0}
.archive-records{
  position:relative;
  padding:94px 0 108px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 68%,rgba(110,23,23,.16),transparent 27%),
    radial-gradient(circle at 12% 26%,rgba(201,154,61,.055),transparent 28%),
    #020202;
}
.archive-records::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.11;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent);
}
.records-heading{
  position:relative;
  z-index:1;
  max-width:800px;
  margin:0 auto 46px;
  text-align:center;
}
.records-heading p:last-child{
  max-width:670px;
  margin:18px auto 0;
  color:var(--archive-muted);
  font-size:17px;
  line-height:1.65;
}
.empty-record{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  max-width:1020px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid var(--archive-line);
  background:linear-gradient(150deg,rgba(15,13,11,.98),rgba(4,4,4,.99));
  box-shadow:0 30px 82px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.015);
}
.empty-record-art{
  position:relative;
  min-height:360px;
  overflow:hidden;
  background:#080604;
}
.empty-record-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 55%,rgba(5,5,5,.92)),linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.58));
}
.empty-record-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.22);
  filter:saturate(.8) contrast(1.08) brightness(.74);
}
.empty-record-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px 48px;
}
.record-status{
  color:var(--archive-gold-bright);
  font:700 9px/1.35 Arial,sans-serif;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.empty-record h3{
  margin:14px 0 14px;
  color:#f1ebe3;
  font-size:clamp(35px,4vw,54px);
  line-height:1.02;
  font-weight:400;
  text-transform:uppercase;
}
.empty-record-copy>p{
  margin:0;
  color:#bfb6ab;
  font-size:16px;
  line-height:1.68;
}
.record-types{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 18px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(201,154,61,.24);
}
.record-types span{
  position:relative;
  padding-left:15px;
  color:#d0c7bc;
  font:700 10px/1.4 Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.record-types span::before{
  content:"";
  position:absolute;
  left:0;
  top:.45em;
  width:5px;
  height:5px;
  border:1px solid var(--archive-gold);
  transform:rotate(45deg);
}
.archive-links{
  padding:90px 0 96px;
  text-align:center;
  border-top:1px solid rgba(201,154,61,.12);
  background:
    linear-gradient(rgba(0,0,0,.84),rgba(0,0,0,.92)),
    url('../images/hero-wide.jpg') center 58%/cover no-repeat;
}
.archive-links-inner{max-width:840px}
.archive-links p:not(.section-eyebrow){
  max-width:650px;
  margin:18px auto 0;
  color:#c3baaf;
  font-size:17px;
  line-height:1.65;
}
.archive-actions{
  display:flex;
  justify-content:center;
  gap:15px;
  flex-wrap:wrap;
  margin-top:31px;
}
.archive-button{
  min-width:230px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px 18px;
  border:1px solid var(--archive-gold-bright);
  background:var(--archive-gold-bright);
  color:#090705;
  font:700 11px/1 Arial,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.archive-button:hover,.archive-button:focus{transform:translateY(-2px);background:#f0cc7e;color:#050403}
.archive-button--outline{background:rgba(0,0,0,.45);color:var(--archive-gold-bright)}
.archive-button--outline:hover,.archive-button--outline:focus{background:var(--archive-gold-bright);color:#050403}
@media(max-width:900px){
  .archive-hero-inner{grid-template-columns:minmax(0,1fr) 250px;gap:30px}
  .archive-mark::before{width:240px;height:240px}
  .archive-mark img{width:175px}
  .archive-intro-grid{gap:45px}
}
@media(max-width:820px){
  .black-archive-page .site-header{background:#050505}
  .archive-hero{min-height:auto}
  .archive-hero-inner{grid-template-columns:1fr;padding-top:58px;padding-bottom:62px}
  .archive-hero-copy{text-align:center;margin:auto}
  .archive-rule{margin-left:auto;margin-right:auto}
  .archive-rule span{left:50%;transform:translateX(-50%) rotate(45deg)}
  .archive-mark{min-height:280px;order:-1}
  .archive-mark::before{width:245px;height:245px}
  .archive-mark img{width:174px}
  .archive-intro-grid{grid-template-columns:1fr;gap:32px}
  .archive-intro-copy{padding:26px 0 0;border-left:0;border-top:1px solid var(--archive-line)}
  .empty-record{grid-template-columns:1fr}
  .empty-record-art{min-height:280px}
  .empty-record-art::after{background:linear-gradient(180deg,transparent 55%,rgba(5,5,5,.95))}
}
@media(max-width:540px){
  .archive-hero h1{font-size:58px;line-height:.84}
  .archive-hero-inner{padding-top:44px;padding-bottom:54px}
  .archive-mark{min-height:235px}
  .archive-mark::before{width:205px;height:205px}
  .archive-mark img{width:148px}
  .archive-lead{font-size:18px}
  .archive-intro,.archive-records,.archive-links{padding-top:68px;padding-bottom:72px}
  .archive-intro h2,.records-heading h2,.archive-links h2{font-size:38px}
  .empty-record-copy{padding:33px 25px 36px}
  .record-types{grid-template-columns:1fr}
  .archive-actions{flex-direction:column;align-items:stretch}
  .archive-button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .archive-button{transition:none}
  .archive-hero-art{transform:none}
}
.archive-record-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);
  max-width:1040px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid var(--archive-line);
  background:linear-gradient(150deg,rgba(15,18,15,.98),rgba(4,5,4,.99));
  box-shadow:0 30px 82px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.015);
}
.archive-record-card-art{
  position:relative;
  min-height:470px;
  overflow:hidden;
  background:#080604;
}
.archive-record-card-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 55%,rgba(5,7,5,.94)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.48));
}
.archive-record-card-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.88) contrast(1.05) brightness(.88);
  transition:transform .35s ease,filter .35s ease;
}
.archive-record-card:hover .archive-record-card-art img{transform:scale(1.025);filter:saturate(.96) contrast(1.05) brightness(.94)}
.archive-record-card-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 50px;
}
.archive-record-series{
  margin:14px 0 7px;
  color:#ddd4c7;
  font:700 10px/1.35 Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.archive-record-card h3{
  margin:0 0 15px;
  color:#f1ebe3;
  font-size:clamp(42px,5vw,64px);
  line-height:.98;
  font-weight:400;
  text-transform:uppercase;
}
.archive-record-card-copy>p:not(.archive-record-series){
  margin:0;
  color:#bfb6ab;
  font-size:16px;
  line-height:1.68;
}
.archive-record-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:240px;
  align-self:flex-start;
  margin-top:27px;
  padding:14px 17px;
  border:1px solid var(--archive-gold-bright);
  background:var(--archive-gold-bright);
  color:#090705;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease;
}
.archive-record-button:hover,.archive-record-button:focus{transform:translateY(-2px);background:#f0cc7e;color:#050403}
@media(max-width:820px){
  .archive-record-card{grid-template-columns:1fr}
  .archive-record-card-art{min-height:410px}
  .archive-record-card-art::after{background:linear-gradient(180deg,transparent 55%,rgba(5,7,5,.95))}
}
@media(max-width:540px){
  .archive-record-card-art{min-height:360px}
  .archive-record-card-copy{padding:34px 25px 38px}
  .archive-record-button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .archive-record-card-art img,.archive-record-button{transition:none}
}
.archive-record-list{
  position:relative;
  z-index:1;
  display:grid;
  gap:34px;
}
.archive-record-card--blackmere{
  border-color:rgba(155,67,61,.46);
  background:linear-gradient(150deg,rgba(13,17,19,.98),rgba(4,6,7,.99));
}
.archive-record-card--blackmere .record-status{color:#d1766d}
.archive-record-card--blackmere .archive-record-button{border-color:#a74640;background:#a74640;color:#f4ece3}
.archive-record-card--blackmere .archive-record-button:hover,.archive-record-card--blackmere .archive-record-button:focus{background:#c7655c;color:#080505}
.archive-record-card--blackmere .archive-record-card-art img{object-position:center 20%}

.archive-record-card--oca{border-color:rgba(113,188,235,.42);background:linear-gradient(150deg,rgba(8,14,22,.98),rgba(2,5,10,.99))}.archive-record-card--oca .record-status{color:#79ccff}.archive-record-card--oca .archive-record-button{border-color:#d4aa4f;background:#d4aa4f;color:#07090d}.archive-record-card--oca .archive-record-button:hover,.archive-record-card--oca .archive-record-button:focus{background:#f0cf78;color:#05070a}.archive-record-card--oca .archive-record-card-art img{object-position:center 14%}

.archive-record-card--hos{border-color:rgba(114,184,176,.42);background:linear-gradient(150deg,rgba(7,17,20,.98),rgba(3,7,9,.99))}.archive-record-card--hos .record-status{color:#8ed2ca}.archive-record-card--hos .archive-record-button{border-color:#d5a947;background:#d5a947;color:#080706}.archive-record-card--hos .archive-record-button:hover,.archive-record-card--hos .archive-record-button:focus{background:#efca74;color:#050504}.archive-record-card--hos .archive-record-card-art img{object-position:center 22%}


.archive-record-card--pale{border-color:rgba(123,199,244,.44);background:linear-gradient(150deg,rgba(7,13,21,.98),rgba(2,5,10,.99))}
.archive-record-card--pale .record-status{color:#9edcff}
.archive-record-card--pale .archive-record-button{border-color:#9dcdeb;background:#9dcdeb;color:#071019}
.archive-record-card--pale .archive-record-button:hover,.archive-record-card--pale .archive-record-button:focus{background:#d4efff;color:#03070b}
.archive-record-card--pale .archive-record-card-art img{object-position:center center}

.archive-record-card--black-concord{border-color:rgba(196,154,80,.52);background:linear-gradient(150deg,rgba(16,11,10,.98),rgba(4,3,3,.99))}.archive-record-card--black-concord .record-status{color:#e1bc72}.archive-record-card--black-concord .archive-record-button{border-color:#b68b45;background:#b68b45;color:#080605}.archive-record-card--black-concord .archive-record-button:hover,.archive-record-card--black-concord .archive-record-button:focus{background:#e1bc72;color:#050403}.archive-record-card--black-concord .archive-record-card-art img{object-position:center center}