:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080807}body{overflow-x:hidden;color:#ddc3a5;font-family:Georgia,'Times New Roman',serif}.release-page{position:relative;min-height:100vh;overflow-x:hidden;overflow-y:visible;background:#080807;background-image:radial-gradient(ellipse at 48% 44%,rgba(255,238,211,.025),transparent 57%)}.sun-artwork{position:absolute;z-index:0;top:88px;right:0;width:340px;height:310px;background:url('approved-mockup.png') no-repeat -1196px -86px/1536px 1024px;pointer-events:none;-webkit-mask-image:linear-gradient(to right,#000 0 88%,transparent 100%);mask-image:linear-gradient(to right,#000 0 88%,transparent 100%)}.site-header{position:relative;z-index:3;height:98px;border-bottom:1px solid rgba(221,195,165,.18)}.logo{position:absolute;top:37px;left:38px;color:#ddc3a5;font-size:28px;letter-spacing:.34em;line-height:1;text-decoration:none;white-space:nowrap}#site-navigation{position:absolute;top:43px;left:50%;display:flex;gap:55px;transform:translateX(-50%)}#site-navigation a{position:relative;color:#ddc3a5;font-size:16px;letter-spacing:.13em;line-height:1;text-decoration:none;text-transform:uppercase;white-space:nowrap}#site-navigation a[aria-current="page"]::after{position:absolute;top:35px;left:0;width:100%;height:1px;background:#ddc3a5;content:''}#site-navigation a[aria-current="page"]::before{position:absolute;z-index:1;top:33px;left:calc(50% - 2px);width:3px;height:3px;border:1px solid #ddc3a5;background:#080807;content:'';transform:rotate(45deg)}.social-links{position:absolute;top:27px;right:28px;display:flex;gap:13px}.social-links a{display:block;width:32px;height:35px;background:url('approved-mockup.png') no-repeat;background-size:1536px 1024px}.social-links .bandcamp{background-position:-1202px -29px}.social-links .facebook{background-position:-1270px -29px}.social-links .instagram{background-position:-1320px -29px}.social-links .youtube{background-position:-1368px -29px}.social-links .tiktok{background-position:-1422px -29px}.social-links .spotify{background-position:-1470px -29px}.menu-toggle,.mobile-social-links{display:none}
.release-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(420px,1.14fr) minmax(340px,.58fr) minmax(400px,.78fr);gap:38px;max-width:1480px;margin:30px auto 0;padding:0 28px}.cover-frame{margin:0;background:#070707}.cover-frame img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.release-details{padding-top:17px}.release-details h1{margin:0 0 18px;padding-bottom:17px;border-bottom:1px solid rgba(221,195,165,.42);font-size:37px;font-weight:400;letter-spacing:.075em;line-height:1;text-transform:uppercase}.meta p{margin:0;padding:12px 0;border-bottom:1px solid rgba(221,195,165,.38);font-size:17px;letter-spacing:.045em;line-height:1.4}.purchase-panel{align-self:start;margin-top:280px;padding:26px 24px 21px;border:1px solid rgba(221,195,165,.45);background:rgba(5,5,5,.58)}.bandcamp-player{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:20px;align-items:center;width:100%;min-height:150px;color:#ead7c4;font-family:Arial,sans-serif;text-decoration:none}.play{position:relative;width:78px;height:88px;border:1px solid rgba(221,195,165,.55)}.play::after{position:absolute;top:27px;left:30px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:22px solid #ddc3a5;content:''}.bandcamp-player strong,.bandcamp-player small{display:block}.bandcamp-player strong{margin-bottom:10px;font-size:17px}.bandcamp-player small{margin-bottom:12px;font-size:14px}.listen{font-size:13px;white-space:nowrap}.buy-section{border-top:1px solid rgba(221,195,165,.38);padding-top:16px}.buy-section h2{margin:0 0 16px;font-size:25px;font-weight:400;letter-spacing:.14em;text-transform:uppercase}.buy-section a{display:block;width:100%;margin:0;padding:17px 8px;border:1px solid rgba(221,195,165,.72);color:#ddc3a5;font-size:19px;letter-spacing:.17em;text-align:center;text-decoration:none;text-transform:uppercase}.buy-section a+a{margin-top:18px}.description{position:relative;z-index:1;max-width:700px;margin:-6px auto 0;padding-left:65px;font-size:17px;letter-spacing:.07em;line-height:1.45}.release-navigation{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1050px;margin:31px auto 32px;padding:18px 30px 0;border-top:1px solid rgba(221,195,165,.22)}.release-navigation a{color:#ddc3a5;font-size:17px;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.release-navigation a:last-child{text-align:right}.grid-link{display:grid;grid-template-columns:repeat(2,9px);gap:4px}.grid-link span{width:9px;height:9px;border:1px solid #ddc3a5}a:focus-visible,button:focus-visible{outline:1px solid #ddc3a5;outline-offset:4px}
@media(max-width:900px){.site-header{height:66px}.logo{top:23px;left:20px;font-size:19px;letter-spacing:.28em}.menu-toggle{position:absolute;z-index:5;top:15px;right:18px;display:grid;gap:5px;width:34px;height:34px;padding:7px 5px;border:0;background:transparent}.menu-toggle span{display:block;width:100%;height:1px;background:#ddc3a5}#site-navigation{position:fixed;z-index:4;inset:0;display:none;gap:24px;align-content:start;padding:100px 30px 30px;background:#080807;transform:none}#site-navigation.is-open{display:grid}#site-navigation a{font-size:16px}.social-links{display:none}.mobile-social-links{display:flex!important;flex-wrap:wrap;gap:16px;margin-top:18px}.mobile-social-links a{font-size:12px}.sun-artwork{top:66px;width:210px;height:250px;background-position:-1326px -86px}.release-layout{display:block;margin-top:0;padding:35px 22px 0}.cover-frame{max-width:520px;margin:0 auto 35px}.release-details{padding:0}.release-details h1{font-size:clamp(27px,9vw,37px)}.meta p{font-size:16px}.purchase-panel{margin-top:32px;padding:18px}.bandcamp-player{grid-template-columns:58px 1fr;min-height:110px;gap:14px}.play{width:58px;height:64px}.play::after{top:18px;left:21px;border-top-width:12px;border-bottom-width:12px;border-left-width:18px}.listen{grid-column:2;font-size:12px}.buy-section h2{font-size:21px}.buy-section a{font-size:16px}.description{margin:34px 0 0;padding:0 22px;font-size:16px}.release-navigation{margin:34px 0 24px;padding:16px 22px 0}.release-navigation a{font-size:10px}}

/* Approved 2018 release layout correction. */
.release-layout { grid-template-columns: minmax(420px, .92fr) minmax(570px, 1.08fr); gap: 58px; align-items: start; }
.cover-frame { width: 100%; max-width: 650px; }
.edition-note { display: flex; flex-wrap: nowrap; gap: clamp(9px, 1.6vw, 24px); margin-top: 20px; color: #ddc3a5; font-size: clamp(9px, 1.25vw, 18px); letter-spacing: .08em; line-height: 1.2; text-align: left; text-transform: uppercase; white-space: nowrap; }
.cover-description { margin: 14px 0 0; color: #ddc3a5; font-size: 17px; letter-spacing: .07em; line-height: 1.45; text-align: left; }
.right-column { min-width: 0; padding-top: 17px; }
.release-details { padding-top: 0; }
.purchase-panel { width: 100%; margin-top: 31px; }
.buy-section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.buy-section a, .buy-section a + a { margin-top: 0; }
.purchase-panel .bandcamp-player { display: block; width: 100%; max-width: 100%; min-height: 120px; }

@media (max-width: 900px) {
  .cover-frame { margin: 0 auto 0; }
  .edition-note { margin: 18px 0 0; font-size: clamp(8px, 2.45vw, 16px); }
  .cover-description { margin-top: 13px; font-size: 16px; }
  .right-column { padding-top: 34px; }
  .purchase-panel { margin-top: 32px; }
  .buy-section > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* Compact desktop presentation: retain the approved composition within one viewport. */
@media (min-width: 901px) and (max-height: 1000px) { body { zoom: .86; } }
@media (min-width: 901px) and (max-height: 800px) { body { zoom: .76; } }

/* Fit the complete approved desktop composition without vertical scrolling. */
@media (min-width: 901px) and (max-height: 1100px) { html, body { height: auto; overflow-x: hidden; overflow-y: auto; } body { zoom: .72; } }
@media (min-width: 901px) and (min-height: 1101px) { html, body { height: auto; overflow-x: hidden; overflow-y: auto; } body { zoom: .82; } }

/* Shared desktop header geometry — aligned with the title page. */
@media (min-width:901px){.site-header{height:94px;background:#000;border-bottom:1px solid rgba(221,195,165,.2)}.logo{top:34px;left:36px;font-size:28px}.site-header #site-navigation{top:38px;gap:54px}.social-links{top:28px;right:28px;gap:13px}}

/* Fixed individual crops prevent social icons from overlapping. */
.social-links { align-items:center; }
.social-links a { flex:0 0 32px; height:42px; overflow:hidden; background-color:transparent; }
@media (min-width:901px) {
  .social-links { width:274px; justify-content:space-between; gap:0; }
  .social-links .bandcamp { flex-basis:45px; }
  .social-links .bandcamp { background-position:-1202px -32px; }
  .social-links .facebook { background-position:-1270px -32px; }
  .social-links .instagram { background-position:-1318px -32px; }
  .social-links .youtube { background-position:-1368px -32px; }
  .social-links .tiktok { background-position:-1422px -32px; }
  .social-links .spotify { background-position:-1470px -32px; }
}

@media (max-width: 360px) {
  .buy-section > div { grid-template-columns: 1fr; }
}

/* Clean directional ornaments beside the release-navigation labels. */
.release-navigation a:first-child,
.release-navigation a:last-child { font-size:0; }
.release-navigation a:first-child::before { content:'\2039\00a0 NEXT RELEASE'; font-size:17px; letter-spacing:.15em; }
.release-navigation a:last-child::after { content:'PREVIOUS RELEASE\00a0 \203a'; font-size:17px; letter-spacing:.15em; }
@media (max-width:900px) {
  .release-navigation a:first-child::before { font-size:10px; }
  .release-navigation a:last-child::after { font-size:10px; }
}

/* Blend the eclipse into the page background rather than leaving a hard crop. */
@media (min-width:901px) {
  .sun-artwork {
    top:104px;
    right:-18px;
    width:358px;
    height:310px;
    opacity:.78;
    -webkit-mask-image:radial-gradient(ellipse 118% 92% at 100% 44%,#000 0 62%,rgba(0,0,0,.74) 78%,transparent 100%);
    mask-image:radial-gradient(ellipse 118% 92% at 100% 44%,#000 0 62%,rgba(0,0,0,.74) 78%,transparent 100%);
  }
}

/* Release facts are presented without individual separator rules. */
.release-details .meta p { border-bottom:0; }

/* Keep the player and purchase actions visually open, without box frames. */
.purchase-panel { border:0; }
.buy-section { border-top:0; }
.buy-section a { border:0; }

@media (min-width:901px) {
  .purchase-panel .buy-section { margin-top:102px; padding-top:0; }
  .purchase-panel .buy-section > div { width:min(430px,100%); margin:0 auto; }
}

/* Keep the active Resonance marker as a complete underline, not a lone diamond. */
@media (min-width:901px){
  #site-navigation a[href="../../resonance.html"][aria-current="page"]::after{display:block!important;top:34px!important;left:0!important;width:100%!important;height:1px!important;background:#e2c0a0!important}
  #site-navigation a[href="../../resonance.html"][aria-current="page"]::before{display:block!important;top:32px!important;border-color:#e2c0a0!important}

}