:root{--bone:#ece4d4;--dust:#aaa194;--red:#c8322a;
  --display:'IM Fell DW Pica','Garamond',serif;--old:'Old Standard TT','Garamond',serif;
  --mono:'Special Elite','Courier New',monospace;--thin:'Jost','Century Gothic','Futura',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#000;color:var(--bone)}
body{font-family:var(--old);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:1px dashed var(--red);outline-offset:6px}
.f-thin{font-family:var(--thin);font-weight:200;letter-spacing:.22em;text-transform:uppercase}
.f-mono{font-family:var(--mono)}.f-fell{font-family:var(--display)}.i{font-style:italic}
.bar{padding:28px 4vw}
.back{font-size:11px;color:var(--dust)}.back:hover{color:var(--bone)}
.wrap{position:relative;max-width:1240px;margin:0 auto;padding:6vh 4vw 14vh}
.head{font-weight:400;font-size:clamp(48px,6vw,104px);line-height:.9;margin-bottom:7vh}
.head-dbl{display:block;font-size:clamp(12px,1.1vw,16px);letter-spacing:.5em;color:var(--red);margin-top:.9em}
.xeno-mark{position:absolute;right:4vw;top:5vh;width:clamp(84px,11vw,150px);height:auto;opacity:.82}
.rel-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4vh 1.6vw}
.rel{min-width:0}
.rel-art{display:block;aspect-ratio:1;overflow:hidden;background:#111;border:1px solid rgba(236,228,212,.1)}
.rel-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:filter .3s,transform .6s}
.rel-art:hover img,.rel-art:focus-visible img{filter:none;transform:scale(1.03)}
.rel-cap{margin-top:10px;line-height:1.3}
.v-t{font-size:clamp(18px,1.5vw,22px)}
.v-y{font-size:12px;color:var(--red);margin-left:.5em}
.v-g{display:block;font-size:9px;letter-spacing:.16em;color:var(--dust);margin-top:4px;font-weight:300}
.rel-links{margin-top:8px;font-size:10px;letter-spacing:.24em;display:flex;flex-wrap:wrap;gap:4px 14px}
.rel-links a{color:var(--dust);border-bottom:1px solid rgba(236,228,212,.2);padding-bottom:1px}
.rel-links a:hover{color:var(--bone);border-color:var(--red)}
.xg{display:inline-block;width:.95em;height:1.2em;margin-right:.45em;vertical-align:-.3em;background:currentColor;
  -webkit-mask:url(../assets/brand/xg-bone.png) center/contain no-repeat;mask:url(../assets/brand/xg-bone.png) center/contain no-repeat}
.v-g .xg{width:1.5em;height:1.9em;vertical-align:-.75em;margin-right:.35em}
.listen{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 2.2vw;margin-top:9vh}
.l-lab{font-size:11px;letter-spacing:.42em;color:var(--red)}
.listen a{font-size:19px;border-bottom:1px solid rgba(236,228,212,.25);padding-bottom:2px}
.listen a:hover{color:#fff;border-color:var(--red)}
@media (max-width:1000px){.rel-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.rel-list{grid-template-columns:1fr 1fr;gap:4vh 4vw}.head{margin-bottom:5vh}}
