@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Courier+Prime&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--off-white:#e8e4de;--ink:#0e0e0e;--mid:#7a7670}html,body{background:var(--ink);height:100%;color:var(--off-white);font-family:Courier Prime,monospace}body.no-scroll{overflow:hidden}.grain{z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.page{opacity:0;grid-template-columns:1fr 1fr;height:100vh;animation:1.8s .2s forwards fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.photo-side{position:relative;overflow:hidden}.photo-side img{object-fit:cover;object-position:center top;filter:contrast(1.05)brightness(.97);width:100%;height:100%;display:block}.photo-side:after{content:"";background:linear-gradient(to right, transparent 70%, var(--ink) 100%);pointer-events:none;position:absolute;inset:0}.content-side{flex-direction:column;justify-content:space-between;padding:3rem 3.5rem;display:flex;position:relative}.top-matter{opacity:0;animation:1.2s 1s forwards rise;transform:translateY(8px)}@keyframes rise{to{opacity:1;transform:translateY(0)}}.issue-label{letter-spacing:.25em;text-transform:uppercase;color:var(--mid);margin-bottom:.4rem;font-size:.6rem}.band-name{letter-spacing:.18em;color:var(--off-white);font-family:Cormorant Garamond,serif;font-size:clamp(3.5rem,7vw,6rem);font-weight:300;line-height:1}.middle-content{opacity:0;animation:1.2s 1.4s forwards rise;transform:translateY(8px)}.descriptor{letter-spacing:.2em;text-transform:uppercase;color:var(--mid);margin-bottom:2.5rem;font-size:.6rem;line-height:2}.divider{background:var(--mid);width:2rem;height:1px;margin-bottom:2.5rem}.tagline{color:var(--off-white);opacity:.75;max-width:28ch;font-family:Cormorant Garamond,serif;font-size:clamp(1rem,2vw,1.35rem);font-style:italic;font-weight:300;line-height:1.6}.bottom-matter{opacity:0;animation:1.2s 1.8s forwards rise;transform:translateY(8px)}.actions{flex-direction:column;gap:.85rem;margin-bottom:2.5rem;display:flex}.btn{letter-spacing:.25em;text-transform:uppercase;color:var(--off-white);cursor:pointer;background:0 0;border:1px solid #e8e4de33;align-items:center;gap:1rem;padding:.9rem 1.4rem;font-family:Courier Prime,monospace;font-size:.65rem;text-decoration:none;transition:border-color .3s,background .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--off-white);transform-origin:0;z-index:0;transition:transform .35s;position:absolute;inset:0;transform:scaleX(0)}.btn:hover:before{transform:scaleX(1)}.btn:hover{color:var(--ink);border-color:var(--off-white)}.btn span{z-index:1;position:relative}.btn-arrow{z-index:1;font-size:.8rem;transition:transform .3s;position:relative}.btn:hover .btn-arrow{transform:translate(4px)}.qr-area{border-top:1px solid #e8e4de1a;align-items:center;gap:1rem;padding-top:2rem;display:flex}.qr-placeholder{border:1px solid #e8e4de40;flex-shrink:0;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:2px;width:52px;height:52px;padding:6px;display:grid}.qr-cell{background:var(--off-white);opacity:0}.qr-cell.on{opacity:1}.qr-label{letter-spacing:.18em;text-transform:uppercase;color:var(--mid);font-size:.55rem;line-height:1.8}@media (max-width:680px){.page{grid-template-rows:55vh 1fr;grid-template-columns:1fr;overflow-y:auto}body.no-scroll{overflow:auto}.photo-side:after{background:linear-gradient(to bottom, transparent 60%, var(--ink) 100%)}.content-side{padding:2rem}.band-name{font-size:3.5rem}}