@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#08090d;--panel:#111217;--line:#282932;--muted:#9697a2;--red:#f43a27;--gold:#d1a65e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{height:78px;display:flex;align-items:center;padding:0 6%;justify-content:space-between;border-bottom:1px solid #ffffff15;position:sticky;top:0;z-index:20;background:#08090dea;backdrop-filter:blur(16px)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.03em;font-size:25px;display:flex;align-items:center;gap:10px}.brand-mark{background:#f33524;color:#fff;font-size:16px;padding:8px;clip-path:polygon(0 0,100% 0,100% 78%,80% 100%,0 100%)}.brand-accent{color:var(--red)}nav{display:flex;gap:38px}nav a,.cart-button{font-size:11px;font-weight:800;letter-spacing:.14em}nav a:hover{color:var(--red)}.cart-button{background:transparent;border:1px solid #4c4d52;color:white;padding:13px 19px}.cart-button span{color:var(--red);margin-left:12px}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 6% 70px;isolation:isolate;background:radial-gradient(ellipse at 82% 38%,#4b120f 0%,transparent 40%),linear-gradient(140deg,#0b0b10,#0f1018 70%,#190a0a)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#eb3927,#d8a65b,transparent)}.hero-copy{z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:.3em;font-weight:800;color:var(--red)}.eyebrow{color:#eee;display:flex;align-items:center;gap:13px}.live-dot{width:8px;height:8px;border-radius:50%;background:#ed432b;box-shadow:0 0 14px #ed432b;animation:pulse 3s ease-in-out infinite}.hero h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.91;font-weight:900;letter-spacing:-.015em}.hero h1{font-size:clamp(80px,9.2vw,158px);margin:33px 0 24px}.hero h1 em,h2 em{font-style:normal;color:var(--red)}.hero p,.section-desc{color:#b8b8c0;max-width:510px;line-height:1.85;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #464650;color:white;padding:18px 24px;font-weight:800;font-size:11px;letter-spacing:.13em;background:transparent;transition:background .25s,transform .25s,border-color .25s}.btn:hover{transform:translateY(-3px);border-color:var(--red)}.btn.primary{background:var(--red);border-color:var(--red)}.btn.primary:hover{background:#ce2e22}.hero-notes{margin-top:65px;display:flex;gap:35px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#a09ba0}.hero-art{position:relative;display:grid;place-items:center;min-width:0}.hero-art img{width:min(100%,610px);position:relative;z-index:1;box-shadow:0 24px 90px #0008;animation:levitate 8s ease-in-out infinite}.art-glow{position:absolute;width:75%;height:70%;background:#df291a3d;filter:blur(95px)}.strip{display:flex;justify-content:space-around;gap:15px;background:#15151b;border-bottom:1px solid var(--line);padding:19px 15px;color:#d5d1d1;font-family:'Barlow Condensed',sans-serif;font-size:19px;font-weight:800;letter-spacing:.18em}.strip span:nth-child(even){color:var(--red)}.section{padding:105px 6%;scroll-margin-top:78px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px}h2{font-size:clamp(49px,6.5vw,92px);margin:15px 0 12px}.count{display:flex;align-items:center;gap:12px;padding-bottom:20px}.count strong{font:900 58px 'Barlow Condensed',sans-serif;color:var(--red)}.count span{font-size:9px;letter-spacing:.16em;font-weight:800;color:#999;max-width:105px}.searchbar{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:34px 0 19px}.searchinput{display:flex;align-items:center;gap:12px;border:1px solid #30303b;background:#14151b;padding:0 18px;font-size:25px;color:#8a8990;min-width:300px;flex:1;max-width:480px}.searchinput input{border:0;outline:0;background:transparent;padding:17px 0;width:100%;color:white;font-size:13px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid #33343e;background:#111217;color:#9797a2;padding:15px;font-size:10px;letter-spacing:.1em;font-weight:800}.filter.active,.filter:hover{background:#f23d2c;color:#fff;border-color:#f23d2c}.beat-list{border-top:1px solid #383942}.beat-row{display:grid;grid-template-columns:52px 75px minmax(160px,1.4fr) minmax(80px,1fr) 120px 130px;align-items:center;gap:20px;padding:20px 9px;border-bottom:1px solid #292a34;transition:background .2s}.beat-row:hover{background:#15151c}.number{color:#686874;font:800 17px 'Barlow Condensed',sans-serif}.beat-art{height:72px;width:72px;object-fit:cover;border:1px solid #70472c}.beat-name strong{font-size:16px;display:block;margin-bottom:10px}.beat-name small,.beat-data,.beat-type{color:#9595a0;font-size:11px;letter-spacing:.07em}.beat-data{font-weight:700}.beat-data span{color:var(--gold)}.play-beat{width:40px;height:40px;border:1px solid #b4453b;background:#342021;color:#fff;font-size:14px;border-radius:50%}.play-beat:hover{background:var(--red)}.buy-beat{background:transparent;color:white;border:1px solid #555661;padding:14px 12px;font-size:10px;font-weight:800;letter-spacing:.1em}.buy-beat:hover{background:var(--red);border-color:var(--red)}.store-note{color:#85858f;font-size:11px;margin-top:20px}.license-section{background:#101116}.license-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:40px}.license{position:relative;border:1px solid #363641;padding:36px;background:#17181e;min-width:0}.license.popular{border-color:var(--red);background:linear-gradient(180deg,#271916,#15161b)}.popular-label{position:absolute;top:0;right:0;background:var(--red);padding:10px 15px;font-size:9px;font-weight:800;letter-spacing:.14em}.license-icon{font-size:10px;letter-spacing:.2em;color:var(--red);font-weight:800}.license h3{font:800 35px 'Barlow Condensed',sans-serif;margin:22px 0}.price{font:900 56px 'Barlow Condensed',sans-serif}.price span{font:500 13px Inter,sans-serif;color:#aaa}.license p{min-height:54px;color:#a8a8b2;font-size:13px;line-height:1.7}.license ul{list-style:none;margin:22px 0 32px;padding:0;border-top:1px solid #35353f}.license li{font-size:12px;color:#c9c9cf;border-bottom:1px solid #35353f;padding:15px 0}.license li:before{content:'✓';color:var(--red);margin-right:10px}.license-cta{width:100%}.exclusive{border:1px solid #34343f;margin-top:22px;padding:25px;display:flex;gap:20px;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.11em}.exclusive a{color:var(--red)}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;background:radial-gradient(ellipse at 75% 60%,#24141b,transparent 45%)}.about p,.contact p{color:#a7a7b0;line-height:1.9;max-width:500px}.about .btn{margin-top:20px}.about-badge{display:flex;flex-direction:column;align-items:center;gap:15px;font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--gold)}.about-badge img{width:min(100%,370px);box-shadow:0 25px 80px #0006}.contact{text-align:center;background:#131318}.contact p{margin:15px auto 25px}.contact-note{border:1px solid #41414b;display:inline-block;padding:19px;color:#a3a2ab;font-size:11px;letter-spacing:.1em}footer{padding:30px 6%;display:flex;justify-content:space-between;gap:20px;color:#898990;font-size:10px;font-weight:700;letter-spacing:.12em}.player{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:20px;padding:17px 6%;background:#19191f;border-top:2px solid var(--red);box-shadow:0 -10px 40px #0008}.player[hidden]{display:none}.play-round{background:var(--red);border:0;color:white;border-radius:50%;height:43px;width:43px;font-size:15px}.player-meta{min-width:180px}.player-meta strong{font-size:13px;display:block}.player-meta small{font-size:9px;color:#858590;letter-spacing:.13em}.player input{flex:1;accent-color:var(--red)}.time{color:#a5a5ac;font-size:11px}.close-player{border:0;background:none;color:#ddd;font-size:26px}.cart-overlay{position:fixed;inset:0;background:#000a;z-index:39}.cart-overlay[hidden]{display:none}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);z-index:40;background:#18191f;padding:30px;display:flex;flex-direction:column;transform:translateX(101%);transition:transform .3s;box-shadow:-10px 0 50px #0008}.cart-drawer.open{transform:none}.cart-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #393943;padding-bottom:20px}.cart-heading small{font-size:10px;letter-spacing:.2em;color:var(--red)}.cart-heading h3{font:900 38px 'Barlow Condensed',sans-serif;margin:5px 0}.cart-heading button,.dialog-close{background:none;color:#fff;border:0;font-size:25px}.cart-items{flex:1;overflow:auto;padding:20px 0}.cart-item{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #34353e;padding:17px 0;font-size:13px}.cart-item small{display:block;color:#aaa;margin-top:7px}.cart-item button{border:0;color:var(--red);background:none}.cart-bottom{border-top:1px solid #373842;padding-top:20px}.subtotal{display:flex;justify-content:space-between;font-size:13px}.cart-bottom p{font-size:11px;color:#aaa;line-height:1.5}.checkout{width:100%;opacity:.55;cursor:not-allowed}dialog{border:1px solid #9b3d32;background:#19191f;color:white;max-width:min(450px,92vw);width:100%;padding:35px;box-shadow:0 30px 90px #000}dialog::backdrop{background:#000b}dialog form{display:flex;flex-direction:column;gap:17px}.dialog-close{align-self:end}dialog h3{font:900 40px 'Barlow Condensed',sans-serif;margin:0}dialog p{font-size:12px;color:#aaa;line-height:1.7}dialog label{font-size:11px;font-weight:800;letter-spacing:.14em}dialog select{padding:16px;background:#292a30;border:1px solid #4b4b54;color:white}@keyframes levitate{50%{transform:translateY(-10px)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 4px #ed432b}}@media(max-width:980px){nav{gap:16px}.hero{min-height:500px}.hero h1{font-size:clamp(65px,9vw,110px)}.beat-row{grid-template-columns:30px 65px 1fr 60px 115px;gap:12px}.beat-type{display:none}.license-grid{gap:9px}.license{padding:24px}}@media(max-width:720px){.header{height:70px;padding:0 5%}.brand{font-size:21px}nav{display:none}.hero{grid-template-columns:1fr;padding:55px 6% 40px}.hero h1{font-size:clamp(76px,17vw,115px)}.hero-art{margin:25px auto 0;max-width:400px}.hero-notes{margin-top:40px;gap:20px}.strip{font-size:12px;overflow:hidden;white-space:nowrap}.strip span:nth-child(n+5){display:none}.section{padding:65px 6%}.section-top{align-items:start}.count{display:none}.searchbar{flex-direction:column;align-items:stretch}.searchinput{min-width:0;max-width:none}.tabs .filter{flex:1}.beat-row{grid-template-columns:35px 58px 1fr 86px;gap:8px;padding:16px 0}.beat-row .number{display:none}.beat-art{width:55px;height:55px}.beat-name strong{font-size:13px}.beat-name small{font-size:9px}.beat-data{display:none}.buy-beat{font-size:9px;padding:12px 8px}.license-grid,.about{grid-template-columns:1fr}.license-grid{gap:14px}.license p{min-height:auto}.exclusive{flex-direction:column}.about-badge{margin-top:20px}.player{gap:9px;padding:12px 4%}.player-meta{min-width:105px}.player-meta strong{font-size:11px}.player-meta small{font-size:8px}.time{display:none}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Homepage full-bleed logo backdrop and low-motion, decorative flame accents. */
.hero{
  min-height:min(820px,92svh);
  grid-template-columns:minmax(0,1fr);
  overflow:hidden;
  background-color:#08090d;
  background-image:linear-gradient(90deg,rgba(5,6,10,.95) 0%,rgba(7,7,12,.88) 31%,rgba(7,7,12,.46) 63%,rgba(8,7,11,.35) 100%),url('assets/saucemankeys-logo.png');
  background-size:cover,cover;
  background-repeat:no-repeat;
  background-position:center,center 47%;
}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 78% 75%,rgba(255,75,13,.25),transparent 43%);mix-blend-mode:screen;animation:fireGlow 5.5s ease-in-out infinite alternate}
.hero-copy{max-width:740px;position:relative;z-index:4;text-shadow:0 2px 20px #050408bb}
.hero h1{font-size:clamp(72px,9vw,146px)}
.hero p{color:#e6e2e3}
.hero-fire{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.63}
.flame{position:absolute;bottom:-9%;width:30%;height:45%;border-radius:50% 50% 35% 35%;filter:blur(16px);transform-origin:50% 100%;background:radial-gradient(ellipse at 50% 92%,rgba(255,215,58,.55) 0%,rgba(255,83,15,.46) 25%,rgba(208,27,12,.18) 48%,transparent 72%);animation:flameSway 5s ease-in-out infinite alternate}
.flame-one{left:38%;height:35%;animation-delay:-1.2s}.flame-two{left:56%;height:55%;animation-duration:6.5s;animation-delay:-3.5s}.flame-three{left:72%;height:42%;animation-duration:4.4s;animation-delay:-2s}.flame-four{left:86%;height:48%;animation-duration:7s;animation-delay:-4.1s}
.embers{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.embers i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#ff9b35;box-shadow:0 0 10px 3px #fa4a1f80;opacity:0;animation:emberRise 8s linear infinite}
.embers i:nth-child(1){left:51%;animation-delay:-1s}.embers i:nth-child(2){left:67%;animation-delay:-5s;animation-duration:10s}.embers i:nth-child(3){left:79%;animation-delay:-3s;animation-duration:7s}.embers i:nth-child(4){left:92%;animation-delay:-7s;animation-duration:9s}.embers i:nth-child(5){left:58%;animation-delay:-4s;animation-duration:11s}.embers i:nth-child(6){left:74%;animation-delay:-8s;animation-duration:8.5s}.embers i:nth-child(7){left:87%;animation-delay:-2s;animation-duration:10.5s}.embers i:nth-child(8){left:42%;animation-delay:-6s;animation-duration:9s}.embers i:nth-child(9){left:96%;animation-delay:-2.7s;animation-duration:12s}.embers i:nth-child(10){left:62%;animation-delay:-9s;animation-duration:7.5s}
@keyframes fireGlow{from{opacity:.42;transform:scale(1)}to{opacity:.9;transform:scale(1.04)}}
@keyframes flameSway{0%{transform:translateX(-4%) scaleX(.85) scaleY(.85);opacity:.45}50%{transform:translateX(4%) scaleX(1.06) scaleY(1.08);opacity:.86}100%{transform:translateX(-2%) scaleX(.95) scaleY(.96);opacity:.58}}
@keyframes emberRise{0%{transform:translate(0,0) scale(.8);opacity:0}12%{opacity:.8}72%{opacity:.62}100%{transform:translate(30px,-72vh) scale(.2);opacity:0}}
@media(max-width:720px){.hero{min-height:720px;max-height:none;align-items:end;padding-bottom:74px;background-image:linear-gradient(0deg,rgba(5,6,10,.97) 0%,rgba(5,6,10,.88) 35%,rgba(5,6,10,.2) 85%),url('assets/saucemankeys-logo.png');background-size:cover,auto 75%;background-position:center,center top 4%}.hero h1{font-size:clamp(63px,14vw,110px)}.hero-copy{padding-top:230px}.hero-fire{opacity:.42}.hero-notes{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hero:before,.flame,.embers i{animation:none!important}.embers{display:none}}

/* October 2026: richer but restrained living-fire overlay. CSS layers animate separately;
   original emblem remains the static full-bleed background image. */
.hero:before{animation:fireGlow 3.8s ease-in-out infinite alternate;filter:saturate(1.35)}
.hero-fire{opacity:.83;filter:saturate(1.45)}
.flame{bottom:-10%;border-radius:44% 56% 34% 31%;filter:blur(12px);background:radial-gradient(ellipse at 48% 94%,rgba(255,229,91,.69) 0%,rgba(255,126,25,.53) 23%,rgba(250,50,8,.29) 53%,transparent 73%);animation:flameSway 3.8s ease-in-out infinite alternate}
.flame-one{left:35%;height:44%;animation-duration:3.7s}.flame-two{left:55%;height:66%;animation-duration:4.5s}.flame-three{left:72%;height:57%;animation-duration:3.4s}.flame-four{left:85%;height:62%;animation-duration:4.9s}
.hero-fire:after{content:"";position:absolute;inset:12% -5% 0 45%;pointer-events:none;opacity:.6;background:radial-gradient(ellipse 13% 34% at 34% 76%,rgba(255,176,34,.64),transparent 89%),radial-gradient(ellipse 16% 39% at 56% 78%,rgba(251,55,9,.68),transparent 86%),radial-gradient(ellipse 13% 27% at 79% 72%,rgba(255,126,17,.59),transparent 90%);filter:blur(18px);mix-blend-mode:screen;animation:flameTongues 5.1s ease-in-out infinite alternate}
.embers i{width:4px;height:4px;animation-duration:6.6s;box-shadow:0 0 12px 4px #fa4a1f80}
@keyframes flameSway{0%{transform:translate(-4%,3%) rotate(-3deg) scale(.88,.87);opacity:.49}35%{transform:translate(3%,-3%) rotate(2deg) scale(1.04,1.12);opacity:.87}70%{transform:translate(-2%,-7%) rotate(-2deg) scale(.96,1.19);opacity:.72}100%{transform:translate(5%,-2%) rotate(3deg) scale(1.08,1.06);opacity:.92}}
@keyframes flameTongues{0%{transform:translate(-1%,3%) scale(.94,.96);opacity:.45}50%{transform:translate(2%,-4%) scale(1.04,1.08);opacity:.75}100%{transform:translate(-2%,-8%) scale(1.01,1.16);opacity:.6}}
@media(max-width:720px){.hero-fire{opacity:.59}.hero-fire:after{inset:8% -7% 0 24%}}
@media(prefers-reduced-motion:reduce){.hero-fire:after{animation:none!important}}