:root{--ochre:#a86f13;--ochre2:#c18a28;--dark:#140d05;--bone:#ead9ad;--gold:#c39a4a;--muted:#a88751;--line:rgba(195,154,74,.55)}*{box-sizing:border-box}html{background:#0e0903}body{margin:0;color:var(--bone);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(circle at 50% 20%,#c08a28 0,#8b5710 28%,#382006 66%,#120b03 100%);min-height:100vh}.topbar{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line);background:rgba(24,15,5,.9)}.back,.catalogue{font-size:11px;letter-spacing:.23em;color:#d2b36e;text-decoration:none}.catalogue{text-align:right}.logo{width:72px;max-height:68px;object-fit:contain;filter:sepia(1) saturate(.7) brightness(1.6)}.masthead{min-height:190px;display:grid;grid-template-columns:150px minmax(420px,680px) 150px;justify-content:center;align-items:center;padding:18px 4vw 16px;column-gap:24px;border-bottom:9px solid #241405;box-shadow:0 7px 0 #090501,0 12px 28px #0008;position:relative;overflow:hidden}.masthead:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff1 1px,transparent 1px);background-size:4px 4px;opacity:.08}.dept-seal{display:block;width:145px;height:134px;object-fit:cover;object-position:center;border-radius:4px;justify-self:center;box-shadow:0 9px 24px #0009;border:1px solid rgba(195,154,74,.55)}.titleblock{text-align:center;z-index:1;grid-column:2}.eyebrow{font-size:10px;letter-spacing:.32em;color:#5d3508;margin:0 0 8px;font-weight:bold}.titleblock h1{font-weight:500;font-size:clamp(42px,4.4vw,68px);letter-spacing:.035em;margin:0;color:#211306;text-shadow:0 1px 0 #e4b96066}.plate{display:inline-block;margin:9px 0 10px;padding:7px 29px;border:2px solid #69420e;outline:1px solid #d5a34c;background:linear-gradient(#e2bd69,#a96f19);color:#211306;box-shadow:inset 0 0 0 3px #c9963b,0 4px 12px #0007;font-weight:bold;letter-spacing:.16em}.tagline{font-size:12px;letter-spacing:.3em;color:#392108;margin:0;font-weight:bold}.shelf-wrap{position:relative;background:linear-gradient(#201307,#100a04 7%,#211306 94%,#080501);border-bottom:10px solid #2c1907;box-shadow:inset 0 12px 24px #0008,inset 0 -10px 18px #0008;padding:12px 54px 30px}.shelf{padding:8px 0 10px;display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.work{flex:0 0 clamp(250px,21.5vw,330px);scroll-snap-align:start;text-align:center}.portrait{height:clamp(350px,36vw,510px);display:flex;align-items:center;justify-content:center;padding:5px;border-bottom:3px solid #77501b;background:#0d0904;overflow:hidden;box-shadow:inset 0 0 35px #000}.portrait img{width:100%;height:100%;object-fit:contain;object-position:center;box-shadow:0 10px 18px #000b;border:1px solid #7a5b31;filter:saturate(.92) contrast(1.02);background:#0d0904}.work h2{font-size:clamp(15px,1.35vw,20px);letter-spacing:.08em;font-weight:500;color:#d5aa59;margin:14px 0 7px}.work p{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.2em;color:#9f8050;margin:0}.shelf-arrow{position:absolute;z-index:5;top:43%;transform:translateY(-50%);width:34px;height:66px;border:1px solid rgba(195,154,74,.58);background:rgba(19,12,4,.88);color:#ddb663;font:38px/1 Georgia,serif;cursor:pointer;box-shadow:0 4px 15px #0008;transition:.18s ease}.shelf-arrow:hover{background:#81500d;color:#f2d38c;border-color:#d5a447}.shelf-arrow.prev{left:10px}.shelf-arrow.next{right:10px}footer{min-height:76px;padding:20px 4vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-top:1px solid var(--line);background:#100a03;color:#aa8951;font-size:9px;letter-spacing:.2em}footer span:nth-child(2){text-align:center}footer span:last-child{text-align:right}@media(max-width:900px){.topbar{height:72px;padding:0 18px;grid-template-columns:1fr auto}.logo{width:58px}.catalogue{display:none}.back{font-size:9px}.masthead{min-height:235px;grid-template-columns:1fr;padding:30px 20px 25px}.dept-seal{display:none}.titleblock{grid-column:1}.titleblock h1{font-size:44px}.tagline{font-size:9px;letter-spacing:.18em}.shelf-wrap{padding:0;background:none}.shelf-arrow{display:none}.shelf{display:grid;grid-template-columns:1fr;padding:28px 8vw;gap:30px;background:linear-gradient(#201307,#100a04 7%,#211306 94%,#080501)}.work{min-width:0}.portrait{height:auto;aspect-ratio:auto;padding:0;border:0;background:#0d0904;overflow:visible}.portrait img{width:min(88vw,520px);height:auto;max-height:none;margin:auto;object-fit:contain;object-position:center;background:#0d0904}.work h2{font-size:20px;margin-top:14px}.work p{font-size:9px}footer{grid-template-columns:1fr;text-align:center;gap:10px;padding:24px 18px}footer span:last-child,footer span:nth-child(2){text-align:center}}@media(min-width:901px) and (max-width:1100px){.masthead{grid-template-columns:120px minmax(400px,620px) 80px;column-gap:14px}.dept-seal{width:115px;height:108px}}

.record-door{cursor:pointer}.record-door:focus{outline:1px solid #d0ad61;outline-offset:5px}
.record-selector{position:fixed;z-index:40;inset:0;background:#090703e8;backdrop-filter:blur(8px);display:none;place-items:center;padding:22px}.record-selector.open{display:grid}
.selector-box{position:relative;width:min(560px,94vw);padding:42px 35px;background:linear-gradient(145deg,#6f5117,#30230e 62%,#1a140b);border:1px solid #b28c42;box-shadow:0 25px 80px #000;text-align:center}
.selector-box>p{font:9px Arial,sans-serif;letter-spacing:.28em;color:#c7aa63}.selector-box h2{font-size:28px;letter-spacing:.08em;font-weight:500;color:#f0dfb1;margin:8px 0 25px}
.selector-box a{display:flex;justify-content:space-between;gap:20px;padding:16px 8px;border-top:1px solid #846927;color:#e7d5a8;text-decoration:none;text-align:left}.selector-box a:last-of-type{border-bottom:1px solid #846927}
.selector-box a span{font:10px Arial,sans-serif;letter-spacing:.15em;color:#aa8c49}.selector-close{position:absolute;right:13px;top:8px;border:0;background:none;color:#e1c77e;font:32px Georgia;cursor:pointer}