*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{touch-action:manipulation}a:hover,summary:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #efbc69;outline-offset:6px}button{font:inherit;cursor:pointer}p{line-height:1.6}header,footer{display:flex;align-items:center;gap:30px;padding:28px 5%}nav{display:flex;gap:25px;align-items:center}nav b{font-weight:400}.rule{height:1px;background:currentColor;opacity:.5;flex:1}.brand{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:2px;font-size:23px;white-space:nowrap}.brand i{display:inline-block;width:14px;height:14px;background:#ffb184;border-radius:50%;margin-right:15px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.minerva{background:#041c39;color:#fff7ec;font-family:'Arial Narrow',Arial,sans-serif}.hero{min-height:680px;height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;padding-bottom:25px}.backgrounds,.shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.backgrounds img{position:absolute;width:100%;height:100%;object-fit:cover}.backgrounds img+img{opacity:0}.shade{z-index:-1;background:linear-gradient(180deg,transparent 25%,#001d4455 60%,#001b445e)}.hero header{color:#091e37}.hero nav{font:13px monospace}.hero-title{display:flex;align-items:center;padding:0 5%;flex:1;gap:45px}.hero h1{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-weight:900;font-size:clamp(100px,18vh,230px);letter-spacing:-.065em;line-height:.84;margin:0}.hero-title .eyebrow{color:#10233e;align-self:center}.hero-message{padding:12px 5% 28px}.hero-message>p{font-size:clamp(22px,3.5vh,36px);line-height:1.2;margin:0 0 24px}.listen{display:flex;align-items:center;gap:20px;font:15px monospace;letter-spacing:1px}.listen span{border:1px solid;padding:15px;font-size:22px}.hero-bottom{display:flex;align-items:center;gap:20px;margin:0 5%;font:11px monospace;letter-spacing:1px;text-transform:uppercase}.hero-bottom button{color:inherit;border:1px solid #ffffff60;background:#001b4430;padding:9px;font-size:10px}.section{padding:48px 5%}.section h2{font:52px Impact,'Arial Narrow',sans-serif;margin:0 0 32px;display:flex;align-items:center;gap:25px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.record-grid article{display:grid;grid-template-columns:1fr 1fr;gap:25px}.sleeve{aspect-ratio:1}.lemon{background:radial-gradient(ellipse at 10% 10%,#fffbc6 0 8%,#ead142 9% 27%,#fff4ac 28% 30%,#d6b725 31% 51%,#fff6b0 52% 55%,#eacb4e 56% 70%,#fff5ad 71% 74%,#c9a51d 75%)}.geometry{background:conic-gradient(from 90deg at 50% 50%,#d5d0c2 0 25%,#26292b 0 50%,#b6b7b3 0 75%,#50534e 0)}details{font-size:14px;line-height:1.6}summary{cursor:pointer;text-decoration:underline;text-underline-offset:7px}.small{font:10px monospace}.muted{opacity:.55}.words{padding:55px 5%;background:#ffb080;color:#04203e;display:grid;grid-template-columns:2fr 1fr;gap:45px;align-items:center}.words blockquote{margin:0;font:italic 65px/1.1 Impact,'Arial Narrow',sans-serif}.words p{font:13px/1.7 monospace}.vision{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}.vision h2{font-size:45px}.vision p{font-size:14px}footer{border-top:1px solid #ffffff20;font:11px/1.7 monospace;padding-top:35px;padding-bottom:35px}.john{color:#eee4d4;background:#090e26;font-family:Georgia,'Times New Roman',serif}.john-opening{min-height:100svh;position:relative;isolation:isolate;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 48%,#54475a66,transparent 60%),linear-gradient(#080c21,#232750 50%,#090e26)}.stars{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:radial-gradient(1px 1px at 10% 20%,#fff 80%,transparent),radial-gradient(1px 1px at 70% 60%,#fff 80%,transparent),radial-gradient(1px 1px at 45% 85%,#fff 80%,transparent);background-size:173px 157px,231px 211px,317px 193px}.john header{justify-content:space-between}.john-brand{font-size:19px;letter-spacing:7px;text-transform:uppercase}.john-brand em{color:#ddb15d;font-style:normal}.john nav{font-size:10px;letter-spacing:3px;text-transform:uppercase}.singles-heading{text-align:center;padding:15px 0 25px}.singles-heading h1{font-size:48px;font-weight:400;letter-spacing:12px;text-transform:uppercase;margin:0 0 16px}.ornament{color:#ddb15d;display:flex;align-items:center;justify-content:center;gap:18px}.ornament:before,.ornament:after{content:'';width:65px;height:1px;background:#b4955b55}.singles-heading p{font-style:italic;color:#b1aabd;margin:10px 0 0}.single-card{width:82%;max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:clamp(22px,3vw,44px);border:1px solid #d6b46b50;background:linear-gradient(135deg,#2b2d56c9,#131936df);box-shadow:0 25px 60px #0003;align-items:center}.cover{display:block;width:100%;height:auto;max-height:58svh;object-fit:contain}.single-copy h2{font-size:clamp(35px,4.8vw,68px);line-height:1;text-transform:uppercase;color:#ddb15d;font-weight:400;margin:12px 0 22px}.single-copy .eyebrow{color:#c5a059;font-family:Georgia,serif;font-size:10px;letter-spacing:4px}.artist{text-transform:uppercase;letter-spacing:4px;margin:0;font-size:15px}.featured{opacity:.7}.platforms{display:flex;gap:8px;margin:25px 0}.platforms span{border:1px solid #b8955055;padding:12px 14px;color:#ddba75;font-size:10px;letter-spacing:2px;text-transform:uppercase}.platforms small{display:block;font-size:10px;letter-spacing:0;text-transform:none;font-style:italic;opacity:.7;margin-top:5px}.song-note{border-top:1px solid #bb97563b;padding-top:10px}.song-note h3{font-weight:400;text-transform:uppercase;letter-spacing:3px;font-size:12px;color:#d7b26c}.song-note p{font-style:italic;color:#b4afc3;font-size:14px}.scroll-note{text-align:center;font-size:11px;letter-spacing:2px;color:#cbb47e;padding:22px}.john-section{padding:85px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #bd9d5b33;max-width:1500px;margin:auto}.john-section h2{font-size:43px;font-weight:400;line-height:1.2;margin:22px 0;color:#e6c687}.john-section .eyebrow{color:#c3a161}.john-section p{color:#b9b4c6}.john-section .lead{font-size:24px;color:#eee4d4}.release-note{background:#131a36}.gold-link{display:inline-block;color:#e0bf7f;border-bottom:1px solid;padding-bottom:8px;margin-top:20px}.john footer{justify-content:space-between;font-family:Georgia,serif}.john footer .john-brand{font-size:11px}.john footer p{color:#a5a0b5}.john footer a{color:#dfc587}
@media(min-width:1600px){.hero-title,.hero-message{padding-left:8%}.hero h1{font-size:22vh}}
@media(max-width:700px){header,footer{padding:23px 6%;gap:16px}header .rule{display:none}header{justify-content:space-between}.brand{font-size:18px}.brand i{width:9px;height:9px;margin-right:8px}nav{gap:12px}.hero{min-height:650px}.hero-title{padding:20px 6%;display:block}.hero h1{font-size:clamp(100px,24vw,170px)}.hero-title .eyebrow{color:#fff6e8;margin-top:25px}.hero-message{padding-left:6%}.hero-bottom{flex-wrap:wrap;font-size:9px}.hero-bottom .rule{display:none}.record-grid,.words,.vision,.john-section{grid-template-columns:1fr}.record-grid{gap:35px}.words blockquote{font-size:48px}.vision{gap:5px}footer{flex-wrap:wrap}footer .rule{display:none}.john-brand{font-size:13px;letter-spacing:3px}.john nav{gap:12px;font-size:9px;letter-spacing:1px}.singles-heading{padding:25px 0}.singles-heading h1{font-size:34px}.single-card{width:88%;grid-template-columns:1fr;gap:25px}.cover{max-height:40svh}.single-copy h2{font-size:42px}.single-copy h2 br{display:none}.single-copy h2 br:after{content:' '}.platforms{flex-wrap:wrap}.john-section{padding:50px 6%;gap:10px}.john-section h2{font-size:36px}.song-note p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero h1{line-height:1.02;letter-spacing:-.01em;font-size:clamp(85px,min(14vw,17vh),190px);flex-shrink:0}
.hero-title{gap:clamp(20px,4vw,60px)}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.video-grid h3{font:13px monospace;letter-spacing:1px;margin-top:20px}iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #bc9a5744;background:#080e21}.john-video{max-width:1180px;margin:0 auto;padding:60px 9%}.john-video .eyebrow{color:#d7b26c;margin-bottom:25px}
.platforms a{border:1px solid #b89550;padding:12px 14px;color:#ddba75;font-size:10px;letter-spacing:2px;text-transform:uppercase}.platforms a:first-child{background:#d4aa56;color:#131936}.platforms a:hover{background:#e4c481;color:#131936}@media(max-width:700px){.hero h1{font-size:clamp(80px,21vw,145px);line-height:1.03}.hero-title{padding-top:10px;padding-bottom:10px}.hero-title .eyebrow{margin-top:16px}.video-grid{grid-template-columns:1fr}.john-video{padding:40px 6%}}

.single-artwork{margin:0;min-width:0}.single-artwork figcaption{margin-top:12px;color:#b9b4c6;font-size:12px;line-height:1.6}.single-artwork .cover{max-height:52svh}
@media(max-width:700px){.single-artwork .cover{max-height:40svh}}

.album-cover{display:block;width:100%;height:auto;object-fit:contain}

.records .eyebrow{text-transform:none}.records h3{font:40px/1.05 Impact,'Arial Narrow',sans-serif;margin:4px 0 10px;letter-spacing:-.02em}@media(max-width:700px){.records h3{font-size:32px}}

.hero h1 .kern-rv,.hero h1 .kern-va{margin-right:.025em}

.hero h1 .kern-rv,.hero h1 .kern-tr,.hero h1 .kern-re{margin-right:.035em}

.hero h1 .kern-rv{margin-right:.05em}
.john .john-opening{isolation:auto;padding-top:84px}.john .stars{z-index:0;pointer-events:none}.john .singles-heading,.john .single-card,.john .scroll-note{position:relative;z-index:1}.john .john-opening header{position:fixed;inset:0 0 auto;z-index:100;background:transparent;transition:background-color .35s ease,box-shadow .35s ease}.john .john-opening header.is-scrolled{background:#090e26;box-shadow:0 1px 0 #d6b46b50}.john [id]{scroll-margin-top:105px}.minerva-close{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#ffb080;color:#041c39;padding-top:65px;padding-bottom:65px}.minerva-close h2{display:block;font-size:52px;margin-bottom:18px}.minerva-close p{font-size:14px;max-width:36ch}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}.player-list li{font:13px/1.3 monospace;letter-spacing:.04em;text-transform:uppercase}.player-list span{display:block;font:34px/1.05 Impact,'Arial Narrow',sans-serif;letter-spacing:.01em;text-transform:none}@media(max-width:700px){.john .john-opening{padding-top:65px}.john [id]{scroll-margin-top:85px}.minerva-close{grid-template-columns:1fr;gap:28px}.minerva-close h2{display:block;font-size:42px}.player-list span{font-size:28px}}@media(prefers-reduced-motion:reduce){.john .john-opening header{transition:none}}
.minerva .hero{isolation:auto;padding-top:84px}.minerva .backgrounds{z-index:0}.minerva .shade{z-index:1}.minerva .hero-title,.minerva .hero-message,.minerva .hero-bottom{position:relative;z-index:2}.minerva .hero header{position:fixed;inset:0 0 auto;z-index:100;background:transparent;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease}.minerva .hero header.is-scrolled{background:#041c39;color:#fff7ec;box-shadow:0 1px 0 #fff7ec26}.minerva section[id]{scroll-margin-top:100px}@media(max-width:700px){.minerva .hero{padding-top:74px}.minerva section[id]{scroll-margin-top:90px}}@media(prefers-reduced-motion:reduce){.minerva .hero header{transition:none}}
.video-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;font:12px monospace}.video-controls button{border:1px solid #fff7ec80;background:transparent;color:inherit;padding:12px 18px}.video-controls button:hover:not(:disabled){background:#fff7ec;color:#041c39}.video-controls button:disabled{opacity:.3;cursor:default}.video-track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-color:#ffb080 #041c39;padding-bottom:15px;position:relative}.video-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.video-slide iframe{max-height:70svh}.video-slide h3{font:13px monospace;letter-spacing:1px;margin-top:20px}.video-track:focus-visible{outline:2px solid #ffb080;outline-offset:6px}@media(max-width:700px){.video-controls{flex-wrap:wrap;gap:10px}.video-controls #video-position{order:3;flex-basis:100%;text-align:center}.video-controls button{padding:10px 14px}}

.minerva .hero-title{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.minerva .hero-title .eyebrow{align-self:flex-start;color:#fff7ec;margin:0;text-align:left;line-height:1.6}
@media(max-width:700px){.minerva .hero-title .eyebrow{margin-top:16px}}

.john .singles-heading h1{font-size:clamp(25px,4vw,48px);letter-spacing:clamp(3px,.7vw,10px);padding:0 16px}
.john .singles-subheading{font-size:14px;font-weight:400;letter-spacing:6px;text-transform:uppercase;color:#d9be88;margin:15px 0 0}

.john .stars.canvas-stars{animation:none;opacity:1;background:none;overflow:hidden}
.john .stars.canvas-stars::after{content:none;animation:none}
.john .stars canvas{display:block;width:100%;height:100%}

/* Keep the sky anchored to the viewport as the page content scrolls. */
.john{isolation:isolate}
.john::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#54475a66,transparent 60%),linear-gradient(#080c21,#232750 50%,#090e26)}
.john .john-opening{background:none}
.john .stars{position:fixed;inset:0;z-index:-1;pointer-events:none}

.artist-signature{font-style:italic;margin-top:24px}.words .artist-note{min-width:0}.words .artist-note>p:not(.eyebrow){font-size:14px;line-height:1.8}.words .artist-note details p{font-size:14px;line-height:1.8}.story-link{display:inline-block;margin-top:5px;font-size:12px;line-height:1.7;color:#e6c687;border-bottom:1px solid #d7b26c70}.song-story{row-gap:35px}.song-story .story-byline{font-style:italic}.acknowledgements{grid-column:1/-1;border-top:1px solid #bd9d5b40;border-bottom:1px solid #bd9d5b40;padding:24px 0}.acknowledgements summary{color:#e6c687;font-size:17px;line-height:1.6}.credits-intro{margin-top:25px}.credits-list{display:grid;grid-template-columns:1fr 1fr;gap:25px 45px;margin:25px 0 10px}.credits-list dt{color:#e6c687;font-size:15px;margin-bottom:6px}.credits-list dd{margin:0;color:#b9b4c6;font-size:15px;line-height:1.7}@media(max-width:700px){.credits-list{grid-template-columns:1fr}}

.acknowledgements h3{color:#e6c687;font-size:17px;line-height:1.6;font-weight:400;margin:0}

.john .explore-minerva{padding:65px 9%;display:flex;align-items:center;justify-content:space-between;gap:45px;background:linear-gradient(100deg,#041c39f5,#163f61ed);border-top:1px solid #ffb08065;border-bottom:1px solid #ffb08035}
.explore-minerva .eyebrow{color:#ffb080;font-size:11px}.explore-minerva h2{font:400 clamp(28px,3vw,42px)/1.2 Georgia,serif;color:#fff7ec;margin:16px 0}.explore-minerva p:not(.eyebrow){color:#dddde5;font-size:16px;max-width:580px;margin-bottom:0}
.explore-minerva-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;flex-shrink:0;padding:19px 25px;background:#ffb080;color:#041c39;font:600 15px/1.4 Arial,sans-serif;border:1px solid #ffb080}.explore-minerva-button:hover{background:#ffcaab;text-decoration:none}.explore-minerva-button:focus-visible{outline:3px solid #fff7ec;outline-offset:5px}.explore-minerva-button span{font-size:24px}
@media(max-width:700px){.john .explore-minerva{padding:45px 6%;flex-direction:column;align-items:flex-start;gap:25px}.explore-minerva-button{width:100%;flex-shrink:1}}

.john .release-note + .explore-minerva{margin-top:96px}
@media(max-width:700px){.john .release-note + .explore-minerva{margin-top:64px}}

footer{flex-wrap:wrap}footer .site-credit{flex-basis:100%;font:11px/1.6 Arial,sans-serif;color:inherit;opacity:.75;text-align:right}footer .site-credit:hover{opacity:1}@media(max-width:700px){footer .site-credit{text-align:left}}

.john footer{justify-content:center;align-items:center;gap:24px 40px}
.john footer .site-credit{flex-basis:auto;text-align:center}
.minerva footer .site-credit{text-align:center}
@media(max-width:700px){.john footer{gap:18px}.john footer .site-credit,.minerva footer .site-credit{text-align:center}}

.track-list{padding-left:1.15em;margin:8px 0 0}.track-list li{padding:3px 0;border-bottom:1px solid #ffffff14;line-height:1.35}.track-time{opacity:.7;margin-left:8px}.track-list .platforms{display:inline-flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 0 12px;align-items:baseline}.track-list .platforms a,.track-list .platforms a:first-child{border:0;background:none;padding:0;color:#ffb080;font:11px/1.2 monospace;letter-spacing:.06em;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px}.track-list .platforms a:hover,.track-list .platforms a:first-child:hover{background:none;color:#fff7ec}.john .track-list .platforms a,.john .track-list .platforms a:first-child{color:#e6c687}.john .track-list .platforms a:hover{color:#fff7ec}.track-list .platforms small{display:none}.release-tracks{margin-top:20px}.catalogue-notice{padding:20px 5%;font-size:14px}.more-releases article{margin-bottom:35px}.more-releases .album-cover{max-width:300px}

.missing{min-height:100svh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:18vh 8%}
.missing h1{font:clamp(64px,10vw,128px)/.92 Impact,'Arial Narrow',sans-serif;letter-spacing:-.04em;margin:8px 0 18px}
.missing p:not(.eyebrow){font-size:22px;max-width:40ch;margin:0}
.missing .listen{margin-top:32px;width:max-content}

.brand-links{display:inline-flex;align-items:center;gap:14px;margin:0}
.brand-links a{display:inline-flex;line-height:0;text-decoration:none;color:inherit}
.brand-links a:hover{text-decoration:none;color:#fff7ec}
.release-note .brand-links a{color:#b9b4c6}
.brand-links svg{width:28px;height:28px;display:block}
.release-note .brand-links{margin-top:22px}
footer .brand-links{flex:0 0 auto}
