/* Public artist-site pages. No private app state or third-party assets required. */
html:has(.artist-marketing){scroll-padding-top:110px}.artist-public-header{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:30px;min-height:88px;padding:18px max(28px,calc((100vw - 1240px)/2));background:#171916f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.public-brand{display:flex;align-items:center;gap:15px;text-decoration:none;flex:none}.public-brand img{width:136px;height:auto}.public-brand>span{font-size:12px;color:var(--lime);white-space:nowrap}.public-site-nav{display:flex;gap:25px;margin-left:auto;font-size:12px}.public-site-nav a{text-decoration:none;padding:10px 0}.public-site-nav a:hover{color:var(--lime)}.public-auth-nav{display:flex;align-items:center;gap:22px;flex:none;margin-left:auto}.public-auth-nav .button{min-height:44px;padding:11px 15px;font-size:12px;gap:12px}.public-signin{font-size:13px;text-underline-offset:5px;white-space:nowrap}.artist-marketing{width:min(1240px,calc(100% - 80px));margin:auto}.artist-public-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;min-height:680px;padding:80px 0 95px}.artist-public-copy h1{font-size:clamp(45px,4.8vw,72px);line-height:1.08;letter-spacing:-.06em;margin-bottom:28px}.artist-public-copy h1 span{color:var(--lime)}.artist-public-copy>p{font-size:17px;line-height:1.8;color:var(--muted);max-width:520px}.public-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 25px;margin:32px 0 22px}.public-hero-actions>.button{font-size:13px;min-height:54px;border-radius:5px}.artist-public-copy .public-availability{font-size:12px;color:var(--muted);margin:0}.public-page-scene{position:relative;padding:35px 25px;margin:0;background:radial-gradient(ellipse at 50% 40%,#d5ec7519,transparent 68%);isolation:isolate}.public-page-scene:before{content:'';position:absolute;inset:1% -2% 8%;border:1px solid #46523c;border-radius:50%;z-index:-1;transform:rotate(-18deg)}.public-page-demo{background:linear-gradient(155deg,#252e20,#181d16);border:1px solid #6a7e51;border-radius:22px;padding:32px 22px 25px;text-align:center;box-shadow:0 24px 70px #0005;max-width:360px;margin:auto;transform:rotate(4deg)}.public-demo-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--lime);color:var(--bg);margin:0 auto 18px;font-size:25px;font-weight:750}.public-page-demo>strong{display:block;font-size:24px;line-height:1.3;letter-spacing:-.03em}.public-page-demo>p{font-size:11px;color:#bdc6b3;margin:10px 0 28px}.public-demo-release,.public-demo-link{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 12px;border:1px solid #64744e;border-radius:9px;margin:10px 0;font-size:11px}.public-demo-release>svg:first-child{width:45px;height:45px;flex:none}.public-demo-release>span{flex:1;min-width:0}.public-demo-release b{font-size:12px}.public-demo-release small{font-size:9px;display:block;color:var(--muted);margin-top:4px}.public-demo-release .icon,.public-demo-link .icon{width:16px;height:16px;margin-left:auto;flex:none}.public-demo-link{background:var(--lime);color:var(--bg);border-color:var(--lime);font-weight:650;padding:15px}.public-page-scene figcaption{text-align:center;font-size:10px;color:var(--muted);margin-top:28px}.public-feature-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:80px 0;border-top:1px solid var(--line);align-items:start}.artist-marketing h2{font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.05em;margin-bottom:26px}.public-feature-section>div>p{color:var(--muted);font-size:15px;line-height:1.9;max-width:485px}.public-text-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;min-height:44px;color:var(--lime);margin-top:4px}.public-feature-points{display:grid;gap:28px;padding-top:6px}.public-feature-points article{padding-bottom:28px;border-bottom:1px solid var(--line)}.public-feature-points article:last-child{border:0;padding:0}.public-feature-points h3{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.public-feature-points p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.public-connections-section{align-items:center}.public-opportunity-demo{display:grid;gap:15px;max-width:450px;width:100%;justify-self:center}.public-opportunity-demo article{padding:25px;border:1px solid #536347;border-radius:12px;background:#20271c}.public-opportunity-demo article>span{display:inline-block;padding:4px 10px;border:1px solid #617448;border-radius:20px;color:var(--lime);font-size:10px;margin-bottom:18px}.public-opportunity-demo h3{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin-bottom:10px}.public-opportunity-demo article>p{font-size:12px;color:var(--muted);margin:0 0 18px}.public-opportunity-demo article>div{display:flex;gap:16px;color:#c8d0bc;font-size:11px}.public-opportunity-demo>p{font-size:10px;color:var(--muted);text-align:center;margin:0}.public-start-section{padding:75px 0 80px;border-top:1px solid var(--line)}.public-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:45px}.public-start-steps article>span{display:block;color:var(--lime);font-size:13px;margin-bottom:20px}.public-start-steps h3{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin-bottom:14px}.public-start-steps p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.public-future-section{border:1px solid #455537;border-radius:14px;background:#222a1d;padding:40px 44px;display:grid;grid-template-columns:.7fr 1.3fr;gap:16px 45px}.public-future-section h2{grid-row:span 2;margin:0}.public-future-section p{font-size:14px;color:#c5cdb9;line-height:1.8;margin:0}.public-faq-preview{padding:90px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.public-faq-list details{border-bottom:1px solid var(--line)}.public-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;padding:22px 0;font-size:15px;font-weight:650;list-style:none;line-height:1.6}.public-faq-list summary::-webkit-details-marker{display:none}.public-faq-list summary>span{color:var(--lime);font-size:23px;font-weight:400;flex:none}.public-faq-list details[open] summary>span{transform:rotate(45deg)}.public-faq-list details p{font-size:14px;color:var(--muted);line-height:1.9;margin:0;padding:0 28px 25px 0}.public-final-cta{padding:48px 45px;margin:0 0 70px;border-radius:14px;background:var(--lime);color:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:35px}.public-final-cta h2{font-size:clamp(30px,3.2vw,45px);margin-bottom:15px}.public-final-cta p{font-size:13px;margin:0;color:#3b482d}.public-final-cta>div:last-child{display:flex;flex-direction:column;align-items:start;gap:20px}.public-final-cta .button{background:var(--bg);color:var(--lime);border-color:var(--bg);white-space:nowrap;border-radius:5px}.artist-public-footer{width:min(1240px,calc(100% - 80px));margin:auto;padding:50px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid var(--line)}.artist-public-footer p{font-size:12px;color:var(--muted);margin:20px 0}.artist-public-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 35px;align-content:start;font-size:12px}.artist-faq-page .public-faq-intro{padding:70px 0 40px;max-width:740px}.public-faq-intro h1{font-size:clamp(40px,5vw,68px);line-height:1.1;margin-bottom:24px}.public-faq-intro h1 span{color:var(--lime)}.public-faq-intro>p{font-size:16px;color:var(--muted)}.public-faq-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:55px}.public-faq-jumps a{border:1px solid var(--line);padding:10px 15px;font-size:12px;border-radius:6px;text-decoration:none;min-height:42px}.public-faq-group{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;padding:20px 0 55px;scroll-margin-top:110px}.public-faq-group h2{font-size:27px;margin-top:19px}.artist-faq-page .public-final-cta{margin-top:20px}
@media(max-width:1050px){.public-site-nav{display:none}.artist-public-header{padding-inline:30px}.artist-public-hero{gap:4%;min-height:610px;padding-block:65px}.artist-public-copy h1{font-size:clamp(42px,5.3vw,58px)}.public-hero-actions{align-items:start;flex-direction:column}.public-future-section{grid-template-columns:1fr}.public-future-section h2{grid-row:auto}.public-feature-section{gap:8%}.public-page-scene{padding-inline:10px}}
@media(max-width:700px){html:has(.artist-marketing){scroll-padding-top:95px}.artist-public-header{padding:14px 20px;min-height:76px;gap:15px}.public-brand{gap:9px}.public-brand img{width:100px}.public-brand>span{font-size:10px}.public-auth-nav{gap:15px}.public-auth-nav .button{font-size:11px;min-height:42px;padding:10px 12px;gap:8px}.public-auth-nav .button .icon{display:none}.public-auth-nav .public-signin{font-size:12px}.artist-marketing,.artist-public-footer{width:calc(100% - 44px)}.artist-public-hero{grid-template-columns:1fr;padding:45px 0 50px;gap:35px;min-height:0}.artist-public-copy h1{font-size:clamp(39px,8.4vw,59px);margin-bottom:22px}.artist-public-copy>p{font-size:14px;line-height:1.85;max-width:450px}.public-hero-actions{align-items:start;gap:18px;margin:26px 0 20px}.public-hero-actions>.button{font-size:12px;min-height:50px;padding:14px 18px}.artist-public-copy .public-availability{font-size:11px}.public-page-scene{max-width:380px;width:90%;justify-self:center;margin:8px 0 0;padding:15px}.public-page-demo{padding:26px 18px 22px}.public-page-demo>strong{font-size:22px}.public-feature-section{grid-template-columns:1fr;gap:32px;padding:50px 0}.artist-marketing h2{font-size:36px;margin-bottom:22px}.public-feature-section>div>p{font-size:13px;line-height:1.9}.public-feature-points{gap:22px}.public-feature-points h3{font-size:21px}.public-feature-points p{font-size:13px}.public-feature-points article{padding-bottom:22px}.public-opportunity-demo article{padding:22px}.public-opportunity-demo h3{font-size:22px}.public-start-section{padding:50px 0}.public-start-steps{grid-template-columns:1fr;gap:28px;margin-top:30px}.public-start-steps article{position:relative;padding-left:45px}.public-start-steps article>span{position:absolute;left:0;top:0}.public-start-steps h3{font-size:20px}.public-future-section{padding:26px 23px;gap:10px}.public-future-section p{font-size:13px}.public-faq-preview{grid-template-columns:1fr;gap:20px;padding:50px 0}.public-faq-list summary{font-size:14px;padding-block:19px}.public-faq-list details p{font-size:13px;line-height:1.9}.public-final-cta{padding:29px 24px;margin-bottom:40px;align-items:start;flex-direction:column;gap:25px}.public-final-cta h2{font-size:33px}.public-final-cta .button{font-size:12px}.public-final-cta .public-signin{font-size:12px}.artist-public-footer{padding:35px 0 40px;grid-template-columns:1fr;gap:20px}.artist-public-footer nav{font-size:11px;gap:16px 20px}.artist-faq-page .public-faq-intro{padding-top:45px}.public-faq-intro h1{font-size:42px}.public-faq-intro>p{font-size:14px}.public-faq-jumps{gap:8px;margin-bottom:30px}.public-faq-jumps a{font-size:11px;padding:10px 12px}.public-faq-group{grid-template-columns:1fr;gap:0;padding-bottom:30px;scroll-margin-top:90px}.public-faq-group h2{font-size:25px;margin-top:12px;margin-bottom:10px}}
@media(max-width:390px){.artist-public-header .public-brand>span{display:none}.artist-public-header .public-brand img{width:94px}.public-auth-nav{gap:13px}.artist-public-copy h1{font-size:38px}.public-page-scene{width:96%}.public-final-cta>.button{max-width:100%;white-space:normal}}
/* Keep the decorative orbit inside its own scene rather than widening the page. */
.public-page-scene{overflow:clip}.public-page-scene:before{inset:10% 2% 12%;transform:rotate(-8deg)}
/* The public shell follows the main AUDEX site's editorial navigation and footer. */
.public-faq-list summary>span{display:inline-block;transition:transform .32s cubic-bezier(.2,.8,.2,1);transform-origin:center;line-height:1}.hero-word{display:inline-block;color:inherit!important}.public-page-demo{will-change:transform;transform-style:preserve-3d}.artist-public-footer{display:block;padding-block:65px 25px}.public-footer-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.public-footer-top h2{font-size:clamp(40px,5.5vw,76px);line-height:1.02;letter-spacing:-.06em;margin:0}.public-footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.artist-public-footer .public-footer-columns nav{display:flex;flex-direction:column;gap:15px;font-size:13px}.public-footer-columns a{text-decoration:none;color:var(--muted)}.public-footer-columns a:hover{color:var(--lime)}.public-footer-social{display:inline-flex;align-items:center;gap:12px;margin:40px 0;font-size:13px;color:var(--muted);text-decoration:none}.public-footer-wordmark{display:block;opacity:.15;margin:10px 0 35px}.public-footer-wordmark img{width:100%;height:auto;display:block}.public-footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}

@media(max-width:700px){.public-footer-top{grid-template-columns:1fr;gap:32px}.public-footer-columns{gap:25px}.artist-public-footer .public-footer-columns nav{font-size:12px}.public-footer-top h2{font-size:48px}.artist-public-footer{padding-top:38px}.public-footer-social{margin:30px 0}.public-footer-wordmark{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.public-faq-list summary>span,.public-menu-toggle span{transition:none}.public-page-demo{will-change:auto}}

/* Raised edges and layers give the live HTML preview physical depth. */
.public-page-scene{perspective:1000px;padding-block:45px;overflow:visible}.public-page-demo{position:relative;transform:perspective(850px) rotateX(-5deg) rotateY(-10deg) rotateZ(4deg);box-shadow:1px 1px #809466,3px 3px #435333,6px 6px #303c25,9px 9px #222c1b,18px 30px 55px #0008}.public-page-demo>strong,.public-demo-avatar{transform:translateZ(18px)}.public-demo-release,.public-demo-link{transform:translateZ(10px)}.public-page-scene:before{inset:8% 0;border-color:#657743;box-shadow:0 0 60px #d5ec7509;transform:rotateX(25deg) rotateZ(-15deg)}
@media(prefers-reduced-motion:reduce){.public-page-demo{transform:rotate(4deg)}}
.public-page-scene{overflow:clip;overflow-clip-margin:0}

/* Header and mobile menu copied from the main AUDEX site, scoped to public artist pages. */
.artist-public-site-header{position:sticky;top:0;z-index:25;background:var(--bg)}
.artist-public-header{--space:clamp(22px,5vw,84px);position:relative;top:auto;z-index:10;width:min(calc(100% - var(--space)*2),1440px);min-height:94px;margin-inline:auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--line)}
.artist-public-header .public-brand{display:flex;align-items:center;gap:20px;text-decoration:none;flex:none}.artist-public-header .public-brand img{width:155px;height:auto}.artist-public-header .public-brand>span{font-size:11px;color:var(--lime);white-space:nowrap}
.artist-public-header #public-menu{display:flex;align-items:center;gap:28px;margin-left:auto}.artist-public-header #public-menu>a{font-size:12px;text-decoration:none;padding-block:14px;transition:color .2s;white-space:nowrap}.artist-public-header #public-menu>a:hover{color:var(--lime)}.artist-public-header .nav-cta{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--lime)}.artist-public-header .nav-cta svg{width:20px;height:20px}.public-menu-toggle,.artist-public-header .menu-wordmark{display:none}
@media(max-width:1180px){.artist-public-header{min-height:82px;--space:22px}.artist-public-header .public-brand img{width:128px}.artist-public-header .public-brand>span{display:none}.public-menu-toggle{display:flex;align-items:center;margin-left:auto;background:transparent;color:var(--ink);font-family:inherit;cursor:pointer}.artist-public-header #public-menu{margin-left:0}.menu-icon{display:block;max-width:100%}.artist-public-header #public-menu>a{white-space:normal}}
@media(max-width:1180px){
  .public-menu-toggle{position:relative;z-index:2;gap:12px;min-height:48px;padding:5px 5px 5px 16px;border:1px solid #d5ec7540;border-radius:40px;background:#d5ec7508;transition:background .3s,border-color .3s,color .3s}
  .public-menu-toggle .menu-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .menu-icon{width:36px;height:36px;padding:2px;overflow:visible}
  .menu-line{transform-origin:16px 16px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
  .public-menu-toggle[aria-expanded=true]{background:var(--lime);border-color:var(--lime);color:var(--bg)}
  .menu-line-bottom{transform:scaleX(.7);transform-origin:26px 21px}
  .public-menu-toggle[aria-expanded=true] .menu-line-top{transform:translateY(5px) rotate(45deg);transform-origin:16px 11px}
  .public-menu-toggle[aria-expanded=true] .menu-line-bottom{transform:translateY(-5px) rotate(-45deg);transform-origin:16px 21px}
  .artist-public-header #public-menu{display:flex;position:fixed;inset:0;height:100dvh;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:94px var(--space) max(20px,env(safe-area-inset-bottom));background:var(--bg);border:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.76,0,.24,1),visibility .55s;isolation:isolate}
  .artist-public-header #public-menu.open{visibility:visible;pointer-events:auto;clip-path:inset(0)}
  #public-menu:before{content:'';position:absolute;width:100%;aspect-ratio:1;right:0;bottom:5vh;background:repeating-radial-gradient(circle at right center,transparent 0 12px,#d5ec7509 13px 14px);z-index:-1;pointer-events:none}
  .artist-public-header #public-menu>a{display:flex;align-items:center;gap:16px;flex-shrink:0;min-height:44px;padding:clamp(8px,2dvh,20px) 0;border-top:1px solid var(--line);font-size:clamp(28px,min(8.5vw,5.5dvh),54px);font-weight:500;letter-spacing:-.055em;line-height:1.1}
  .artist-public-header #public-menu>a:before{content:attr(data-menu-number);font-size:10px;letter-spacing:0;font-weight:500;color:var(--muted);align-self:flex-start;padding-top:6px}
  .artist-public-header #public-menu .nav-cta{color:var(--lime);border-bottom:1px solid var(--line)}
  #public-menu .nav-cta .icon{margin-left:auto;width:28px;height:28px;flex-basis:28px}
  #public-menu .menu-wordmark{display:block;width:100%;height:auto;opacity:.12;flex-shrink:0;margin-top:auto;padding-top:24px;pointer-events:none}
  .menu-open,.menu-open body{overflow:hidden;overscroll-behavior:none}
  .menu-open .artist-public-header{z-index:40}
  .menu-open .artist-public-header .public-brand{position:relative;z-index:2}
}
@media(max-width:1180px) and (max-height:550px){.artist-public-header #public-menu{padding-top:90px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.artist-public-header #public-menu>a{font-size:24px;padding-block:8px}#public-menu .menu-wordmark{display:none}}

@media(prefers-reduced-motion:reduce){.public-menu-toggle,.menu-line,.artist-public-header #public-menu{transition:none}}
/* Product-led artist landing: layered interfaces, dimensional artwork and scroll chapters. */
.artist-public-hero{grid-template-columns:1fr 1fr;gap:4%;min-height:780px}.artist-public-copy h1{font-size:clamp(54px,5.7vw,86px);line-height:1.02}.artist-public-copy>p{max-width:470px;font-size:16px}.public-studio-scene{position:relative;margin:0;min-width:0;aspect-ratio:1/1.12;isolation:isolate;perspective:1100px}.public-studio-scene:before{content:'';position:absolute;inset:5% -8%;background:radial-gradient(ellipse,#b8d35c26,transparent 67%);z-index:-1}.studio-orbit{position:absolute;inset:12% -1% 13%;border:1px solid #c9dd7430;border-radius:50%;transform:rotate(-28deg) scaleY(.7)}.orbit-two{inset:3% 10%;transform:rotate(32deg) scaleX(.8);border-color:#c9dd7415}.studio-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-12deg) rotate(-3deg)}.studio-record{position:absolute;top:1%;right:-1%;width:64%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#141612 0px,#141612 2px,#34382b 3px,#151711 4px);border:1px solid #68724d;box-shadow:12px 16px 44px #0009,inset 0 0 0 10px #171a14;display:grid;place-items:center;animation:studio-spin 32s linear infinite}.record-label{width:31%;height:31%;border-radius:50%;background:var(--lime);display:grid;place-items:center}.record-label img{width:45%;height:auto;filter:brightness(.15)}.studio-library{position:absolute;top:23%;left:0;width:91%;padding:24px;border:1px solid #73805c;border-radius:19px;background:linear-gradient(135deg,#303729f5,#191d17f7);box-shadow:0 36px 70px #0008,inset 0 1px 0 #eaffb225;transform:translateZ(35px)}.studio-window-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:22px}.studio-window-head>span{display:flex;align-items:center;gap:8px}.studio-window-head .icon{width:16px;height:16px}.studio-saved{font-size:9px;color:var(--lime)}.studio-release{display:flex;align-items:center;gap:18px;margin-bottom:24px}.studio-sleeve{position:relative;aspect-ratio:1;background:radial-gradient(ellipse at 80% 5%,#f2f8be,transparent 55%),linear-gradient(145deg,#93a346,#364423 70%);overflow:hidden;border-radius:7px;isolation:isolate}.sleeve-lines{position:absolute;width:180%;height:180%;top:12%;left:-35%;border:1px solid #efffc78a;border-radius:46%;box-shadow:0 0 0 8px #efffc71c,0 0 0 16px #efffc71c,0 0 0 24px #efffc71c,0 0 0 32px #efffc71c,0 0 0 40px #efffc71c;transform:rotate(-35deg)}.studio-sleeve img{position:absolute;bottom:12%;left:12%;width:22%;height:auto}.studio-release>.studio-sleeve{width:90px;flex:none}.studio-release strong{display:block;font-size:23px;letter-spacing:-.05em;line-height:1.2}.studio-release span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.studio-track{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #b1c38620;font-size:10px;color:var(--muted)}.studio-track i{height:5px;width:55%;background:linear-gradient(90deg,#c9d1b8 60%,#c9d1b82b 60%);border-radius:8px}.studio-track:nth-last-child(2) i{width:40%}.studio-track b{margin-left:auto;color:var(--lime)}.studio-track .icon{width:13px;height:13px}.studio-profile,.studio-connection{position:absolute;display:flex;align-items:center;gap:13px;background:#e2e9d8;color:#20251d;border-radius:13px;padding:17px;box-shadow:0 18px 40px #0005;transform:translateZ(70px)}.studio-profile{bottom:0;left:-3%;width:71%}.studio-profile strong,.studio-connection strong{display:block;font-size:13px;letter-spacing:-.02em}.studio-profile div>span,.studio-connection div>span{display:block;font-size:9px;opacity:.7;margin-top:3px}.studio-profile>.icon{margin-left:auto;width:17px;height:17px}.studio-mini-avatar{display:grid;place-items:center;width:40px;height:40px;background:#c3cfb3;border-radius:50%;flex:none}.studio-connection{right:-2%;bottom:15%;background:var(--lime);transform:translateZ(90px) rotate(5deg)}.public-studio-scene figcaption{position:absolute;bottom:-38px;width:100%;text-align:center;color:var(--muted);font-size:10px}.public-product-chapter{border-top:1px solid var(--line);padding:110px 0 120px}.chapter-intro{margin-bottom:65px}.artist-marketing .chapter-intro h2{font-size:clamp(42px,5.2vw,76px);line-height:1.04;letter-spacing:-.06em;margin-bottom:22px}.chapter-intro>p{color:var(--muted);font-size:17px;max-width:470px}.chapter-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.chapter-visual{position:relative;min-width:0;aspect-ratio:1/1.08;border:1px solid #72815240;border-radius:28px;background:radial-gradient(ellipse at 50% 20%,#9fb25e25,transparent 70%),#1c2119;isolation:isolate;perspective:1000px}.chapter-content article{margin-bottom:40px;max-width:430px}.chapter-content h3{font-size:25px;letter-spacing:-.04em;margin-bottom:14px}.chapter-content p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.chapter-content .button{border-radius:10px}.catalogue-stack{position:absolute;inset:16% 21% 21% 12%;transform-style:preserve-3d}.catalogue-card{position:absolute;width:100%;border-radius:14px;border:1px solid #9da97c70;padding:13px;background:#2c3427;box-shadow:0 20px 40px #0006}.card-front{transform:rotate(-8deg) translateZ(35px)}.card-back{transform:translate(22%,-7%) rotate(11deg);background:#35313d}.catalogue-card>.studio-sleeve{width:100%;aspect-ratio:1.18}.sleeve-violet{background:radial-gradient(ellipse at 80% 5%,#dbd0f0,transparent 55%),linear-gradient(145deg,#927ca7,#41384a 70%)}.catalogue-card>div:not(.studio-sleeve){padding:15px 0 8px}.catalogue-card strong{display:block;font-size:23px;letter-spacing:-.04em;line-height:1.1}.catalogue-card div>span{font-size:10px;color:var(--muted)}.catalogue-check{display:inline-flex;gap:6px;align-items:center;color:var(--lime);font-size:10px}.catalogue-check .icon{width:13px;height:13px}.catalogue-disc{position:absolute;top:7%;right:6%;width:56%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#171a14 0 3px,#4b5339 4px,#171a14 5px);border:1px solid #69774d}.catalogue-destination{position:absolute;bottom:6%;left:6%;right:6%;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #9cac7080;border-radius:12px;background:#20271ce6;box-shadow:0 12px 30px #0004}.catalogue-destination strong{font-size:13px;display:block}.catalogue-destination span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.page-design-visual{background:radial-gradient(ellipse at 70% 70%,#b5ac7520,transparent 65%),#20201b;aspect-ratio:1/1.1}.design-orb{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 28% 23%,#edf5b569,#7b8a4740 48%,#30362510 72%);box-shadow:inset -12px -15px 30px #0004,inset 2px 2px 6px #eaff9e12}.design-page{position:absolute;width:63%;padding:23px 16px;border-radius:18px;border:1px solid #7c8862;background:#252b20;text-align:center;box-shadow:0 24px 50px #0006}.design-page-front{top:15%;left:22%;transform:rotate(7deg)}.design-page-back{top:7%;left:8%;background:#b8b4a0;color:#26271f;transform:rotate(-12deg);min-height:72%}.design-avatar{display:grid;place-items:center;border-radius:50%;width:47px;height:47px;background:#d5ec7526;color:var(--lime);margin:0 auto 14px}.design-page-back .design-avatar{background:#272b20;color:#e3e4ca}.design-page>strong{display:block;font-size:18px;letter-spacing:-.04em}.design-page>span{font-size:9px;color:var(--muted);display:block;margin:5px 0 20px}.design-page-back>span{color:#393c2c}.design-page>i{display:block;height:38px;background:#393e2c;margin:12px 0;border-radius:6px}.design-release{display:flex;align-items:center;gap:10px;font-size:9px;text-align:left;border:1px solid #7b8c5360;padding:9px;border-radius:7px}.design-release>.studio-sleeve{width:45px;flex:none}.design-release span .icon{width:11px;height:11px;vertical-align:middle}.design-link{background:var(--lime);color:var(--bg);border-radius:6px;padding:12px 8px;margin-top:9px;font-size:9px;text-align:left;display:flex;align-items:center;justify-content:space-between}.design-link .icon{width:12px;height:12px}.design-swatches{position:absolute;display:flex;align-items:center;gap:10px;bottom:6%;left:13%;padding:14px 18px;border-radius:40px;background:#303529;border:1px solid #7d8a5c70;box-shadow:0 10px 25px #0005}.design-swatches i{width:23px;height:23px;border-radius:50%;background:#d5ec75;border:2px solid #efffc650}.design-swatches i:nth-child(2){background:#c5b8d4}.design-swatches i:nth-child(3){background:#bab6a4}.design-swatches i:nth-child(4){background:#dcaa7b}@keyframes studio-spin{to{transform:rotate(360deg)}}
@supports(animation-timeline:view()){.card-front{animation:catalogue-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.design-page-front{animation:page-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes catalogue-drift{from{transform:rotate(-13deg) translateY(20px)}to{transform:rotate(-3deg) translateY(-20px)}}@keyframes page-drift{from{transform:rotate(12deg) translateY(18px)}to{transform:rotate(2deg) translateY(-18px)}}}
@media(min-width:1000px){.music-chapter .chapter-visual{position:sticky;top:130px;align-self:start}.music-chapter .chapter-layout{align-items:start}.music-chapter .chapter-content article{padding:30px 0 40px;border-bottom:1px solid var(--line);margin:0}.music-chapter .chapter-content .button{margin-top:32px}}
@media(max-width:900px){.artist-public-hero{grid-template-columns:1fr;gap:36px;padding:55px 0 75px;min-height:0}.artist-public-copy h1{font-size:clamp(54px,9vw,82px)}.public-studio-scene{width:min(520px,100%);justify-self:center;margin:15px 0 35px}.chapter-layout{gap:7%}.public-product-chapter{padding:75px 0}.chapter-intro{margin-bottom:40px}.chapter-content h3{font-size:22px}.chapter-content article{margin-bottom:26px}}
@media(max-width:600px){.artist-public-copy>p{font-size:15px}.public-studio-scene{width:96%;aspect-ratio:1/1.22}.studio-library{padding:17px}.studio-window-head{font-size:10px;gap:5px;margin-bottom:17px}.studio-saved{font-size:8px}.studio-window-head .icon{width:12px;height:12px}.studio-release{gap:12px;margin-bottom:18px}.studio-release>.studio-sleeve{width:65px}.studio-release strong{font-size:19px}.studio-release span{font-size:9px}.studio-track{padding:9px 0}.studio-profile{width:76%;padding:12px;bottom:0;left:0}.studio-connection{padding:12px;bottom:16%;right:0}.studio-profile strong,.studio-connection strong{font-size:11px}.studio-profile div>span,.studio-connection div>span{font-size:8px}.studio-mini-avatar{width:32px;height:32px}.chapter-layout{grid-template-columns:1fr;gap:35px}.chapter-intro>p{font-size:15px}.artist-marketing .chapter-intro h2{font-size:clamp(37px,8.3vw,50px)}.chapter-visual{width:100%;max-width:450px;justify-self:center}.page-chapter .chapter-visual{grid-row:1}.chapter-content article{max-width:none;margin-bottom:28px}.public-product-chapter{padding:60px 0 65px}.catalogue-destination{padding:12px;gap:10px}.catalogue-destination strong{font-size:11px}.catalogue-destination span{font-size:9px}.catalogue-destination img{width:26px;height:26px}.design-page{padding:18px 12px}.design-page>strong{font-size:16px}.design-page>span{font-size:8px;margin-bottom:14px}.design-link{padding:10px 7px;font-size:8px}.design-release{padding:7px}.design-release>.studio-sleeve{width:33px}.design-avatar{width:38px;height:38px;margin-bottom:10px}.design-swatches{padding:10px 14px}.design-swatches i{width:19px;height:19px}.catalogue-card strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.studio-record,.card-front,.design-page-front{animation:none!important}.studio-stage{transform:none}.studio-orbit{opacity:.6}}
.artist-marketing{overflow:clip}.public-studio-scene{margin-bottom:50px}@media(max-width:600px){.public-studio-scene{margin-top:0;margin-bottom:32px}.studio-connection{max-width:91%}.studio-profile{bottom:0}.artist-public-hero{gap:18px}}
.public-studio-scene .studio-stage{inset:0 5% 12%}.studio-library{transform:translateZ(10px)}.studio-profile{left:1%;bottom:0;width:76%;transform:translateZ(15px)}.studio-connection{right:0;bottom:20%;max-width:76%;transform:translateZ(20px) rotate(5deg)}.public-studio-scene figcaption{bottom:0}.catalogue-card>.studio-sleeve{aspect-ratio:1.5}
.studio-connection{right:10%}@media(max-width:600px){.studio-connection{right:6%;max-width:85%}}
