:root { color-scheme: light; } * { box-sizing: border-box; } html, body { min-height: 100%; margin: 0; } body { overflow-x: hidden; background: #efedeb; color: #090909; font-family: Georgia, 'Times New Roman', serif; }
.release-page { position: relative; min-height: 100vh; overflow: hidden; background: #efedeb; background-image: radial-gradient(ellipse at 42% 38%, rgba(0,0,0,.025), transparent 50%); }
.site-header { position: relative; z-index: 3; height: 92px; border-bottom: 1px solid rgba(0,0,0,.14); }.logo { position:absolute; top:36px; left:38px; color:#080808; font-size:27px; letter-spacing:.34em; line-height:1; text-decoration:none; white-space:nowrap; }
#site-navigation { position:absolute; top:43px; left:50%; display:flex; gap:58px; transform:translateX(-50%); } #site-navigation a { position:relative; color:#080808; font-size:15px; letter-spacing:.13em; text-decoration:none; text-transform:uppercase; white-space:nowrap; } #site-navigation a[aria-current="page"]::after { position:absolute; top:39px; left:0; width:100%; height:1px; background:#111; content:""; } #site-navigation a[aria-current="page"]::before { position:absolute; z-index:1; top:37px; left:calc(50% - 3px); width:4px; height:4px; border:1px solid #111; background:#efedeb; 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-image:url('approved-mockup.png'); background-repeat:no-repeat; background-size:1536px 1024px; }.social-links .bandcamp{background-position:-1193px -28px}.social-links .facebook{background-position:-1259px -28px}.social-links .instagram{background-position:-1309px -28px}.social-links .youtube{background-position:-1360px -28px}.social-links .tiktok{background-position:-1411px -28px}.social-links .spotify{background-position:-1461px -28px}
.menu-toggle,.mobile-social-links { display:none; }.decorative-sun { position:absolute; z-index:0; top:92px; right:0; width:350px; height:352px; background:url('approved-mockup.png') no-repeat -1186px -91px/1536px 1024px; pointer-events:none; }
.release-layout { position:relative; z-index:1; display:grid; grid-template-columns:50% 50%; min-height:calc(100vh - 92px); }.cover-frame { width:100%; max-width:672px; margin:67px auto 0; }.cover-frame img { display:block; width:100%; height:auto; aspect-ratio:1 / 1; object-fit:contain; }.release-details { width:min(100% - 60px, 670px); margin:0 auto; padding-top:112px; }.release-details h1 { margin:0; font-size:39px; font-weight:400; letter-spacing:.11em; line-height:1; text-transform:uppercase; }.year { margin:20px 0 24px; font-size:18px; letter-spacing:.18em; }.divider { position:relative; width:145px; height:1px; margin:22px 0 32px; background:rgba(0,0,0,.75); }.divider::after { position:absolute; top:-3px; left:calc(50% - 3px); width:5px; height:5px; border:1px solid #111; background:#efedeb; content:""; transform:rotate(45deg); }.credits p { margin:0 0 12px; font-size:17px; letter-spacing:.05em; line-height:1.25; }
.player { margin-top:47px; min-height:120px; }.bandcamp-player { display:block; width:100%; max-width:100%; }
.buy-section { margin-top:26px; }.buy-section > div { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.buy-section a { display:block; padding:20px 10px; border:1px solid rgba(0,0,0,.25); color:#080808; font-size:22px; letter-spacing:.18em; text-align:center; text-decoration:none; text-transform:uppercase; }
.release-navigation { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; max-width:1020px; margin:52px auto 44px; padding:0 22px; }.release-navigation a { color:#080808; font-size:16px; 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; background:#080808; }
a:focus-visible,button:focus-visible { outline:1px solid #111; 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:#111}#site-navigation{position:fixed;z-index:4;inset:0;display:none;gap:24px;align-content:start;padding:100px 30px 30px;background:#efedeb;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}.decorative-sun{top:66px;width:210px;height:230px;background-position:-1326px -91px}.release-layout{display:block;min-height:0}.cover-frame{width:100%;max-width:520px;margin:28px auto 34px}.release-details{width:auto;margin:0;padding:32px 22px 0}.release-details h1{font-size:clamp(28px,9vw,39px)}.credits p{font-size:15px}.player{margin-top:32px;min-height:120px}.buy-section>div{grid-template-columns:1fr;gap:12px}.buy-section a{font-size:17px}.release-navigation{margin:38px auto 26px;padding:0 22px}.release-navigation a{font-size:10px} }

/* 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; } }

/* Let the upper-right sun dissolve into the paper background instead of reading as a rectangular crop. */
.decorative-sun {
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 16%, rgba(0,0,0,.72) 38%, #000 62%), radial-gradient(ellipse 120% 100% at 100% 0%, #000 40%, rgba(0,0,0,.94) 58%, rgba(0,0,0,.45) 80%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.16) 16%, rgba(0,0,0,.72) 38%, #000 62%), radial-gradient(ellipse 120% 100% at 100% 0%, #000 40%, rgba(0,0,0,.94) 58%, rgba(0,0,0,.45) 80%, transparent 100%);
  mask-composite: intersect;
}

/* Open release presentation: remove container frames; Buy links follow the Add to Cart treatment. */
.site-header,.buy-section a{border:0!important;outline:0;box-shadow:none}.buy-section{margin-top:64px}.buy-section a{background:transparent;color:#080808;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-style:italic;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.buy-section a:hover,.buy-section a:focus-visible{background:transparent;color:#322b25;outline:0;text-shadow:0 0 9px rgba(50,43,37,.3)}

/* Shared desktop header geometry — aligned with the title page. */
@media (min-width:901px){.site-header{height:94px;background:#efedeb;border-bottom:1px solid rgba(0,0,0,.14)}.logo{top:34px;left:36px;color:#080808;font-size:28px}.site-header #site-navigation{top:38px;gap:54px}.site-header #site-navigation a{color:#080808}.site-header #site-navigation a[aria-current="page"]::after{background:#111}.site-header #site-navigation a[aria-current="page"]::before{border-color:#111;background:#efedeb}.social-links{top:28px;right:42px;gap:13px}}

/* Separate sprite windows so each social icon stays visible. */
@media (min-width:901px) {
  .social-links { width:274px; justify-content:space-between; gap:0; align-items:center; }
  .social-links a {
    flex:0 0 32px;
    height:42px;
    overflow:hidden;
    background-color:#efedeb;
    background-image:url('approved-mockup.png');
    background-repeat:no-repeat;
    background-size:1536px 1024px;
    mix-blend-mode:normal;
  }
  .social-links .bandcamp { flex-basis:45px; background-position:-1193px -32px; }
  .social-links .facebook { background-position:-1259px -32px; }
  .social-links .instagram { background-position:-1309px -32px; }
  .social-links .youtube { background-position:-1360px -32px; }
  .social-links .tiktok { background-position:-1425px -32px; }
  .social-links .spotify { background-position:-1476px -32px; }
}

/* The social links remain icon-only, without visible button frames or backing boxes. */
@media (min-width:901px){.social-links a{display:grid!important;place-items:center;border:0!important;outline:0!important;box-shadow:none!important;background:none!important;color:#080808;font-family:Arial,sans-serif;font-weight:700;text-decoration:none}.social-links a::before{display:block;line-height:1}.social-links .bandcamp::before{content:'◢bc';font-size:11px}.social-links .facebook::before{content:'f';font-size:25px}.social-links .instagram::before{content:'◎';font-size:26px}.social-links .youtube::before{content:'▶';font-size:19px}.social-links .tiktok::before{content:'♪';font-size:24px}.social-links .spotify::before{content:'≋';font-size:28px}}

/* Use the same icon artwork as the title page — no button frames or text substitutes. */
@media (min-width:901px){.social-links a{display:block!important;border:0!important;outline:0!important;box-shadow:none!important;background-color:transparent!important;background-image:url('approved-mockup.png')!important;background-repeat:no-repeat!important;background-size:1536px 1024px!important;color:transparent!important;font-size:0!important}.social-links a::before{display:none!important}.social-links .bandcamp{background-position:-1193px -32px!important}.social-links .facebook{background-position:-1259px -32px!important}.social-links .instagram{background-position:-1309px -32px!important}.social-links .youtube{background-position:-1360px -32px!important}.social-links .tiktok{background-position:-1425px -32px!important}.social-links .spotify{background-position:-1476px -32px!important}}

/* Keep only the icon marks: no darker sprite windows behind them. */
@media (min-width:901px){.social-links a{display:grid!important;place-items:center;background:none!important;color:#080808!important;font-family:Arial,sans-serif;font-size:inherit!important;font-weight:700}.social-links a::before{display:block!important;line-height:1}.social-links .bandcamp::before{content:'◢bc';font-size:11px}.social-links .facebook::before{content:'f';font-size:25px}.social-links .instagram::before{content:'◎';font-size:26px}.social-links .youtube::before{content:'▶';font-size:19px}.social-links .tiktok::before{content:'♪';font-size:24px}.social-links .spotify::before{content:'≋';font-size:28px}}

/* Restore the original icon artwork; multiply removes the light sprite background. */
@media (min-width:901px){.social-links a{display:block!important;background-color:transparent!important;background-image:url('approved-mockup.png')!important;background-repeat:no-repeat!important;background-size:1536px 1024px!important;color:transparent!important;font-size:0!important;filter:brightness(1.18) contrast(1.45);mix-blend-mode:multiply}.social-links a::before{display:none!important}.social-links .bandcamp{background-position:-1193px -32px!important}.social-links .facebook{background-position:-1259px -32px!important}.social-links .instagram{background-position:-1309px -32px!important}.social-links .youtube{background-position:-1360px -32px!important}.social-links .tiktok{background-position:-1425px -32px!important}.social-links .spotify{background-position:-1476px -32px!important}}
@media (min-width:901px){.social-links .tiktok{transform:translateX(9px)}}