/* sirhoz's catalogue and original artwork in a dark music marketplace. */
:root{--bg:#121212;--surface:#1b1b1b;--text:#fafafa;--muted:#a3a3a3;--line:#323232;--blood:#a5f326;--red:#a5f326;--lime:#a5f326;--acid:#a5f326;--paper:#fff;--ink-white:#fff;--ink-red:#fff;--ink-purple:#a5f326}
.beat-store{--shop-accent:#a5f326;--shop-soft:#a5f326;--shop-panel:#1a1a1a;--shop-border:#303030;background:#121212;color:#fafafa}.beat-store :focus-visible{outline-color:#bafa80}.beat-store .site-header{position:relative;min-height:80px;max-width:none;width:100%;padding:15px 32px;background:#171717;border-color:#303030;gap:30px}.beat-store .site-header .wordmark{font-size:32px;padding-bottom:12px;letter-spacing:-1px;color:#fff}.beat-store .wordmark span{color:#a5f326}.beat-store .wordmark small{font-size:9px;letter-spacing:3px;color:#aaa}.beat-store .header-search{max-width:620px;background:#282828;border:1px solid #363636;border-radius:5px;margin:0;flex:1}.beat-store .header-search input{color:#ddd;font-size:13px}.beat-store .header-search input::placeholder{color:#999}.beat-store .header-search button{color:#ddd;background:none;border-left:1px solid #444;border-radius:0}.beat-store .site-header nav{gap:20px}.beat-store .site-header nav>a{color:#ddd;font-size:13px}.beat-store #open-cart{background:none;border-color:#444;padding:10px 13px;min-height:40px;border-radius:5px}.beat-store #cart-count{background:#a5f326;border-radius:4px;color:#fff;min-width:19px;font-size:11px}.beat-store .site-header nav .nav-cta{background:#a5f326;color:white;border-radius:5px;font-size:13px;padding:11px 15px}.beat-store .store-subnav{justify-content:center;gap:34px;background:#1c1c1c;border-color:#333;min-height:48px;padding:0 24px}.beat-store .store-subnav a,.beat-store .store-subnav button{min-height:48px;font-size:13px;color:#bbb;padding:12px 0}.beat-store .store-subnav .store-current{border-bottom-color:#a5f326;color:#fff}.beat-store main#main{display:block;width:100%;max-width:none;margin:0}.beat-store .marketplace-hero{position:relative;min-height:452px;display:flex;align-items:center;background:#111 url('assets/sirhoz-music-portrait.png') no-repeat right 32%;background-size:auto 138%;isolation:isolate;overflow:hidden}.marketplace-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090909 5%,#090909ed 35%,#0909096b 65%,#09090944);z-index:-1}.marketplace-hero-inner{width:min(1400px,calc(100% - 64px));margin:0 auto;padding:70px 0 66px}.beat-store .marketplace-hero .eyebrow{font-size:10px;letter-spacing:3px;color:#aaa;margin:0 0 18px}.beat-store #marketplace-heading{font-family:SirhozDisplay,SirhozSans,Arial,sans-serif!important;text-transform:uppercase;font-size:clamp(40px,4.7vw,67px);font-weight:700;font-style:normal;line-height:1.03;letter-spacing:-1px;margin:0 0 27px;max-width:760px;color:white}.beat-store .discovery-search{max-width:670px;background:#fafafa;border:0;border-radius:40px;padding:8px 9px 8px 23px;min-height:64px;display:flex;gap:15px;margin:0}.discovery-search>span{font-size:26px;color:#555}.beat-store .discovery-search input{color:#171717;font-size:15px;background:transparent;min-width:0;flex:1;padding:10px 0;border:0;min-height:38px}.beat-store .discovery-search input::placeholder{color:#767676}.beat-store .discovery-search button{border-radius:30px;background:#161616;color:#fff;padding:13px 24px;font-size:13px;min-height:45px}.marketplace-hero-inner>p:not(.eyebrow){font-size:12px;color:#adadad;margin:17px 0 0}.hero-studio-link{display:inline-block;color:#eaeaea;font-size:12px;margin-top:14px;text-decoration:none;border-bottom:1px solid #626262;padding-bottom:3px}.hero-track-mark{position:absolute;right:32px;bottom:30px;display:flex;align-items:center;gap:10px;color:#eee;font-size:10px;letter-spacing:2px}.hero-track-mark .tiny-dot{background:#a5f326}.beat-store .beats-section{padding:42px 32px 48px;border-bottom:1px solid #2c2c2c;background:#121212}.beat-store .beats-section>.wrap{max-width:1400px;margin:auto}.beat-store .section-heading{align-items:center;margin-bottom:15px}.beat-store .section-heading .eyebrow{display:none}.beat-store .section-heading #beats-heading{font-family:SirhozSans,Arial,sans-serif!important;font-size:25px;letter-spacing:-.6px;line-height:1.2}.beat-store .section-heading>p{color:#939393;font-size:12px}.beat-store .purchase-guidance{font-size:13px;color:#aaa;margin-bottom:22px}.beat-store .market-toolbar{padding:0;border:0;background:none;border-radius:0;grid-template-columns:minmax(200px,1.4fr) 1fr 1fr 1fr;gap:12px;margin-bottom:14px}.beat-store .market-toolbar label{font-size:11px;color:#999;gap:7px}.beat-store .market-toolbar input,.beat-store .market-toolbar select{background:#1c1c1c;border-color:#393939;height:41px;color:#ddd;font-size:12px;border-radius:5px}.beat-store .market-toolbar input::placeholder{color:#777}.beat-store .market-actions{gap:7px}.beat-store .market-actions .market-button{background:transparent;border:1px solid #3a3a3a;color:#c9c9c9;font-size:11px;min-height:34px;padding:8px 11px}.beat-store #play-visible{background:#292929;border-color:#424242;color:#eee}.beat-store .beats-section .market-note{color:#777;font-size:11px;margin:13px 0 23px}.beat-store .tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.beat-store .track,.beat-store .track:nth-child(2){display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;position:relative;align-items:stretch;align-content:start;padding:0;gap:0;min-height:0;border:1px solid #303030;border-radius:7px;background:#181818;overflow:hidden;transition:border-color .15s,transform .15s}.beat-store .track:hover{background:#1b1b1b;border-color:#606060;transform:translateY(-2px)}.beat-store .track.is-playing{border-color:#a5f326;background:#11231a;box-shadow:none}.beat-store .track .track-number{display:none}.beat-store .track .track-art{grid-area:auto;grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:0;position:relative;align-self:stretch}.beat-store .track .track-art img{width:100%;height:100%;object-fit:contain}.beat-store .track .art-play{display:none}.beat-store .track .round-play{left:auto;right:13px;top:13px;width:40px;height:40px;border:1px solid #ffffff55;background:#111c;z-index:2}.beat-store .track .round-play svg{width:18px;height:18px}.beat-store .track.is-playing .round-play{background:#a5f326;border-color:#a5f326}.beat-store .track .track-info{grid-area:auto;grid-column:1;grid-row:2;align-self:auto;padding:17px 16px 0}.beat-store .track .track-info h3{font-family:SirhozSans,Arial,sans-serif!important;font-size:18px;line-height:1.3;letter-spacing:-.2px;margin:0 0 8px;min-height:0;overflow-wrap:anywhere}.beat-store .track .track-info p{font-size:12px;color:#9d9d9d;line-height:1.5}.beat-store .track .track-bpm{display:block;grid-area:auto;grid-column:1;grid-row:3;padding:8px 16px 0;font-size:11px;color:#c9c9c9;font-weight:400;line-height:1.6}.track-key{display:block;color:#787878;font-size:10px}.beat-store .track .track-price{display:none}.beat-store .track .waveform{grid-area:auto;grid-column:1;grid-row:4;align-self:auto;margin:11px 16px 6px;width:calc(100% - 32px);padding:0;color:#a8a8a8}.beat-store .track .waveform svg{height:28px}.beat-store .waveform input[type=range]{accent-color:#a5f326;height:18px;margin:0}.beat-store .track-timeline{font-size:10px;color:#888}.beat-store .track-timeline span:nth-child(2){display:none}.beat-store .track-duration{display:none}.beat-store .track .market-track-actions{display:grid;grid-area:auto;grid-column:1;grid-row:5;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:6px 13px 14px;margin:0;align-items:stretch}.beat-store .track .market-track-actions .market-button{position:static;inset:auto;min-width:0;min-height:33px;width:auto;flex:none;padding:7px 3px;border-radius:4px;background:none;border:1px solid #353535;color:#b6b6b6;font-size:10px;line-height:1.4}.beat-store .track .market-track-actions .market-button[aria-pressed=true]{color:#bafa80;background:#304b28;border-color:#a5f326}.beat-store .track .market-track-actions .market-buy{grid-column:1/-1;grid-row:1;background:#a5f326;border-color:#a5f326;min-height:40px;color:white;font-size:13px;padding:11px 8px}.beat-store .track .market-track-actions .market-buy:hover{background:#a5f326;border-color:#a5f326}.beat-store .track .track-collab{position:static;grid-column:1;grid-row:6;justify-self:stretch;align-self:stretch;justify-content:center;min-height:31px;margin:0;border:0;border-top:1px solid #292929;background:#161616;color:#838383;font-size:16px;padding:4px 10px}.beat-store .track .track-collab::before{font-size:10px}.beat-store .catalog-foot{padding-top:24px}.beat-store .catalog-foot p{font-size:11px;color:#7e7e7e}.beat-store .catalog-foot .mono{font-size:10px;border-color:#333;color:#aaa}.beat-store .producer-panel{background:#161616;border:1px solid #2d2d2d;border-radius:8px;max-width:1400px;width:calc(100% - 64px)!important;margin:42px auto!important;padding:26px}.beat-store .producer-panel .hero-main{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;min-height:0}.beat-store .producer-panel .street-art-stage{max-width:300px;background:#191919;border:1px solid #363636;align-self:center;justify-self:start}.beat-store .producer-panel .hero-copy{padding:0;max-width:680px}.beat-store .hero-copy .eyebrow{font-size:10px;color:#999;letter-spacing:1.5px}.beat-store .hero-copy #hero-heading{font-size:38px;line-height:1.15;letter-spacing:-.8px}.beat-store .hero-copy #hero-heading br{display:none}.beat-store .hero-copy #hero-heading span{margin-inline:7px;color:#fff}.beat-store .hero-copy #hero-heading em{font-size:inherit;font-style:normal;color:#aaa;display:block;line-height:1.4}.beat-store .hero-description{font-size:14px;color:#aaa;line-height:1.8;border:0;padding:0;margin:15px 0}.beat-store .hero-description strong{color:#eee}.beat-store .hero-search{max-width:550px;background:#252525;border-color:#3b3b3b}.beat-store .hero-search input{color:#ddd!important}.beat-store .hero-search button{background:#a5f326;color:#fff}.beat-store .hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:20px}.beat-store .hero-actions .button.lime{background:#a5f326;border-color:#a5f326;color:#fff;font-size:12px;padding:13px 20px;border-radius:5px}.beat-store .hero-actions .text-link{font-size:12px;color:#ccc}.beat-store .hero-genre{gap:7px;margin-top:20px}.beat-store .hero-genre span,.beat-store .hero-genre span:nth-child(n){background:#242424;border-color:#3a3a3a;color:#aaa;font-size:10px;padding:5px 9px;border-radius:4px}.beat-store .poster-top{background:#1b1b1b;color:#999}.beat-store .poster-top span:nth-child(2){color:#999}.beat-store .poster-play{background:#1c1c1c;color:#fff;border-color:#333!important}.beat-store .poster-play-icon{background:#a5f326;color:#fff;border-color:#a5f326}.beat-store .poster-play-cta{color:#aaa}.beat-store .sticker-yellow{background:#161616cc;color:#ddd;border-color:#999;font-size:10px}.beat-store .about-strip{max-width:1400px;width:calc(100% - 64px)!important;margin:0 auto 34px!important;padding:24px 0;background:none;border-color:#303030;box-shadow:none;transform:none}.beat-store .about-strip .eyebrow{color:#eee;font-size:12px}.beat-store .about-strip>p:nth-child(2){color:#999;font-size:13px}.beat-store .street-ticker{background:#191919;border-color:#333;color:#8b8b8b;margin:0;font-size:13px;padding:20px 32px}.beat-store .street-ticker span:nth-child(n){color:#a0a0a0}.beat-store .collab-section{max-width:1400px;width:calc(100% - 64px)!important;margin:0 auto!important;padding:38px 0}.beat-store .collab-panel{background:#191919;border:1px solid #333;border-radius:7px;box-shadow:none;transform:none}.beat-store .collab-top .eyebrow,.beat-store .collab-top .mono{color:#999}.beat-store .collab-content h2{font-size:40px;color:#fff}.beat-store .collab-copy>p:first-child{color:#b1b1b1;font-size:14px}.beat-store .collab-note{color:#aaa}.beat-store .button.dark{background:#a5f326;border-color:#a5f326;color:#fff;border-radius:5px;font-size:13px}.beat-store .instagram-contact strong,.beat-store .instagram-contact svg{color:#e4e4e4}.beat-store .collab-bottom{border-color:#333;color:#aaa}.beat-store .site-footer{width:calc(100% - 64px);max-width:1400px;gap:25px;flex-wrap:wrap;border-color:#333;color:#999}.beat-store .site-footer p{color:#999}.beat-store .site-footer>a:not(.wordmark){font-size:12px;color:#aaa}.beat-store .player{background:#191919f7;border-color:#3b3b3b;padding:13px 28px;box-shadow:0 -10px 30px #0007;backdrop-filter:blur(10px)}.beat-store .player-toggle{background:#a5f326;border-color:#a5f326}.beat-store .player-track span,.beat-store .seek-area .mono{color:#aaa}.beat-store .market-player-controls .market-button{background:transparent;border-color:#444;color:#ccc;font-size:10px}.beat-store .toast{background:#333;border:1px solid #666;color:white}.beat-store .market-dialog{background:#1b1b1b;border:1px solid #474747;color:#eee;border-radius:10px;box-shadow:0 20px 100px #000b;padding:27px;width:min(700px,calc(100vw - 32px))}.beat-store .market-dialog h2{font-family:SirhozSans,Arial,sans-serif!important;font-size:23px;letter-spacing:-.4px}.beat-store .market-dialog .market-button{background:#2a2a2a;border:1px solid #484848;color:#eee;font-size:12px;padding:10px 14px;border-radius:5px}.beat-store .market-dialog .market-buy{background:#a5f326;border-color:#a5f326;color:#fff}.beat-store .market-dialog .market-note{color:#aaa;font-size:12px;line-height:1.7}.beat-store .market-dialog select,.beat-store .market-dialog input,.beat-store .market-dialog textarea{background:#121212;border:1px solid #444;color:#eee;border-radius:5px;padding:12px;font-size:13px;min-width:0}.beat-store .market-item{border-color:#3a3a3a;font-size:14px}.beat-store .market-item small{color:#a3a3a3}.beat-store .market-total{color:#fff;font-size:18px}.beat-store .checkout-banner{border:1px solid #785d2c;background:#312b1c;color:#f5d390;font-size:12px;padding:12px;border-radius:5px}.beat-store .checkout-method{background:#232323;border-color:#444;color:#ccc}.beat-store .checkout-method:has(input:checked){border-color:#a5f326;background:#11231a}.beat-store .market-dialog #market-status,.beat-store .commerce-dialog [data-status]{color:#bafa80;font-size:13px}.license-info{padding:10px 0}.license-info pre,.checkout-terms pre{white-space:pre-wrap;font-size:12px!important;color:#bbb;line-height:1.7}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.checkout-fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#aaa}.checkout-full{grid-column:1/-1}.checkout-terms details{border-top:1px solid #383838;padding:12px 0;font-size:13px}.checkout-terms summary,.license-info summary{cursor:pointer}.checkout-consent{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:flex-start;font-size:12px;margin:20px 0!important;line-height:1.7}.checkout-consent input{width:18px;flex-shrink:0;accent-color:#a5f326;margin-top:2px}.commerce-dialog .button.lime{background:#a5f326;border-color:#a5f326;color:white;font-size:13px;border-radius:5px}.beat-store [hidden]{display:none!important}
@media(min-width:1600px){.beat-store .site-header{padding-inline:max(32px,calc((100vw - 1400px)/2))}.beat-store .marketplace-hero{background-size:auto 150%}}
@media(max-width:1100px){.beat-store .site-header{gap:20px;padding-inline:24px}.beat-store .site-header nav{gap:14px}.beat-store .site-header nav>a[href="#beats"],.beat-store .site-header nav>a[href="studio.html"]{display:none}.beat-store .tracks{gap:16px}.beat-store .track .track-info{padding-inline:12px}.beat-store .track .track-bpm{padding-inline:12px}.beat-store .track .market-track-actions{padding-inline:9px}.beat-store .marketplace-hero{min-height:400px}.marketplace-hero-inner{padding-block:58px}.beat-store #marketplace-heading{font-size:54px}.beat-store .producer-panel .hero-main{grid-template-columns:250px 1fr;gap:30px}}
@media(max-width:800px){.beat-store .site-header{flex-wrap:wrap;gap:17px}.beat-store .header-search{order:3;max-width:none;flex-basis:100%}.beat-store .site-header nav>a#account-link{display:block}.beat-store .store-subnav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;gap:24px;min-height:44px}.beat-store .store-subnav a,.beat-store .store-subnav button{min-height:44px;font-size:12px;flex-shrink:0}.beat-store .tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.beat-store .market-toolbar{grid-template-columns:1fr 1fr}.beat-store .marketplace-hero{min-height:380px;background-position:85% 30%;background-size:auto 140%}.marketplace-hero::before{background:linear-gradient(90deg,#090909f5,#090909a3 60%,#09090944)}.marketplace-hero-inner{width:calc(100% - 48px)}.beat-store #marketplace-heading{font-size:47px;max-width:550px}.beat-store .discovery-search{max-width:550px}.beat-store .producer-panel .hero-main{grid-template-columns:200px 1fr;gap:25px}.beat-store .hero-copy #hero-heading{font-size:29px}.beat-store .hero-description{font-size:12px}.hero-track-mark{display:none}.beat-store .section-heading>p{display:none}.beat-store .market-dialog{padding:20px}.beat-store .player{padding:12px 18px}}
@media(max-width:560px){.beat-store .site-header{padding:15px 16px;gap:13px}.beat-store .site-header .wordmark{font-size:28px}.beat-store .site-header nav{gap:13px}.beat-store .site-header nav>a{font-size:12px}.beat-store .site-header nav .nav-cta{display:none}.beat-store #open-cart{font-size:12px;padding:8px 10px;min-height:36px}.beat-store .store-subnav{padding-inline:16px;gap:23px}.marketplace-hero-inner{width:calc(100% - 32px);padding:47px 0}.beat-store .marketplace-hero{min-height:353px;background-position:80% 20%;background-size:auto 130%}.beat-store #marketplace-heading{font-size:42px;line-height:1.06;letter-spacing:-.7px;margin-bottom:24px}.beat-store .marketplace-hero .eyebrow{font-size:9px;margin-bottom:14px}.beat-store .discovery-search{padding:6px 6px 6px 14px;gap:10px;min-height:55px}.beat-store .discovery-search input{font-size:12px}.beat-store .discovery-search button{padding:10px 17px;min-height:41px;font-size:12px}.marketplace-hero-inner>p:not(.eyebrow){font-size:10px}.hero-studio-link{font-size:11px}.beat-store .beats-section{padding:30px 16px}.beat-store .section-heading #beats-heading{font-size:22px}.beat-store .purchase-guidance{font-size:12px;line-height:1.65;margin-bottom:17px}.beat-store .market-toolbar{gap:10px}.beat-store .market-toolbar input,.beat-store .market-toolbar select{font-size:11px}.beat-store .tracks{gap:12px}.beat-store .track .track-info{padding:13px 11px 0}.beat-store .track .track-info h3{font-size:16px;min-height:0;margin-bottom:5px}.beat-store .track .track-info p{font-size:10px}.beat-store .track .track-bpm{font-size:10px;padding:7px 11px 0}.beat-store .track-key{font-size:9px}.beat-store .track .round-play{width:34px;height:34px;right:9px;top:9px}.beat-store .track .waveform{margin:9px 11px 5px;width:calc(100% - 22px)}.beat-store .track .market-track-actions{gap:4px;padding:6px 8px 11px}.beat-store .track .market-track-actions .market-button{font-size:9px;padding:8px 2px;min-height:32px}.beat-store .track .market-track-actions .market-buy{font-size:11px;min-height:38px;padding:11px 2px}.beat-store .catalog-foot{gap:10px;align-items:flex-start}.beat-store .catalog-foot p{font-size:10px;line-height:1.6}.beat-store .producer-panel{width:calc(100% - 32px)!important;margin:28px auto!important;padding:19px}.beat-store .producer-panel .hero-main{grid-template-columns:1fr;gap:25px}.beat-store .producer-panel .street-art-stage{width:100%;max-width:320px;justify-self:center}.beat-store .hero-copy #hero-heading{font-size:34px}.beat-store .hero-description{font-size:13px}.beat-store .about-strip,.beat-store .collab-section{width:calc(100% - 32px)!important}.beat-store .collab-content h2{font-size:32px}.beat-store .collab-panel{padding:23px 19px}.beat-store .collab-copy>p:first-child{font-size:13px}.beat-store .site-footer{width:calc(100% - 32px);padding-bottom:38px;gap:19px}.beat-store .player{padding:10px 12px}.checkout-fields{grid-template-columns:1fr}.checkout-full{grid-column:auto}.beat-store .market-dialog .market-item{flex-wrap:wrap;gap:10px}.beat-store .market-dialog .market-total{font-size:16px}.beat-store .market-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.beat-store .track{transition:none}.beat-store .track:hover{transform:none}}
