.legend-feature{margin:0 auto 64px;width:min(100%,1120px);padding:0 clamp(16px,3vw,40px)}
.legend-label{color:#dabb80;font:600 11px/1.6 system-ui;letter-spacing:.19em}
.legend-card,.legend-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;overflow:hidden;border:1px solid #a9854c;background:radial-gradient(ellipse at 20% 40%,#443523,#1c1a16 65%);color:#f4e7ce}
.legend-card{margin-top:14px;text-decoration:none;box-shadow:0 20px 54px #15100a44}
.legend-card::after,.legend-hero::after{content:"";position:absolute;inset:10px;border:1px solid #dabb8066;pointer-events:none}
.legend-card::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#f8d99028 50%,transparent 62%);transform:translateX(-110%);transition:transform .9s ease}
.legend-card:hover::before,.legend-card:focus-visible::before{transform:translateX(110%)}
.legend-card:hover,.legend-card:focus-visible{box-shadow:0 0 32px #dabb8044;outline-offset:5px}
.legend-portrait{margin:0;min-width:0;padding:clamp(20px,4vw,56px)}
.legend-portrait img{display:block;width:100%;max-height:530px;object-fit:contain;filter:drop-shadow(0 0 26px #dabb8033)}
.legend-copy{padding:clamp(24px,5vw,72px)}
.legend-copy h1,.legend-copy h2,.legend-section h2{font:400 clamp(36px,6vw,83px)/.99 var(--serif,Georgia);letter-spacing:-.04em;margin:16px 0 24px}
.legend-copy em,.legend-section em{color:#dabb80;font-weight:400}
.legend-copy p:not(.legend-label),.legend-section p{font-size:16px;line-height:1.72;max-width:70ch}
.legend-link{display:inline-flex;align-items:center;gap:18px;min-height:46px;margin-top:16px;padding:9px 16px;border:1px solid #a9854c;color:#f4d9a3;text-decoration:none}
.legend-link:hover,.legend-link:focus-visible{background:#a9854c33}
.legend-room{background:#161512;color:#f0e5d1}
.legend-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px clamp(16px,5vw,72px);border-bottom:1px solid #b7976260}
.legend-bar a{display:inline-flex;align-items:center;min-height:44px;color:#e6ca94}
.legend-exhibit{max-width:1280px;margin:auto;padding:clamp(14px,4vw,56px)}
.legend-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:radial-gradient(ellipse at 82% 38%,#483725,#1c1a16 65%)}
.legend-hero h1{font-size:clamp(36px,5.7vw,77px)}
.legend-section{border-top:1px solid #b7976260;margin-top:clamp(40px,8vw,104px);padding-top:clamp(24px,5vw,64px)}
.legend-section h2{font-size:clamp(32px,4.6vw,66px)}
.legend-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:center;gap:clamp(20px,7vw,100px)}
.legend-media video{display:block;width:100%;height:auto;aspect-ratio:3/4;max-height:600px;background:#0c0b0a;border:1px solid #a9854c;object-fit:contain}
.legend-media-reverse video{grid-area:1/1}.legend-media-reverse>div{grid-area:1/2}
.legend-room figcaption,.legend-section .legend-source{color:#c5b596;font-size:13px;padding-top:10px}
.legend-room summary{cursor:pointer;padding:12px 0;color:#e6ca94}
.legend-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.legend-archive figure{margin:0;padding:12px;border:1px solid #b7976260}
.legend-archive img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#22201b}
@media(max-width:650px){
.legend-card,.legend-hero,.legend-media{grid-template-columns:minmax(0,1fr)}
.legend-hero .legend-portrait{grid-row:1}
.legend-media-reverse video,.legend-media-reverse>div{grid-area:auto}
.legend-portrait{padding:22px 22px 0}.legend-portrait img{max-height:340px}
.legend-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(prefers-reduced-motion:reduce){.legend-card::before{display:none}}

/* Honorary exhibit frame, scoped to the featured card. */
.legend-card {
  --medal: #e3c48b;
  background: radial-gradient(ellipse at 23% 44%, #76604380, transparent 53%),
    linear-gradient(126deg, #292720, #151617 58%, #222018);
  border: 1px solid transparent;
  border-image: linear-gradient(125deg,#f3dfb0,#6d5433 38%,#c7b691 63%,#e3c48b) 1;
  box-shadow: 0 18px 44px #21170750, inset 0 0 0 5px #0f1011;
}
.legend-card::after {
  inset: 12px;
  border-color: #e3c48b55;
  background:
    linear-gradient(var(--medal),var(--medal)) top left/32px 1px,
    linear-gradient(var(--medal),var(--medal)) top left/1px 32px,
    linear-gradient(var(--medal),var(--medal)) top right/32px 1px,
    linear-gradient(var(--medal),var(--medal)) top right/1px 32px,
    linear-gradient(var(--medal),var(--medal)) bottom left/32px 1px,
    linear-gradient(var(--medal),var(--medal)) bottom left/1px 32px,
    linear-gradient(var(--medal),var(--medal)) bottom right/32px 1px,
    linear-gradient(var(--medal),var(--medal)) bottom right/1px 32px;
  background-repeat: no-repeat;
}
.legend-card .legend-portrait {padding: clamp(25px,4vw,56px)}
.legend-mount {
  max-width: 385px;
  margin-inline: auto;
  padding: 7px;
  border: 1px solid #e3c48ba0;
  background: #111213;
  box-shadow: 0 0 0 4px #111213, 0 0 0 5px #c5a66b60, 0 0 46px #e3c48b33;
}
.legend-card .legend-mount img {height:auto;max-height:none;filter:none}
.legend-card .legend-copy {padding-inline: clamp(20px,3.5vw,52px);min-width:0}
.legend-insignia {display:block;width:128px;height:auto;color:var(--medal);margin-bottom:18px}
.legend-card h2 {font-size:clamp(31px,5.2vw,76px);overflow-wrap:anywhere}
.legend-card .legend-link {
  background:linear-gradient(120deg,#ecd6a5,#caa66c);
  color:#252018;
  font-weight:650;
  box-shadow:inset 0 0 0 2px #25201845;
  transition:box-shadow .25s ease;
}
.legend-card:is(:hover,:focus-visible) .legend-link {
  box-shadow:inset 0 0 0 2px #25201845,0 0 20px #e3c48b55;
}
.legend-card:focus-visible {outline:2px solid #765220}
@media(max-width:650px) {
  .legend-card .legend-portrait {padding:32px 30px 0}
  .legend-card .legend-mount {max-width:245px}
  .legend-card .legend-copy {padding:24px 26px 34px}
  .legend-card .legend-insignia {width:96px;margin-bottom:10px}
  .legend-card h2 {font-size:clamp(29px,10vw,57px)}
}
@media(prefers-reduced-motion:reduce) {
  .legend-card .legend-link {transition:none}
}