/* Release opening: editorial typography, a framed record sleeve and warm light. */
.aryka-upcoming{background:radial-gradient(ellipse at 85% 40%,#49303a66,transparent 58%),#101214;border-bottom:1px solid #d8c8ad30;padding:80px 5% 90px;color:#eee9df;overflow:hidden}
.aryka-upcoming-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}
.aryka-upcoming .aryka-kicker{color:#d8c8ad;margin:0 0 24px;font:11px/1.5 Arial;letter-spacing:.24em}
.aryka-upcoming h2{font-family:"ARYKA Display",Impact,"Arial Narrow",sans-serif;font-weight:900;font-size:clamp(38px,5.2vw,78px);line-height:1.12;letter-spacing:-.025em;margin:0 0 24px;overflow-wrap:anywhere;text-wrap:balance}
.aryka-upcoming-description{font:17px/1.8 Arial,Helvetica,sans-serif;color:#bdb6ac;max-width:470px;margin:0 0 24px}
.aryka-upcoming-date{font:11px/1.8 Arial;letter-spacing:.08em;color:#d8c8ad}.aryka-upcoming-date time{display:block}
.aryka-upcoming-state{font:normal 19px/1.5 Arial,Helvetica,sans-serif;color:#d8c8ad;margin:30px 0 16px}
.aryka-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:540px;margin:0 0 32px}
.aryka-countdown>div{border-right:1px solid #d8c8ad38;padding:0 15px;text-align:center;min-width:0}.aryka-countdown>div:first-child{padding-left:0}.aryka-countdown>div:last-child{border:0}
.aryka-countdown strong{display:block;font:400 clamp(34px,4.2vw,60px)/1.2 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;color:#efe4d1}.aryka-countdown span{display:block;font:9px/1.5 Arial;text-transform:uppercase;letter-spacing:.16em;color:#9c958b;margin-top:10px}
.aryka-upcoming-cta{display:inline-block;border-bottom:1px solid #d8c8ad;color:#e6d7bd;text-decoration:none;font:600 12px/1.6 Arial;letter-spacing:.09em;padding:14px 0;transition:color .2s}.aryka-upcoming-cta:hover{color:white}
.aryka-upcoming-art{margin:0;position:relative;max-width:540px;justify-self:end;width:100%;padding:15px;border:1px solid #d8c8ad40;background:#19191c;box-shadow:18px 18px 0 #d8c8ad08}.aryka-upcoming-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.aryka-upcoming-art figcaption{display:flex;justify-content:space-between;gap:15px;padding:18px 3px 3px;font:900 18px/1.5 "ARYKA Display",Impact,"Arial Narrow",sans-serif;letter-spacing:.05em}.aryka-upcoming-art figcaption span{font:10px/2.7 Arial;color:#ad9d87;letter-spacing:.14em}
.aryka-upcoming-demo{font:10px/1.6 Arial;color:#bdab8f;border-left:2px solid #bdab8f;padding-left:10px;margin:0 0 20px}
.aryka-upcoming [hidden]{display:none!important}
@media(max-width:850px){.aryka-upcoming{padding:55px 24px 65px}.aryka-upcoming-inner{gap:40px;grid-template-columns:1fr}.aryka-upcoming-copy{max-width:620px}.aryka-upcoming-art{justify-self:start;max-width:480px}.aryka-upcoming h2{font-size:clamp(36px,8vw,65px)}.aryka-countdown strong{font-size:48px}}
@media(max-width:400px){.aryka-upcoming{padding:45px 20px 55px}.aryka-countdown strong{font-size:36px}.aryka-countdown>div{padding:0 8px}.aryka-countdown span{font-size:8px;letter-spacing:.08em}.aryka-upcoming-art{padding:10px}.aryka-upcoming-art figcaption span{font-size:8px}}

button.aryka-upcoming-cta{background:transparent;border:0;border-bottom:1px solid #d8c8ad55;cursor:default;color:#a99c87;text-align:left}

/* Spotify pre-save call to action below the countdown. */
.aryka-upcoming .aryka-upcoming-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#1ed760;border:1px solid #1ed760;border-radius:3px;color:#101214;font:700 12px/1.5 Arial;letter-spacing:.06em;text-decoration:none}
.aryka-upcoming .aryka-upcoming-cta:hover{background:#38e574;border-color:#38e574;color:#101214}
.aryka-spotify-icon{display:block;flex:none;width:22px;height:22px}
.aryka-upcoming button.aryka-upcoming-cta:disabled{background:#1ed760;border-color:#1ed760;color:#101214;opacity:.7;cursor:default}
/* 1.7.2: artwork left, release details right, wide Spotify button. */
.aryka-upcoming-inner{grid-template-columns:1fr 1.15fr}
.aryka-upcoming-art{grid-column:1;grid-row:1;justify-self:start}
.aryka-upcoming-copy{grid-column:2;grid-row:1;min-width:0}
.aryka-upcoming .aryka-upcoming-cta{width:100%;min-height:60px;font-size:14px}
@media(max-width:850px){.aryka-upcoming-inner{grid-template-columns:1fr}.aryka-upcoming-art{grid-column:1;grid-row:1}.aryka-upcoming-copy{grid-column:1;grid-row:2;width:100%}}
