.navbar{z-index:100;-webkit-backdrop-filter:blur();transition:background-color .16s var(--ease-snap), border-color .16s var(--ease-snap), backdrop-filter .16s var(--ease-snap);background:0 0;border-bottom:1px solid #0000;animation:.6s cubic-bezier(.16,1,.3,1) backwards navbar-in;position:fixed;top:0;left:0;right:0}@keyframes navbar-in{0%{opacity:0;transform:translateY(-40px)}}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080807bf}.navbar-open{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#080807}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:20px 40px;display:flex}.navbar-logo{font-family:var(--font-heading);letter-spacing:.02em;color:var(--text);font-size:18px;font-weight:600}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-link{font-family:var(--font-body);color:var(--text-muted);transition:color .16s var(--ease-snap);align-items:center;padding:6px 14px;font-size:14px;display:inline-flex;position:relative}.navbar-link:hover,.navbar-link-active{color:var(--text)}.navbar-link-label{z-index:1;position:relative}.navbar-pill{background:#fbd2951f;border:1px solid #fbd2954d;border-radius:100px;position:absolute;inset:0}.navbar-socials{align-items:center;gap:10px;display:flex}.navbar-social{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:color .16s var(--ease-snap), border-color .16s var(--ease-snap), box-shadow .16s var(--ease-snap);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.navbar-social:hover{color:var(--text);border-color:var(--accent);box-shadow:0 0 10px #fbd29547}.navbar-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;display:none}.navbar-burger span{background:var(--text);width:100%;height:1.5px;transition:transform .25s,opacity .25s;display:block}.navbar-burger-open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar-burger-open span:nth-child(2){opacity:0}.navbar-burger-open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.navbar-mobile{flex-direction:column;gap:4px;padding:0 24px 20px;display:flex;overflow:hidden}.navbar-mobile-link{color:var(--text);border-bottom:1px solid var(--border);padding:12px 0;font-size:16px}@media (max-width:809.98px){.navbar-inner{padding:16px 24px}.navbar-scrolled{background:var(--bg)}.navbar-links,.navbar-socials{display:none}.navbar-burger{display:flex}}
.hero{position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:160px 40px 96px;display:grid}.hero-beam{pointer-events:none;z-index:0;background:linear-gradient(100deg,#0000 38%,#fbd29529 48%,#fbd2950f 54%,#0000 68%);width:160%;height:200%;position:absolute;top:-30%;left:-10%;transform:rotate(-14deg)}.hero-glow{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0099ff1f 0%,#09f0 70%);border-radius:50%;width:480px;height:480px;position:absolute;bottom:-240px;right:-180px}.hero-left,.hero-right{z-index:1;position:relative}.hero-left{animation:.8s cubic-bezier(.16,1,.3,1) backwards hero-left-in}.hero-right{animation:.8s cubic-bezier(.16,1,.3,1) .15s backwards hero-right-in}@keyframes hero-left-in{0%{opacity:0;transform:translate(-64px)}}@keyframes hero-right-in{0%{opacity:0;transform:scale(.8)}}.hero-preheading-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.headphones-deco{flex-shrink:0;width:44px;height:44px;position:relative;transform:rotate(20deg)}.ring{border:1px solid var(--border);border-radius:50%;position:absolute}.ring-outer{inset:0}.ring-middle{inset:6px}.ring-inner{background:var(--accent);justify-content:center;align-items:center;display:flex;inset:12px}.hero-preheading{font-family:var(--font-body);color:var(--text);letter-spacing:.02em;font-size:15px}.hero-title{letter-spacing:0;word-spacing:.12em;color:var(--text);text-wrap:balance;max-width:560px;font-size:56px;line-height:1.08}.hero-paragraph{color:var(--text-muted);text-wrap:pretty;max-width:440px;margin-top:24px;font-size:17px;line-height:1.5}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;display:flex}.hero-image-perspective{perspective:1200px;position:relative}.hero-image-idle{transform-style:preserve-3d}.hero-image-wrap{aspect-ratio:3392/5056;transform-style:preserve-3d;border-radius:24px;position:relative;overflow:visible;box-shadow:0 40px 80px -30px #0009}.hero-image{object-fit:cover;object-position:top center;border-radius:24px}.hero-badge-zone{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:absolute;top:12%;left:-125px;transform:translateY(-50%)}.hero-badge{will-change:transform;background:#0d0d0d;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.hero-badge-ring{width:100%;height:100%;animation:12s linear infinite hero-badge-spin;position:absolute;inset:0}.hero-badge-ring text{fill:#fff;font-family:var(--font-body);letter-spacing:2.2px;font-size:12px;font-weight:600}@keyframes hero-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-badge-play{width:20px;height:20px;position:relative}@media (min-width:810px) and (max-width:1199.98px){.hero-inner{grid-template-columns:1fr 1fr;gap:32px;padding:140px 32px 72px}.hero-title{font-size:44px}.hero-image-perspective{width:min(100%,75svh - 180px);margin-left:auto}.hero-image-wrap{aspect-ratio:3/4}.hero-image{object-position:center 15%}.hero-badge-zone{width:208px;height:208px;left:-104px}.hero-badge{width:80px;height:80px}.hero-badge-play{width:17px;height:17px}}@media (max-width:809.98px){.hero-inner{grid-template-columns:1fr;gap:40px;padding:92px 24px 32px}.hero-title{font-size:clamp(28px,9.4vw,38px)}.hero-title-sentence{display:block}.hero-image{object-position:center 15%}.hero-badge-zone{width:166px;height:166px;top:12%;left:-35px}.hero-badge{width:64px;height:64px}.hero-badge-play{width:13px;height:13px}}@media (min-width:600px) and (max-width:809.98px){.hero-image-wrap{aspect-ratio:4/3}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}}
.stats{max-width:1200px;margin:0 auto;padding:0 40px 96px}.stats-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding:48px 0;display:grid}.stats-item{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.stats-value{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);font-size:48px;font-weight:600}.stats-label{color:var(--text-muted);font-size:14px}@media (min-width:810px) and (max-width:1199.98px){.stats{padding:0 32px 72px}.stats-value{font-size:40px}}@media (max-width:809.98px){.stats{padding:0 24px 32px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}.stats-value{font-size:36px}}
.upcoming{max-width:1200px;margin:0 auto;padding:0 40px 96px}.upcoming-card{border:1px solid var(--border);background:var(--card-bg);border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding:56px;display:flex}.upcoming-info{max-width:480px}.upcoming-info .btn{white-space:nowrap;text-align:center;margin-top:28px}.upcoming-countdown{flex-shrink:0;gap:28px;display:flex}.upcoming-unit{flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.upcoming-unit-value{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600}.upcoming-out-now{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--accent);font-size:44px;font-weight:600}.upcoming-unit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px}@media (min-width:810px) and (max-width:1199.98px){.upcoming{padding:0 32px 72px}.upcoming-card{gap:36px;padding:44px}.upcoming-unit-value,.upcoming-out-now{font-size:38px}}@media (max-width:809.98px){.upcoming{padding:0 24px 36px}.upcoming-card{flex-direction:column;align-items:flex-start;gap:32px;padding:32px 24px}.upcoming-info .btn{width:100%}.upcoming-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.upcoming-unit{text-align:center;gap:6px;min-width:0}.upcoming-unit-value{font-size:30px;line-height:1}.upcoming-unit-label{font-size:12px}.upcoming-out-now{font-size:30px}}
.about{grid-template-columns:.85fr 1fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding:96px 40px;display:grid}.about-image-wrap{aspect-ratio:968/1138;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.about-image{object-fit:cover;object-position:top center}.about-paragraph{color:var(--text-muted);text-wrap:pretty;max-width:480px;margin-top:20px;font-size:16px;line-height:1.6}.about-link{background:var(--accent);color:var(--bg);transition:transform .18s var(--ease-snap), background-color .18s var(--ease-snap), box-shadow .18s var(--ease-snap);border-radius:100px;margin-top:32px;padding:16px 28px;font-size:15px;font-weight:500;display:inline-flex}.about-link:hover{background:#fff;box-shadow:0 0 18px #fbd29533}@media (min-width:810px) and (max-width:1199.98px){.about{gap:40px;padding:72px 32px}}@media (max-width:809.98px){.about{grid-template-columns:1fr;gap:40px;padding:36px 24px}.about-image-wrap{aspect-ratio:4/3}.about-image{object-position:center 15%}}
.music-style{max-width:1200px;margin:0 auto;padding:96px 40px}.music-style-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1.3fr 1fr;gap:24px;margin-top:48px;display:grid}.music-style-card{--spot-x:50%;--spot-y:50%;border:1px solid var(--border);background:var(--card-bg);transition:transform .18s var(--ease-snap), border-color .18s var(--ease-snap), box-shadow .18s var(--ease-snap);border-radius:32px;flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:relative;overflow:hidden}.music-style-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 24px #fbd29526}.music-style-card:before{content:"";background:radial-gradient(circle at var(--spot-x) var(--spot-y), #fbd29529, transparent 55%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.music-style-card:not(.music-style-card-featured):hover:before{opacity:1}}.music-style-title{color:var(--text);font-size:22px}.music-style-description{color:var(--text-muted);text-wrap:pretty;margin-top:12px;font-size:16px;line-height:1.6}.music-style-card-featured{background:var(--accent);border:none;grid-row:span 2;padding:48px;overflow:hidden}.music-style-card-featured:hover{border-color:#0000;box-shadow:0 0 40px 4px #fbd29559}.music-style-card-featured .music-style-title{color:var(--bg);letter-spacing:0;word-spacing:.05em;text-transform:uppercase;font-size:clamp(52px,7vw,88px);line-height:.92}.music-style-card-featured .music-style-description{color:#080807a6;max-width:30ch;margin-top:20px}@media (min-width:810px) and (max-width:1199.98px){.music-style{padding:72px 32px}.music-style-card-featured .music-style-title{font-size:clamp(44px,8vw,64px)}}@media (max-width:809.98px){.music-style{padding:36px 24px}.music-style-grid{grid-template-rows:auto;grid-template-columns:1fr}.music-style-card-featured{grid-row:auto;padding:32px 28px}.music-style-card-featured .music-style-title{overflow-wrap:break-word;font-size:clamp(32px,10vw,56px)}}
.production{padding:96px 0}.production-content{max-width:1200px;margin:0 auto;padding:0 40px}.production-text{color:var(--text-muted);text-wrap:pretty;max-width:560px;margin-top:20px;font-size:16px;line-height:1.6}.production-link{color:var(--accent);transition:color .16s var(--ease-snap);margin-top:28px;font-size:15px;font-weight:500;display:inline-flex}.production-link:hover{color:var(--text)}.production-visual{width:100%;max-width:1600px;margin-top:56px;margin-left:auto;margin-right:auto;position:relative}.production-image-wrap{aspect-ratio:1152/443;perspective:1600px;border-radius:24px;padding:0 24px;position:relative;overflow:hidden;box-shadow:0 60px 100px -40px #0000008c}.production-image{object-fit:cover;object-position:center;will-change:transform;border-radius:24px}.production-image-mobile{display:none}.production-image-cta{z-index:2;pointer-events:none;background:linear-gradient(#0000,#000000a6);border-radius:0 0 24px 24px;justify-content:flex-end;padding:56px 20px 20px;display:flex;position:absolute;bottom:0;left:24px;right:24px}.production-image-cta .btn{pointer-events:auto}@media (min-width:810px) and (max-width:1199.98px){.production{padding:72px 0}.production-content{padding:0 32px}}@media (max-width:809.98px){.production{padding:36px 0}.production-content{padding:0 24px}.production-visual{margin-top:40px}.production-image-wrap{aspect-ratio:5/4;isolation:isolate;margin:0 24px;padding:0}.production-image-desktop{display:none}.production-image-mobile{display:block}.production-image-cta{background:0 0;border-radius:0;justify-content:center;padding:20px 24px 0;position:static;left:auto;right:auto}}
.latest-mix{max-width:1200px;margin:0 auto;padding:96px 40px}.latest-mix-player{border:1px solid var(--border);background:var(--card-bg);border-radius:20px;margin-top:40px;padding:28px;overflow:hidden}.mix-equalizer{align-items:flex-end;gap:3px;height:96px;display:flex}.mix-eq-bar{transform-origin:bottom;background:linear-gradient(180deg, var(--accent), var(--link));will-change:transform;border-radius:2px 2px 0 0;flex:1 1 0;min-width:2px;height:100%;transform:scaleY(.06)}.mix-controls{align-items:center;gap:20px;margin-top:24px;display:flex}.mix-play{background:var(--accent);cursor:pointer;width:52px;height:52px;transition:transform .16s var(--ease-snap), background-color .16s var(--ease-snap);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mix-play:hover{background:#fff}.mix-play:active{transform:scale(.94)}.mix-meta{flex:1;min-width:0}.mix-meta-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mix-title{font-family:var(--font-heading);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.mix-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.mix-seek{background:var(--border);cursor:pointer;border-radius:2px;height:4px;margin-top:10px}.mix-seek-fill{background:var(--accent);border-radius:2px;height:100%}@media (min-width:810px) and (max-width:1199.98px){.latest-mix{padding:72px 32px}}@media (max-width:809.98px){.latest-mix{padding:36px 24px}.latest-mix-player{padding:20px}.mix-equalizer{gap:2px;height:72px}.mix-title{white-space:normal;font-size:14px}}
.artists{max-width:1200px;margin:0 auto;padding:96px 40px}.artists-stage{margin-top:40px;position:relative}.artists-switch{z-index:5;border:1px solid var(--border);background:var(--bg);width:56px;height:56px;color:var(--text);cursor:pointer;transition:border-color .16s var(--ease-snap), box-shadow .16s var(--ease-snap), background-color .16s var(--ease-snap);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:calc(50% - 28px);right:-28px}.artists-switch:hover{border-color:var(--accent);background:#fbd29514;box-shadow:0 0 16px #fbd29547}.artist-card{border:1px solid var(--border);background:var(--card-bg);transition:border-color .18s var(--ease-snap), box-shadow .18s var(--ease-snap);border-radius:24px;grid-template-columns:.9fr 1fr;align-items:center;gap:40px;display:grid;position:relative;overflow:hidden}.artist-card:hover{border-color:var(--accent);box-shadow:0 0 24px #fbd29526}.artist-card-image-wrap{aspect-ratio:4/3;width:100%;position:relative}.artist-card-image{object-fit:cover}.artist-card-body{padding:16px 40px 16px 0}.artist-card-title{color:var(--text);text-wrap:balance;font-size:26px;line-height:1.25}.artist-name{color:var(--accent)}.artist-card-description{color:var(--text-muted);text-wrap:pretty;margin-top:16px;font-size:16px;line-height:1.6}.artist-card-cta{color:var(--accent);margin-top:20px;font-size:14px;font-weight:500;display:inline-block}@media (min-width:810px) and (max-width:1199.98px){.artists{padding:72px 32px}.artist-card-title{font-size:24px}}@media (max-width:809.98px){.artists{padding:36px 24px}.artist-card{grid-template-columns:1fr}.artist-card-body{padding:0 24px 24px}.artist-card-title{font-size:22px}.artists-switch{width:44px;height:44px;top:auto;bottom:-22px;right:calc(50% - 22px)}}
.circular-viz{width:56px;height:56px;position:relative}.circular-viz-glow{opacity:0;filter:blur(2px);pointer-events:none;background:radial-gradient(circle,#fbd2958c 0%,#fbd29500 70%);border-radius:50%;transition:opacity .2s ease-out;position:absolute;inset:-16px}.circular-viz-ring{pointer-events:none;position:absolute;inset:0}.circular-viz-bar{background:linear-gradient(180deg, var(--accent), #fbd29500);transform-origin:50% 100%;border-radius:2px;width:2px;height:26px;margin-left:-1px;position:absolute;bottom:50%;left:50%}.circular-viz-core{background:var(--accent);cursor:pointer;width:56px;height:56px;transition:transform .15s var(--ease-snap);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.circular-viz-live .circular-viz-bar,.circular-viz-live .circular-viz-core{will-change:transform}
.past-work{max-width:1200px;min-height:280vh;margin:0 auto;padding:0 40px;position:relative}.past-work-sticky{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:72px 0;display:flex;position:sticky;top:0;overflow:hidden}.past-work-intro{text-align:center;width:100%;max-width:560px}.past-work-intro .section-sub{margin-left:auto;margin-right:auto}.past-work-stage{--face-size:min(420px, 76vw);width:var(--face-size);aspect-ratio:1;perspective:3000px;margin-top:44px;position:relative}.past-work-drum{width:100%;height:100%;transform-style:preserve-3d;position:relative}.past-work-face-rotator{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.past-work-face{transform:translateZ(calc(var(--face-size) / 2));cursor:pointer;backface-visibility:hidden;border-radius:20px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px -30px #0009}.past-work-play{pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.past-work-image{object-fit:cover}.past-work-overlay{background:linear-gradient(#0000 40%,#000000bf 100%);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.past-work-title{font-family:var(--font-heading);color:var(--text);font-size:22px}.past-work-dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.past-work-dot{background:var(--border);width:6px;height:6px;transition:background-color .2s var(--ease-snap), transform .2s var(--ease-snap);border-radius:50%}.past-work-dot-active{background:var(--accent);transform:scale(1.4)}@media (min-width:810px) and (max-width:1199.98px){.past-work{min-height:260vh;padding:0 32px}}@media (max-width:809.98px){.past-work{min-height:calc(140vh + var(--pin-h,100vh) + 72px);padding:36px 24px}.past-work-sticky{top:max(var(--nav-h,0px), calc((100svh - var(--pin-h,100svh)) / 2));height:auto;padding:0;overflow:visible}.past-work-intro{text-align:left}.past-work-intro .section-sub{margin-left:0}.past-work-stage{--face-size:min(320px, 82vw);margin-top:32px}.past-work-title{font-size:18px}}
.contact{grid-template-columns:.8fr 1fr;gap:64px;max-width:1200px;margin:0 auto;padding:96px 40px;display:grid}.contact-links{flex-direction:column;gap:8px;margin-top:32px;display:flex}.contact-link{font-family:var(--font-heading);color:var(--text);transition:color .16s var(--ease-snap);font-size:22px}.contact-link:hover{color:var(--accent)}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-field{flex-direction:column;gap:8px;display:flex}.contact-field label{color:var(--text-muted);font-size:13px}.contact-field input,.contact-field textarea{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);font-family:var(--font-body);resize:vertical;transition:border-color .16s var(--ease-snap), box-shadow .16s var(--ease-snap);border-radius:12px;padding:14px 16px;font-size:16px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-muted)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 12px #fbd29526}.contact-form .btn{align-self:flex-start;margin-top:4px}.contact-privacy-note{color:var(--text-muted);margin-top:-6px;font-size:13px;line-height:1.5}.contact-privacy-note a{color:var(--accent);text-underline-offset:3px;-webkit-text-decoration:underline #fbd29566;text-decoration:underline #fbd29566}.contact-privacy-note a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.contact-status{font-size:14px}.contact-status-success{color:var(--accent)}.contact-status-error{color:#ff6b6b}@media (min-width:810px) and (max-width:1199.98px){.contact{gap:40px;padding:72px 32px}}@media (max-width:809.98px){.contact{grid-template-columns:1fr;gap:40px;padding:36px 24px}.contact-row{grid-template-columns:1fr}}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-status a{color:inherit;text-underline-offset:3px;text-decoration:underline}
