:root{--hero-title-x:6%;--hero-title-y:35%;--hero-tagline-x:66%;--hero-tagline-y:62%;--mobile-hero-title-x:7%;--mobile-hero-title-y:54%;--mobile-hero-tagline-x:7%;--mobile-hero-tagline-y:72%}
.hero{display:block;padding:0}.hero-content{display:block;position:absolute;inset:0;margin:0;max-width:none}.hero-name,.hero-description,.hero-roles{position:absolute;z-index:2}.hero-name{left:var(--hero-title-x);top:var(--hero-title-y);transform:translateY(-50%);max-width:min(48vw,760px)}.hero-description{left:var(--hero-tagline-x);top:var(--hero-tagline-y);transform:translateY(-50%)}.hero-roles{left:var(--hero-title-x);top:calc(var(--hero-title-y) + 27%);margin:0}.faq-list{margin-left:auto;width:min(100%,900px);border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:grid;grid-template-columns:52px 1fr 32px;gap:16px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-family:var(--display);font-size:clamp(20px,2.4vw,34px);line-height:1.08}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font-family:'Satoshi',sans-serif;font-size:10px;letter-spacing:.12em;color:var(--muted)}.faq-plus{font-family:Arial,sans-serif;font-weight:300;font-size:28px;transition:transform .25s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 48px 28px 68px;color:var(--muted);max-width:720px;font-size:15px}.listen-project{margin-top:24px;border:1px solid var(--accent);color:var(--accent);padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:.1em}.music-player{position:fixed;z-index:120;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100vw - 28px));min-height:72px;display:grid;grid-template-columns:56px minmax(120px,1fr) auto 130px 34px;align-items:center;gap:14px;padding:8px 10px 8px 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);box-shadow:0 16px 50px #0009;backdrop-filter:blur(18px)}.music-player[hidden]{display:none}.player-art-button{width:56px;height:56px;padding:0;overflow:hidden;background:#222}.player-art-button img{width:100%;height:100%;object-fit:cover}.player-copy{min-width:0;display:grid;gap:2px}.player-copy span,.player-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy span{font-family:var(--display);font-size:15px;font-weight:600}.player-copy small{font-size:8px;letter-spacing:.13em;color:var(--muted)}.player-controls{display:flex;align-items:center;gap:4px}.player-controls button,.player-mute,.player-close{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:15px}.player-controls .player-play{width:42px;height:42px;background:var(--ink);color:var(--bg);border-color:var(--ink)}.player-volume{display:flex;align-items:center;gap:6px}.player-volume input{width:88px;accent-color:var(--accent)}.player-close{font-size:20px}.player-list{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:310px;overflow:auto;background:var(--bg);border:1px solid var(--line);box-shadow:0 -18px 50px #000a;padding:7px}.player-track{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:7px;text-align:left;border-bottom:1px solid var(--line)}.player-track:last-child{border-bottom:0}.player-track img{width:42px;height:42px;object-fit:cover}.player-track div{display:grid}.player-track strong{font-size:11px}.player-track small{font-size:8px;color:var(--muted);letter-spacing:.1em}.player-track.is-current{background:color-mix(in srgb,var(--accent) 10%,transparent)}.player-restore{position:fixed;z-index:119;left:16px;bottom:16px;padding:10px 13px;border:1px solid var(--line);background:var(--bg);font-size:9px;letter-spacing:.1em}.player-restore[hidden]{display:none}.studio-preview .hero-name,.studio-preview .hero-description{outline:1px dashed color-mix(in srgb,var(--accent) 60%,transparent)}
@media(max-width:700px){.hero-name{left:var(--mobile-hero-title-x);top:var(--mobile-hero-title-y);max-width:88vw}.hero-description{left:var(--mobile-hero-tagline-x);top:var(--mobile-hero-tagline-y);max-width:84vw}.hero-roles{left:var(--mobile-hero-title-x);top:calc(var(--mobile-hero-tagline-y) + 9%);max-width:84vw}.faq-answer{padding-left:0}.music-player{bottom:8px;grid-template-columns:46px minmax(0,1fr) auto 28px;gap:8px;min-height:62px}.player-art-button{width:46px;height:46px}.player-volume{display:none}.player-controls button{display:none}.player-controls .player-play{display:block;width:38px;height:38px}.player-close{width:28px;height:28px}.player-list{max-height:50svh}.hero-footer{z-index:3}}
.hero-roles{top:calc(var(--hero-title-y) + 34%)}
@media(max-width:700px){.hero-roles{top:calc(var(--mobile-hero-tagline-y) + 9%)}}