:root{--ink:#08090d;--paper:#f0e7d1;--gold:#d8ad61;--muted:#aaa59b;--line:rgba(216,173,97,.26);--panel:#12131a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -10%,#7d2e2538,transparent 38%),var(--ink);color:var(--paper);font:16px/1.6 Inter,system-ui,sans-serif;min-height:100vh}
.skip{position:fixed;top:-60px;left:12px;z-index:99;background:var(--paper);color:#111;padding:10px}.skip:focus{top:12px}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,5vw,72px);border-bottom:1px solid var(--line)}
.mark{font:600 13px Cinzel;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;text-decoration:none}
.top-nav{display:flex;gap:9px;flex-wrap:wrap}.top-nav a{color:#d2cabc;text-decoration:none;font:600 12px Cinzel;letter-spacing:.1em;text-transform:uppercase}.top-nav a:hover,.top-nav a:focus-visible{color:var(--gold)}
main{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:clamp(64px,9vw,120px) 0 90px}
.eyebrow{font:600 12px Cinzel;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
h1,h2{font-family:Cinzel,serif}h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.95;letter-spacing:-.04em;margin:14px 0 20px}
.lede{max-width:720px;color:#c8c1b6;font-size:clamp(1.05rem,2vw,1.3rem)}
.search-shell{margin-top:44px;padding:clamp(20px,4vw,36px);border:1px solid var(--line);background:#101117}
.search-shell label{display:block;margin-bottom:10px;font:600 12px Cinzel;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.search-box{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;background:#08090d;border:1px solid #7e673f;padding:7px 8px 7px 16px}
.search-box span{font-size:25px;color:var(--gold)}
input{min-width:0;border:0;outline:0;background:transparent;color:var(--paper);font:500 clamp(1rem,2vw,1.2rem) Inter;padding:12px 0}input::placeholder{color:#7f7a72}
.search-box button,.suggestions button{border:1px solid var(--line);background:#18191f;color:#d5cec2;cursor:pointer;font:600 11px Cinzel;letter-spacing:.08em;text-transform:uppercase;padding:10px 13px}
.search-box #submit-search{background:var(--gold);border-color:var(--gold);color:#08090d;padding-inline:20px}
.search-box #submit-search:hover,.search-box #submit-search:focus-visible{background:#edc77f;color:#08090d}
.search-box button:hover,.suggestions button:hover,.search-box button:focus-visible,.suggestions button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
.search-help{margin:10px 0 0;color:#8f8a81;font-size:13px}
.suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.result-count{color:#908a81;margin:18px 0 0}
.results{display:grid;gap:12px;margin-top:24px}
.result-card{display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center;padding:16px;border:1px solid var(--line);background:var(--panel);color:inherit;text-decoration:none}
.result-card:hover,.result-card:focus-visible{border-color:var(--gold);background:#18151a;outline:none}
.result-card img{width:82px;height:82px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--line)}
.result-card span{color:var(--gold);font:600 11px Cinzel;letter-spacing:.13em;text-transform:uppercase}
.result-card h2{font-size:clamp(1.45rem,3vw,2rem);margin:3px 0 0}
.result-card p{color:#aaa59b;margin:7px 0 0;font-size:14px}.result-card .record-title{color:#ddd4c6;margin:2px 0}.result-card b{font-size:24px;color:var(--gold)}
.empty-state{display:grid;gap:8px;padding:30px;border:1px dashed var(--line);color:#aaa59b}.empty-state strong{color:var(--paper);font:600 20px Cinzel}.empty-state a{color:var(--gold)}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:#777;font-size:12px;flex-wrap:wrap}
@media(max-width:680px){header{align-items:flex-start}.top-nav a:nth-child(2){display:none}main{padding-top:58px}.search-shell{padding:18px}.search-box{grid-template-columns:auto 1fr}.search-box #submit-search,.search-box .clear-search{grid-column:auto;min-height:42px}.result-card{grid-template-columns:62px 1fr}.result-card img{width:62px;height:62px}.result-card b{display:none}footer{flex-direction:column}}