*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--orange:#ee7330;--orange-dk:#c55a1e;--green:#489f5b;--yellow:#fad33b;--cream:#fbebcc;--cream-dk:#f0d9a8;--dark:#160c04;--dark2:#2a1608;--white:#fff;--r:12px}html{font-size:16px;scroll-behavior:smooth}body{background:var(--cream);color:var(--dark);font-family:DM Sans,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.skip{background:var(--orange);border-radius:0 0 8px 8px;color:#fff;font-size:14px;font-weight:700;left:12px;padding:10px 20px;position:absolute;text-decoration:none;top:-100px;transition:top .2s;z-index:9999}.skip:focus{top:0}.site-nav{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--yellow);display:flex;gap:16px;height:60px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:300}.nav-logo{display:flex;flex-direction:column;flex-shrink:0;line-height:1;text-decoration:none}.logo-name{color:var(--orange);font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:3px}.logo-tag{color:rgba(22,12,4,.45);font-size:9px;font-weight:700;letter-spacing:4px;margin-top:-3px;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:24px}.nav-links a{color:rgba(22,12,4,.5);font-size:12px;font-weight:700;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--dark)}.btn-play-nav{align-items:center;background:var(--orange);border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;gap:7px;padding:10px 18px;text-decoration:none;transition:background .2s,transform .15s;white-space:nowrap}.btn-play-nav:hover{background:var(--orange-dk);transform:translateY(-1px)}.btn-play-nav svg{fill:#fff;height:12px;width:12px}@media (max-width:520px){.nav-links{display:none}}.genres-bar{align-items:center;background:var(--orange);display:flex;height:40px;overflow:hidden}.genres-track{animation:marquee 22s linear infinite;display:flex;gap:0;white-space:nowrap;width:max-content}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.genre-chip{align-items:center;color:hsla(40,85%,89%,.6);display:inline-flex;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:17px;gap:14px;letter-spacing:2px;padding:0 28px}.genre-dot{background:var(--orange);border-radius:50%;flex-shrink:0;height:5px;width:5px}.genre-chip.hi{color:#fff}.hero{align-items:flex-end;display:flex;min-height:52vh;overflow:hidden;position:relative}.hero-img{inset:0;position:absolute}.hero-img img{display:block;filter:saturate(1.2) brightness(.75);height:100%;object-fit:cover;object-position:top;width:100%}.hero-img:after{background:linear-gradient(to bottom,rgba(22,12,4,.25) 0,rgba(22,12,4,.1) 35%,rgba(22,12,4,.55) 70%,var(--cream) 100%);content:"";inset:0;position:absolute}.hero-body{margin:0 auto;max-width:680px;padding:48px 24px 56px;position:relative;text-align:center;width:100%;z-index:2}.hero-eyebrow{align-items:center;backdrop-filter:blur(8px);background:rgba(22,12,4,.45);border-radius:50px;color:hsla(40,85%,89%,.85);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:2.5px;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.live-dot{animation:blink 1.5s ease-in-out infinite;background:var(--orange);border-radius:50%;height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero-headline{font-family:Bebas Neue,sans-serif;font-size:clamp(72px,16vw,130px);letter-spacing:3px;line-height:.9;margin-bottom:20px}.hl-dark{color:#fff;display:block}.hl-orange{color:var(--orange);display:block}.hl-green{color:var(--green);display:block}.hl-yellow{color:var(--yellow);display:block}.hero-subline{color:hsla(40,85%,89%,.8);font-family:Fraunces,serif;font-size:clamp(16px,3.5vw,22px);font-style:italic;font-weight:700;line-height:1.3;margin-bottom:32px}.hero-cta{align-items:center;background:var(--orange);border:none;border-radius:50px;box-shadow:0 6px 24px rgba(238,115,48,.45);color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:17px;font-weight:700;gap:10px;padding:16px 36px;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.hero-cta:hover{background:var(--orange-dk);box-shadow:0 10px 32px rgba(238,115,48,.5);transform:translateY(-2px)}.hero-cta svg{fill:#fff;height:18px;width:18px}.hero-reassure{color:var(--cream-dk);font-size:12px;font-weight:500;letter-spacing:.3px;margin-top:12px}.listen-section{align-items:center;background:var(--cream);background-color:var(--bg-light);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;margin-top:-2px;min-height:80vh;overflow-y:auto;padding:20px 16px 25px}.listen-inner{margin:0 auto;max-width:560px}.player-top{gap:14px;margin-bottom:20px}.album-wrap,.player-top{align-items:center;display:flex}.album-wrap{background:linear-gradient(135deg,var(--dark2),var(--green));border-radius:9px;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.album-wrap svg{fill:hsla(0,0%,100%,.6);height:26px;width:26px}.player-meta{flex:1;min-width:0}.player-live{align-items:center;color:var(--orange);display:flex;font-size:9px;font-weight:700;gap:5px;letter-spacing:2.5px;margin-bottom:4px;text-transform:uppercase}.player-live:before{animation:blink 1.5s infinite;background:var(--orange);border-radius:50%;content:"";height:5px;width:5px}.player-title{font-size:18px;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist{color:rgba(22,12,4,.4);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.share-ico{align-items:center;background:transparent;border:1.5px solid rgba(22,12,4,.1);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:border-color .2s;width:34px}.share-ico:hover{border-color:var(--orange)}.share-ico svg{fill:none;height:14px;stroke:rgba(22,12,4,.4);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:14px}.player-controls{gap:16px}.btn-play,.player-controls{align-items:center;display:flex}.btn-play{background:var(--orange);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:50px;justify-content:center;transition:background .2s,transform .15s,box-shadow .2s;width:50px}.btn-play:hover{background:var(--orange-dk);box-shadow:0 4px 16px rgba(238,115,48,.4);transform:scale(1.07)}.btn-play:active{transform:scale(.97)}.btn-play svg{fill:#fff;height:19px;margin-left:3px;width:19px}.vol-group{align-items:center;display:flex;flex:1;gap:9px}.vol-ico{color:rgba(22,12,4,.3)}.vol-ico svg{display:block;fill:currentColor;height:15px;width:15px}.vol-rail{background:rgba(22,12,4,.1);border-radius:2px;cursor:pointer;flex:1;height:4px;position:relative}.vol-filled{background:var(--orange);border-radius:2px;height:100%;pointer-events:none;width:60%}.vol-knob{background:var(--dark);border-radius:50%;height:13px;left:60%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:13px}.vol-pct{color:rgba(22,12,4,.3);font-size:11px;font-weight:700;min-width:26px;text-align:right}.playlist-card{background:#fff;border:1.5px solid rgba(22,12,4,.07);border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r);border-top:1px solid rgba(22,12,4,.05);box-shadow:0 8px 32px rgba(22,12,4,.06);margin-bottom:28px;overflow:hidden}.playlist-header{align-items:center;border-bottom:1px solid rgba(22,12,4,.05);display:flex;gap:12px;padding:12px 20px}.playlist-label{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.playlist-rule{background:rgba(22,12,4,.07);flex:1;height:1px}.track-row{align-items:center;border-bottom:1px solid rgba(22,12,4,.04);cursor:pointer;display:flex;gap:12px;padding:11px 20px;transition:background .15s}.track-row:last-child{border-bottom:none}.track-row:hover{background:rgba(238,115,48,.04)}.track-art{background:var(--cream-dk);border-radius:6px;flex-shrink:0;height:38px;overflow:hidden;width:38px}.track-art img{display:block;height:100%;object-fit:cover;width:100%}.track-info{flex:1;min-width:0}.track-name{font-size:13px;font-weight:700;margin-bottom:2px}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:rgba(22,12,4,.4);font-size:11px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.track-time{color:rgba(22,12,4,.28);flex-shrink:0;font-size:10px}.cta-listen{align-items:center;background:var(--dark);border:none;border-radius:10px;color:var(--cream);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:17px 24px;text-decoration:none;transition:background .2s;width:100%}.cta-listen:hover{background:var(--orange)}.cta-listen svg{fill:currentColor;height:18px;width:18px}.cta-note{color:rgba(22,12,4,.38);font-size:12px;font-weight:500;margin-top:10px;text-align:center}.app-band{background:var(--yellow);padding:40px 24px}.app-band-inner{flex-wrap:wrap;gap:40px;margin:0 auto;max-width:900px}.app-band-inner,.app-stores{align-items:center;display:flex}.app-stores{flex-direction:column;flex-shrink:0;gap:10px;justify-content:center}.store-btn{align-items:center;background:var(--dark);border:none;border-radius:10px;color:var(--cream);cursor:pointer;display:flex;gap:14px;padding:13px 20px;text-decoration:none;transition:background .2s,transform .15s;width:220px}.store-btn:hover{background:var(--dark2);transform:translateY(-1px)}.store-ico{flex-shrink:0}.store-ico svg{display:block;fill:var(--cream);height:24px;width:24px}.store-text small{color:hsla(40,85%,89%,.5);display:block;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:1px;text-transform:uppercase}.store-text strong{color:var(--cream);display:block;font-size:16px;font-weight:700}.app-copy{flex:1;min-width:220px}.app-headline{color:var(--orange);font-family:Bebas Neue,sans-serif;font-size:clamp(36px,6vw,58px);letter-spacing:2px;line-height:.95;margin-bottom:12px}.app-body{color:rgba(22,12,4,.6);font-size:15px;line-height:1.65;max-width:360px}@media (max-width:600px){.app-band-inner{flex-direction:column;gap:28px}.app-stores,.store-btn{width:100%}}.site-footer{align-items:center;background:var(--dark);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:28px 24px}.footer-brand{color:var(--orange);font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;list-style:none}.footer-links a{color:var(--white);font-size:12px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-copy{color:var(--white);font-size:11px;width:100%}@media (min-width:600px){.footer-copy{width:auto}}.player-card{backdrop-filter:blur(20px);background:var(--white);border:1px solid rgba(243,112,33,.1);border-radius:40px;box-shadow:0 20px 50px rgba(74,44,29,.08);max-width:900px;padding:40px;position:relative;width:95%}@media (max-width:768px){.player-card{padding:25px}}.main-player{align-items:center;display:flex;gap:50px;margin-bottom:30px}.album-wrapper{flex-shrink:0;position:relative}.album-art{border:6px solid #fff;border-radius:25px;box-shadow:0 15px 35px rgba(243,112,33,.15);height:320px;object-fit:cover;transition:transform .3s ease;width:320px}.info-panel{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.track-details h1{color:var(--orange);font-family:DM Sans,sans-serif;font-size:2.8rem;font-style:italic;font-weight:800;line-height:1.1}.track-details p{color:var(--dark);font-size:.9rem;font-weight:600;letter-spacing:1.5px;margin-top:5px;text-transform:uppercase}.controls-row{gap:25px;margin-top:30px}.controls-row,.play-btn{align-items:center;display:flex}.play-btn{background:var(--orange);border:none;border-radius:50%;box-shadow:0 8px 20px rgba(243,112,33,.3);color:#fff;cursor:pointer;font-size:1.8rem;height:75px;justify-content:center;transition:all .3s ease;width:75px}.play-btn:hover{background:var(--orange-dk);box-shadow:0 12px 25px rgba(0,150,97,.3);transform:scale(1.08)}.history-section{border-top:1px solid rgba(74,44,29,.08);padding-top:25px}.history-title{color:var(--orange);font-size:.85rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.history-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.track-card{align-items:center;background:var(--cream);border:1px solid transparent;border-radius:15px;display:flex;gap:15px;padding:10px;transition:all .2s}.track-card:hover{background:#fff;border-color:var(--orange-dk);transform:translateY(-2px)}.track-card img{border-radius:10px;height:55px;object-fit:cover;width:55px}.track-card h4{font-size:.9rem}.volume-box{flex-grow:1;max-width:250px}.volume-header{color:var(--orange-dk);display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;margin-bottom:8px;text-transform:uppercase}input[type=range]{accent-color:var(--orange);cursor:pointer;width:100%}@media (max-width:840px){#volume-control{width:170px}}@media (max-width:820px){#volume-control{width:155px}}@media (max-width:810px){#volume-control{width:150px}}@media (max-width:790px){#volume-control{width:145px}}@media (max-width:770px){#volume-control{width:130px}}.share-menu{flex-direction:column-reverse;gap:12px;position:absolute;right:30px;top:25px;z-index:20}.share-main-btn,.share-menu{align-items:center;display:flex}.share-main-btn{border:1px solid var(--orange);border-radius:50%;color:var(--orange);cursor:pointer;height:40px;justify-content:center;transition:all .3s ease;width:40px}.share-main-btn:hover{background:var(--cream-dk);border:1px solid var(--orange-dk);color:var(--orange-dk)}.share-links{display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.share-menu.active .share-links{opacity:1;pointer-events:auto;transform:translateY(0)}.share-menu.active .share-main-btn{background:var(--orange-dk);border-color:var(--orange-dk);color:#fff;transform:rotate(45deg)}.share-btn{align-items:center;background:var(--glass);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:var(--text-dim);display:flex;font-size:.9rem;height:35px;justify-content:center;text-decoration:none;transition:all .2s ease;width:35px}.share-btn:hover{background:hsla(0,0%,100%,.1);color:var(--yellow);transform:scale(1.1)}#second-logo,.controls-row{margin-bottom:30px}#mobile-logo{display:none;padding:0 auto}@media (max-width:768px){.main-player{flex-direction:column;gap:25px;text-align:center}.controls-row{align-items:center;flex-direction:column;gap:20px;justify-content:center;max-width:100%}.history-grid{grid-template-columns:1fr}.album-art,.scene{height:220px;width:220px}.info-panel h1{font-size:2.2rem}.player-card{padding:25px}#info-container{justify-content:center}#volume-control{width:220px}.hero{min-height:30vh}.listen-section{min-height:50vh}.app-headline{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px;justify-content:center}#second-logo{display:none;height:60px;margin:0 auto;width:120px}#mobile-logo{display:block;padding-bottom:20px}}#current-title{font-size:larger;font-weight:700}#current-artist{font-size:large}.playing .album-art{animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.03) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}#btn-volume{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.scene{height:320px;perspective:1000px;width:320px}.card{position:relative;transform-origin:center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.4,0,.2,1)}.card,.card-face{height:100%;width:100%}.card-face{backface-visibility:hidden;position:absolute}.card-face-back{transform:rotateY(180deg)}.image-container{height:100%;position:relative;width:100%}.card-image{height:100%;width:100%;object-cover:cover;object-fit:cover}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.editorial-section{background:#fff;border-top:1px solid #f0ece6;padding:72px 24px}.editorial-inner{margin:0 auto;max-width:780px}.editorial-heading{color:#ee7330;font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,48px);letter-spacing:.5px;margin-bottom:28px}.editorial-body{display:grid;gap:18px}.editorial-body p{color:#444;font-size:17px;line-height:1.8}