.noah-song{position:relative;isolation:isolate;width:var(--page);min-height:360px;margin:clamp(2rem,5vw,6rem) auto 0;display:grid;grid-template-columns:minmax(180px,.38fr) minmax(300px,.92fr) minmax(340px,.9fr);align-items:center;gap:clamp(1.4rem,3vw,3.6rem);padding:clamp(1.5rem,2.6vw,2.8rem);overflow:hidden;color:#f2eadc;background:#15130f}
.project-song-feature{grid-column:1 / -1;width:100%;min-width:0;margin:clamp(1.5rem,3vw,3rem) 0 clamp(1rem,2vw,2rem);align-self:start}
.project-song-feature[hidden]{display:none}
.story-background-video,.story-static-background,.noah-song-shade{position:absolute;z-index:-3;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px)}
.story-background-video{object-fit:cover;opacity:0;filter:blur(7px) saturate(.7) contrast(1.08);transform:scale(1.04);transition:opacity .7s ease}.noah-song.video-ready[data-story-theme="noah"] .story-background-video{opacity:.76}
.story-static-background{background-position:center;background-size:cover;opacity:0;transition:opacity .4s ease}.noah-song[data-story-theme="bird"] .story-static-background{opacity:1;background-image:url("assets/noah-ark/tiny-bird-background.png")}.noah-song[data-story-theme="wasteland"] .story-static-background{opacity:.88;background-image:url("assets/dead-barren/horizon.jpg")}
.noah-song-shade{z-index:-2;background:linear-gradient(90deg,rgba(8,8,7,.74),rgba(8,8,7,.46)),linear-gradient(0deg,rgba(8,8,7,.82),transparent 82%)}.noah-song[data-story-theme="bird"] .noah-song-shade{background:linear-gradient(90deg,rgba(19,31,39,.78),rgba(19,31,39,.32)),linear-gradient(0deg,rgba(15,24,30,.7),transparent)}.noah-song[data-story-theme="wasteland"] .noah-song-shade{background:linear-gradient(90deg,rgba(20,13,8,.87),rgba(20,13,8,.46)),linear-gradient(0deg,rgba(20,13,8,.78),transparent)}
.story-cover{position:relative;z-index:2;aspect-ratio:1;width:min(100%,270px);margin:0;overflow:hidden;border:1px solid rgba(239,220,187,.46);background:#1c1a15;box-shadow:0 18px 50px rgba(0,0,0,.34)}.story-cover img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.story-cover-noah{object-position:21% center}.story-cover-wasteland{object-position:center}.noah-song[data-story-theme="noah"] .story-cover-noah,.noah-song[data-story-theme="wasteland"] .story-cover-wasteland{opacity:1}
.story-cover-bird{object-position:center}.noah-song[data-story-theme="bird"] .story-cover-bird{opacity:1}
.noah-song-copy,.story-console{position:relative;z-index:2;min-width:0}.noah-song .section-number{color:#d2a45d}.noah-song h2{margin:.8rem 0 .65rem;font:300 clamp(2.5rem,4vw,4.7rem)/.86 var(--serif);letter-spacing:-.045em}.noah-song-copy>p:not(.section-number){max-width:580px;margin:0;color:rgba(242,234,220,.74);font-size:.84rem}.story-context-link{display:inline-block;margin-top:1.15rem;padding-bottom:.2rem;border-bottom:1px solid rgba(239,220,187,.5);font:.57rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.story-console{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.noah-player{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.9rem;border:1px solid rgba(238,211,165,.46);background:rgba(12,11,9,.77);box-shadow:0 0 0 3px rgba(10,9,7,.24);backdrop-filter:blur(8px)}.noah-player button{display:flex;align-items:center;gap:.65rem;padding:0;border:0;color:#f3e9d8;background:transparent;cursor:pointer;font:.58rem var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.noah-play-icon{width:2.35rem;height:2.35rem;display:grid;place-items:center;border:1px solid #d5a353;border-radius:50%;transition:background .2s,color .2s}.noah-play-icon i{width:0;height:0;margin-left:3px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.noah-player button:hover .noah-play-icon,.noah-player button:focus-visible .noah-play-icon{color:#17130c;background:#d5a353}.noah-player button:focus-visible{outline:1px solid #f1c77f;outline-offset:5px}.noah-player.playing .noah-play-icon i{width:8px;height:11px;margin:0;border:0;border-inline:3px solid currentColor}.noah-spectrum{min-width:0}.noah-spectrum canvas{display:block;width:100%;height:42px}.noah-time{display:flex;justify-content:space-between;margin-top:.15rem;color:rgba(242,234,220,.52);font:.48rem var(--mono);letter-spacing:.08em}
.story-track-list{display:grid;margin-top:.8rem;border-top:1px solid rgba(238,211,165,.28)}.story-track-list button{display:grid;grid-template-columns:2rem 1fr;gap:.4rem;padding:.52rem 0;border:0;border-bottom:1px solid rgba(238,211,165,.18);color:rgba(242,234,220,.58);background:transparent;cursor:pointer;text-align:left;font:.54rem var(--mono);text-transform:uppercase;letter-spacing:.055em}.story-track-list button span{color:#b9853f}.story-track-list button.active{color:#fff1da}
@media(max-width:1050px){.noah-song{grid-template-columns:180px 1fr}.story-console{grid-column:2}.story-cover{grid-row:1 / span 2}.noah-song h2{font-size:3.2rem}}
@media(max-width:720px){.noah-song{width:100%;min-height:0;grid-template-columns:100px 1fr;gap:1.2rem;margin-top:1rem;padding:1.4rem}.story-cover{width:100px;align-self:start}.story-console{grid-column:1 / -1}.noah-song h2{font-size:2.45rem}.noah-song-copy>p:not(.section-number){font-size:.78rem}}
@media(max-width:470px){.noah-song{grid-template-columns:78px 1fr}.story-cover{width:78px}.noah-song h2{font-size:2rem}.noah-player{grid-template-columns:1fr}.noah-spectrum canvas{height:34px}.story-track-list button{font-size:.49rem}}
@media(prefers-reduced-motion:reduce){.story-background-video{display:none}}
.video-card figure{position:relative}.video-card figure video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.video-card figure video.video-ready{opacity:1}.video-card:hover figure video{transform:scale(1.035)}@media(prefers-reduced-motion:reduce){.video-card figure video{display:none}}