/* Editorial pages extend the existing warm paper, sage and rounded imagery. */
.editorial-section{max-width:1600px;margin:auto;padding:85px 8% 100px}.editorial-heading{max-width:680px;margin-bottom:38px}.editorial-heading h2{font:600 clamp(28px,3vw,44px)/1.2 var(--font-ui);letter-spacing:-.035em;margin:14px 0 16px}.editorial-heading>p:last-child{color:#73796b;font-size:14px;line-height:1.9}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.editorial-card{display:block;min-width:0}.editorial-image{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#e9ede3}.editorial-image img{width:100%;height:100%;object-fit:cover;object-position:25% center;transition:transform .5s}.editorial-card:hover img{transform:scale(1.035)}.editorial-image>span{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:.08em;padding:7px 12px;border-radius:20px;background:#f8f7f3e6;color:#394233}.editorial-copy{padding:23px 2px 0}.editorial-copy h3{font-size:22px;font-weight:600;letter-spacing:-.025em;margin-bottom:12px}.editorial-copy>p{color:#747a6d;font-size:13px;line-height:1.9;min-height:74px}.editorial-link{display:flex;justify-content:space-between;border-top:1px solid #2e33201a;padding-top:17px;margin-top:20px;font-size:12px;color:#4d5d42}.editorial-link span{font-size:17px}.site-links{margin:0 8%;display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:20px;font-size:11px;color:#616b55}.locale-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#68735d}.locale-links a{padding:7px 0}.locale-links a[aria-current=page]{color:#293223;text-decoration:underline;text-underline-offset:5px}.hero-copy .hero-description{max-width:420px;margin-left:auto;margin-right:auto;text-wrap:balance}.detail-nav{max-width:1600px;margin:auto;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.detail-back{font-size:12px;color:#68735d}.detail-hero{position:relative;margin:8px 6% 0;min-height:540px;border-radius:28px;overflow:hidden;background:#171e35;color:#fff6e7;isolation:isolate}.detail-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:25% center;z-index:-2}.detail-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101a2bea 0%,#101a2b90 44%,#101a2b08 100%);z-index:-1}.detail-hero-copy{padding:100px 7%;max-width:690px}.detail-hero .section-kicker{color:#e2dbc3;font-size:10px;letter-spacing:.16em}.detail-hero h1{font-size:clamp(42px,5.7vw,82px);font-weight:600;letter-spacing:-.045em;line-height:1.08;margin:24px 0}.detail-intro{font-size:16px;line-height:1.9;max-width:420px;color:#f4eddf}.detail-meta{margin-top:32px;font-size:12px;color:#e3dfd0}.detail-meta span{margin:0 10px}.detail-content{max-width:1320px;margin:0 auto;padding:85px 8%;display:grid;grid-template-columns:1fr 1.15fr;gap:9%}.detail-story h2,.detail-tracks h2{font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.03em;margin:18px 0 24px}.detail-story>p:not(.section-kicker){font-size:15px;line-height:2.1;color:#727969;margin-bottom:20px}.detail-story .detail-intent{font-size:12px!important;border-top:1px solid #2e33201a;padding-top:22px;margin-top:30px}.track-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2e332025}.track-heading h2{margin-top:0}.track-heading>span{font:italic 23px Georgia,serif;color:#939e86}.detail-track-list{list-style:none;margin:0;padding:0}.detail-track-list li{border-bottom:1px solid #2e332012}.detail-track-list .song-row{grid-template-columns:44px minmax(0,1fr) 52px;cursor:pointer;padding:13px 0;gap:15px}.detail-track-list .song-title{font-size:13px;color:#30372b}.detail-track-list .song-name small{color:#69745c;opacity:1}.detail-track-list .song-end{color:#737f64;text-align:right}.detail-track-list .song-row:hover{background:#eef0e8}.listening-note{font-size:11px;color:#737c69;line-height:1.8;margin-top:20px}.detail-cta{margin:0 8%;padding:60px 30px;text-align:center;background:#e9eddf;border-radius:26px}.detail-cta h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin:18px 0}.detail-cta>p:not(.section-kicker){color:#727d66;font-size:14px;line-height:1.9;max-width:580px;margin:auto}.detail-cta .app-store-button{width:fit-content;margin:28px auto 0}.related .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .editorial-image{aspect-ratio:16/9}.detail-footer{margin:0 8%;padding:30px 0;display:flex;gap:25px;justify-content:space-between;border-top:1px solid #2e33201a;color:#748066;font-size:11px}.editorial-card:focus-visible,.locale-links a:focus-visible,.song-row:focus-visible,.detail-back:focus-visible{outline:2px solid #6b99c7;outline-offset:5px;border-radius:5px}
@media(max-width:700px){.editorial-section{padding:55px 7%}.editorial-grid,.related .editorial-grid{grid-template-columns:1fr;gap:36px}.editorial-copy>p{min-height:0}.editorial-heading{margin-bottom:28px}.editorial-image{aspect-ratio:16/10}.site-links{align-items:flex-start;margin:0 7%;gap:16px}.locale-links{gap:13px;font-size:10px}.detail-nav{padding:18px 6%;flex-wrap:wrap;gap:10px}.detail-nav .brand-logo{width:80px;height:40px}.detail-back{width:100%;font-size:11px}.detail-hero{margin:0 3%;min-height:480px;border-radius:24px}.detail-hero-copy{padding:105px 8% 42px;max-width:100%}.detail-hero h1{font-size:44px;max-width:300px}.detail-intro{font-size:14px}.detail-shade{background:linear-gradient(0deg,#101a2be8,#101a2b3b)}.detail-cover{object-position:25% center}.detail-content{display:block;padding:48px 7%}.detail-story{margin-bottom:45px}.detail-story h2,.detail-tracks h2{font-size:24px}.detail-story>p:not(.section-kicker){font-size:14px}.detail-cta{margin:0 5%;padding:45px 22px}.detail-footer{flex-wrap:wrap;gap:20px;margin:0 7%}.detail-footer>span{margin-left:auto}.detail-track-list .song-row{gap:12px}.detail-track-list .song-title{overflow-wrap:anywhere}.hero-copy .hero-description{max-width:290px}}
@media(prefers-reduced-motion:reduce){.editorial-image img{transition:none}}
/* Existing City Pop/Lo-Fi artwork contains a title at the top: frame the scene below it. */
.detail-hero:not([data-theme=drive]) .detail-cover{height:150%;top:auto;bottom:0;object-position:35% bottom}
.detail-story .app-store-button{width:fit-content;margin-top:28px}