:root{color-scheme:dark;--bg:#171415;--cream:#f7f0e3;--gold:#ddbd80;--muted:#c5b8b5;--line:#ffffff26}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{height:102px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:34px;display:flex;align-items:center;gap:18px}.brand span{font:10px/1.6 Arial,sans-serif;letter-spacing:3px;width:80px;border-left:1px solid var(--line);padding-left:18px}nav{display:flex;gap:36px;font-size:14px}.header-note{font-size:11px;letter-spacing:2px;color:var(--muted)}.hero{background:radial-gradient(ellipse at 30% 40%,#681d2c 0, #3c1720 45%,#201519 90%);padding:75px 6% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;line-height:1.8;color:var(--gold)}.intro .eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:26px;height:1px;background:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(42px,4.4vw,76px);font-weight:400;line-height:1.08;letter-spacing:-2px;margin:28px 0 32px}h1 em{color:var(--gold);font-weight:400}.artist{font-size:16px;letter-spacing:3px}.artist span{color:var(--gold);margin:0 6px}.description{color:#ded0d0;font-size:17px;line-height:1.8;margin:24px 0 32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;padding:18px 24px;font-size:14px;transition:background .2s,color .2s}.cream{background:var(--cream);color:#3d1b22}.cream:hover{background:var(--gold)}.hero-foot{display:flex;gap:70px;margin-top:66px;font-size:10px;letter-spacing:2px;color:var(--muted)}figure{margin:0}.cover img{display:block;width:100%;height:auto;box-shadow:0 26px 60px #0005}.cover figcaption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-top:18px}.section{padding:76px 8%}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>p:last-child{font-size:14px;color:var(--muted)}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3vw,48px);letter-spacing:-1px;margin:18px 0 42px}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:60px}.track{border-top:1px solid var(--line);padding:32px 0 0;position:relative}.number{position:absolute;right:0;top:30px;color:#9d8582;font:italic 26px Georgia,serif}.field{font-size:11px;letter-spacing:1.5px;color:var(--muted);padding-right:32px;line-height:1.8}.category{color:var(--gold);font-size:17px;line-height:1.5}.track h3{font:400 clamp(42px,4.2vw,64px)/1.05 Georgia,serif;margin:34px 0 20px;letter-spacing:-1.5px}.byline{font-size:15px;color:var(--muted);margin-bottom:32px}.outline{border:1px solid #a0827770;width:100%;max-width:350px}.outline:hover{background:var(--cream);color:var(--bg)}.press{background:#251e20;text-align:center;padding:54px 24px 60px;border-block:1px solid var(--line)}blockquote{font:italic 400 clamp(26px,3vw,42px)/1.35 Georgia,serif;margin:22px 0}.press a{font-size:11px;letter-spacing:1.6px;color:var(--muted)}.press a span{margin:0 10px}.film{background:#111213}.film-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin-top:30px}.film h2{font-size:100px;line-height:1;margin:14px 0}.film h2 span{color:var(--gold)}.film-artist{letter-spacing:4px;font-size:18px}.film-description{color:var(--muted);font-size:16px;line-height:1.7}dl{display:flex;gap:36px;margin:30px 0}dt{color:var(--muted);font-size:10px;letter-spacing:1.5px}dd{margin:10px 0;font-size:16px}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;color:var(--gold)}.video iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;background:#242424;display:block}.video>a{font-size:11px;letter-spacing:1.4px;display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}footer{padding:48px 8%}footer>p{font:italic 28px Georgia,serif}footer>div{display:flex;gap:30px;font-size:10px;letter-spacing:1.6px;color:var(--muted);padding-top:22px}footer a{margin-left:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--cream);color:#111;padding:16px;z-index:5}.skip:focus{top:10px}@media(min-width:1600px){main,header,footer{max-width:1600px;margin-inline:auto}}@media(max-width:800px){header{height:82px}.header-note{display:none}.hero{grid-template-columns:1fr;gap:42px;padding-top:42px}h1{font-size:clamp(42px,8vw,64px)}.hero-foot{margin-top:35px}.cover{max-width:560px}.section{padding:50px 6%}.section-top{align-items:start;gap:16px}.section-top>p:last-child{max-width:160px;line-height:1.5;text-align:right}.tracks{gap:32px}.film-grid{grid-template-columns:1fr;gap:34px}.film h2{font-size:80px}.film .section-top{margin-bottom:25px}footer{padding:35px 6%}}@media(max-width:520px){.brand span{display:none}nav{gap:24px}.hero{padding-inline:6%}.artist{font-size:14px;letter-spacing:2px}.cover figcaption{font-size:9px;letter-spacing:.8px}.tracks{grid-template-columns:1fr;gap:42px}.track h3{font-size:48px}.outline{max-width:none}.hero-foot{gap:32px}.section-top>p:last-child{font-size:12px}footer>div{flex-wrap:wrap;gap:18px}footer a{margin-left:0;width:100%}dl{gap:28px}blockquote br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.press-title{font-size:clamp(24px,3vw,36px);margin:20px 0 12px}.press-meta{font-size:14px;color:var(--muted)}

.artist-bios{font-size:16px;line-height:1.75}.artist-bios p{margin:0 0 16px}.artist-bios strong{color:var(--cream);font-weight:600}.hero{grid-template-columns:1fr 1.15fr;gap:5%}.cover{min-width:0}.cover figcaption{flex-wrap:wrap;gap:10px}.hero-foot{margin-top:36px}@media(max-width:800px){.hero{grid-template-columns:1fr}.cover{max-width:none}}

/* Balanced opening section with the artist photograph and EP artwork. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;align-items:center}
.hero-art{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.hero-art .cover{grid-column:1/-1}
.hero-art .ep-cover{grid-column:1/-1;width:56%;justify-self:center;margin-top:4px}
.ep-cover img{display:block;width:100%;height:auto;box-shadow:0 16px 36px #0005}
.ep-cover figcaption{text-align:center;font-size:11px;letter-spacing:1.5px;color:var(--muted);margin-top:14px;line-height:1.6}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;max-width:600px;margin-inline:auto}.hero-art .ep-cover{width:60%}}

.submission-id{font-size:14px;line-height:1.6;color:var(--cream);margin:0 40px 16px 0}.track .field{font-size:14px;letter-spacing:.5px;line-height:1.6}.tracks{align-items:start}
/* Compact editorial hero: balanced copy and paired artwork. */
.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding-top:40px;padding-bottom:40px;align-items:center}
.hero h1{font-size:clamp(38px,3.5vw,56px);margin:18px 0 20px}
.hero .artist{margin:0 0 18px}.artist-bios{margin:0 0 22px;font-size:16px;line-height:1.65}.artist-bios p{margin-bottom:12px}
.hero-art{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;max-width:430px;justify-self:center}
.hero-art .cover{width:100%}.hero-art .cover figcaption{margin-top:10px;font-size:10px}
.hero-art .ep-cover{width:45%;margin:0}.ep-cover figcaption{font-size:10px;margin-top:8px;letter-spacing:1px}
.hero-foot{margin-top:22px}.hero .button{padding:15px 20px}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:30px}.hero-art{max-width:600px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:center}.hero-art .cover,.hero-art .ep-cover{grid-column:auto;width:100%;margin:0}.cover figcaption span{display:none}.hero-art figcaption{font-size:9px;line-height:1.5}.hero h1{font-size:40px}.hero-foot{display:none}}

/* Music submissions: photograph, readable panels, and embedded listening. */
.music{background:linear-gradient(rgba(12,10,12,.72),rgba(12,10,12,.86)),url('assets/submissions-background.jpg') center center/cover no-repeat}
.music .track{padding:28px;background:rgba(15,13,15,.78);border:1px solid rgba(255,255,255,.22);min-width:0;display:flex;flex-direction:column}
.music .number{right:24px;top:24px}.music .tracks{gap:28px;align-items:stretch}.music .field,.music .byline,.music .section-top>p:last-child{color:#e0d6d3}
.music .track h3{margin-top:22px}.music .byline{margin:0 0 16px}.song-description{font-size:16px;line-height:1.7;color:#eee5e0;margin:0 0 24px}.spotify-player{display:block;border:0;border-radius:12px;flex-shrink:0;margin-top:auto;margin-bottom:16px}.music .outline{max-width:none;background:rgba(15,13,15,.5)}.music .outline:hover{background:var(--cream)}
@media(max-width:520px){header{margin-inline:5%;gap:16px}nav{gap:16px;font-size:12px;line-height:1.4}nav a{max-width:90px}.music .track{padding:20px}.music .number{right:18px;top:20px}.music .tracks{gap:22px}.music{background-position:58% center}}
@media(max-width:380px){.music{padding-inline:8px}.music .track{padding:8px;padding-top:24px}.music .number{right:12px}.music .section-top{gap:8px}.music h2{font-size:30px}}

/* Opening photograph with strong contrast beneath the copy. */
.hero{background:linear-gradient(90deg,rgba(17,12,16,.94) 0%,rgba(22,13,19,.86) 48%,rgba(22,13,19,.48) 100%),url('assets/hero-background.jpg') center center/cover no-repeat}
.hero .description{color:#f0e8e5}.hero .eyebrow,.hero h1 em{color:#efd39b}.hero .cover figcaption,.hero .ep-cover figcaption{color:#f0e8e5;text-shadow:0 1px 4px #000}
@media(max-width:800px){.hero{background:linear-gradient(rgba(17,12,16,.86),rgba(17,12,16,.78)),url('assets/hero-background.jpg') 60% center/cover no-repeat}}
/* Lower, side-by-side artwork leaves the background portrait visible. */
.hero-art{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:end;align-self:end;width:100%;max-width:480px;margin:0 0 8px;justify-self:end}
.hero-art .cover,.hero-art .ep-cover{grid-column:auto;width:100%;margin:0;min-width:0}
.hero-art .cover figcaption{font-size:9px;letter-spacing:.7px;line-height:1.5;margin-top:8px}
.hero-art .cover figcaption span{display:none}
.hero-art .ep-cover figcaption{font-size:9px;letter-spacing:.6px;line-height:1.5;margin-top:8px}
@media(max-width:800px){.hero-art{max-width:540px;justify-self:center;align-self:auto;gap:12px;margin:0;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}

.hello-story{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.hello-story h3{font:400 clamp(28px,3vw,40px)/1.2 Georgia,serif;margin:14px 0 18px}.story-intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:680px}.reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:840px;margin-top:26px}.reel{min-width:0}.reel iframe{display:block;width:100%;height:580px;border:0;border-radius:8px;background:#fff}.reel>a{display:block;font-size:14px;color:var(--gold);padding:16px 0;line-height:1.5}@media(max-width:650px){.reel-grid{grid-template-columns:minmax(0,1fr)}.reel iframe{height:560px}.hello-story{margin-top:32px}}

.reel iframe{height:auto;aspect-ratio:16/9;background:#171415}.reel-grid{max-width:none}

.full-song{margin:0 0 22px}.full-song p{font-size:14px;color:var(--gold);margin:0 0 10px}.full-song audio{display:block;width:100%;min-width:0;height:54px;color-scheme:light}

/* Preserve the screenshot's headline; editorial copy sits below it. */
.press{padding:0;text-align:left;background:#211b1e}.press-image{width:100%;aspect-ratio:1368/578;background:url('assets/viviplay-feature.png') center/contain no-repeat}.press-strip{padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:28px}.press-strip blockquote{font-size:clamp(20px,2vw,28px);line-height:1.4;margin:10px 0 0}.press-strip>a{flex-shrink:0;font-size:12px;color:var(--gold);line-height:1.6}.press-strip .eyebrow{font-size:12px}@media(max-width:650px){.press-strip{padding:22px 6%;flex-direction:column;align-items:flex-start;gap:18px}.press-strip blockquote{font-size:22px}}

.press-heading{padding:28px 6%}.press-heading blockquote{font-size:clamp(20px,2vw,28px);line-height:1.4;margin:10px 0 0}.press .press-strip{justify-content:flex-end}@media(max-width:650px){.press-heading{padding:22px 6%}.press .press-strip{align-items:flex-start}}

/* Hello campaign: ivory, antique gold, black, and editorial serif type. */
.film{--gold:#896323;--muted:#595146;--line:#a886464d;background:#f5f0e7;color:#171615;color-scheme:light}
.film .section-top{border-bottom:1px solid var(--line);padding-bottom:18px}.film .section-top>p:last-child{color:#715421;letter-spacing:2px;font-size:12px}
.film-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;margin-top:36px}
.hello-poster{width:100%;max-width:430px;justify-self:center}.hello-poster img{display:block;width:100%;height:auto;box-shadow:0 16px 40px #35271920}
.film-detail{min-width:0}.film .category{font-size:15px;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:16px;margin-top:0}.film .film-artist{font-family:Georgia,serif;letter-spacing:5px;font-size:21px;margin:24px 0 8px}.film h2{color:#a47d37;font-size:clamp(64px,7vw,104px);text-transform:uppercase;letter-spacing:3px;margin:4px 0 18px}.film-tagline{font:italic 21px/1.5 Georgia,serif;margin:0 0 28px}.film .video iframe{box-shadow:0 8px 24px #0002}.film .video>a{color:#715421}.film dt{color:#625643}.film dd{color:#171615}.film .text-link{color:#715421}.film .hello-story{margin-top:48px}.film .story-intro{color:#514a41}.film .reel>a{color:#715421}.film .hello-story h3{color:#171615}
@media(max-width:800px){.film-grid{gap:28px;grid-template-columns:minmax(0,1fr)}.hello-poster{max-width:340px}.film .film-artist{font-size:18px}.film h2{font-size:72px}.film-tagline{font-size:20px}.film .section-top>p:last-child{letter-spacing:1px}}

/* Main Hello feature follows the supplied compact poster-and-film sketch. */
.film-grid{grid-template-columns:minmax(0,.64fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center}
.hello-poster{max-width:none;align-self:center}.hello-poster img{height:auto;width:100%}
.film-detail .category{margin:0 0 14px;padding-bottom:12px;font-size:13px}
.film-detail .film-artist{font-size:17px;letter-spacing:4px;margin:0 0 6px}
.film-title-row{display:flex;align-items:center;gap:24px;margin-bottom:16px}
.film-title-row h2{font-size:clamp(52px,6vw,88px);line-height:1;margin:0;letter-spacing:2px}
.film-title-row .film-tagline{font-size:16px;line-height:1.45;margin:0}
.film-detail .video>a{padding:12px 0;font-size:10px}
.film-credit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:14px}
.film-credit-row dl{margin:0;gap:24px}.film-credit-row dt{font-size:9px;letter-spacing:1px}.film-credit-row dd{font-size:14px;margin:6px 0 0}
.film-credit-row .text-link{font-size:11px;line-height:1.5;max-width:180px}
@media(max-width:800px){.film-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hello-poster{max-width:340px}.film-title-row{flex-wrap:wrap;gap:12px}.film-title-row h2{font-size:64px}.film-credit-row{flex-wrap:wrap}.film-credit-row .text-link{max-width:none}}