.platform-strip{padding:36px 4vw;display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--cream);border-bottom:1px solid var(--ink);scroll-margin-top:20px}
.platform-kicker{font-size:11px;letter-spacing:.08em;margin:0 0 12px}
.platform-strip h2{font-size:clamp(38px,4vw,64px);line-height:.94;letter-spacing:-.01em}
.platform-buttons{display:flex;flex-wrap:wrap;gap:12px}
.platform-button{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;padding:14px 22px;font-size:17px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .18s,color .18s}
.platform-button span{font-size:24px;line-height:1;color:inherit;margin:0}
.platform-soundcloud{background:var(--red);color:var(--ink)}
.platform-mixcloud{background:var(--blue);color:var(--cream)}
.platform-button:hover{background:var(--ink);color:var(--cream)}
.platform-button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.release-platforms{margin:24px 0 4px}
.release-platforms-label{display:block;font-size:11px;letter-spacing:.07em;color:var(--ink);margin:0 0 10px}
.release-platforms .platform-button{min-height:48px;font-size:15px;padding:11px 18px;gap:24px}
@media(max-width:1000px){.masthead{gap:20px}.masthead nav{gap:20px}.platform-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.masthead{height:auto;min-height:108px;flex-wrap:wrap;padding-top:12px;padding-bottom:16px}.masthead nav{width:100%;justify-content:space-between;gap:10px}.platform-strip{padding:30px 4vw;gap:24px}.platform-strip .platform-buttons{width:100%}.platform-strip .platform-button{flex:1;gap:16px;padding:13px 16px;font-size:15px}.release-platforms .platform-buttons{gap:10px}.release-platforms .platform-button{flex:1;gap:16px;padding:11px 13px}}
@media(max-width:650px){#listen-aida .listen-cover-title{font-size:clamp(28px,9vw,58px)}}
@media(prefers-reduced-motion:reduce){.platform-button{transition:none}}

/* YouTube uses sand and blue from the ALMAVOLNA artwork palette. */
.platform-youtube{background:#e7d4b5;color:var(--blue);border-color:var(--blue)}
.platform-youtube:hover{background:var(--blue);color:var(--cream);border-color:var(--blue)}

/* Direct platform access in the masthead. */
.masthead{height:auto;min-height:88px;gap:24px;padding-top:14px;padding-bottom:14px}
.masthead nav{align-items:center;gap:20px;font-size:13px;white-space:nowrap}
.masthead nav>a,.masthead nav>a[href="#idea"]{display:block}
.masthead .header-platforms{display:flex;align-items:center;gap:6px}
.masthead .header-platforms .platform-button{min-height:40px;padding:9px 12px;gap:8px;font-size:12px;line-height:1.4}
.masthead .header-platforms .platform-button span{display:inline;font-size:16px;color:inherit;margin:0}
.masthead .header-platforms a:after{display:none}
@media(max-width:1380px){.masthead>p{display:none}}
@media(max-width:1100px){.masthead nav{gap:14px}.masthead .header-platforms .platform-button{padding:9px 10px}}
@media(max-width:920px){.masthead{flex-wrap:wrap;gap:10px}.masthead nav{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.masthead .header-platforms{margin-left:auto}}
@media(max-width:650px){.masthead{padding-top:10px;padding-bottom:14px}.masthead nav{gap:12px}.masthead .header-platforms{flex-basis:100%;margin-left:0;gap:8px}.masthead .header-platforms .platform-button{flex:1;justify-content:center;min-height:40px;padding:9px 8px}}
