@font-face{font-family:Vatora;src:url('font/Vatora.ttf') format('truetype');font-display:block}@font-face{font-family:Artifakt;src:url('font/Artifakt Element Light.ttf') format('truetype');font-weight:300;font-display:block}
:root{--gold:#b6782d;--paper:#ddd8d2;--muted:#8f8a84}*{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll;background:#020303}body{width:100%;margin:auto;background:#050606;color:var(--paper);font-family:Arial,Helvetica,sans-serif;letter-spacing:.07em}a{color:inherit;text-decoration:none}main{padding:85px 6.5% 120px;overflow:hidden}.archive-intro{margin:0 0 80px}.archive-intro p,.artifact-copy>p,.echo-copy>p{text-transform:uppercase;color:#b28149;font-size:9px;letter-spacing:.32em;margin:0 0 14px}.archive-intro h1{font:300 52px/1 Artifakt,Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;margin:0 0 15px}.archive-intro>span{font:300 14px Artifakt,Arial,sans-serif;color:#77736e;letter-spacing:.12em}
.artifact{min-height:610px;display:grid;grid-template-columns:53% 47%;margin-bottom:105px;background:#070808;border:1px solid #171717;box-shadow:0 35px 90px rgba(0,0,0,.42)}.artifact-image{position:relative;min-height:610px;overflow:hidden}.artifact-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,rgba(7,8,8,.44)),linear-gradient(0deg,rgba(3,3,3,.34),transparent 35%)}.artifact-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.artifact:hover .artifact-image img{transform:scale(1.015)}.artifact-image>span{position:absolute;z-index:2;left:25px;bottom:20px;font:300 58px/1 Artifakt,Arial,sans-serif;color:rgba(255,255,255,.2);letter-spacing:.08em}.artifact-copy{display:flex;flex-direction:column;justify-content:center;padding:65px}.artifact-copy h2,.echo-copy h2{font:300 38px/1 Artifakt,Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;margin:0 0 13px}.artifact-copy time{font:italic 300 12px Artifakt,Arial,sans-serif;color:#8c7660;letter-spacing:.12em}.artifact-copy>i{display:block;width:38px;height:1px;margin:32px 0;background:var(--gold)}blockquote{margin:0;font:300 17px/1.72 Artifakt,Arial,sans-serif;color:#aaa59f;letter-spacing:.075em}blockquote strong{font-weight:300;color:#ded9d3}.artifact-reverse{grid-template-columns:47% 53%}.artifact-reverse .artifact-image{grid-column:2;grid-row:1}.artifact-reverse .artifact-copy{grid-column:1;grid-row:1}.artifact-reverse .artifact-image:after{background:linear-gradient(270deg,transparent 68%,rgba(7,8,8,.44)),linear-gradient(0deg,rgba(3,3,3,.34),transparent 35%)}
.echo-archive{display:grid;grid-template-columns:410px 1fr;min-height:410px;margin:25px 0 105px;background:linear-gradient(120deg,#0b0c0c,#070808);border:1px solid #24201b;box-shadow:0 30px 80px #000}.echo-image{position:relative;height:410px;min-height:0;overflow:hidden}.echo-image img{display:block;width:100%;height:100%;object-fit:cover}.echo-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 45%)}.echo-image span{position:absolute;z-index:2;left:23px;bottom:20px;text-transform:uppercase;font-size:8px;letter-spacing:.3em}.echo-copy{min-height:0;padding:58px 65px}.memory-archive .echo-copy h2{font-size:34px;line-height:1.12}.archive-links{display:flex;gap:13px;margin:27px 0 40px}.archive-links a{display:flex;align-items:center;justify-content:space-between;min-width:180px;height:42px;padding:0 17px;border:1px solid #72502c;text-transform:uppercase;font-size:8px;letter-spacing:.14em;transition:background .25s,border-color .25s}.archive-links a:hover{background:#9d6428;border-color:#b6782d}.archive-links a span{font-size:15px}.echo-copy blockquote strong{display:block;margin-top:8px;color:#d49a52}
.found-page-entry{margin:25px 0 105px;background:#070808;border:1px solid #171717;box-shadow:0 30px 80px rgba(0,0,0,.45)}.found-page-entry>a{display:grid;grid-template-columns:47% 53%;min-height:460px}.found-page-sheet{position:relative;align-self:center;justify-self:center;width:58%;aspect-ratio:3/4;padding:13% 11%;background:#d8d4cc;color:#393733;box-shadow:0 24px 55px rgba(0,0,0,.55);transform:rotate(-1.2deg);transition:transform .8s ease,box-shadow .8s ease}.found-page-entry:hover .found-page-sheet{transform:rotate(-.5deg) translateY(-3px);box-shadow:0 30px 65px rgba(0,0,0,.65)}.found-page-sheet span{display:block;margin-bottom:24%;font:300 clamp(7px,.65vw,10px)/1.4 Artifakt,Arial,sans-serif;letter-spacing:.17em}.found-page-sheet i{display:block;width:100%;height:1px;margin:8% 0;background:rgba(57,55,51,.19)}.found-page-sheet i:nth-of-type(2){width:86%}.found-page-sheet i:nth-of-type(3){width:92%}.found-page-sheet i:nth-of-type(4){width:63%}.found-page-copy{display:flex;flex-direction:column;justify-content:center;padding:65px}.found-page-copy>p{text-transform:uppercase;color:#b28149;font-size:9px;letter-spacing:.32em;margin:0 0 14px}.found-page-copy h2{font:300 38px/1 Artifakt,Arial,sans-serif;letter-spacing:.11em;margin:0 0 30px}.found-page-copy>span{margin-top:38px;color:#8c7660;text-transform:uppercase;font-size:8px;letter-spacing:.2em}
@media(min-width:1500px) and (min-aspect-ratio:16/10){body{max-width:1200px;border-inline:1px solid #282828;box-shadow:0 0 70px #000}}
@media(max-width:850px){main{padding:55px 20px 80px}.archive-intro{margin-bottom:45px}.archive-intro h1{font-size:40px}.artifact,.artifact-reverse{min-height:0;grid-template-columns:1fr;margin-bottom:55px}.artifact-image,.artifact-reverse .artifact-image{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4/5}.artifact-copy,.artifact-reverse .artifact-copy{grid-column:1;grid-row:2;padding:38px 28px 48px}.artifact-copy h2{font-size:32px}.artifact-copy>i{margin:24px 0}.echo-archive{grid-template-columns:1fr;margin-bottom:55px}.echo-image{height:auto;min-height:0;aspect-ratio:1}.echo-copy{padding:38px 28px 48px}.memory-archive .echo-copy h2{font-size:27px}.archive-links{flex-direction:column}.archive-links a{width:100%}.found-page-entry{margin-bottom:55px}.found-page-entry>a{grid-template-columns:1fr;min-height:0}.found-page-sheet{width:56%;margin:52px auto 20px}.found-page-copy{padding:38px 28px 48px}.found-page-copy h2{font-size:32px}}