@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500;700&display=swap');
:root{--black:#050505;--paper:#e9e6df;--white:#f5f4ef;--red:#d81919;--line:rgba(245,244,239,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'IBM Plex Mono',monospace;overflow-x:hidden;cursor:crosshair}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.noise{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .18s steps(2) infinite}.scanlines{position:fixed;inset:0;z-index:99;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px)}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(1%,1%)}}
.mast{height:86px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:14px 22px;position:fixed;z-index:90;top:0;left:0;right:0;background:rgba(5,5,5,.78);backdrop-filter:blur(9px)}.mark{width:58px}.mark img{filter:drop-shadow(0 0 7px #fff)}.issue{font-size:10px;letter-spacing:.18em}.mast nav{display:flex;gap:24px;font-size:11px;font-weight:700}.mast nav a{position:relative}.mast nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:#fff;transition:.3s}.mast nav a:hover:after{width:100%}
.hero{min-height:100vh;position:relative;overflow:hidden;padding:110px 3vw 25px;border-bottom:1px solid var(--line);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 39%,rgba(255,255,255,.04) 39.1% 39.4%,transparent 39.5% 100%),linear-gradient(0deg,transparent 0 72%,rgba(255,255,255,.05) 72.1% 72.3%,transparent 72.4%);z-index:-2}.hero-type{font-family:'Archivo Black',sans-serif;font-size:clamp(110px,21vw,360px);line-height:.72;letter-spacing:-.09em;position:absolute;left:-.03em;top:18vh;z-index:1;mix-blend-mode:screen;white-space:nowrap}.hero-stamp{position:absolute;right:3vw;top:18vh;color:var(--red);font-weight:700;font-size:clamp(15px,2vw,26px);line-height:.92;text-align:right;transform:rotate(4deg);z-index:5}.poster{position:absolute;margin:0;box-shadow:18px 24px 0 rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.22);transition:transform .12s linear}.poster img{filter:contrast(1.18) grayscale(1)}.poster figcaption{position:absolute;bottom:-24px;left:0;font-size:9px;letter-spacing:.16em}.p1{width:25vw;max-width:360px;left:9vw;top:28vh;transform:rotate(-7deg)}.p2{width:23vw;max-width:330px;right:13vw;top:37vh;transform:rotate(5deg)}.p3{width:18vw;max-width:260px;left:42vw;top:54vh;transform:rotate(-2deg)}.tape{position:absolute;background:rgba(210,207,192,.7);height:38px;width:160px;z-index:8;mix-blend-mode:screen}.tape-a{left:6vw;top:26vh;transform:rotate(-14deg)}.tape-b{right:12vw;top:64vh;transform:rotate(18deg)}.tear-label{position:absolute;left:3vw;bottom:12vh;border-top:1px solid #fff;padding-top:6px;font-size:10px}.hero-footer{position:absolute;bottom:22px;left:3vw;right:3vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em}
.manifesto{min-height:92vh;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:grid;align-items:center;padding:10vh 5vw}.giant-word{font-family:'Archivo Black',sans-serif;font-size:clamp(100px,24vw,400px);line-height:.65;letter-spacing:-.09em;transform:rotate(-6deg);white-space:nowrap}.giant-word.ghost{position:absolute;right:-9vw;bottom:4vh;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);transform:rotate(7deg)}.manifesto-copy{position:absolute;right:8vw;top:30%;width:min(420px,42vw);z-index:4;font-size:13px;line-height:1.55}.eyebrow{font-size:9px;color:#aaa;border-bottom:1px solid #666;padding-bottom:10px;margin-bottom:25px}
.section{padding:28px 3vw 10vw;border-bottom:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:60px 1fr auto;align-items:end;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:7vw}.section-head h2{font-family:'Archivo Black',sans-serif;font-size:clamp(45px,9vw,130px);line-height:.75;margin:0;letter-spacing:-.06em}.section-head span{font-size:9px;letter-spacing:.15em}
.record{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.record-art{position:relative;transform:rotate(-4deg);max-width:650px;justify-self:center}.record-art>img:first-child{filter:contrast(1.3)}.record-logo{position:absolute;width:48%;left:26%;top:28%;filter:drop-shadow(0 0 5px #000)}.record-info h3{font-family:'Archivo Black',sans-serif;font-size:clamp(42px,6vw,95px);line-height:.78;letter-spacing:-.07em;margin:15px 0 28px}.micro{font-size:9px;letter-spacing:.2em}.record-info p{max-width:400px}.track{border-top:1px solid #555;padding:13px 0;display:grid;grid-template-columns:45px 1fr 60px;font-size:11px}.track i{font-style:normal;text-align:right;color:#999}.listen{margin-top:22px;border:1px solid #fff;background:#fff;color:#000;padding:13px 20px;font-family:inherit;font-weight:700;cursor:pointer}.listen:hover{background:var(--red);color:#fff;border-color:var(--red)}
.archive{background:var(--paper);color:#090909}.archive .section-head{border-color:#111}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.tile{grid-column:span 4;position:relative;margin:0;overflow:hidden;border:1px solid #111}.tile img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.25)}.tile span{position:absolute;bottom:0;left:0;background:#fff;color:#000;padding:5px 8px;font-size:9px}.tile.tall{grid-row:span 2}.tile.wide{grid-column:span 8}.tile.dark img{filter:grayscale(1) contrast(2)}
.live{background:#111}.date-row{display:grid;grid-template-columns:1fr 2fr 50px;align-items:center;border-bottom:1px solid #444;padding:28px 0;font-size:13px}.date-row strong{font-family:'Archivo Black',sans-serif;font-size:clamp(24px,4vw,60px);letter-spacing:-.04em}.live-note{font-family:'Archivo Black',sans-serif;font-size:clamp(70px,16vw,250px);line-height:.78;letter-spacing:-.08em;transform:rotate(-5deg);padding:16vh 0 10vh;max-width:1100px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:90vh}.about-logo{padding:8vw}.about-copy .section-head{margin-bottom:50px}.about-copy p{font-size:clamp(16px,2vw,25px);line-height:1.15;max-width:650px;border-left:1px solid #fff;padding-left:20px}
.end{min-height:100vh;position:relative;overflow:hidden;padding:8vh 3vw;display:flex;align-items:center}.end-word{font-family:'Archivo Black',sans-serif;font-size:clamp(90px,20vw,320px);line-height:.72;letter-spacing:-.09em;position:relative;z-index:3}.end-word span{font-family:'IBM Plex Mono',monospace;font-size:.16em;letter-spacing:.1em}.end-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.14) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.14) 50%,transparent 50.2%);background-size:25% 25%;transform:rotate(-7deg) scale(1.4)}.footerline{position:absolute;bottom:20px;left:3vw;right:3vw;border-top:1px solid #555;padding-top:10px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em}
@media(max-width:800px){.mast{grid-template-columns:65px 1fr;height:65px}.mast nav{display:none}.issue{text-align:right}.hero{min-height:90vh}.hero-type{font-size:27vw;top:17vh}.p1{width:48vw;left:5vw}.p2{width:42vw;right:4vw;top:44vh}.p3{width:35vw;left:36vw;top:63vh}.manifesto{min-height:85vh}.manifesto-copy{right:5vw;top:48%;width:55vw}.giant-word{font-size:30vw}.record,.about{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.tile,.tile.wide{grid-column:span 1}.tile.tall{grid-row:span 1}.section-head{grid-template-columns:35px 1fr}.section-head span:last-child{display:none}.date-row{grid-template-columns:80px 1fr 30px}.footerline{gap:10px;flex-wrap:wrap}.about-logo{padding:15vw}}

/* HAUNTED COPY */
.manifesto-copy p:not(.eyebrow){text-transform:uppercase}
.hero-stamp{letter-spacing:.12em;mix-blend-mode:screen}
.about-copy p{position:relative}
.about-copy p:nth-of-type(2){margin-left:4vw}
.about-copy p:nth-of-type(3){margin-left:-1vw}