*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#0e0b0a;color:#e8dcc4;font-family:Roboto Mono,ui-monospace,monospace;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.display{font-family:Oswald,Impact,sans-serif;letter-spacing:.02em;text-transform:uppercase}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 1px 1px,rgba(232,220,196,.06) 1px,transparent 0);background-size:4px 4px;pointer-events:none;mix-blend-mode:overlay;z-index:1}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");pointer-events:none;opacity:.18;z-index:2}.wrap{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:3}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px dashed #4a3f30}.logo{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.05em;font-size:1.6rem;padding:.25rem .75rem;background:#e8dcc4;color:#0e0b0a;transform:rotate(-1deg)}.topbar nav{display:flex;gap:1.5rem;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.topbar nav a:hover{color:#d4623a}.hero{padding:5rem 0 4rem;display:grid;gap:3rem;grid-template-columns:1fr;border-bottom:1px dashed #4a3f30}@media(min-width:900px){.hero{grid-template-columns:3fr 2fr;align-items:end}}.hero-stamp{display:inline-block;padding:.4rem 1rem;border:2px solid #D4623A;color:#d4623a;font-family:Oswald,sans-serif;letter-spacing:.25em;font-size:11px;text-transform:uppercase;transform:rotate(-2deg);margin-bottom:2rem}.hero h1{font-family:Oswald,sans-serif;font-size:clamp(3.5rem,11vw,11rem);line-height:.85;margin:0;letter-spacing:-.005em;font-weight:700;text-transform:uppercase}.hero h1 .alt{color:#d4623a;font-style:italic;font-weight:500}.hero .strap{margin-top:2.5rem;max-width:50ch;color:#c8b896;line-height:1.6;font-size:14px}.vinyl{position:relative;aspect-ratio:1;max-width:380px;margin-left:auto;border-radius:50%;background:radial-gradient(circle at center,#1a1411 0 20%,#d4623a 20% 22%,#1a1411 22% 24%,#0e0b0a 24% 50%,#1a1411 50% 52%,#0e0b0a 52% 100%);box-shadow:inset 0 0 60px #0009,0 20px 40px #00000080;animation:spin 12s linear infinite}.vinyl:before{content:"";position:absolute;inset:38%;border-radius:50%;background:#e8dcc4;box-shadow:inset 0 0 0 3px #0e0b0a}.vinyl:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);background:#0e0b0a;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.sec{padding:5rem 0 0}.sec-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;gap:2rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px dashed #4a3f30}.sec-h h2{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.5rem,6vw,5rem);margin:0;line-height:.9;text-transform:uppercase}.sec-h h2 .ix{display:block;font-size:12px;letter-spacing:.3em;color:#d4623a;font-weight:400;margin-bottom:.4rem}.sec-h .meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8a7a5e}.sleeves{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:720px){.sleeves{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.sleeves{grid-template-columns:repeat(4,1fr)}}.sleeve{position:relative;display:block}.sleeve-cover{position:relative;aspect-ratio:1;background:#1a1411;overflow:hidden;box-shadow:0 6px 14px #0009;transition:transform .4s ease}.sleeve:hover .sleeve-cover{transform:translate(-8px) rotate(-1deg)}.sleeve-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:contrast(1.05) saturate(.9) sepia(.06)}.sleeve-disc{position:absolute;right:-8%;top:8%;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1a1411 0 26%,#0a0807 26% 28%,#050403 28% 100%);box-shadow:inset 0 0 30px #000000b3;transform:translate(-78%);transition:transform .4s ease;z-index:-1}.sleeve-disc:after{content:"";position:absolute;inset:38%;border-radius:50%;background:#d4623a}.sleeve:hover .sleeve-disc{transform:translate(-30%) rotate(120deg);transition:transform .6s ease}.sleeve-meta{padding:1rem 0 0;display:flex;justify-content:space-between;align-items:baseline}.sleeve-meta .nm{font-family:Oswald,sans-serif;font-weight:500;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em}.sleeve-meta .cat{font-size:10px;letter-spacing:.2em;color:#8a7a5e}.sleeve .stamp{display:inline-block;margin-top:.5rem;padding:.2rem .6rem;border:1px solid #4a3f30;color:#c8b896;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.about{padding:5rem 0;margin-top:4rem;border-top:1px dashed #4a3f30;border-bottom:1px dashed #4a3f30;display:grid;gap:3rem;grid-template-columns:1fr}@media(min-width:800px){.about{grid-template-columns:1fr 2fr}}.about h3{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2rem,4vw,3.5rem);margin:0;line-height:.95;text-transform:uppercase}.about h3 .x{color:#d4623a}.about p{color:#c8b896;max-width:60ch}.cta{margin:5rem 0;padding:4rem 2rem;background:#e8dcc4;color:#0e0b0a;text-align:center;position:relative;box-shadow:4px 4px #d4623a}.cta h3{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.5rem,6vw,4.5rem);margin:0 0 .5rem;text-transform:uppercase;line-height:.9}.cta p{color:#4a3f30;margin-bottom:2rem}.cta a{display:inline-block;padding:1rem 2.5rem;background:#0e0b0a;color:#e8dcc4;font-family:Oswald,sans-serif;letter-spacing:.2em;font-size:14px;text-transform:uppercase}.cta a:hover{background:#d4623a;color:#0e0b0a}footer{padding:2rem 0;color:#8a7a5e;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:11px;letter-spacing:.15em;text-transform:uppercase}