@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}.glove{grid-template-columns:47% 53%}.glove .artifact-image{grid-column:2;grid-row:1}.glove .artifact-copy{grid-column:1;grid-row:1}.glove .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;overflow:hidden}.echo-image img{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{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}
@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,.glove{min-height:0;grid-template-columns:1fr;margin-bottom:55px}.artifact-image,.glove .artifact-image{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4/5}.artifact-copy,.glove .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{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%}}