:root{color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#030303}body{overflow-x:hidden;color:#d6d3d1;font-family:Georgia,'Times New Roman',serif}.release-page{position:relative;min-height:100vh;overflow-x:hidden;overflow-y:visible;background:#030303;background-image:radial-gradient(ellipse at 57% 31%,rgba(69,86,104,.18),transparent 36%)}.sun-artwork{position:absolute;z-index:0;top:82px;right:0;width:390px;height:345px;background:url('approved-mockup.jpg') no-repeat -1035px -145px/1368px 952px;opacity:.72;pointer-events:none}.site-header{position:relative;z-index:2;height:92px;border-bottom:1px solid rgba(214,211,209,.14)}.logo{position:absolute;top:35px;left:38px;color:#d6d3d1;font-size:25px;letter-spacing:.34em;line-height:1;text-decoration:none;white-space:nowrap}#site-navigation{position:absolute;top:42px;left:50%;display:flex;gap:54px;transform:translateX(-50%)}#site-navigation a{position:relative;color:#d6d3d1;font-size:15px;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:34px;left:0;width:100%;height:1px;background:#d6d3d1;content:''}#site-navigation a[aria-current="page"]::before{position:absolute;top:32px;left:calc(50% - 2px);width:3px;height:3px;border:1px solid #d6d3d1;background:#030303;content:'';transform:rotate(45deg)}.menu-toggle,.mobile-social-links{display:none}.release-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(400px,1fr) minmax(430px,.85fr);gap:30px;max-width:1180px;margin:28px auto 0;padding:0 28px}.cover-frame{margin:0}.cover-frame img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.release-details{padding:42px 0 0 12px}.release-details h1{margin:0;font-size:32px;font-weight:400;letter-spacing:.2em;line-height:1;text-transform:uppercase}.year{margin:15px 0 20px;font-size:15px;letter-spacing:.16em}.divider{position:relative;width:130px;height:1px;margin:18px 0 24px;background:rgba(214,211,209,.3)}.divider::after{position:absolute;top:-3px;left:calc(50% - 3px);width:5px;height:5px;border:1px solid #d6d3d1;background:#030303;content:'';transform:rotate(45deg)}.credits p{margin:0 0 9px;font-size:15px;letter-spacing:.06em;line-height:1.25}.player{margin-top:31px;border:1px solid rgba(214,211,209,.24)}.player a{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;min-height:108px;padding:15px;color:#d6d3d1;font-family:Arial,sans-serif;text-decoration:none}.play{position:relative;width:60px;height:60px;border:1px solid rgba(214,211,209,.35)}.play::after{position:absolute;top:17px;left:23px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #d6d3d1;content:''}.player strong,.player small{display:block}.player strong{margin-bottom:7px;font-size:15px}.player small{margin-bottom:7px;font-size:12px}.listen{font-size:12px;white-space:nowrap}.buy-section{margin-top:18px}.buy-section>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.buy-section a{display:block;padding:16px 8px;border:1px solid rgba(214,211,209,.43);color:#d6d3d1;font-size:15px;letter-spacing:.17em;text-align:center;text-decoration:none;text-transform:uppercase}.release-navigation{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:760px;margin:26px auto 28px;padding:0 20px}.release-navigation a{color:#d6d3d1;font-size:13px;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,8px);gap:4px}.grid-link span{width:8px;height:8px;background:#d6d3d1}a:focus-visible,button:focus-visible{outline:1px solid #d6d3d1;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:#d6d3d1}#site-navigation{position:fixed;z-index:4;inset:0;display:none;gap:24px;align-content:start;padding:100px 30px 30px;background:#030303;transform:none}#site-navigation.is-open{display:grid}#site-navigation a{font-size:16px}.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:215px;height:230px;background-position:-1190px -145px}.release-layout{display:block;margin-top:0;padding:35px 22px 0}.cover-frame{max-width:520px;margin:0 auto 34px}.release-details{padding:0}.release-details h1{font-size:clamp(27px,9vw,34px)}.credits p{font-size:15px}.player a{grid-template-columns:54px 1fr;min-height:102px}.play{width:54px;height:54px}.play::after{top:15px;left:20px}.listen{grid-column:2}.buy-section>div{grid-template-columns:1fr;gap:12px}.release-navigation{margin:34px auto 26px;padding:0 22px}.release-navigation a{font-size:10px}}
.player .bandcamp-player{display:block;width:100%;max-width:100%;min-height:120px}

/* Keep only the decorative sun portion of the approved artwork. */
.sun-artwork { background-position: -1158px -145px; }
@media (max-width:900px) { .sun-artwork { background-position: -1240px -145px; } }

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

/* Match the approved release-page control scale. */
@media (min-width:901px) {
  .buy-section > div { gap:24px; }
  .buy-section a { padding:20px 10px; font-size:22px; }
  .release-navigation { max-width:1050px; margin:50px auto 34px; padding:0 30px; }
  .release-navigation a { font-size:17px; }
  .grid-link { grid-template-columns:repeat(2,9px); }
  .grid-link span { width:9px; height:9px; }
}

/* Clean the corrupted arrow character in the previous-release label. */
.release-navigation a:last-child { font-size:0; }
.release-navigation a:last-child::after { content:'PREVIOUS RELEASE\00a0\203A'; font-size:13px; letter-spacing:.15em; }
@media (max-width:900px) {
  .release-navigation a:last-child::after { font-size:10px; }
}

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

/* Desktop social icons, using the approved source artwork. */
@media (min-width:901px) {
  .social-links { position:absolute; top:28px; right:28px; z-index:3; display:flex; width:274px; justify-content:space-between; align-items:center; }
  .social-links a { display:block; flex:0 0 32px; width:32px; height:42px; overflow:hidden; background:url('../../homepage-mockup.png') no-repeat; background-size:1536px 1024px; }
  .social-links .bandcamp { flex-basis:45px; background-position:-1184px -32px; }
  .social-links .facebook { background-position:-1248px -32px; }
  .social-links .instagram { background-position:-1300px -32px; }
  .social-links .youtube { background-position:-1357px -32px; }
  .social-links .tiktok { background-position:-1415px -32px; }
  .social-links .spotify { background-position:-1473px -32px; }
}

/* Keep the Sun Blind Me purchase area as open as the approved physical-edition pages. */
.site-header,.player,.buy-section a{border:0!important;outline:0;box-shadow:none}.buy-section{margin-top:75px}.buy-section a{padding:16px 8px;background:transparent;color:#d6d3d1;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:#fff0dc;outline:0;text-shadow:0 0 9px rgba(255,240,220,.5)}