/* The Order's free, original-format introduction. */
.album-feature { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(35px,6vw,85px); align-items:center; border-top:1px solid var(--border); background:radial-gradient(ellipse at 18% 40%,#7847a72b,transparent 63%); }
.album-art { margin:0; position:relative; padding:26px; border:1px solid #c5a2e449; background:radial-gradient(ellipse at center,#59327547,#0b0819 77%); box-shadow:0 15px 60px #04001260,0 0 45px #8655c020; text-align:center; }
.album-art::before { content:''; position:absolute; inset:10px; border:1px solid #d9b66e3b; pointer-events:none; }
.album-art img { display:block; height:310px; max-width:100%; width:auto; object-fit:contain; margin:0 auto; filter:drop-shadow(0 0 15px #cc9fef24); }
.album-art figcaption { font-size:8px; color:#e0c48e; letter-spacing:2.1px; line-height:1.8; margin:18px 0 3px; }
.album-feature h2 { font-size:clamp(39px,4.5vw,56px); line-height:1.06; margin:18px 0 22px; letter-spacing:-.5px; }
.album-feature-copy > p { font-size:13px; color:#c4b7d3; max-width:485px; }
.album-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:27px; }
.album-feature-copy .album-free-note { font-size:10px; color:#bcaecc; margin:21px 0 0; }
.album-meta { display:flex; flex-wrap:wrap; gap:9px 17px; color:#d9b980; font-size:9px; letter-spacing:1.5px; line-height:1.8; margin-bottom:19px; }
.album-page-layout { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(30px,5vw,70px); align-items:start; padding-top:15px; }
.album-story { min-width:0; }
.album-story > p { font-size:12px; color:#bfb2cc; line-height:1.9; }
.album-story .album-art { margin-bottom:28px; }
.album-story .album-art img { height:365px; }
.album-listening { min-width:0; border:1px solid #bd98e04d; background:radial-gradient(ellipse at 95% 0,#75439324,transparent 60%),#120d2294; padding:clamp(23px,3vw,38px); }
.album-listening h2 { font-size:35px; margin:18px 0 16px; line-height:1.08; }
.album-now-playing { border-bottom:1px solid var(--border); padding-bottom:25px; }
.album-now-playing > .eyebrow { font-size:8px; }
.album-audio { display:block; width:100%; height:48px; margin:20px 0 15px; color-scheme:dark; }
.album-player-actions { display:flex; flex-wrap:wrap; align-items:center; gap:15px; }
.album-player-actions .button { gap:17px; }
.album-player-actions .album-step { display:inline-grid; place-items:center; border:1px solid #b89cdb55; width:42px; height:42px; background:transparent; color:#e4c695; font-family:'DejaVu Sans',Arial,sans-serif; font-size:15px; }
.album-step:disabled { opacity:.35; cursor:default; }
.album-playback-status { font-size:11px; line-height:1.7; color:#c3b4d3; min-height:19px; margin:17px 0 0; }
.album-playback-status + .text-link { margin-top:14px; }
.album-track-list { list-style:none; padding:0; margin:0; }
.album-track-list li { display:flex; align-items:stretch; border-bottom:1px solid #bfa7da26; }
.album-track-list li.is-current { background:linear-gradient(110deg,#c89de417,#c49d6310); }
.album-track { display:flex; align-items:center; gap:13px; flex:1; min-width:0; padding:21px 12px; text-align:left; border:0; background:none; }
.album-track-number { color:#a793be; font-size:10px; width:16px; flex-shrink:0; }
.album-play-icon { color:#e8c790; font-family:'DejaVu Sans',Arial,sans-serif; font-size:11px; width:14px; flex-shrink:0; }
.album-track-title { color:#e5d8f0; font-size:13px; line-height:1.6; }
.album-track-duration { color:#bcaecc; font-size:10px; margin-left:auto; padding-left:10px; }
.album-track-download { display:flex; align-items:center; padding:0 12px; color:#e5c38c; font-family:'DejaVu Sans',Arial,sans-serif; font-size:17px; }
.album-download-panel { border-top:1px solid #d1b07155; margin-top:32px; padding-top:27px; }
.album-download-panel h3 { font-size:30px; margin:12px 0; }
.album-download-panel p { font-size:12px; color:#c4b7d3; }
.album-download-panel .button { margin-top:10px; white-space:normal; }
.album-download-panel .album-download-details { margin:15px 0 0; font-size:10px; color:#b8a9c9; line-height:1.9; }
.album-list-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:27px 0 8px; }
.album-list-heading h3 { font-size:25px; margin:0; }
.album-list-heading > span { font-size:8px; letter-spacing:1.3px; color:#b8a7c9; }
@media (max-width:1024px) {
  .site-header { justify-content:space-between; }
  .navigation { display:none; position:absolute; top:calc(100% - 1px); left:0; right:0; height:auto; margin:0; background:#100b20; border-bottom:1px solid var(--border); padding:18px 6%; flex-direction:column; align-items:stretch; gap:0; }
  .navigation.open { display:flex; }
  .navigation a { padding:15px 0; }
  .navigation a.active::after { bottom:8px; }
  .menu-toggle { display:flex; flex-direction:column; gap:6px; justify-content:center; order:3; }
  .menu-toggle span { width:21px; height:1px; background:var(--gold); }
  .header-join { margin-left:auto; margin-right:15px; }
}
@media (max-width:850px) {
  .album-page-layout { grid-template-columns:1fr; }
  .album-story { display:grid; grid-template-columns:minmax(0,.6fr) minmax(0,1fr); gap:25px; align-items:center; }
  .album-story .album-art { margin-bottom:0; padding:18px; }
  .album-story .album-art img { height:220px; }
  .album-story .album-art figcaption { font-size:6px; letter-spacing:1px; }
  .album-story > p { margin:0; }
  .album-art img { height:240px; }
}
@media (max-width:580px) {
  .album-feature { grid-template-columns:1fr; gap:32px; }
  .album-feature > .album-art { max-width:300px; width:100%; margin:auto; }
  .album-feature .album-art img { height:300px; }
  .album-feature h2 { font-size:44px; }
  .album-feature .eyebrow { font-size:8px; letter-spacing:1.4px; }
  .album-story { grid-template-columns:1fr; gap:20px; }
  .album-story .album-art { max-width:270px; width:100%; margin:auto; }
  .album-story .album-art img { height:275px; }
  .album-listening { padding:24px 17px; }
  .album-track { padding:19px 8px; gap:8px; }
  .album-track-title { font-size:12px; }
  .album-track-duration { padding-left:4px; }
  .album-track-download { padding:0 9px; }
  .album-actions { align-items:flex-start; flex-direction:column; gap:20px; }
  .album-page-intro h1 { font-size:clamp(48px,12vw,65px); }
  .header-join { margin-right:8px; }
}