/* "Хранилище": a dark hall, a stone wall of passe-partout frames, a full-screen viewer with the passport. Palette and fonts are the site's own. */
:root{--hdr:60px}
@media (min-width:1024px){:root{--hdr:68px}}
html.hr-lock{overflow:hidden}
[hidden]{display:none!important}
.hr{background:#0b0a08;min-width:0}
.hr *{min-width:0}
.hr-top{padding-block:14px 12px;display:grid;gap:10px}
.hr-top__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.hr-title{font-family:var(--display);font-weight:400;font-size:clamp(30px,1.2rem + 1.6vw,44px);line-height:1}
.hr-sub{flex:1 1 260px;font-size:14px;color:var(--muted);line-height:1.4}
.hr-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.hr-modes{display:inline-flex;border:1px solid var(--line)}
.hr-modes button{min-height:40px;padding:0 14px;background:transparent;border:0;color:var(--muted);font-family:var(--ui);font-size:15px;cursor:pointer}
.hr-modes button[aria-pressed="true"]{background:var(--ink);color:#12100d}
.hr-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 auto}
.hr-yr{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--muted)}
.hr-yr input{width:92px;min-height:40px;padding:0 8px;background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:15px}
.hr-filters select{min-height:40px;max-width:100%;padding:0 8px;background:var(--bg2);border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:14px}
.hr-reset{min-height:40px;padding:0 12px;background:transparent;border:1px dashed var(--line);color:var(--accent-text);font-family:var(--ui);font-size:14px;cursor:pointer}
.hr-yerr{flex-basis:100%;font-size:13px;color:var(--accent-text)}
.hr-yerr:empty{display:none}
.hr-count{font-family:var(--mono);font-size:13px;color:var(--muted);margin-left:auto}
@media (max-width:480px){.hr-filters select{flex:1 1 calc(50% - 8px)}.hr-count{margin-left:0;flex-basis:100%}}

/* the hall */
.hr-hall{padding-block:22px 64px;background:radial-gradient(ellipse at 50% 0,rgba(255,226,170,.10),transparent 60%),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNjAiIGhlaWdodD0iMTkyIj48cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iNzgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMTIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iODEiIHk9IjEiIHdpZHRoPSIxMTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wNDE5OTk5OTk5OTk5OTk5OTYpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMjAxIiB5PSIxIiB3aWR0aD0iNTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMTIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMjYxIiB5PSIxIiB3aWR0aD0iOTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMjIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iLTQ5IiB5PSI0OSIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDIyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9Ii05IiB5PSI0OSIgd2lkdGg9IjEwOCIgaGVpZ2h0PSI0NiIgZmlsbD0icmdiYSgyNTUsMjQwLDIxMCwwLjA0MTk5OTk5OTk5OTk5OTk5NikiIHN0cm9rZT0icmdiYSgwLDAsMCwuNDUpIiBzdHJva2Utd2lkdGg9IjEiLz48cmVjdCB4PSIxMDEiIHk9IjQ5IiB3aWR0aD0iODgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wNDE5OTk5OTk5OTk5OTk5OTYpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMTkxIiB5PSI0OSIgd2lkdGg9Ijk4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDEyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9IjI5MSIgeT0iNDkiIHdpZHRoPSItMiIgaGVpZ2h0PSI0NiIgZmlsbD0icmdiYSgyNTUsMjQwLDIxMCwwLjAzMikiIHN0cm9rZT0icmdiYSgwLDAsMCwuNDUpIiBzdHJva2Utd2lkdGg9IjEiLz48cmVjdCB4PSIyOTEiIHk9IjQ5IiB3aWR0aD0iMzU4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDMyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9IjEiIHk9Ijk3IiB3aWR0aD0iOTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMzIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMTAxIiB5PSI5NyIgd2lkdGg9IjY4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDEyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9IjE3MSIgeT0iOTciIHdpZHRoPSIxMjgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMzIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMzAxIiB5PSI5NyIgd2lkdGg9IjM4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDEyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9IjM0MSIgeT0iOTciIHdpZHRoPSIzNTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMzIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iLTQ5IiB5PSIxNDUiIHdpZHRoPSI1OCIgaGVpZ2h0PSI0NiIgZmlsbD0icmdiYSgyNTUsMjQwLDIxMCwwLjA0MTk5OTk5OTk5OTk5OTk5NikiIHN0cm9rZT0icmdiYSgwLDAsMCwuNDUpIiBzdHJva2Utd2lkdGg9IjEiLz48cmVjdCB4PSIxMSIgeT0iMTQ1IiB3aWR0aD0iOTgiIGhlaWdodD0iNDYiIGZpbGw9InJnYmEoMjU1LDI0MCwyMTAsMC4wMTIpIiBzdHJva2U9InJnYmEoMCwwLDAsLjQ1KSIgc3Ryb2tlLXdpZHRoPSIxIi8+PHJlY3QgeD0iMTExIiB5PSIxNDUiIHdpZHRoPSI3OCIgaGVpZ2h0PSI0NiIgZmlsbD0icmdiYSgyNTUsMjQwLDIxMCwwLjAzMikiIHN0cm9rZT0icmdiYSgwLDAsMCwuNDUpIiBzdHJva2Utd2lkdGg9IjEiLz48cmVjdCB4PSIxOTEiIHk9IjE0NSIgd2lkdGg9Ijk4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDMyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHg9IjI5MSIgeT0iMTQ1IiB3aWR0aD0iMzU4IiBoZWlnaHQ9IjQ2IiBmaWxsPSJyZ2JhKDI1NSwyNDAsMjEwLDAuMDEyKSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLC40NSkiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg=="),#14110d;border-top:1px solid var(--line)}
.hr-skel{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.hr-skel i{display:block;height:240px;background:#d9caa8;opacity:.25}
.hr-wall{column-width:230px;column-gap:20px}
.hr-mat{break-inside:avoid;margin:0 0 22px;transition:transform .2s ease,box-shadow .2s ease}
.hr-mat__b{display:block;width:100%;padding:var(--pad,12px);background:#e9dfc6;border:0;text-align:left;color:#1c1814;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 22px rgba(0,0,0,.55);font-family:var(--ui)}
.hr-mat:hover,.hr-mat:focus-within{transform:translateY(-5px) rotate(-.3deg)}
.hr-mat:hover .hr-mat__b{box-shadow:0 16px 30px rgba(0,0,0,.65)}
.hr-mat--0{--pad:10px}.hr-mat--1{--pad:18px 16px}.hr-mat--2{--pad:12px 12px 26px}.hr-mat--3{--pad:24px 20px}.hr-mat--4{--pad:8px}
.hr-mat--1,.hr-mat--3{margin-top:12px}
.hr-mat__pic{display:block;width:100%;background:#cbbd9a;box-shadow:0 0 0 1px rgba(28,24,20,.4),inset 0 0 0 1px rgba(28,24,20,.2)}
.hr-mat__pic img{width:100%;height:100%;object-fit:cover}
.hr-mat__cap{display:grid;gap:4px;margin-top:10px}
.hr-mat__t{font-family:var(--display);font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.hr-mat__m{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;color:#54493c}
.hr-mat__f{font-size:12px;color:#7a5a26}
.hr-rel{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #1c1814;border-radius:50%;font-family:var(--mono);font-size:12px;color:#1c1814}
.hr-rel--l{width:30px;height:30px;font-size:15px;border-color:var(--accent2);color:var(--accent2)}
@media (prefers-reduced-motion:reduce){.hr-mat{transition:none}.hr-mat:hover,.hr-mat:focus-within{transform:none}}
@media (max-width:560px){.hr-wall{column-count:2;column-width:auto;column-gap:12px}.hr-mat__t{font-size:14px}.hr-mat{margin-bottom:14px}.hr-mat__b{padding:8px!important}}

/* time mode */
.hr-thread{position:relative;display:grid;gap:16px;padding-left:80px;max-width:560px}
.hr-thread::before{content:"";position:absolute;left:64px;top:0;bottom:0;width:2px;background:var(--accent)}
.hr-thread__i{position:relative}
.hr-thread__y{position:absolute;left:-80px;top:8px;width:54px;text-align:right;font-family:var(--mono);font-size:13px;color:var(--ink)}
.hr-thread__y.is-same{display:none}
.hr-thread__tk{position:absolute;left:-21px;top:14px;width:10px;height:10px;border-radius:50%;background:var(--accent2);border:2px solid #14110d}
@media (max-width:480px){.hr-thread{padding-left:58px}.hr-thread::before{left:44px}.hr-thread__y{left:-58px;width:36px;font-size:11px}.hr-thread__tk{left:-19px}}

/* faces */
.hr-faces{display:grid;gap:22px}
.hr-face{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);padding:16px;background:#e9dfc6;color:#1c1814;box-shadow:0 10px 22px rgba(0,0,0,.55)}
@media (min-width:720px){.hr-face{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}
.hr-face__pic{padding:0;border:0;background:none;cursor:pointer}
.hr-face__pic img{width:100%;height:auto;box-shadow:0 0 0 1px rgba(28,24,20,.4)}
.hr-face__k{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7a5a26}
.hr-face__n{font-family:var(--display);font-size:24px;margin-top:10px;line-height:1.1}
.hr-face__r{font-size:14px;color:#54493c}
.hr-face__u{margin-top:14px;font-size:13px;color:#54493c}
.hr-face__l{display:grid;gap:4px;margin:4px 0 14px;font-size:15px}
.hr-face__l a{color:#9e2a1f}
.hr-face .btn--ghost{color:#1c1814;border-color:#7a5a26}
.hr-face .btn--ghost:hover{background:#7a5a26;color:#efe6d2}
.hr-note,.hr-empty{margin-top:18px;max-width:560px;color:var(--muted);font-size:15px}
.hr-empty{display:grid;gap:12px;justify-items:start}
.hr-empty__t{font-family:var(--display);font-size:26px;color:var(--ink)}

/* viewer */
.hr-v{position:fixed;z-index:80;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);background:#070605;color:var(--ink)}
@media (min-width:900px){.hr-v{grid-template-columns:minmax(0,1fr) 380px}}
.hr-v__main{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;min-width:0}
.hr-v__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.hr-v__b{min-width:44px;min-height:44px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:16px;cursor:pointer}
.hr-v__b:hover:not(:disabled){border-color:var(--accent2)}
.hr-v__pos{font-family:var(--mono);font-size:12px;color:var(--muted);margin-right:auto}
.hr-v__z{display:inline-flex}
.hr-v__lvl{font-family:var(--mono);font-size:12px;min-width:60px}
.hr-v__pt{display:inline-flex;align-items:center}
@media (min-width:900px){.hr-v__pt{display:none}}
.hr-v__box{position:relative;overflow:hidden;touch-action:none;cursor:grab;display:grid;place-items:center;min-height:0;background:radial-gradient(ellipse at center,#1a1612,#070605)}
.hr-v__box:active{cursor:grabbing}
.hr-v__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;will-change:transform}
.hr-v__cap{padding:10px 14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.hr-v__nav{position:absolute;top:50%;z-index:3;width:44px;height:64px;margin-top:-32px;background:rgba(7,6,5,.6);border:1px solid var(--line);color:var(--ink);font-size:30px;cursor:pointer}
.hr-v__nav:disabled{opacity:.25;cursor:default}
.hr-v__nav--p{left:8px}.hr-v__nav--n{right:8px}
.hr-v__pass{overflow:auto;padding:18px 18px 28px;background:#14110d;border-left:1px solid var(--line);min-height:0}
@media (max-width:899px){
  .hr-v__pass{position:absolute;left:0;right:0;bottom:0;max-height:72%;border-left:0;border-top:2px solid var(--accent2);transform:translateY(100%);visibility:hidden;transition:transform .3s ease,visibility 0s .3s;z-index:4}
  .hr-v.is-pass .hr-v__pass{transform:none;visibility:visible;transition:transform .3s ease}
}
.hr-p__k{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2)}
.hr-p__t{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.15;margin:6px 0 12px;overflow-wrap:anywhere}
.hr-p__rel{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}
.hr-p__dl{display:grid;gap:10px;font-size:14px;line-height:1.45}
.hr-p__dl dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hr-p__dl dd{margin:0;overflow-wrap:anywhere}
.hr-p__dl a,.hr-p__use a{color:var(--accent-text)}
.hr-p__note{margin-top:12px;padding:8px 10px;border-left:3px solid var(--accent2);font-size:13px;color:var(--muted)}
.hr-p__h{margin:18px 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2)}
.hr-p__c{font-size:13px;line-height:1.45;padding:10px;background:var(--bg2);overflow-wrap:anywhere;user-select:all}
.hr-p__copy{margin-top:8px;min-height:38px;padding:0 12px;background:transparent;border:1px solid var(--line);color:var(--ink);font-family:var(--ui);font-size:14px;cursor:pointer}
.hr-p__use ul{display:grid;gap:6px;font-size:14px}
.hr-p__go{margin-top:20px;width:100%}
@media (max-width:480px){.hr-v__bar{gap:6px;padding:6px 8px;flex-wrap:nowrap}.hr-v__pos{display:none}.hr-v__x{margin-right:auto}.hr-v__b{padding:0 10px;min-width:40px}.hr-v__lvl{min-width:52px}.hr-v__pass{max-height:62%}}