.archive-heading{display:flex;justify-content:space-between;gap:20px;padding:27px 0 20px;margin-top:14px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.1em;color:var(--muted)}.archive-heading>span:first-child{color:var(--lime)}.art-archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.archive-card{min-width:0}.archive-card>img{aspect-ratio:1;height:auto;border:1px solid var(--line);transition:filter .25s;background:#11160b}.archive-card:hover>img{filter:brightness(1.12)}.archive-card figcaption{padding:15px 0 8px}.archive-card figcaption>span{font-size:10px;letter-spacing:.07em;color:#8b987e}.archive-card h3{font-family:var(--body);font-size:17px;font-weight:500;letter-spacing:-.035em;margin-top:8px;line-height:1.3}.sightings .parody-note{margin-top:30px}.recordings{padding-top:20px;padding-bottom:110px}.featured-tape{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:7%;align-items:center;margin:0 0 45px}.video-frame{position:relative;isolation:isolate;background:#11160b;border:1px solid #b7d97a35}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#050704;color:var(--text)}.tape-tag{position:absolute;top:15px;left:15px;padding:8px 10px;pointer-events:none;background:#070c04b3;border:1px solid #b7e85550;color:#d2e6b4;font-size:10px;letter-spacing:.09em;backdrop-filter:blur(10px)}.video-card.is-playing .tape-tag{opacity:0}.video-card figcaption{padding:17px 0;display:flex;justify-content:space-between;align-items:baseline;gap:15px}.video-card h3{font-family:var(--body);font-size:18px;font-weight:500;letter-spacing:-.03em}.video-card figcaption>span{font-size:10px;letter-spacing:.055em;color:#8c987d}.featured-tape-copy h3{font-family:var(--display);font-size:clamp(27px,3.9vw,59px);line-height:1.06;letter-spacing:-.045em}.featured-tape-copy>p{margin-top:23px;max-width:300px;color:var(--muted);font-size:17px}.tape-specs{margin-top:28px;border-top:1px solid var(--line)}.tape-specs>div{display:flex;flex-direction:column;gap:8px;padding:17px 0;border-bottom:1px solid var(--line)}.tape-specs span{font-size:10px;letter-spacing:.1em;color:#879778}.tape-specs strong{font-size:14px;font-weight:400}.tape-note{display:block;margin-top:20px;color:#819071;font-size:11px;line-height:1.6}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-grid .video-card{min-width:0}.video-grid figcaption{display:block}.video-grid figcaption>span{display:block;margin-top:8px;line-height:1.5}.video-grid h3{font-size:17px}.video-frame:focus-within{outline:2px solid var(--lime);outline-offset:4px}
@media(max-width:1000px){.featured-tape{gap:5%}.featured-tape-copy>p{font-size:15px}.video-card figcaption{display:block}.video-card figcaption>span{display:block;margin-top:8px}.art-archive{gap:23px 17px}.archive-card h3{font-size:16px}.video-grid{gap:18px}}
@media(max-width:700px){.archive-heading{font-size:10px;line-height:1.6}.archive-heading>span:last-child{text-align:right;max-width:120px}.art-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.archive-card h3{font-size:15px}.archive-card figcaption>span{font-size:9px;letter-spacing:.035em}.archive-card figcaption{padding-top:12px}.recordings{padding-top:0;padding-bottom:60px}.featured-tape{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.featured-tape-copy h3{font-size:36px}.featured-tape-copy .eyebrow{display:block;font-size:10px}.featured-tape-copy>p{max-width:none;margin-top:17px}.tape-specs{display:none}.tape-note{margin-top:13px}.video-grid{grid-template-columns:1fr;gap:25px}.video-grid .video-card figcaption{padding-bottom:0}.video-grid h3{font-size:19px}.tape-tag{top:12px;left:12px}.recordings .section-heading{margin-bottom:28px}}
.video-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:13px;background:transparent;border:0;color:var(--lime);font-family:var(--body);font-size:12px;letter-spacing:.06em;cursor:pointer;text-shadow:0 1px 8px #000}.video-start>span:first-child{display:grid;place-items:center;width:64px;height:64px;background:#0a1106b3;border:1px solid #c4ff0077;border-radius:50%;backdrop-filter:blur(8px);font-size:22px;padding-left:3px;transition:background .2s,transform .2s}.video-start>span:last-child{position:absolute;top:calc(50% + 48px);padding:6px 10px;background:#060b02b3;font-size:10px}.video-start:hover>span:first-child{background:var(--lime);color:#101900;transform:scale(1.06)}.video-start[hidden]{display:none}.video-start:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}
.video-controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 13px 10px;background:linear-gradient(transparent,#060b03de);color:var(--lime)}.video-control{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:10px;border:1px solid transparent;border-radius:0;background:transparent;color:inherit;cursor:pointer}.video-control:hover{background:#c4ff001a;border-color:#c4ff004d}.video-control svg{display:block;width:22px;height:22px}.video-volume{display:flex;align-items:center;gap:6px}.video-volume input{--volume:100%;width:90px;height:24px;margin:0 7px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:var(--lime)}.video-volume input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--lime) var(--volume),#dce5ce55 var(--volume));border-radius:0}.video-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:12px;width:12px;border:1px solid var(--lime);border-radius:50%;background:var(--lime);margin-top:-4.5px}.video-volume input::-moz-range-track{height:3px;background:#dce5ce55}.video-volume input::-moz-range-progress{height:3px;background:var(--lime)}.video-volume input::-moz-range-thumb{height:11px;width:11px;border:0;border-radius:50%;background:var(--lime)}.video-volume input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.video-start{bottom:65px}.video-frame video::-webkit-media-controls{display:none!important}
@media(max-width:700px){.video-controls{padding:22px 10px 8px}.video-volume input{width:100px}}
@media(prefers-reduced-motion:reduce){.archive-card>img,.video-start>span:first-child{transition:none}}
