:root{--my-yellow:#f5d900;--my-ink:#11120f;--my-paper:#f1efe8;--my-green:#063c32;--my-pad:clamp(24px,5vw,76px)}
#conteudo{overflow-x:clip;overflow-y:visible;background:var(--my-paper);color:var(--my-ink)}
.my-hero,.my-listen,.my-route,.my-continue{padding-left:var(--my-pad);padding-right:var(--my-pad)}
.my-hero small,.my-listen small,.my-route small,.my-continue small{font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.my-hero{min-height:calc(100svh - 76px);display:block;background:var(--my-yellow)}
.my-intro{max-width:1250px;min-height:calc(100svh - 76px);padding:clamp(72px,8vw,125px) 0 clamp(72px,8vw,115px);display:flex;flex-direction:column;justify-content:center}
.my-intro h1{margin:40px 0 34px;font-size:clamp(5rem,8.2vw,10rem);font-weight:500;line-height:.78;letter-spacing:-.07em}.my-intro h1 strong{font-weight:800}
.my-intro p{max-width:670px;margin:0;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45}
.my-intro>a{width:max-content;margin-top:40px;padding:16px 19px;background:var(--my-ink);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.my-intro>a span{margin-left:35px}
.my-signature{min-height:620px;margin-right:calc(var(--my-pad) * -1);padding:36px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--my-ink);color:#fff;overflow:hidden;font-size:.72rem;font-weight:800;letter-spacing:.14em}
.my-signature i,.my-signature:before,.my-signature:after{content:"";position:absolute;right:-20%;top:50%;width:88%;aspect-ratio:1;border:38px solid var(--my-yellow);border-radius:50%;transform:translateY(-50%)}.my-signature:before{width:62%;right:-7%;border-width:28px;opacity:.75}.my-signature:after{width:36%;right:6%;border-width:19px;opacity:.45}.my-signature span{position:relative;z-index:2}.my-signature span:last-of-type{align-self:flex-end}
.my-listen{padding-top:clamp(90px,10vw,155px);padding-bottom:clamp(90px,10vw,155px);background:var(--my-ink);color:#fff}.my-listen>header{max-width:1480px;margin:auto;display:grid;grid-template-columns:.35fr 1.05fr .6fr;gap:50px;align-items:end}.my-listen h2{margin:0;font-size:clamp(3.5rem,6vw,7.2rem);font-weight:580;line-height:.85;letter-spacing:-.065em}.my-listen header p{margin:0;color:#b9bab4;font-size:1.05rem;line-height:1.55}
.my-player{max-width:1480px;margin:75px auto 30px;aspect-ratio:16/9;background:#000}.my-player iframe{width:100%;height:100%;display:block;border:0}
.my-youtube-link{max-width:1480px;margin:auto;padding:22px 0 10px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff90;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.my-route{padding-top:clamp(95px,10vw,155px);padding-bottom:clamp(95px,10vw,155px);background:var(--my-paper)}.my-route>header{max-width:1480px;margin:auto;display:grid;grid-template-columns:.35fr 1.65fr;gap:50px}.my-route h2{max-width:1180px;margin:0;font-size:clamp(3.5rem,6vw,7.2rem);font-weight:590;line-height:.85;letter-spacing:-.065em}.my-route>div{max-width:1480px;margin:80px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid}.my-route article{min-height:350px;padding:30px;display:flex;flex-direction:column;border-right:1px solid;border-bottom:1px solid}.my-route b{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--my-yellow);font-size:.75rem}.my-route h3{margin:auto 0 24px;font-size:clamp(2rem,3.2vw,3.8rem);font-weight:590;line-height:.91;letter-spacing:-.05em}.my-route p{max-width:390px;margin:0;color:#5f605b;line-height:1.5}
.my-continue{padding-top:clamp(95px,10vw,155px);padding-bottom:clamp(95px,10vw,155px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,9vw,150px);background:var(--my-green);color:#fff}.my-continue h2{max-width:730px;margin:48px 0 0;font-size:clamp(3.7rem,5.8vw,7rem);font-weight:580;line-height:.85;letter-spacing:-.06em}.my-continue nav{border-top:1px solid #ffffff70}.my-continue nav a{min-height:145px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff70}.my-continue nav span{display:flex;flex-direction:column;gap:14px}.my-continue nav small{color:#a9bdb8}.my-continue nav strong{font-size:clamp(1.6rem,2.5vw,2.8rem);font-weight:550}.my-continue nav i{font-style:normal;font-size:1.2rem}
@media(max-width:980px){.my-hero{grid-template-columns:1fr}.my-signature{min-height:420px;margin:0 calc(var(--my-pad) * -1)}.my-listen>header{grid-template-columns:1fr 2fr}.my-listen header p{grid-column:2}.my-route>div{grid-template-columns:1fr}.my-route article{min-height:240px}.my-continue{grid-template-columns:1fr}}
@media(max-width:720px){.my-hero,.my-listen,.my-route,.my-continue{padding-left:24px;padding-right:24px}.my-hero{min-height:0}.my-intro{padding:68px 0 72px}.my-intro h1{margin:34px 0 30px;font-size:4.45rem}.my-intro p{font-size:1.06rem}.my-intro>a{width:100%;display:flex;justify-content:space-between}.my-signature{min-height:330px;margin:0 -24px;padding:25px 24px}.my-signature i{border-width:25px}.my-signature:before{border-width:20px}.my-signature:after{border-width:14px}.my-listen{padding-top:78px;padding-bottom:80px}.my-listen>header,.my-listen header p,.my-route>header{grid-template-columns:1fr;grid-column:auto}.my-listen>header,.my-route>header{gap:32px}.my-listen h2,.my-route h2{font-size:3.25rem}.my-listen header p{font-size:1rem}.my-player{margin:50px -24px 25px;width:calc(100% + 48px)}.my-youtube-link{font-size:.72rem;line-height:1.3}.my-route{padding-top:80px;padding-bottom:80px}.my-route>div{margin:52px -24px 0;border-left:0}.my-route article{min-height:260px;padding:25px 24px;border-right:0}.my-route h3{font-size:2.55rem}.my-continue{padding-top:80px;padding-bottom:80px;gap:60px}.my-continue h2{margin-top:40px;font-size:3.35rem}.my-continue nav a{min-height:125px}.my-continue nav strong{font-size:1.7rem}}

/* Experiência de escuta e índice da obra */
.my-experience{max-width:1480px;margin:78px auto 0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(48px,6vw,100px);align-items:start}.my-player-sticky{position:sticky;top:92px;align-self:start}.my-player{max-width:none;margin:0;aspect-ratio:16/9}.my-player>div,.my-player iframe{width:100%;height:100%;display:block;border:0}.my-playing{padding:20px 0 18px;display:grid;grid-template-columns:145px 1fr;gap:20px;border-bottom:1px solid #ffffff70}.my-playing small{color:var(--my-yellow);font-size:.65rem}.my-playing strong{font-size:1.08rem;font-weight:600;line-height:1.25}.my-player-sticky .my-youtube-link{padding-top:18px}
.my-chapters{border-top:1px solid #ffffff70}.my-part-nav{padding:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-bottom:1px solid #ffffff70}.my-part-nav button{min-width:0;padding:12px 10px;display:flex;flex-direction:column;gap:6px;border:1px solid #ffffff38;background:transparent;color:#fff;text-align:left;cursor:pointer}.my-part-nav button b{color:var(--my-yellow);font-size:.66rem}.my-part-nav button span{overflow:hidden;font-size:.74rem;font-weight:650;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.my-part-nav button.active{background:var(--my-yellow);border-color:var(--my-yellow);color:var(--my-ink)}.my-part-nav button.active b{color:var(--my-ink)}.my-chapter-group{scroll-margin-top:100px;border-bottom:1px solid #ffffff70}.my-chapter-group summary{min-height:124px;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none}.my-chapter-group summary::-webkit-details-marker{display:none}.my-chapter-group summary>span{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:18px}.my-chapter-group summary b{color:var(--my-yellow);font-size:.76rem;letter-spacing:.11em}.my-chapter-group summary strong{font-size:clamp(1.7rem,2.15vw,2.55rem);font-weight:550;line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.my-chapter-group summary>i{font-style:normal;font-size:1.35rem;transition:transform .2s}.my-chapter-group[open] summary>i{transform:rotate(45deg)}.my-chapter-group ol{margin:0;padding:0 0 18px;list-style:none}.my-chapter-group li{border-top:1px solid #ffffff2d}.my-chapter-group button{width:100%;padding:21px 0;display:grid;grid-template-columns:48px 1fr 25px;gap:14px;align-items:start;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.my-chapter-group button>b{padding-top:4px;color:#858680;font-size:.72rem}.my-chapter-group button>span{display:flex;flex-direction:column;gap:8px}.my-chapter-group button strong{font-size:1.2rem;font-weight:550;line-height:1.2}.my-chapter-group button small{color:#a8a9a3;font-size:.82rem;font-weight:400;line-height:1.42;letter-spacing:0;text-transform:none}.my-chapter-group button>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:.54rem;font-style:normal}.my-chapter-group button:hover strong,.my-chapter-group button.active strong{color:var(--my-yellow)}.my-chapter-group button.active>i{background:var(--my-yellow);border-color:var(--my-yellow);color:var(--my-ink)}
@media(max-width:980px){.my-experience{grid-template-columns:1fr;gap:58px}.my-player-sticky{position:relative;top:auto}.my-chapters{margin-top:5px}}
@media(max-width:720px){.my-listen>header{display:grid}.my-experience{display:block;margin-top:50px}.my-player-sticky{position:sticky;top:60px;z-index:10;margin:0 -24px;background:var(--my-ink);box-shadow:0 12px 22px #0005}.my-player{width:100%;margin:0;aspect-ratio:16/9}.my-playing{padding:13px 24px 12px;grid-template-columns:98px 1fr;background:var(--my-ink)}.my-playing small{font-size:.58rem}.my-playing strong{font-size:.92rem}.my-player-sticky .my-youtube-link{display:none}.my-chapters{margin-top:44px;background:var(--my-ink)}.my-part-nav{grid-template-columns:1fr 1fr;gap:7px}.my-part-nav button{padding:11px}.my-part-nav button span{font-size:.78rem}.my-chapter-group summary{min-height:104px}.my-chapter-group summary>span{grid-template-columns:50px 1fr;gap:10px}.my-chapter-group summary strong{font-size:1.58rem}.my-chapter-group button{grid-template-columns:35px 1fr 25px;gap:10px;padding:19px 0}.my-chapter-group button strong{font-size:1.1rem}.my-chapter-group button small{font-size:.8rem}}

/* Hierarquia cromática das partes */
.my-listen{padding-top:32px}.my-listen-bar{max-width:1480px;margin:0 auto;padding:0 0 18px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff70;color:#b9bab4;font-size:.7rem;font-weight:800;letter-spacing:.14em}.my-experience{margin-top:48px}
.my-chapter-group.part-0{--part:#f5d900}.my-chapter-group.part-1{--part:#39acd4}.my-chapter-group.part-2{--part:#51bd82}.my-chapter-group.part-3{--part:#c9593e}
.my-part-nav button:nth-child(1).active{background:#f5d900;border-color:#f5d900}.my-part-nav button:nth-child(2).active{background:#39acd4;border-color:#39acd4}.my-part-nav button:nth-child(3).active{background:#51bd82;border-color:#51bd82}.my-part-nav button:nth-child(4).active{background:#c9593e;border-color:#c9593e}
.my-chapter-group summary,.my-chapter-group button{transition:background-color .2s,color .2s,padding .2s}
.my-chapter-group button.active{padding-left:16px;padding-right:16px;background:var(--part);color:var(--my-ink)}.my-chapter-group button.active>b,.my-chapter-group button.active small,.my-chapter-group button.active strong{color:var(--my-ink)}.my-chapter-group button.active>i{background:var(--my-ink);border-color:var(--my-ink);color:#fff}
@media(max-width:720px){.my-listen{padding-top:20px}.my-listen-bar{padding-bottom:14px;font-size:.62rem}.my-experience{margin-top:26px}.my-chapter-group button.active{margin-left:-12px;width:calc(100% + 24px);padding-left:12px;padding-right:12px}}