*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #080806;--offwhite: #ddd8cc;--red: #b02a1a;--dust: #7a7060;--card-bg: rgba(221, 216, 204, .03);--card: #0d0b09;--border: rgba(221, 216, 204, .07)}html{scroll-behavior:smooth}body{background:var(--black);color:var(--offwhite);font-family:Courier Prime,monospace;overflow-x:hidden;cursor:crosshair;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:9000}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:Courier Prime,monospace}a,button,[role=button]{cursor:pointer}input,textarea,select{cursor:text}::selection{background:#b02a1a66;color:var(--offwhite)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:#b02a1a66;border-radius:2px}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:#ddd8cc1a;border-radius:1px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--red);border:2px solid var(--black);cursor:pointer}.masonry{columns:3;column-gap:8px}.masonry-item{break-inside:avoid;margin-bottom:8px}@media (max-width: 1100px){.masonry{columns:2}}@media (max-width: 900px){.page-layout{grid-template-columns:1fr!important}.sidebar{position:relative!important;top:0!important;height:auto!important;border-right:none!important;border-bottom:1px solid rgba(221,216,204,.06)!important;padding:24px 20px!important}.beats-main{padding:24px 20px!important}.beat-card-grid{grid-template-columns:repeat(2,1fr)!important}.modal-tiers{grid-template-columns:1fr!important}.grid-about{grid-template-columns:1fr!important;gap:40px!important}.grid-services{grid-template-columns:1fr!important}.beats-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.hero-bottom{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.contact-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.credits-grid,.featured-pair,.featured-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.section-pad{padding:72px 20px!important}.page-pad{padding-left:20px!important;padding-right:20px!important}.desktop-nav,.nav-links{display:none!important}.hamburger{display:flex!important}.hero-title{font-size:clamp(52px,14vw,90px)!important}.beats-grid-wrap{grid-template-columns:repeat(2,1fr)!important}.photo-grid-inner{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}.photo-grid-inner>div:first-child{grid-row:auto!important;aspect-ratio:1/1!important;grid-column:1/3!important}.about-record-box{max-width:280px!important}.modal-inner{padding:28px 20px 24px!important}.player-bar{flex-wrap:wrap!important;padding:12px 16px!important;gap:10px!important}.player-waveform{order:10!important;flex-basis:100%!important}.player-time,.player-license{display:none!important}.loader-vinyl{width:200px!important;height:200px!important}.loader-vinyl svg{width:200px!important;height:200px!important}.service-card-inner{padding:28px 20px 24px!important}.contact-pills{gap:6px!important}.contact-pills button{padding:5px 12px!important}.hero-featured{height:60vh!important}.lightbox-panel{width:100%!important;border-left:none!important;border-top:1px solid rgba(221,216,204,.08)!important}.lightbox-inner{flex-direction:column!important}.lightbox-img{height:55vh!important}.hero-stats{flex-direction:column!important;align-items:flex-start!important}}@media (max-width: 540px){.beat-card-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.beats-grid-wrap{grid-template-columns:1fr!important}.masonry{columns:1}.photo-grid-inner{grid-template-columns:1fr!important}.photo-grid-inner>div:first-child{grid-column:auto!important}}
