.music-page{overflow-x:clip;background:#fffdf8}.music-hero{position:relative;min-height:850px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:60px 7% 70px}.music-copy{position:relative;z-index:3}.music-copy h1{font:90px/.98 Story,serif;margin:25px 0 35px}.music-copy p{max-width:380px;line-height:1.95}.music-picture{position:relative;height:720px;min-width:0}.music-picture>img{position:absolute;width:115%;max-width:none;height:100%;object-fit:cover;object-position:50% 25%;mask-image:url(assets/landscape-mask.svg);mask-size:100% 100%;mask-repeat:no-repeat;transform:rotate(4deg);transition:transform 1.2s}.music-picture:hover>img{transform:rotate(1deg) scale(1.025)}.sound-ring{position:absolute;inset:-10px -30px 0 0;border:1px solid #b6975850;border-radius:50%;transform:rotate(12deg)}.sound-ring:after{content:'';position:absolute;inset:25px;border:1px dotted #b6975840;border-radius:inherit}.music-caption{position:absolute;bottom:65px;right:9%;font-size:8px;letter-spacing:3px;color:#8d7544}.music-listening{position:relative;min-height:640px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:100px 9%;background:#183a3b;color:#f5e9ce;mask-image:linear-gradient(transparent,#000 3%,#000 97%,transparent)}.music-vignette{background:url(assets/music/oryon-alaude.png) 46% 64%/155% auto no-repeat;mask-image:radial-gradient(ellipse,#000 42%,transparent 74%);min-height:420px;transform:rotate(-5deg)}.listening-copy{align-self:center}.listening-copy h2{font:62px/1.05 Story,serif;margin:22px 0 28px}.listening-copy p{color:#c5d2c9;font-size:14px;max-width:400px}.music-track{display:flex;align-items:center;gap:24px;margin-top:35px}.music-track>span{font:48px Story;color:#d3b774}.music-track h3{font:22px Story;margin:0 0 8px}.music-track small{font-size:7px;letter-spacing:2px;color:#d3b774}.music-listening audio{width:100%;max-width:430px;margin-top:24px}.repeat-song{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:2px;color:#d3b774;margin-top:20px}.repeat-song input{accent-color:#b49a60}.sound-bars{display:flex;align-items:center;gap:8px;height:45px;margin-top:22px}.sound-bars i{display:block;width:2px;height:10px;background:#bca468;transition:height .5s}.playing .sound-bars i{animation:sound-height 1s ease-in-out infinite alternate}.playing .sound-bars i:nth-child(2n){animation-delay:-.6s}.playing .sound-bars i:nth-child(3n){animation-delay:-.3s}.music-reading{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding:120px 12%;align-items:start}.music-reading h2{font:66px Story;margin:25px 0}.music-reading>div p{max-width:330px;line-height:1.9}.music-reading blockquote{font:26px/1.6 Story,serif;margin:0;border-left:1px solid #b49a6070;padding:10px 0 10px 45px}.music-reading blockquote p{line-height:1.65}.music-reading cite{font:8px sans-serif;letter-spacing:2px;color:#8f7543;font-style:normal}html[data-motion=off] .sound-bars i{animation:none}@keyframes sound-height{to{height:38px}}@media(max-width:700px){.music-hero{display:block;padding:60px 7% 30px;min-height:1090px}.music-copy h1{font-size:65px}.music-copy p{max-width:320px}.music-picture{height:590px;margin-top:20px}.music-picture>img{width:118%;left:-9%;object-position:center}.music-caption{bottom:45px;right:8%;font-size:7px}.sound-ring{inset:30px -15px 25px}.music-listening{grid-template-columns:1fr;gap:20px;padding:60px 8%}.music-vignette{min-height:290px;background-position:46% 68%}.listening-copy h2{font-size:50px}.music-reading{grid-template-columns:1fr;gap:35px;padding:65px 8%}.music-reading h2{font-size:55px}.music-reading blockquote{font-size:21px;padding-left:20px}.music-reading>div p{max-width:none}}@media(prefers-reduced-motion:reduce){.music-picture>img{transition:none}.sound-bars i{animation:none!important}}.music-picture>img{mask-image:url(assets/story-mask.svg)}html:has(body.music-page){overflow-x:clip}.music-listening .eyebrow{color:#cbb279}.music-page main{min-width:0}@media(max-width:700px){.listening-copy{min-width:0}.music-listening audio{max-width:100%}.music-reading blockquote{min-width:0}.music-picture{min-width:0}.music-copy h1{font-size:clamp(52px,16.6vw,65px)}}