:root{--ink:#151511;--panel:#1b1b16;--bone:#eee8da;--muted:#a9a79a;--gold:#c1a36b;--line:#3a3a30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--bone);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--bone);color:var(--ink);padding:14px}.skip:focus{top:15px}.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;background:#151511f5;position:sticky;top:0;z-index:20}.wordmark{font-family:Georgia,serif;font-size:23px;font-weight:bold;letter-spacing:-1px;position:relative;line-height:.9}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:7px;margin-top:7px}.wordmark i{position:absolute;right:-26px;top:4px;color:var(--gold);font-size:22px;font-style:normal}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav>a{padding:12px 0;color:#d8d5cb}nav>a:hover{color:var(--gold)}.nav-listen{border:1px solid #746546;padding:14px 20px;color:var(--gold)}.menu-toggle{display:none}.hero{height:min(740px,calc(100svh - 88px));min-height:580px;position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10110ff2 0%,#10110fda 20%,#10110f5a 52%,#10110f08 80%),linear-gradient(0deg,#151511f5 0%,transparent 28%,#11130e20 80%);z-index:-2}.hero-copy{padding:95px 5% 100px;max-width:1050px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--gold);line-height:1.7;margin:0 0 26px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-2.4px;line-height:1.03;margin:0}h1{font-size:clamp(54px,5.8vw,87px)}em{font-weight:normal;color:var(--gold)}.hero-intro{font-size:15px;line-height:1.8;color:#d4d1c8;margin:29px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:18px 23px;font-size:12px;min-height:52px;border:1px solid var(--gold);transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{color:#151511;background:var(--gold);font-weight:bold}.primary:hover{background:#d7bc89}.outline{background:#16171360;color:var(--bone);border-color:#888174}.outline:hover{background:#393a2c}.spotify-icon{font-size:26px;line-height:12px;transform:rotate(8deg)}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:#aaa89c}.hero-bottom a{color:var(--bone)}.hero-bottom a span{margin-left:20px}.genre-strip{display:flex;justify-content:space-around;gap:20px;padding:26px 5%;border-block:1px solid var(--line);font-size:10px;letter-spacing:2px;color:#c9c6b9}.genre-strip b{color:var(--gold);font-weight:normal}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:42px}h2{font-size:clamp(40px,4.2vw,62px)}.section-top>p{color:var(--muted);font-size:13px;line-height:1.8}.section-top .eyebrow{margin-bottom:21px}.releases{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:#23231d}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cover:hover img{transform:scale(1.035)}.cover-arrow{position:absolute;bottom:16px;right:16px;background:var(--bone);color:var(--ink);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.release-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.release-meta .eyebrow{font-size:8px;letter-spacing:1.3px;margin:0 0 10px}.release-meta>span{font-family:Georgia,serif;color:#747363;font-size:20px}h3{font-family:Georgia,serif;font-weight:normal;font-size:24px;letter-spacing:-.5px;margin:0 0 14px}.text-link{font-size:11px;display:inline-block;padding-bottom:6px;border-bottom:1px solid #6b614a;color:#d2c3a3}.text-link:hover{color:var(--bone);border-color:var(--bone)}.catalog{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.catalog>span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;align-items:center;border-top:1px solid var(--line)}.about-art img{width:100%;aspect-ratio:1;object-fit:contain}.art-caption{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:block;text-align:center;margin-top:25px}.about-copy h2{margin-bottom:26px}.about-copy p{font-size:14px;line-height:1.95;color:#b8b7aa}.about-copy .lead{font-size:18px;line-height:1.6;color:var(--bone)}.about-copy .eyebrow{color:var(--gold);font-size:10px}.about-copy details{border-block:1px solid var(--line);margin-top:26px}.about-copy summary{cursor:pointer;list-style:none;font-size:11px;letter-spacing:.8px;padding:19px 0;display:flex;justify-content:space-between}.about-copy summary::-webkit-details-marker{display:none}.about-copy summary span{color:var(--gold)}details[open] summary span{transform:rotate(45deg)}.about-copy .bio-emphasis{font-family:Georgia,serif;font-size:24px;color:var(--gold)}.statement{text-align:center;padding:75px 6%;background:#202119;border-block:1px solid var(--line)}.statement p{font-family:Georgia,serif;font-size:clamp(25px,3vw,42px);line-height:1.4;margin:0 0 25px}.statement>span{font-size:9px;letter-spacing:3px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:25px}.gallery-shot{border:0;padding:0;background:transparent;text-align:left;color:var(--bone);cursor:pointer;min-width:0}.gallery-shot img{width:100%;height:350px;object-fit:cover;transition:filter .25s}.gallery-shot:hover img{filter:brightness(1.12)}.gallery-shot.wide img{object-position:center}.gallery-shot>span{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1.8px}.gallery-shot b{color:var(--gold);font-size:16px}.listen{text-align:center;border-top:1px solid var(--line);padding-block:85px 100px}.listen h2{font-size:clamp(45px,5.6vw,80px)}.listen>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:25px 0 30px}.listen .actions{justify-content:center}.listen .button{min-width:180px}footer{padding:40px 7% 22px;background:#0e100d;border-top:1px solid var(--line);text-align:center}footer>a{display:inline-block}footer img{width:220px;height:auto}footer>p{font-size:8px;letter-spacing:3px;color:var(--muted);margin:22px 0 35px}footer>div{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;padding-top:22px;border-top:1px solid #292b21;color:var(--muted)}dialog{padding:42px 20px 15px;background:#151511;border:1px solid var(--line);color:var(--bone);max-width:min(1100px,94vw);max-height:92svh}dialog::backdrop{background:#000d}dialog img{max-height:75svh;object-fit:contain;margin:auto}dialog p{font-size:11px;text-align:center;color:var(--muted)}.lightbox-close{position:absolute;right:8px;top:3px;border:0;background:transparent;color:var(--bone);font-size:30px;cursor:pointer;width:40px;height:38px}
@media(min-width:1600px){.hero-copy{padding-left:max(5%,calc((100vw - 1440px)/2))}.hero-photo{object-position:center 48%}}@media(max-width:900px){.header{padding-inline:5%}.hero-copy{padding-top:85px}.hero{min-height:600px}.hero-photo{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#10110fe8,#10110f85 65%,#10110f30),linear-gradient(0deg,#151511 0%,transparent 50%)}nav{gap:22px}.section{padding:75px 6%}.about{gap:5%}.about-copy .lead{font-size:16px}.releases{gap:18px}h3{font-size:21px}.gallery-shot img{height:270px}.genre-strip{font-size:8px;letter-spacing:1px;gap:12px}.about-art{align-self:start;margin-top:65px}}@media(max-width:620px){html{scroll-padding-top:72px}.header{height:72px}.wordmark{font-size:20px}.wordmark span{font-size:8px}.menu-toggle{display:flex;gap:14px;align-items:center;color:var(--bone);background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:11px}.menu-toggle span{color:var(--gold)}nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#151511;padding:18px 6% 25px;border-bottom:1px solid var(--line)}nav.open{display:flex}nav>a{padding:15px}.hero{min-height:650px;height:calc(90svh - 72px);max-height:760px}.hero-photo{object-position:66% center}.hero-copy{padding:65px 6% 95px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:28px}h1{font-size:54px;letter-spacing:-2.5px;line-height:1.05}.hero-intro{font-size:13px;max-width:285px;margin-top:25px}.hero-intro br{display:none}.button{padding:16px 17px;gap:12px;font-size:10px}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom>span{max-width:140px;line-height:1.8}.genre-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:8px;gap:16px}.genre-strip b{display:none}.section{padding:62px 6%}.section-top{align-items:start;flex-direction:column;margin-bottom:30px;gap:12px}.section-top>p{font-size:12px;margin:0}.section-top>p br{display:none}h2{font-size:43px;letter-spacing:-1.7px}.releases{grid-template-columns:1fr;gap:38px}.cover{aspect-ratio:1}.release-meta{margin-top:18px}.release-meta .eyebrow{font-size:8px}h3{font-size:27px}.catalog{flex-direction:column;gap:18px;align-items:start;margin-top:35px}.about{grid-template-columns:1fr;gap:35px}.about-art{margin:0;max-width:360px;justify-self:center}.about-copy .lead{font-size:18px}.about-copy p{font-size:14px}.statement{padding:55px 6%}.statement p{font-size:27px}.gallery-grid{grid-template-columns:1fr;gap:27px}.gallery-shot img{height:auto;max-height:420px;object-fit:contain}.gallery-shot.wide img{aspect-ratio:1.65;object-fit:cover}.listen h2{font-size:47px}.listen .button{min-width:140px}.listen .eyebrow{font-size:8px}footer>div{gap:20px;text-align:left;font-size:7px}footer>div a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Square band portrait: preserve the complete group, with copy alongside. */
.hero{height:auto;min-height:0;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;background:#151511;padding-bottom:58px}.hero-photo{position:relative;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:1;object-fit:contain;z-index:0}.hero-shade{display:none}.hero-copy{grid-column:1;grid-row:1;padding:55px 9% 55px 12%;position:relative;z-index:1}.hero h1{font-size:clamp(40px,4.3vw,67px)}.hero-intro{font-size:14px}.hero-bottom{bottom:20px}.hero .actions{gap:10px}.hero .button{padding:16px 18px}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:38px 7% 38px 10%}.hero h1{font-size:40px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-intro{font-size:12px}.hero-intro br{display:none}}
@media(max-width:620px){.hero{display:flex;flex-direction:column;max-height:none;height:auto;padding-bottom:54px}.hero-photo{order:0;width:100%;height:auto;aspect-ratio:1}.hero-copy{order:1;width:100%;padding:32px 6% 35px}.hero h1{font-size:49px}.hero .eyebrow{margin-bottom:18px}.hero-intro{font-size:14px;max-width:350px}.hero-bottom{bottom:16px}.hero .button{font-size:11px}}

.releases{row-gap:48px}.song-description{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}.release{display:flex;flex-direction:column;align-items:stretch}.release>.text-link{align-self:flex-start;margin-top:auto}.release .song-description{min-height:70px}.story-cuts{margin-top:70px;padding-top:36px;border-top:1px solid var(--line)}.stories-title{font-size:34px;margin-bottom:26px}.story-row{display:grid;grid-template-columns:45px 1fr auto;gap:25px;padding:28px 0;border-top:1px solid var(--line);align-items:center}.story-number{font-family:Georgia,serif;color:var(--gold);font-size:22px;align-self:start;padding-top:7px}.story-row .eyebrow{font-size:8px;margin-bottom:8px}.story-row h3{margin-bottom:10px}.story-row .song-description{max-width:660px;margin-bottom:0}.story-row>.text-link{white-space:nowrap}.story-cuts>.eyebrow{margin-bottom:14px}@media(max-width:900px){.story-row{grid-template-columns:30px 1fr;gap:18px}.story-row>.text-link{grid-column:2;justify-self:start}}@media(max-width:620px){.release .song-description{min-height:0}.stories-title{font-size:30px}.story-cuts{margin-top:45px}.story-row{padding-block:24px}}

/* Expanded image collection: preserve full frames and give every image a full-size view. */
.portrait-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.portrait-gallery .gallery-shot img{width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;background:#10100d}.scene-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;align-items:start}.scene-gallery .gallery-shot img{width:100%;height:auto;max-height:none;object-fit:contain}.gallery-label{font-size:9px;letter-spacing:2px;color:var(--gold);margin:38px 0 20px}.scene-gallery .gallery-shot{width:100%}.about-road{margin:38px 0 0}.about-road img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.about-road figcaption{font-size:8px;letter-spacing:1.3px;color:var(--muted);line-height:1.8;text-align:center;margin-top:15px}.about-art{align-self:start}.gallery-shot>span{line-height:1.6;align-items:center;gap:10px}@media(max-width:900px){.portrait-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}}@media(max-width:620px){.scene-gallery{grid-template-columns:1fr;gap:26px}.portrait-gallery{gap:22px 14px}.portrait-gallery .gallery-shot>span{font-size:7px;letter-spacing:1px}.about-road{margin-top:30px}.gallery-label{font-size:8px;letter-spacing:1.5px}}

.song-platforms{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.release>.song-platforms{margin-top:auto}.song-platforms .spotify-link{color:#b6d4ae}.story-row>.song-platforms{justify-content:flex-end}.release>.song-platforms .text-link{margin-top:0}@media(max-width:900px){.story-row>.song-platforms{grid-column:2;justify-content:flex-start}}

/* App views: one route at a time, with persistent navigation and footer. */
[hidden]{display:none!important}main{min-height:calc(100svh - 88px);outline:none}nav a[aria-current="page"]{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.music,.about,.gallery,.listen{width:100%}.header nav{gap:25px}@media(max-width:900px){.header nav{gap:18px}}@media(max-width:620px){main{min-height:calc(100svh - 72px)}.header nav{gap:0}}

.upcoming-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.upcoming-panel{border:1px solid var(--line);padding:40px;background:var(--panel)}.upcoming-symbol{display:block;color:var(--gold);font-family:Georgia,serif;font-size:35px;margin-bottom:35px}.upcoming-panel .eyebrow{margin-bottom:15px}.upcoming-panel h3{font-size:32px}.upcoming-panel>p:last-child,.upcoming-follow p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:400px}.upcoming-follow{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:40px;margin-top:40px;border-top:1px solid var(--line)}.upcoming-follow .eyebrow{margin-bottom:12px}.header nav{gap:22px}@media(min-width:621px) and (max-width:1050px){.header{padding-inline:3%}.header nav{gap:14px;font-size:10px}.nav-listen{padding:12px}.wordmark{font-size:20px}}@media(max-width:760px){.upcoming-columns{grid-template-columns:1fr}.upcoming-follow{flex-direction:column;align-items:flex-start}.upcoming-panel{padding:30px}}@media(max-width:620px){.header nav{gap:0;font-size:12px}}

.upcoming-release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;align-items:center;margin-top:45px}.upcoming-release>img{width:100%;height:auto;box-shadow:0 20px 55px #0004}.upcoming-release-copy>.eyebrow{margin-bottom:16px}.release-date{font-size:12px;letter-spacing:2px;color:var(--bone);padding-bottom:20px;border-bottom:1px solid var(--line);margin:0 0 26px}.upcoming-release-copy h3{font-size:clamp(34px,4vw,55px);line-height:1.1;margin-bottom:18px}.upcoming-release-copy>p:not(.eyebrow):not(.release-date){font-size:14px;line-height:1.95;color:var(--muted)}.upcoming-release-copy>.release-intro{color:var(--bone)!important;font-family:Georgia,serif;font-size:21px!important;line-height:1.5!important}.upcoming-release-copy>.tracklist-heading{margin:26px 0 8px}.upcoming-tracklist{list-style:none;padding:0;margin:0;counter-reset:songs}.upcoming-tracklist li{counter-increment:songs;font-size:14px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:18px}.upcoming-tracklist li::before{content:counter(songs,decimal-leading-zero);color:var(--gold);font-size:11px;padding-top:3px}.upcoming-events-note{margin-top:55px;padding:28px 0;border-top:1px solid var(--line)}.upcoming-events-note .eyebrow{margin-bottom:12px}.upcoming-events-note>p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}@media(max-width:760px){.upcoming-release{grid-template-columns:1fr;gap:32px}.upcoming-release>img{max-width:500px;justify-self:center}.upcoming-release-copy h3{font-size:42px}}

.upcoming-release+.upcoming-release{margin-top:65px;padding-top:55px;border-top:1px solid var(--line)}

.contact-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;margin-top:40px}.contact-copy h3{font-size:33px;line-height:1.2}.contact-copy>p{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:26px}.contact-copy>.contact-note{font-size:12px;margin:20px 0 30px}.contact-feature>img{width:100%;height:auto}.contact-address{border-top:1px solid var(--line);padding-top:23px}.contact-address .eyebrow{display:block;margin-bottom:12px}.contact-address>a{font-size:14px;overflow-wrap:anywhere;color:var(--bone)}.contact-address>a:hover{color:var(--gold)}.header nav{gap:18px}@media(min-width:621px) and (max-width:1100px){.header{padding-inline:3%}.header nav{gap:12px;font-size:10px}.nav-listen{padding:11px}.wordmark{font-size:19px}}@media(min-width:621px) and (max-width:850px){.header{height:auto;min-height:88px;flex-wrap:wrap;gap:14px;padding-block:15px}.header nav{width:100%;justify-content:space-between;gap:9px}.wordmark{margin-bottom:2px}}@media(max-width:760px){.contact-feature{grid-template-columns:1fr;gap:32px}.contact-copy h3{font-size:30px}}@media(max-width:620px){.header nav{gap:0;font-size:12px}}

/* Homepage release spotlight and on-demand music player. */
.latest-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}.latest-grid>img{width:100%;height:auto;box-shadow:0 20px 55px #0004}.latest-grid h2{margin-bottom:25px}.latest-grid p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.9}.latest-grid p.lead{font-family:Georgia,serif;font-size:24px;color:var(--bone)}.latest-grid .button{margin-top:14px}.home-player{margin-top:65px;border-top:1px solid var(--line);padding-top:40px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}.home-player .eyebrow{margin-bottom:12px}.home-player p{color:var(--muted);line-height:1.8;font-size:14px}.home-player .player-note{font-size:12px}.home-player iframe{width:100%;height:352px;border:0;border-radius:12px;background:var(--panel)}@media(max-width:760px){.latest-grid,.home-player{grid-template-columns:1fr;gap:30px}.latest-grid>img{max-width:480px;justify-self:center}.home-player{margin-top:45px}}

.social-links{display:flex;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;background:transparent;border:0;padding:0;margin:26px 0}.social-links a{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid var(--line);color:var(--gold);font-size:12px;min-height:44px}.social-links a:hover{background:var(--panel);border-color:var(--gold)}footer .social-links{justify-content:center;margin-bottom:30px}

/* Browse the complete gallery without closing the dialog. */
#lightbox{padding:48px 66px 18px;width:min(1100px,94vw)}#lightbox img{width:100%;height:min(65svh,720px);object-fit:contain}#lightbox .lightbox-prev,#lightbox .lightbox-next{position:absolute;top:45%;width:44px;height:52px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--bone);font-size:36px;cursor:pointer;display:grid;place-items:center}#lightbox .lightbox-prev{left:10px}#lightbox .lightbox-next{right:10px}#lightbox .lightbox-prev:hover,#lightbox .lightbox-next:hover{border-color:var(--gold);color:var(--gold)}.lightbox-count{text-align:center;font-size:12px;letter-spacing:2px;color:var(--gold);margin-top:12px}.presave-actions{margin:24px 0}@media(max-width:620px){#lightbox{padding:48px 12px 18px}#lightbox img{height:58svh}#lightbox .lightbox-prev,#lightbox .lightbox-next{top:auto;bottom:8px}#lightbox p{min-height:34px}.lightbox-count{min-height:34px;padding-top:10px}}

.play-song{font:inherit;font-size:12px;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:10px 13px;cursor:pointer;min-height:44px}.play-song:hover{background:var(--panel)}.song-player{width:100%;margin-top:20px}.song-player iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}.story-row>.song-player{grid-column:2/-1}@media(max-width:620px){.story-row>.song-player{grid-column:1/-1}}

#newsletter-form{display:grid;gap:12px;margin:25px 0}#newsletter-form>label{font-size:13px;color:var(--bone)}#newsletter-form input[type=text],#newsletter-form input[type=email]{width:100%;background:var(--panel);border:1px solid #777565;border-radius:3px;color:var(--bone);padding:14px;font:inherit;font-size:16px;min-height:48px}#newsletter-form input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#newsletter-form small{color:var(--muted);font-size:12px}#newsletter-form .signup-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.7;margin:10px 0}#newsletter-form input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--gold);margin-top:2px}#newsletter-form button{justify-self:start;cursor:pointer}#newsletter-form button:disabled{opacity:.6;cursor:wait}#signup-status{font-size:14px;line-height:1.7;color:var(--bone);margin:0}.calendar-links{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px;align-items:center}.calendar-links>span{width:100%;font-size:12px;color:var(--muted)}.calendar-links a{padding-block:8px;font-size:12px}

/* Full catalog view remains the default; compact list shares the same player controls. */
.music-view-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.music-view-controls button{background:transparent;color:var(--bone);border:1px solid var(--line);padding:13px 18px;cursor:pointer;font:inherit;font-size:13px;min-height:44px}.music-view-controls button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}.catalog-list{margin-top:25px}.catalog-song{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.catalog-song h3{font-family:Arial,sans-serif;font-size:16px;letter-spacing:0;line-height:1.4;margin:0}.track-number{color:var(--gold);font-size:12px}.song-actions{display:flex;gap:20px;align-items:center}.song-actions a{font-size:12px;color:var(--gold);padding-block:12px}.catalog-song>.song-player{grid-column:2/-1;margin-top:0}.catalog-song .play-song{min-height:44px}.catalog-list>.eyebrow{margin:24px 0 8px}@media(max-width:620px){.catalog-song{grid-template-columns:25px minmax(0,1fr);gap:12px}.song-actions{grid-column:2}.catalog-song>.song-player{grid-column:1/-1}}

/* The artwork owns its player overlay, so opening it never changes grid-row height. */
.releases{align-items:start}.release{min-width:0;align-self:start}.release-art-player{position:relative;isolation:isolate;width:100%;aspect-ratio:1}.release-art-player>.cover{width:100%;height:100%}.release-art-player>.song-player{position:absolute;inset:auto 0 0;margin:0;z-index:2;height:152px;background:var(--panel);border-radius:12px;box-shadow:0 -6px 24px #0006}.release-art-player>.song-player iframe{height:152px}.release:has(.play-song[aria-expanded="true"]){outline:1px solid var(--gold);outline-offset:10px}

/* Compact artwork stays beside its title at every screen size. */
.catalog-song{grid-template-columns:32px 56px minmax(0,1fr) auto}.catalog-art{width:56px;height:56px;object-fit:cover;border-radius:4px}.catalog-song>.song-player{grid-column:3/-1}@media(max-width:620px){.catalog-song{grid-template-columns:25px 48px minmax(0,1fr);gap:12px}.catalog-art{width:48px;height:48px}.catalog-song .song-actions{grid-column:3}.catalog-song>.song-player{grid-column:2/-1}}

.music-search{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:28px}.music-search label{width:100%;font-size:14px}.music-search input{flex:1;min-width:180px;max-width:520px;padding:14px;background:var(--panel);border:1px solid var(--line);color:var(--bone);font:inherit;font-size:16px}.music-search button{padding:14px;background:transparent;border:1px solid var(--gold);color:var(--gold);cursor:pointer}#song-search-status{width:100%;font-size:13px;color:var(--muted);margin:0}.catalog-song[hidden],.release[hidden],.story-row[hidden]{display:none!important}

.compact-platforms{display:flex;flex-direction:column;align-items:flex-start;gap:0}.compact-platforms a{padding-block:6px;min-height:32px;display:inline-flex;align-items:center}

.home-feature>.home-player{margin-top:0;padding-top:0;border-top:0}

.video-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(288px,1.4fr);gap:48px;align-items:start}.video-feature p{font-size:15px;line-height:1.8;color:var(--muted)}.video-feature button{cursor:pointer;margin:16px 0}.video-feature button:disabled{opacity:.6;cursor:wait}.tiktok-videos{min-width:0}.tiktok-videos blockquote{margin:0 auto}#tiktok-status{font-size:13px}@media(max-width:760px){.video-feature{grid-template-columns:1fr;gap:28px}}

/* Persistent screen edges; only the central content pane scrolls. */
:root{--header-height:88px;--footer-height:76px}
html,body{height:100%;overflow:hidden}body{height:100dvh}
.header{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:40}
main{position:fixed;inset:var(--header-height) 0 var(--footer-height);min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:20px}
footer{position:fixed;inset:auto 0 0;height:var(--footer-height);z-index:35;padding:10px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0e100d}
footer>a{flex-shrink:0}footer img{width:92px;height:46px;object-fit:contain}footer>p{display:none}footer .social-links{display:flex;position:static;flex-direction:row;flex-wrap:nowrap;gap:14px;margin:0;padding:0;border:0;background:none}
footer .social-links a{padding:8px 0;min-height:40px;border:0;font-size:11px;white-space:nowrap}
footer>div{padding:0;border:0;display:flex;gap:20px;align-items:center;font-size:8px}
main.home-screen{display:flex;flex-direction:column;overflow:hidden}
main.home-screen>.hero{flex:1 1 0;min-height:0;height:auto;max-height:none;width:100%}
main.home-screen>.genre-strip{flex:0 0 auto;width:100%;padding:12px 5%;font-size:9px}
main.home-screen>.hero .hero-copy{height:100%;padding:clamp(22px,5vh,65px) 5% 54px;display:flex;flex-direction:column;justify-content:center}
main.home-screen .hero h1{font-size:clamp(38px,min(5.8vw,10vh),78px)}
main.home-screen .hero .eyebrow{margin-bottom:18px}
main.home-screen .hero-intro{margin:18px 0;line-height:1.6}
main.home-screen .hero-bottom{bottom:16px}
@media(max-width:1100px){
 :root{--header-height:72px}
 .header{height:var(--header-height)}.menu-toggle{display:flex;gap:12px;align-items:center;color:var(--bone);background:transparent;border:1px solid var(--line);padding:10px 14px;font-size:12px}
 .header #navigation{position:absolute;top:var(--header-height);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);padding:12px 6%;border-bottom:1px solid var(--line);max-height:calc(100dvh - var(--header-height) - var(--footer-height));overflow:auto}
 .header #navigation.open{display:flex}.header #navigation>a{padding:13px 0}
 footer>div{flex-direction:column;align-items:flex-end;gap:8px}
}
@media(max-width:620px){
 :root{--footer-height:100px}
 footer{display:grid;grid-template-columns:70px 1fr;gap:0 12px;padding:8px 5% max(8px,env(safe-area-inset-bottom))}
 footer img{width:68px;height:36px}footer .social-links{justify-content:flex-end;gap:14px}footer .social-links a{font-size:10px;padding:4px 0}
 footer>div{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;font-size:7px;gap:8px}
 main.home-screen>.genre-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;padding:8px 4%;font-size:7px;letter-spacing:1px}
 main.home-screen .hero .hero-copy{padding:18px 6% 45px;justify-content:center}
 main.home-screen .hero h1{font-size:clamp(32px,min(10vw,9vh),48px);letter-spacing:-1.5px}
 main.home-screen .hero .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:12px}
 main.home-screen .hero-intro{font-size:12px;line-height:1.5;margin:14px 0;max-width:260px}
 main.home-screen .hero .actions{gap:8px}.home-screen .hero .button{font-size:9px;min-height:42px;padding:10px 12px;gap:8px}
 main.home-screen .hero-bottom{bottom:12px;font-size:6px;letter-spacing:.6px}
}
@media(max-height:520px){
 :root{--header-height:58px;--footer-height:58px}
 .header{height:var(--header-height)}footer{display:flex;padding:4px 4%}footer img{height:32px;width:65px}footer>div{display:none}
 main.home-screen .hero .hero-copy{padding:10px 5% 28px}
 main.home-screen .hero h1{font-size:clamp(25px,7vh,38px)}main.home-screen .hero .eyebrow{margin-bottom:5px;font-size:7px}
 main.home-screen .hero-intro{margin:7px 0;font-size:11px;line-height:1.35}
 main.home-screen .hero .button{min-height:34px;padding:6px 12px;font-size:9px}
 main.home-screen .hero-bottom{bottom:7px;font-size:6px}
 main.home-screen>.genre-strip{padding:5px;font-size:7px}
}

.music-sort{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:13px}.music-sort select{background:var(--panel);color:var(--bone);border:1px solid var(--line);padding:12px;font:inherit}.share-song{background:transparent;color:var(--gold);border:0;cursor:pointer;min-height:44px;font:inherit;font-size:12px}.song-actions{flex-wrap:wrap}.song-platforms{flex-wrap:wrap}.shared-song{outline:1px solid var(--gold);outline-offset:5px}#share-status{color:var(--gold);font-size:13px}#share-fallback{padding:15px;border:1px solid var(--line);margin-bottom:20px}#share-link{display:block;width:100%;padding:12px;margin:10px 0;background:var(--panel);color:var(--bone);border:1px solid var(--line)}

.band-members{padding-top:30px}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.member-card{min-width:0}.member-card img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--panel)}.member-card h3{margin:20px 0 8px}.member-card p{color:var(--gold);font-size:13px;letter-spacing:1px}@media(max-width:620px){.member-grid{grid-template-columns:1fr;gap:32px}.member-card{width:100%;max-width:420px;margin:auto}}

.facebook-reels{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}.facebook-reels>p{color:var(--muted);line-height:1.7}.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:26px}.reel-card{min-width:0}.reel-card h4{color:var(--gold);font-size:13px}.reel-player{aspect-ratio:9/16;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.reel-player iframe{display:block;width:100%;height:100%;border:0}.reel-status{font-size:12px;line-height:1.6;color:var(--muted)}.reel-retry{padding:10px;margin-bottom:12px;background:var(--panel);border:1px solid var(--gold);color:var(--gold);cursor:pointer}.reel-link{display:block;font-size:12px;line-height:1.8}@media(max-width:1000px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.reels-grid{grid-template-columns:1fr}.reel-card{width:100%;max-width:380px;margin:auto}}

.tiktok-videos{min-height:280px}.tiktok-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:28px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:8px}.tiktok-placeholder strong,.tiktok-placeholder a{color:var(--gold)}.video-feature{padding-bottom:12px}

.reel-player.reel-external{aspect-ratio:auto;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center}.reel-external strong{color:var(--gold)}.reel-external p{font-size:14px;line-height:1.6;color:var(--muted)}

#newsletter-form textarea{width:100%;resize:vertical;min-height:130px;background:var(--panel);border:1px solid #777565;border-radius:3px;color:var(--bone);padding:14px;font:inherit;font-size:16px;line-height:1.6}#newsletter-form textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Lift the band in the Home frame by cropping excess sky, not the people. */
main.home-screen>.hero .hero-photo{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center bottom;align-self:stretch}
@media(max-width:620px){main.home-screen>.hero .hero-photo{flex:0 1 44%;height:44%;min-height:0;object-position:center 78%}main.home-screen>.hero .hero-copy{flex:1;min-height:0}}

/* A consistent sky-trimmed source stays fully visible at every viewport ratio. */
main.home-screen>.hero .hero-photo{object-fit:contain;object-position:center center;width:100%;height:100%;max-height:100%;min-height:0;align-self:center}
@media(max-width:620px){main.home-screen>.hero .hero-photo{height:44%;flex:0 1 44%;object-fit:contain;object-position:center center}}

.persistent-player{position:fixed;left:0;right:0;bottom:var(--footer-height);z-index:36;background:var(--panel);border-top:1px solid var(--gold);padding:6px max(12px,calc((100vw - 1000px)/2));height:194px}.persistent-player-heading{height:30px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--gold)}.persistent-player-heading span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.persistent-player-heading button{background:transparent;color:var(--bone);border:0;padding:6px 10px;cursor:pointer;flex-shrink:0}#persistent-song-slot iframe{width:100%;height:152px;border:0;border-radius:8px;display:block}body:has(#persistent-player:not([hidden])) main{bottom:calc(var(--footer-height) + 194px)}

.home-featured-song{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.featured-label{font-size:9px;letter-spacing:1.5px;color:var(--gold)}.home-next-steps{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px}.home-next-steps a{font-size:12px;color:var(--gold);padding:7px 0}.home-platform-links{display:flex;gap:18px;margin-top:10px;font-size:10px;color:var(--muted)}main.home-screen .featured-play{font-size:12px;padding:15px 22px}.home-screen .hero-intro{max-width:420px}@media(max-width:620px){.home-next-steps{margin-top:10px;gap:4px 14px}.home-next-steps a{font-size:10px}.home-platform-links{margin-top:6px}.home-featured-song{gap:5px}main.home-screen .featured-play{font-size:11px;padding:10px 14px}.home-screen .hero-intro{margin:10px 0}}@media(max-height:520px){.home-next-steps{margin-top:5px}.home-platform-links{margin-top:3px}.featured-label{font-size:7px}.home-next-steps a{padding:3px 0}}

.song-finder{padding:24px;background:var(--panel);border:1px solid var(--line);margin-bottom:32px;border-radius:6px}.song-finder>p,.finder-results>p{color:var(--muted);font-size:14px;line-height:1.7}.song-finder .eyebrow{color:var(--gold);margin-bottom:8px}.finder-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.finder-choices button{min-height:44px;padding:12px 16px;background:transparent;color:var(--bone);border:1px solid var(--gold);cursor:pointer;font:inherit;font-size:13px}.finder-choices button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.finder-song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.finder-song{padding:16px;border:1px solid var(--line);min-width:0}.finder-song h3{font-size:19px;margin:14px 0}.finder-song img{border-radius:4px}.finder-song .text-link{display:block;margin-top:12px;font-size:12px;color:var(--gold)}#finder-status{font-size:12px}@media(max-width:700px){.finder-song-grid{grid-template-columns:1fr}.song-finder{padding:18px}}

.preferences-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 22px;font-size:12px;color:var(--muted)}#reset-preferences{min-height:44px;background:transparent;color:var(--gold);border:1px solid var(--line);padding:10px 14px;cursor:pointer;font:inherit}

.recently-played{border:1px solid var(--line);padding:22px;margin-bottom:28px;border-radius:6px}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.recent-heading button{background:transparent;color:var(--gold);border:1px solid var(--line);padding:10px;min-height:44px;cursor:pointer}.recent-heading button:disabled{opacity:.4;cursor:default}.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.recent-song h3{font-size:16px;margin:10px 0;line-height:1.5}#recent-status{color:var(--muted);font-size:12px;line-height:1.6}

/* Fan features follow the existing bone, gold and ink palette. */
.fan-section{border-top:1px solid var(--line)}.fan-intro{max-width:660px;color:var(--muted);line-height:1.8}.fan-panel{border-top:1px solid var(--line);padding:38px 0;margin-top:32px}.fan-panel h3{font-family:Georgia,serif;font-size:29px;line-height:1.25;margin:0 0 20px}.fan-panel p{line-height:1.8;color:var(--muted)}.fan-vote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8%}.fan-form{display:grid;gap:12px;max-width:680px;margin:26px 0}.fan-form label{font-size:14px;color:var(--bone)}.fan-form label span{color:var(--muted)}.fan-form input,.fan-form textarea,.fan-form select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--bone);padding:14px;font:inherit;border-radius:0}.fan-form textarea{resize:vertical}.fan-form input:focus,.fan-form textarea:focus,.fan-form select:focus{outline:2px solid var(--gold);outline-offset:2px}.fan-form button{justify-self:start;margin-top:8px}.fan-form .fan-consent{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7}.fan-consent input{width:18px;height:18px;flex-shrink:0}.fan-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fan-status{min-height:1.6em;margin:4px 0}.vote-results{max-height:430px;overflow:auto;padding-left:24px;scrollbar-color:var(--gold) var(--panel)}.vote-results li{padding:14px 8px;border-bottom:1px solid var(--line)}.vote-results span{display:block;font-size:15px}.vote-results small{display:block;color:var(--muted);margin:5px 0}.vote-results meter{width:100%;height:8px;accent-color:var(--gold)}.vote-results meter::-webkit-meter-bar{background:var(--line);border:0}.vote-results meter::-webkit-meter-optimum-value{background:var(--gold)}.guestbook-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:42px}.guestbook-entry{border-top:1px solid var(--line);padding:24px 0}.guestbook-entry h4{display:inline;margin-right:18px;color:var(--gold)}.guestbook-entry time{font-size:12px;color:var(--muted)}.guestbook-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.fan-form button:disabled{opacity:.6;cursor:default}.owner-page{max-width:1000px;margin:0 auto;padding:40px 6%}.owner-page h1{font-family:Georgia,serif;font-size:42px}.owner-tools{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}.owner-entry{padding:28px 0;border-top:1px solid var(--line)}.owner-entry h3{font-family:Georgia,serif;color:var(--gold);font-size:24px}.owner-entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.owner-entry small{color:var(--muted)}.owner-entry button{margin:12px 12px 0 0}.owner-page [hidden]{display:none!important}@media(max-width:760px){.fan-vote{grid-template-columns:1fr;gap:35px}.guestbook-heading{display:block}.fan-panel h3{font-size:25px}.owner-page h1{font-size:32px}}
/* Stay in Touch: community cards and a full-width private story section. */
.fan-community{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px;align-items:start}
.fan-community>.fan-panel{min-width:0;margin:0;padding:32px;border:1px solid var(--line);border-top:2px solid var(--gold);background:var(--panel)}
.fan-community .fan-vote{display:block}
.fan-community .fan-form{max-width:none}
.fan-community .fan-form input,.fan-community .fan-form textarea,.fan-community .fan-form select{background:var(--ink);font-size:16px;min-height:48px}
.fan-community .fan-trap input{min-height:0}
.fan-community .fan-panel .eyebrow{color:var(--gold);font-size:10px;margin-bottom:16px}
.fan-community .fan-vote>div+div{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}
.fan-community .guestbook-heading{flex-wrap:wrap;gap:12px;margin-top:28px;border-top:1px solid var(--line);padding-top:28px}
.fan-community .guestbook-heading h3{margin:0}
.fan-community .text-link{min-height:44px;display:inline-flex;align-items:center;text-align:left}
.fan-community .vote-results{max-height:360px;overscroll-behavior:contain}
.fan-community .guestbook-entry p{margin-bottom:0}
.fan-story.fan-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;margin-top:40px;padding:48px 0 0;border-top:1px solid var(--gold)}
.fan-story-copy{max-width:420px}
.fan-story-copy h3{font-size:clamp(34px,4vw,54px);letter-spacing:-1.4px;line-height:1.1}
.fan-story-copy .eyebrow{color:var(--gold);font-size:10px}
.fan-story .fan-form{margin:0;max-width:none;min-width:0}
.fan-story .fan-form input,.fan-story .fan-form textarea{font-size:16px}
.fan-story .fan-consent input{accent-color:var(--gold);margin-top:3px}
@media(max-width:760px){.fan-community{grid-template-columns:1fr;gap:24px;margin-top:28px}.fan-community>.fan-panel{padding:26px 22px}.fan-story.fan-panel{grid-template-columns:1fr;gap:24px;margin-top:32px;padding-top:32px}.fan-story-copy{max-width:600px}.fan-community .fan-panel h3{font-size:25px}.fan-story-copy h3{font-size:38px}}

/* Local-time color themes; the theme button remains available beside the menu. */
.theme-toggle{flex-shrink:0;min-height:44px;padding:10px 12px;background:var(--panel);color:var(--bone);border:1px solid var(--gold);font-size:12px;cursor:pointer}
.header{gap:16px}.header #navigation{margin-left:auto}
:root[data-theme="light"]{--ink:#f5f0e6;--panel:#e9e1d2;--bone:#29271f;--muted:#625c4e;--gold:#77551e;--line:#b9ad94}
[data-theme="light"] body{background:var(--ink);color:var(--bone)}
[data-theme="light"] .header,[data-theme="light"] footer,[data-theme="light"] .hero,[data-theme="light"] dialog{background:var(--ink);color:var(--bone);border-color:var(--line)}
[data-theme="light"] nav>a,[data-theme="light"] .text-link,[data-theme="light"] .contact-address>a{color:var(--gold)}
[data-theme="light"] .primary{background:var(--gold);color:#fff9ee}
[data-theme="light"] .primary:hover{background:#614318}
[data-theme="light"] .outline{background:transparent;color:var(--bone);border-color:var(--gold)}
[data-theme="light"] .outline:hover{background:var(--panel)}
[data-theme="light"] .statement{background:var(--panel);border-color:var(--line)}
[data-theme="light"] .hero-intro,[data-theme="light"] .hero-bottom,[data-theme="light"] .about-copy p,[data-theme="light"] .contact-copy>p,[data-theme="light"] footer>div{color:var(--muted)}
[data-theme="light"] .about-copy .lead{color:var(--bone)}
[data-theme="light"] .about-copy .eyebrow,[data-theme="light"] .about-copy .bio-emphasis{color:var(--gold)}
[data-theme="light"] .hero-bottom a{color:var(--gold)}
[data-theme="light"] .genre-strip{background:var(--panel);color:var(--muted);border-color:var(--line)}
[data-theme="light"] #newsletter-form input,[data-theme="light"] #newsletter-form textarea{border-color:var(--line)}
@media(min-width:1101px) and (max-width:1350px){.header{padding-inline:3%;gap:12px}.header #navigation{gap:12px;font-size:10px}.header .nav-listen{padding:12px}.header .wordmark{font-size:19px}}
@media(max-width:1100px){.header .menu-toggle{margin-left:auto}.header #navigation{margin-left:0}.header{flex-wrap:nowrap}.header .wordmark{margin-bottom:0}.theme-toggle{font-size:11px;padding-inline:10px}}
@media(max-width:400px){.header{padding-inline:4%;gap:10px}.header .wordmark{font-size:18px}.header .wordmark span{font-size:8px;letter-spacing:5px}.header .wordmark i{display:none}.header .menu-toggle{padding:10px;font-size:11px}}

/* Stay in Touch actions: warm gold, restrained depth, and comfortable touch targets. */
[data-view="contact"] button{
 display:inline-flex;align-items:center;justify-content:center;gap:12px;
 min-height:48px;max-width:100%;padding:13px 22px;
 border:1px solid var(--gold);border-radius:6px;
 background:transparent;color:var(--gold);
 font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.25px;
 text-align:center;text-decoration:none;white-space:normal;cursor:pointer;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
[data-view="contact"] button.primary{
 background:linear-gradient(135deg,#d7bb84,#b7975c);color:#201b12;border-color:#d7bb84;
 box-shadow:inset 0 1px 0 #ffffff35,0 3px 10px #00000018;
}
[data-view="contact"] button.outline{background:var(--ink);color:var(--bone);border-color:var(--gold)}
[data-view="contact"] button.text-link{
 min-height:44px;padding:9px 14px;border-color:var(--line);border-radius:5px;
 background:var(--ink);color:var(--gold);font-size:12px;font-weight:500;letter-spacing:0;
}
[data-view="contact"] button:hover:not(:disabled){background:var(--panel);border-color:var(--gold);box-shadow:0 3px 12px #00000018;transform:translateY(-1px)}
[data-view="contact"] button.primary:hover:not(:disabled){background:linear-gradient(135deg,#e3cb9c,#c7aa72);color:#201b12;border-color:#e3cb9c}
[data-view="contact"] button:active:not(:disabled){transform:translateY(0);box-shadow:none}
[data-view="contact"] button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
[data-view="contact"] button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
[data-theme="light"] [data-view="contact"] button.primary{background:linear-gradient(135deg,#886529,#6f4e19);color:#fff9ee;border-color:#77551e}
[data-theme="light"] [data-view="contact"] button.primary:hover:not(:disabled){background:linear-gradient(135deg,#77551e,#583c11);color:#fff9ee;border-color:#614318}
@media(max-width:620px){[data-view="contact"] .fan-form button[type="submit"],[data-view="contact"] #newsletter-form button[type="submit"]{width:100%;justify-self:stretch;padding-inline:16px}}


/* Home: introduction, song deck, and band portrait share the first screen. */
main.home-screen{overflow:auto}
main.home-screen>.hero{display:grid;grid-template-columns:minmax(0,clamp(220px,27vw,400px)) 290px minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:center;flex:1 0 auto;min-height:560px;height:calc(100dvh - var(--header-height) - var(--footer-height) - 38px);padding:28px 4% 52px}
main.home-screen>.hero .hero-copy{grid-column:1;grid-row:1;height:auto;padding:0;min-width:0;display:block}
main.home-screen .hero h1{font-size:clamp(33px,3.4vw,53px);letter-spacing:-1.8px;line-height:1.08}
main.home-screen .hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:20px}
main.home-screen .hero-intro{font-size:13px;line-height:1.8;margin:22px 0;max-width:360px}
main.home-screen>.hero .hero-photo{grid-column:3;grid-row:1;width:100%;height:auto;max-height:100%;aspect-ratio:auto;object-fit:contain;align-self:center}
main.home-screen .hero .hero-bottom{left:4%;right:4%;bottom:16px}
main.home-screen>.genre-strip{flex:0 0 auto;min-height:38px}
.song-dealer{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;max-width:290px;width:calc(100% - 24px);justify-self:center;color:var(--bone)}
.dealer-copy{text-align:center}
main.home-screen .hero .dealer-copy .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:8px}
.dealer-copy h2{font:normal clamp(25px,2.4vw,34px)/1.15 Georgia,serif;letter-spacing:-1px}
.dealer-card{position:relative;isolation:isolate;padding:26px 22px 32px;text-align:center;border:1px solid var(--gold);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px #00000020;outline:1px solid var(--line);outline-offset:-7px}
.dealer-card::before,.dealer-card::after{content:'';position:absolute;inset:0;z-index:-1;border:1px solid var(--line);border-radius:12px;background:var(--panel);transform:rotate(3deg);pointer-events:none}
.dealer-card::after{transform:rotate(-3deg);z-index:-2}
.dealer-corner{position:absolute;top:14px;left:13px;color:var(--gold);font:16px/1 Georgia,serif}
.dealer-corner>span{display:block;font-size:14px;margin-top:3px}
.dealer-corner-bottom{top:auto;left:auto;bottom:14px;right:13px;transform:rotate(180deg)}
.dealer-art{display:grid;place-items:center;height:112px;margin:0 0 16px}
.dealer-art img{width:112px;height:112px;object-fit:cover;border-radius:4px;box-shadow:0 4px 14px #00000025}
.dealer-suit{font:95px/1 Georgia,serif;color:var(--gold)}
main.home-screen .hero .dealer-card .eyebrow{font-size:7px;letter-spacing:1px;margin:0 0 12px}
.dealer-card h3{font:normal 24px/1.2 Georgia,serif;color:var(--bone);margin:0;overflow-wrap:anywhere}
#deal-status{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 18px}
main.home-screen .hero .dealer-draw{border-radius:5px;font-size:12px;padding:13px 16px;min-height:46px;width:100%;cursor:pointer;gap:10px}
.dealer-draw>span:first-child{font-family:Georgia,serif;font-size:20px;line-height:1}
.dealer-note{color:var(--muted);font-size:10px;line-height:1.6;text-align:center;margin:0}
.dealer-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
main.home-screen .hero .dealer-actions .button{min-height:44px;padding:10px 13px;font-size:11px;border-radius:5px;cursor:pointer}
.dealer-actions .text-link{font-size:10px;min-height:44px;display:inline-flex;align-items:center}
@media(min-width:901px) and (max-height:760px){main.home-screen>.hero{min-height:520px;padding-top:18px}.song-dealer{gap:10px}.dealer-art{height:80px;margin-bottom:12px}.dealer-art img{width:80px;height:80px}.dealer-suit{font-size:72px}.dealer-card{padding:22px 18px 25px}.dealer-card h3{font-size:21px}main.home-screen .hero .hero-intro{margin:16px 0}}
@media(max-width:900px){main.home-screen>.hero{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);height:auto;min-height:0;gap:40px 6%;padding:40px 6% 60px}.song-dealer{grid-column:2}main.home-screen>.hero .hero-photo{grid-column:1/-1;grid-row:2;max-width:540px;justify-self:center}main.home-screen .hero h1{font-size:42px}}
@media(max-width:620px){main.home-screen>.hero{display:flex;flex-direction:column;height:auto;max-height:none;gap:32px;padding:32px 7% 60px}main.home-screen>.hero .hero-copy{order:1;width:100%;height:auto;padding:0}main.home-screen>.hero .song-dealer{order:0;max-width:320px}main.home-screen>.hero .hero-photo{order:2;height:auto;max-height:none;flex:none;width:100%}main.home-screen .hero h1{font-size:42px}.dealer-copy h2{font-size:30px}main.home-screen>.hero .hero-bottom{font-size:6px;letter-spacing:.5px}}

/* Size the intro to its content and use matching gaps around the full-size card. */
@media(min-width:901px){
 main.home-screen>.hero{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px);justify-content:center}
 main.home-screen>.hero .hero-copy{padding:0}
 main.home-screen>.hero .hero-photo{width:100%;max-width:none;justify-self:start}
 .song-dealer{width:290px;max-width:none;justify-self:center;align-items:stretch;text-align:center}
 .dealer-copy,.dealer-card,.dealer-note{text-align:center;min-width:0}
}

/* Build a personal soundtrack beside the song deck. */
.saints-playlist{grid-column:3;grid-row:1;min-width:0;width:100%;max-width:310px;justify-self:center;align-self:center}
.playlist-heading{text-align:center;margin-bottom:16px}
main.home-screen .hero .playlist-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin:0 0 8px}
.playlist-heading h2{font:normal clamp(25px,2.2vw,32px)/1.15 Georgia,serif;letter-spacing:-1px}
.playlist-panel{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 28px #00000012}
.playlist-count{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line);font-size:11px;color:var(--gold)}
.playlist-count>span:last-child{font-size:22px}
#playlist-empty{text-align:center;padding:24px 0 12px}
.playlist-empty-icon{display:block;color:var(--gold);font:48px/1 Georgia,serif;margin-bottom:18px}
#playlist-empty h3{font:normal 24px/1.2 Georgia,serif;margin:0}
#playlist-empty p{font-size:12px;line-height:1.8;color:var(--muted);margin:16px 0}
#playlist-empty .text-link{font-size:11px;display:inline-flex;align-items:center;min-height:44px}
#playlist-songs{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto;scrollbar-color:var(--gold) var(--panel)}
#playlist-songs:empty{display:none}
#playlist-songs li{display:grid;grid-template-columns:36px minmax(0,1fr) 30px;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
#playlist-songs img{width:36px;height:36px;object-fit:cover;border-radius:3px}
.playlist-track{border:0;background:none;color:var(--bone);font:12px/1.5 Arial,sans-serif;text-align:left;cursor:pointer;min-height:44px;padding:0;overflow-wrap:anywhere}
.playlist-track:hover{color:var(--gold)}
.playlist-remove{background:transparent;border:0;color:var(--muted);font-size:22px;cursor:pointer;min-height:44px;width:30px;padding:0}
.playlist-remove:hover{color:var(--gold)}
.playlist-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:18px}
main.home-screen .hero .playlist-tools .button{min-height:44px;padding:12px;font-size:11px;border-radius:5px;cursor:pointer}
.playlist-tools .text-link{align-self:center;min-height:44px;background:none;border:0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);cursor:pointer}
#playlist-status{font-size:10px;color:var(--muted);line-height:1.7;margin:18px 0 0;text-align:center}
.playlist-add{min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--gold);font:11px/1.4 Arial,sans-serif;cursor:pointer}
.playlist-add:hover:not(:disabled){border-color:var(--gold)}
.playlist-add:disabled{opacity:.65;cursor:default}
.dealer-actions .playlist-add{width:100%}
#playlist-share-fallback{margin-top:16px;font-size:11px;line-height:1.7;color:var(--muted)}
#playlist-share-link{display:block;width:100%;margin-top:8px;padding:10px;background:var(--ink);color:var(--bone);border:1px solid var(--gold);font-size:12px}
@media(min-width:1201px){main.home-screen>.hero{max-width:1920px;padding-inline:clamp(24px,2vw,36px);grid-template-columns:minmax(260px,.85fr) 290px 250px minmax(0,1.5fr);column-gap:clamp(18px,1.4vw,24px)}main.home-screen>.hero .hero-photo{grid-column:4}}
@media(min-width:901px) and (max-width:1200px){main.home-screen>.hero{grid-template-columns:minmax(0,1fr) 290px minmax(240px,1fr);height:auto;gap:36px 24px;min-height:560px}main.home-screen>.hero .hero-photo{grid-column:1/-1;grid-row:2;max-width:540px;justify-self:center}}
@media(min-width:621px) and (max-width:900px){main.home-screen>.hero{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}.song-dealer{grid-column:1;grid-row:1}.saints-playlist{grid-column:2;grid-row:1}main.home-screen>.hero .hero-copy{grid-column:1/-1;grid-row:2}main.home-screen>.hero .hero-photo{grid-row:3}}
@media(max-width:620px){.saints-playlist{order:1;max-width:320px}main.home-screen>.hero .hero-copy{order:2}main.home-screen>.hero .hero-photo{order:3}}

/* Give the home introduction a clearer voice and stronger type hierarchy. */
main.home-screen .hero .hero-copy>.eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.8;margin-bottom:24px}
main.home-screen .hero .hero-copy h1{font-size:clamp(42px,3.6vw,58px);line-height:1.06;letter-spacing:-1.8px;text-wrap:balance}
main.home-screen .hero .hero-copy .hero-intro{font-family:Georgia,serif;font-size:20px;line-height:1.55;color:var(--bone);margin:26px 0 12px;max-width:360px}
.hero-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px;margin:0 0 26px}
main.home-screen .hero-copy .home-next-steps{border-top:1px solid var(--line);padding-top:16px}
main.home-screen .hero-copy .home-next-steps .text-link{font-size:12px;line-height:1.6}
main.home-screen .hero-copy .home-platform-links{margin-top:18px}
@media(min-width:901px) and (max-height:800px){main.home-screen .hero .hero-copy>.eyebrow{margin-bottom:16px}main.home-screen .hero .hero-copy h1{font-size:clamp(36px,3.2vw,50px)}main.home-screen .hero .hero-copy .hero-intro{font-size:18px;margin-top:18px}.hero-description{font-size:13px;line-height:1.7;margin-bottom:18px}}
@media(max-width:620px){main.home-screen .hero .hero-copy h1{font-size:46px}main.home-screen .hero .hero-copy .hero-intro{font-size:21px}.hero-description{font-size:15px}}

/* Curated TikTok cards render locally; only the chosen player contacts TikTok. */
.tiktok-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}
.tiktok-section-heading .eyebrow{margin-bottom:12px}.tiktok-section-heading h3{font:normal 34px/1.2 Georgia,serif;margin:0 0 14px}
.tiktok-section-heading p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.tiktok-section-heading>.text-link{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;font-size:12px}
.tiktok-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.tiktok-video-card{min-width:0}.tiktok-video-card h4{font:normal 23px/1.3 Georgia,serif;margin:18px 0 10px;color:var(--bone);overflow-wrap:anywhere}
.tiktok-video-slot{position:relative;aspect-ratio:9/16;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.tiktok-video-poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;color:var(--bone);background:var(--panel)}
.tiktok-video-poster img{width:100%;height:100%;object-fit:cover;opacity:.85}
.tiktok-brand-poster img{object-fit:contain;padding:28px;background:linear-gradient(155deg,var(--panel),var(--ink))}
.tiktok-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:22px;box-shadow:0 5px 24px #0006}
.tiktok-play-label{position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:12px;font-weight:bold;text-shadow:0 1px 4px #0009}
.tiktok-video-poster:disabled{opacity:.5;cursor:wait}
.tiktok-video-slot iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tiktok-video-status{min-height:3.2em;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 12px}
.tiktok-video-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.tiktok-video-controls .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
.tiktok-video-controls button{background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:12px;border:0;border-bottom:1px solid var(--line);padding:0}
.tiktok-empty{display:flex;align-items:center;justify-content:center;gap:40px;padding:48px 32px;background:var(--panel);border:1px solid var(--line)}
.tiktok-empty img{max-width:220px;width:35%;height:auto}.tiktok-empty h3{font:normal 30px/1.2 Georgia,serif;margin:0 0 16px}.tiktok-empty p{color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:900px){.tiktok-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tiktok-section-heading{display:block}.tiktok-section-heading>.text-link{margin-top:16px}.tiktok-card-grid{grid-template-columns:1fr}.tiktok-video-card{width:100%;max-width:360px;justify-self:center}.tiktok-empty{flex-direction:column;gap:24px;text-align:center;padding:32px 22px}.tiktok-empty img{width:65%}}
