/* ART SERGIO — charcoal, warm stage light, editorial typography. */
:root{color-scheme:dark;--bg:#151515;--paper:#f0eeea;--white:#f8f4ee;--accent:#cfa17c;--muted:#b9b4ae;--line:#ffffff26}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
::selection{background:#cf9a6b;color:#151515}img{max-width:100%}svg{display:block}
.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:white;color:black;padding:14px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.header{height:96px;padding:0 4.6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;width:100%;z-index:4}
.brand{font-weight:700;letter-spacing:.12em;font-size:1.15rem;white-space:nowrap}.brand-star{margin-left:14px;color:var(--accent);font-size:1.2em}
.header nav{display:flex;flex-wrap:wrap;gap:38px;font-size:.875rem}.header nav a{padding:12px 0;transition:color .2s}.header nav a:hover{color:var(--accent)}
.header-contact{font-size:.875rem;border:1px solid #ffffff45;padding:14px 20px}.header-contact span{margin-left:24px}.header-contact:hover{border-color:var(--accent);color:var(--accent)}
.hero{position:relative;min-height:max(790px,100svh);isolation:isolate;overflow:hidden}
.hero-portrait{position:absolute;inset:96px 0 0 38%;z-index:-3}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 12%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#151515 0%,#151515 24%,#151515cf 40%,#15151528 65%,transparent 100%),linear-gradient(0deg,#151515 0%,#15151575 12%,transparent 42%)}
.hero-content{padding:166px 4.6% 155px;position:relative}
.eyebrow{font-size:.75rem;letter-spacing:.16em;line-height:1.7;color:var(--accent);font-weight:500}
.hero h1{position:relative;margin:36px 0 24px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(6.3rem,12.5vw,12rem);font-weight:400;line-height:.84;letter-spacing:-.045em;width:max-content;max-width:100%}
.hero h1>span:not(.hero-asterisk){display:inline-block;margin-top:10px}.hero-asterisk{font-family:Arial,sans-serif;font-size:.28em;color:var(--accent);position:absolute;top:0;right:16px;line-height:1}
.hero-tagline{font-size:1.45rem;line-height:1.45;color:#e7e1d9;margin:34px 0 27px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;font-size:.875rem;font-weight:600;transition:background .2s,transform .2s}.button>svg{width:20px;height:20px}.button>span{margin-left:24px}
.button-light{color:#171717;background:#f6f2eb}.button:hover{background:var(--accent);transform:translateY(-2px)}
.hero-feature{display:flex;align-items:center;gap:20px;position:absolute;right:4.6%;bottom:104px;background:#151515ad;border:1px solid #ffffff28;padding:18px 26px 18px 18px;backdrop-filter:blur(12px);transition:background .2s}
.hero-feature:hover{background:#23201fde}.hero-feature>img{width:76px;height:76px;object-fit:cover}.hero-feature>span{display:flex;flex-direction:column;gap:6px}.hero-feature strong{font-weight:500;font-size:1.06rem}.hero-feature .eyebrow{font-size:.75rem}.feature-link{font-size:.875rem;color:#d1c5b9}.feature-link>span{margin-left:12px}
.hero-bottom{position:absolute;bottom:35px;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.13em;color:#bdb5ac}.scroll-link{font-size:.875rem;letter-spacing:0}.scroll-link span{margin-left:18px;color:#fff}
.section{padding:106px 7.5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:50px}
.section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.75rem,4.4vw,4.5rem);line-height:1.13;font-weight:400;letter-spacing:-.04em;margin:24px 0 0}.section h2 em{font-weight:400;color:var(--accent)}
.section-heading>p{line-height:1.7;color:var(--muted);font-size:1rem;margin-bottom:3px}
.music{background:var(--paper);color:#26231f;color-scheme:light}.music .eyebrow{color:#755339}.music h2 em{color:#896244}.music .section-heading>p{color:#6a625c}
.release-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px 6%;align-items:start}.release{min-width:0;scroll-margin-top:36px}.cover-link{position:relative;display:block;overflow:hidden}.cover-link>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform .5s ease}.cover-link:hover>img{transform:scale(1.025)}
.release-badge{position:absolute;top:18px;left:18px;font-size:.75rem;letter-spacing:.09em;background:#141414d9;color:#fff;padding:9px 12px;backdrop-filter:blur(8px)}
.cover-play{display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;right:20px;width:58px;height:58px;background:#f5f1e9;box-shadow:0 2px 20px #0002;color:#151515;border-radius:50%;transition:background .2s,transform .2s}.cover-play svg{width:29px;height:29px}.cover-link:hover .cover-play{background:var(--accent);transform:scale(1.05)}
.release-meta{display:flex;justify-content:space-between;color:#70675f;font-size:.75rem;letter-spacing:.1em;margin-top:24px}
.release h3{font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:500;letter-spacing:-.03em;line-height:1.25;margin:14px 0 12px}.release>p{color:#696058;line-height:1.6;margin:0 0 24px}
.release-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:.875rem;font-weight:600;border-bottom:1px solid #aaa094;padding:10px 0}.text-link:hover{color:#885c38;border-color:#885c38}.minor-link{font-size:.875rem;color:#71675e;padding:12px 0}.minor-link:hover{text-decoration:underline}
.music-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #c8c1b7;margin-top:54px;padding-top:28px;font-size:.875rem}.music-bottom>span{color:#6a625c}.music-bottom>a>span{margin-left:24px}.music-bottom>a:hover{text-decoration:underline}
.upcoming{background:#1a1a19}.featured-release{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:7%;scroll-margin-top:36px}.featured-cover>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.cover-caption{display:flex;justify-content:space-between;margin-top:17px;font-size:.75rem;letter-spacing:.13em;color:#b8aca0}.pill{display:inline-block;border:1px solid #74604e;color:#d2ac8b;padding:8px 12px;font-size:.75rem;letter-spacing:.08em}
.featured-story h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,4.6vw,4.6rem);font-weight:400;line-height:1.08;letter-spacing:-.03em;margin:27px 0 20px}.featured-story h3 em{color:var(--accent);font-weight:400}
.featured-story>p,.story-details p{line-height:1.8;color:#bcb6af;font-size:1rem}.featured-story>p.genre{font-size:.75rem;color:#c9ad95;letter-spacing:.1em;margin-bottom:25px;line-height:1.8}
.story-details{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-details summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;cursor:pointer;font-size:.875rem;list-style:none;color:#eee4d9}.story-details summary::-webkit-details-marker{display:none}.story-details summary>span{font-size:1.45rem;color:var(--accent);line-height:1}.story-details[open] summary{color:var(--accent)}.story-details>div{padding-bottom:8px}.story-details p{margin:4px 0 20px}
.upcoming-list{margin-top:64px;border-top:1px solid var(--line)}.upcoming-track{display:grid;grid-template-columns:88px minmax(0,1fr) 65px 78px;align-items:center;gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}.upcoming-track>img{display:block;width:88px;height:88px;object-fit:cover}.track-info h3{font-size:1.4rem;font-weight:500;line-height:1.25;margin:5px 0 7px}.track-info p{margin:0;color:#aca69e;font-size:.875rem;line-height:1.55}.track-info .eyebrow{font-size:.75rem;letter-spacing:.09em}.track-time{color:#b1a69c;font-size:.875rem}.soon-label{text-align:right;font-size:.875rem;color:var(--accent)}
.about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;align-items:center;border-bottom:1px solid var(--line)}
.about-photo>img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}.about-photo>span{display:block;font-size:.75rem;color:#b4a697;letter-spacing:.11em;margin-top:20px;line-height:1.7}.about h2{font-size:clamp(2.5rem,3.9vw,4rem);margin-bottom:30px}
.about-copy>p{font-size:1rem;line-height:1.85;color:#b9b3ac;margin:18px 0}.about-copy>p.about-lead{color:#ece5dd;font-size:1.125rem}.artist-signature{font-family:Georgia,'Times New Roman',serif;font-size:1.75rem;letter-spacing:.02em;margin-top:36px}.artist-signature span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.75rem;letter-spacing:.12em;color:var(--accent);margin-top:12px;line-height:1.7}
.contact{text-align:center;padding-top:110px;padding-bottom:100px}.contact h2{font-size:clamp(3.5rem,7vw,7rem)}.contact>p{color:#b6b0aa;line-height:1.6;margin:32px 0 20px}.email{display:inline-flex;align-items:center;gap:35px;font-size:clamp(1.05rem,2.5vw,2rem);border-bottom:1px solid var(--accent);padding-bottom:12px;overflow-wrap:anywhere}.email>span{color:var(--accent)}.email:hover{color:var(--accent)}
.social-links{display:flex;justify-content:center;gap:35px;margin-top:34px;font-size:.875rem}.social-links a{padding:12px 0}.social-links span{color:var(--accent);margin-left:12px}.social-links a:hover{color:var(--accent)}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 4.6%;border-top:1px solid var(--line)}footer>span{font-size:.75rem;color:#b6b0aa}footer>a:last-child{font-size:.875rem;color:#b6b0aa}footer>a:last-child>span{margin-left:16px}
@media(min-width:1600px){.hero-content{padding-top:19vh}.section{padding-left:max(7.5%,calc((100vw - 1360px)/2));padding-right:max(7.5%,calc((100vw - 1360px)/2))}}
@media(max-width:1050px){.header-contact{display:none}.hero-feature{right:4.6%;bottom:105px;padding:15px;gap:14px}.hero-feature>img{width:60px;height:60px}.hero-feature strong{font-size:1rem}.hero-feature .feature-link{font-size:.75rem}.section{padding:84px 6%}.featured-release{gap:5%}.about{gap:6%}.upcoming-track{grid-template-columns:80px minmax(0,1fr) 50px 65px;gap:20px}}
@media(max-width:760px){.header{padding:0 6%;height:90px}.header nav{gap:24px;font-size:.875rem}.brand{font-size:1rem}.brand-star{display:none}.hero{min-height:850px}.hero-portrait{inset:90px 0 0 22%}.hero-shade{background:linear-gradient(90deg,#151515 0%,#151515a8 25%,#15151505 78%),linear-gradient(0deg,#151515 0%,#15151580 24%,transparent 65%)}.hero-content{padding:195px 6% 250px}.hero h1{font-size:min(16vw,8rem);margin-top:28px}.hero-feature{left:6%;right:auto;bottom:96px}.hero-feature>img{width:66px;height:66px}.hero-feature .feature-link{font-size:.875rem}.hero-bottom{left:6%;right:6%;letter-spacing:.07em}.section-heading{display:block;margin-bottom:36px}.section-heading>p{margin-top:26px}.section{padding:70px 6%}.release-grid{gap:40px;grid-template-columns:1fr 1fr}.release h3{font-size:1.3rem}.release>p{font-size:.875rem}.release-actions{gap:8px}.release-actions .text-link{font-size:.875rem;gap:16px}.release-badge{top:12px;left:12px;font-size:.75rem;padding:7px 9px}.cover-play{width:46px;height:46px;right:12px;bottom:12px}.featured-release{grid-template-columns:1fr;gap:36px}.featured-cover{max-width:520px}.featured-story h3{font-size:3.2rem}.featured-story h3 br{display:none}.featured-story h3 em::before{content:' '}.upcoming-list{margin-top:46px}.upcoming-track{grid-template-columns:76px minmax(0,1fr) 60px;gap:18px}.upcoming-track>img{width:76px;height:76px}.track-time{display:none}.track-info h3{font-size:1.2rem}.about{grid-template-columns:1fr;gap:40px}.about-photo{max-width:450px}.about-photo>img{aspect-ratio:4/4.6;object-position:center 22%}.about h2{font-size:2.8rem}.contact{padding-top:80px;padding-bottom:80px}.music-bottom{align-items:flex-start;flex-direction:column;gap:14px}footer{padding:28px 6%}}
@media(max-width:520px){.header{height:auto;min-height:112px;align-items:flex-start;justify-content:center;flex-direction:column;gap:13px;padding:20px 6%}.brand{font-size:1.1rem}.header nav{gap:28px}.header nav a{padding:3px 0}.hero{min-height:880px}.hero-portrait{inset:112px 0 0 0}.hero-portrait img{object-position:56% top}.hero-shade{background:linear-gradient(90deg,#15151570,transparent 85%),linear-gradient(0deg,#151515 0%,#151515e0 28%,#15151560 49%,transparent 72%)}.hero-content{padding:376px 6% 238px}.hero .eyebrow{font-size:.75rem;letter-spacing:.13em}.hero h1{font-size:min(18.9vw,6.4rem);margin:22px 0 18px}.hero-asterisk{right:10px}.hero-tagline{font-size:1.25rem;margin:22px 0}.hero-feature{right:6%;padding:14px;bottom:95px}.hero-feature>span{gap:4px}.hero-feature>img{width:60px;height:60px}.hero-feature strong{font-size:1rem}.hero-feature .feature-link{font-size:.875rem}.hero-bottom{bottom:34px;font-size:.75rem;letter-spacing:0;gap:20px}.scroll-link{font-size:.875rem}.scroll-link span{margin-left:8px}.release-grid{grid-template-columns:1fr;gap:45px}.release h3{font-size:1.55rem}.release>p{font-size:1rem}.release-actions{gap:25px}.release-badge{top:16px;left:16px}.cover-play{width:55px;height:55px;right:16px;bottom:16px}.section h2{font-size:2.65rem}.featured-story h3{font-size:2.7rem}.upcoming-track{grid-template-columns:68px minmax(0,1fr);gap:16px;position:relative;padding:24px 0}.upcoming-track>img{width:68px;height:68px}.track-info{padding-bottom:24px}.track-info .eyebrow{font-size:.75rem;letter-spacing:.06em}.track-info h3{font-size:1.25rem}.track-info p{font-size:.875rem}.soon-label{position:absolute;left:84px;bottom:22px;font-size:.75rem}.about h2{font-size:2.65rem}.contact h2{font-size:3.5rem}.contact>p{font-size:.875rem}.email{gap:18px;font-size:1.25rem}.social-links{margin-top:22px}footer{flex-wrap:wrap}footer>span{order:3;flex-basis:100%;text-align:center;margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}


/* Display the supplied photographs in full, with their original color and framing. */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy portrait" "feature portrait";gap:34px 6%;align-items:center;padding:144px 4.6% 104px;min-height:max(790px,100svh);overflow:visible}
.hero-content{grid-area:copy;padding:0;min-width:0;align-self:center}
.hero h1{font-size:min(10.7vw,10.5rem);max-width:100%}
.hero-portrait{grid-area:portrait;position:static;inset:auto;z-index:auto;width:100%;align-self:center}
.hero-portrait img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:auto;filter:none;opacity:1;transform:none}
.hero-feature{grid-area:feature;position:static;inset:auto;justify-self:start;align-self:start;max-width:100%;backdrop-filter:none;background:#1c1b1a}
.about-photo>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;opacity:1;transform:none}
.cover-static:hover>img{transform:none}
.track-cover{display:block;width:100%;aspect-ratio:1}.track-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.upcoming .text-link{color:var(--accent);border-color:#74604e}.upcoming .text-link:hover{color:var(--white);border-color:var(--white)}.track-info .text-link{margin-top:7px;gap:16px}
.cover-button{border:0;padding:0;width:100%;background:none;color:inherit;text-align:inherit;cursor:pointer;font:inherit}
.audio-player{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 16px;align-items:center;background:#e5e0d8;border:1px solid #d1c8bc;padding:16px 18px;margin:20px 0 10px}
.play-control{width:46px;height:46px;border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#28231f;color:#fffaf2;cursor:pointer;transition:background .2s}.play-control:hover{background:#825b3d}.play-control svg{width:25px;height:25px}
.player-timeline{min-width:0}.player-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;font-size:.875rem;color:#443a31}.player-time{font-size:.75rem;color:#6a5b4d;white-space:nowrap;font-variant-numeric:tabular-nums}.player-seek{display:block;width:100%;height:30px;margin:2px 0 0;padding:0;accent-color:#825b3d;cursor:pointer}.player-seek:disabled{cursor:default;opacity:.5}.player-seek:focus-visible{outline:2px solid #825b3d;outline-offset:3px}.player-status{grid-column:1/-1;font-size:.875rem;line-height:1.6;color:#805036;margin:12px 0 0}.player-status[hidden]{display:none}
.release-story{border-color:#c8c1b7}.release-story summary{color:#433a32}.release-story summary>span,.release-story[open] summary{color:#825b3d}.release-story blockquote{margin:0}.release-story p{color:#63584f}.release-story strong{font-weight:600;color:#302820}.release-story cite{display:block;margin:22px 0 16px;font-size:.75rem;font-style:normal;letter-spacing:.12em;color:#78543a}
@media(max-width:1050px){.hero{gap:28px 4%;padding:132px 5% 96px}.hero h1{font-size:10.6vw}.hero-feature{padding:14px}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px 5%;padding:128px 6% 98px;min-height:auto}.hero h1{font-size:10.2vw;margin-top:24px}.hero-tagline{font-size:1.15rem}.hero .button{gap:8px;padding:16px}.hero .button>span{margin-left:8px}.hero-feature{grid-column:1/-1}.hero-feature>img{width:66px;height:66px}.hero-feature .feature-link{font-size:.875rem}}
@media(max-width:600px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "portrait" "feature";gap:32px;padding:142px 6% 100px}.hero-content{width:100%;padding:0}.hero h1{font-size:min(21vw,6.5rem);margin:24px 0 22px}.hero-tagline{font-size:1.25rem;margin:24px 0}.hero-portrait{width:100%;max-width:450px;justify-self:center}.hero-feature{width:100%;max-width:450px;justify-self:center}.hero-feature>span{min-width:0}.hero-feature strong{line-height:1.4}.hero-bottom{bottom:30px}.hero .button{padding:18px 24px;gap:14px}.hero .button>span{margin-left:24px}}

.audio-player-dark{background:#24221f;border-color:#514236}.audio-player-dark .play-control{background:var(--accent);color:#1a1a19}.audio-player-dark .play-control:hover{background:var(--white)}.audio-player-dark .player-topline{color:#eee4d9}.audio-player-dark .player-time{color:#c6b7a9}.audio-player-dark .player-seek{accent-color:var(--accent)}.audio-player-dark .player-seek:focus-visible{outline-color:var(--accent)}.audio-player-dark .player-status{color:#e9ba96}
.track-with-player{row-gap:18px}.track-with-player .audio-player{grid-column:2/-1;max-width:620px;width:100%;margin:0}.track-cover{position:relative}.track-cover .cover-play{width:30px;height:30px;bottom:5px;right:5px}.track-cover .cover-play svg{width:17px;height:17px}
@media(max-width:520px){.track-with-player .audio-player{grid-column:1/-1}.track-with-player .track-info{padding-bottom:0}.track-with-player .soon-label{display:none}}

.track-with-player > .story-details{grid-column:2/-1;width:100%;max-width:760px;margin-top:0;min-width:0}
@media(max-width:520px){.track-with-player > .story-details{grid-column:1/-1}}

/* Keep every song's artwork, player and story within one distinct card. */
.music .release-grid{gap:32px;align-items:start}
.music .release{padding:24px;background:#fffdf9;border:1px solid #b9ab9b;border-top:3px solid #896244;border-radius:8px;box-shadow:0 6px 20px #30282008}
.music .release h3{font-weight:600}
.music .release-story{margin-bottom:0;border-bottom:0}
.music .release-story summary{font-size:1rem;font-weight:500;padding-bottom:4px}
.music .release-story[open] summary{padding-bottom:20px}
@media(max-width:760px){.music .release-grid{grid-template-columns:minmax(0,1fr);gap:32px}.music .release h3{font-size:1.55rem}.music .release>p{font-size:1rem}}
@media(max-width:520px){.music .release{padding:16px}.music .audio-player{padding:14px 12px;column-gap:12px}}

/* Separate the navigation from the hero and give each link a clear target. */
.header{position:relative;height:auto;min-height:96px;padding:20px 4.6%;background:#23211f;border-bottom:2px solid #896244;gap:24px;flex-wrap:wrap}
.header .brand{display:inline-flex;align-items:center;min-height:48px;color:#f8f4ee;padding:10px 0}
.header nav{gap:10px;justify-content:center}
.header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #8b7562;border-radius:6px;background:#302b26;color:#f8f4ee;font-size:1rem;line-height:1.4;transition:background .2s,border-color .2s}
.header nav a:hover{background:#49392d;border-color:#cfa17c;color:#fff}
.hero{padding-top:48px;min-height:max(694px,calc(100svh - 96px))}
@media(max-width:760px){.header{padding:18px 6%;gap:16px}.hero{padding-top:38px;min-height:auto}}
@media(max-width:600px){.header{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px 6% 22px}.header .brand{font-size:1.15rem}.header nav{width:100%;gap:8px}.header nav a{flex:1 1 auto;padding:12px 10px;font-size:.9375rem}.hero{padding-top:36px}}