@font-face{font-family:"Klingon pIqaD HaSta";src:url("/assets/fonts/Klingon-pIqaD-HaSta.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+F8D0-F8E9}
:root{color-scheme:dark;--stone:#090909;--metal:#c2b9a6;--blood:#861e21;--ember:#b93731;background:var(--stone);color:var(--metal);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{min-width:240px}
body{margin:0;min-height:100svh;padding:clamp(12px,2.3vw,38px);display:grid;place-items:center;background:radial-gradient(ellipse at 46% 60%,#1e1a1690,transparent 67%),#070707}
.archive{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:1640px;min-height:calc(100svh - clamp(24px,4.6vw,76px));overflow:hidden;border:1px solid #3c352c;outline:1px solid #100e0c;outline-offset:5px;background:#0d0d0c;box-shadow:0 22px 100px #000b}
.archive:before,.archive:after{content:"";position:absolute;inset:0;pointer-events:none}
.archive:before{z-index:1;border:clamp(8px,1.5vw,23px) solid #05050560;box-shadow:inset 0 0 0 1px #53473625}
.archive:after{z-index:0;background:linear-gradient(0deg,#040404a6,transparent 30%,transparent 68%,#0404049c),repeating-linear-gradient(0deg,#ddc7a205 0,#ddc7a205 1px,transparent 1px,transparent 5px);opacity:.85}
.stone{position:absolute;z-index:-1;inset:0;pointer-events:none}
.stone img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.92}
.scar{position:absolute;z-index:2;height:1px;left:6.5%;width:87%;background:linear-gradient(90deg,#8c27236b,#ba3d30 13%,#983126 38%,#34231d 74%,transparent);pointer-events:none}
.scar:before{content:"";position:absolute;left:0;top:-2px;width:36px;height:5px;background:var(--blood)}
.scar-upper{top:11.5%}
.scar-lower{bottom:11.5%;transform:rotate(180deg)}
.inscription{position:relative;z-index:3;display:grid;justify-items:center;width:100%;padding:clamp(110px,19svh,230px) clamp(20px,5vw,90px) clamp(130px,21svh,260px)}
.emblem{display:block;width:clamp(40px,4vw,58px);height:auto;aspect-ratio:7/8;margin:0 0 clamp(46px,5vw,76px);filter:drop-shadow(3px 4px 0 #0008);opacity:.94}
h1{position:relative;isolation:isolate;max-width:100%;margin:0;padding:clamp(18px,2.4vw,36px) clamp(14px,2.8vw,42px);text-align:center;font-weight:400;line-height:1}
h1:before,h1:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px))}
h1:before{z-index:-2;inset:0;background:linear-gradient(120deg,#b14735,#6b493866 45%,#903023)}
h1:after{z-index:-1;inset:1px;background:linear-gradient(90deg,#100a08eb,#16110da6,#100a08eb)}
.piqad{display:block;font-family:"Klingon pIqaD HaSta",serif;font-size:clamp(50px,12.6vw,192px);font-weight:400;font-synthesis:none;font-variant-ligatures:none;line-height:1.12;letter-spacing:.012em;color:#b62b25;-webkit-text-stroke:.25px #b9aba0;text-shadow:0 1px 0 #a96657,3px 4px 0 #000a}
@media(max-width:600px){body{padding:12px}.archive{min-height:calc(100svh - 24px);outline-offset:3px}.archive:before{border-width:9px}.stone img{object-position:47% 50%}.scar{left:9%;width:82%}.scar-upper{top:9%}.scar-lower{bottom:9%}.inscription{padding:120px 18px 160px}.emblem{width:40px;margin-bottom:48px}.piqad{font-size:clamp(32px,11.8vw,72px);letter-spacing:0}}
@media(max-height:560px) and (min-width:601px){.archive{min-height:calc(100svh - 24px)}body{padding:12px}.inscription{padding:60px 32px 75px}.emblem{width:32px;margin-bottom:24px}.piqad{font-size:clamp(70px,10vw,115px)}}

.whisper{margin:22px 0 0;color:#a69c90;font-size:10px;font-weight:400;line-height:1.8;letter-spacing:.16em;text-align:center;opacity:.8}