*{box-sizing:border-box}html{color-scheme:dark;background:#061715}body{margin:0;color:#f4f0e5;background:#061715;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #a4ddca;outline-offset:5px}.connect{max-width:1040px;margin:auto;background:#061715;overflow:hidden}.hero{height:386px;overflow:hidden;position:relative;background:#091b19}.hero-photo{position:absolute;width:190%;max-width:none;height:auto;left:72%;top:50%;transform:translate(-50%,-48%)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#061715 0%,rgba(6,23,21,.08) 37%,rgba(6,23,21,.05) 78%),linear-gradient(90deg,rgba(6,23,21,.42),transparent 70%)}.brand{position:absolute;top:26px;left:24px;display:flex;align-items:center;gap:13px;text-decoration:none;font:29px/1 Georgia,serif;letter-spacing:.11em}.brand img{width:40px;height:40px}.hero-copy{position:absolute;left:26px;bottom:26px;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:#a2d8c7;font-size:9px;font-weight:650;margin:0 0 11px}h1{font:normal clamp(58px,16vw,76px)/.91 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0;text-shadow:0 2px 15px #03131055}h1 span{display:block}.details{padding:0 22px 25px;position:relative}.platforms{display:grid;gap:10px}.platform{display:flex;align-items:center;gap:16px;text-decoration:none;border:1px solid #355b51;border-radius:10px;min-height:60px;padding:11px 15px;background:linear-gradient(125deg,#102b25,#061b18);transition:background .15s,border-color .15s}.platform:hover{background:#163b32;border-color:#81b7a6}.platform>svg:first-child{height:30px;width:30px;flex:none}.platform>svg:last-child{margin-left:auto;width:18px;height:18px;color:#e3eee7}.platform span{font-size:16px}.spotify>svg:first-child{color:#1ed760;--icon-cutout:#0c241e}.apple>svg:first-child{color:#f6eee3;padding:2px}.socials{display:flex;align-items:center;justify-content:center;gap:19px;padding:19px 0 20px}.social{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #42665b;border-radius:50%;color:#f5f0e7;text-decoration:none;background:#08231d}.social:hover{background:#184236}.social svg{width:25px;height:25px}.instagram svg{color:#f7e8ef}.tiktok svg{filter:drop-shadow(-1px -1px #25f4ee) drop-shadow(1px 1px #fe2c55)}.primary-actions{display:grid;gap:10px}.website{background:#9bd6c2;color:#09231c;border-color:#9bd6c2;font-weight:650}.website:hover{background:#b5e6d6;color:#09231c}.website>svg:last-child{color:#09231c}.contact{background:transparent}.content-section{margin-top:27px;padding-top:25px;border-top:1px solid #35564c}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{font:normal 27px/1.1 Georgia,serif;letter-spacing:-.02em;margin:0}.section-heading>a{font-size:11px;color:#b5d4c8;text-underline-offset:4px}.section-heading .eyebrow{margin:0}.release{display:grid;grid-template-columns:94px 1fr;gap:16px;align-items:center}.release-art{width:94px;height:94px;object-fit:contain;border-radius:5px;background:#112922}.release h3{font:normal 26px/1.1 Georgia,serif;margin:3px 0 6px;letter-spacing:-.025em}.release p{margin:0;font-size:12px;color:#b8cec5}.release .record-type{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#9bd6c2;margin-bottom:6px}.song-links{grid-column:1/-1;display:flex;gap:9px;margin-top:0}.song-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:1px solid #3a5d51;border-radius:7px;min-height:42px;padding:9px 13px;font-size:12px;flex:1}.song-links svg{width:19px;height:19px}.song-links .spotify{color:#cfe2d9}.song-links .spotify svg{color:#1ed760;--icon-cutout:#0c241e}.show{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #26473e}.show:last-child{border-bottom:none;padding-bottom:0}.show time{width:43px;flex:none;display:grid;justify-items:center;align-content:center;border:1px solid #35594c;border-radius:5px;padding:7px 0;color:#bce2d2}.show time span{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.show time strong{font:normal 25px/1.1 Georgia,serif}.show h3{font-size:12px;font-weight:550;line-height:1.4;margin:0 0 4px}.show p{font-size:10px;color:#afc4ba;margin:0}.footer{font-size:9px;text-align:center;color:#96b1a5;margin:30px 0 0;letter-spacing:.07em}.footer a{text-underline-offset:4px} [hidden]{display:none!important}@media(min-width:700px){.connect{display:grid;grid-template-columns:1fr 1.05fr;align-items:start}.hero{position:sticky;top:0;height:100vh;min-height:650px;max-height:900px}.hero-copy{bottom:65px;left:35px}.brand{left:35px;top:35px}.hero-photo{width:240%;left:72%;top:44%}.hero h1{font-size:clamp(65px,8vw,90px)}.hero .eyebrow{font-size:10px}.details{padding:35px 30px 28px}.socials{padding-block:20px}.release{grid-template-columns:100px 1fr}.release-art{width:100px;height:100px}.hero .shade{background:linear-gradient(0deg,#061715 0%,transparent 55%),linear-gradient(90deg,#06171555,transparent 70%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Alternate compositions. Original photos and brand artwork stay unchanged. */
.avatar{display:none}
body[data-style="compact"] .connect{display:block;max-width:480px;background:#081e19}
body[data-style="compact"] .hero{height:244px;min-height:0;position:relative;background:radial-gradient(ellipse at 50% 0%,#214b3b,#081e19 78%)}
body[data-style="compact"] .hero-photo,body[data-style="compact"] .shade{display:none}
body[data-style="compact"] .brand{left:50%;top:22px;transform:translateX(-50%);font-size:22px;gap:10px;white-space:nowrap}
body[data-style="compact"] .brand img{width:29px;height:29px}
body[data-style="compact"] .avatar{display:block;position:absolute;width:94px;height:94px;border-radius:50%;top:69px;left:50%;transform:translateX(-50%);background-image:var(--connect-portrait);background-size:300% auto;background-position:50% 52%;border:1px solid #789d8e}
body[data-style="compact"] .hero-copy{left:10px;right:10px;bottom:16px;text-align:center;display:flex;flex-direction:column}
body[data-style="compact"] h1{font-size:36px;letter-spacing:-.035em;order:0;line-height:1.05}
body[data-style="compact"] h1 span{display:inline}
body[data-style="compact"] h1 span+span:before{content:' '}
body[data-style="compact"] .hero .eyebrow{order:1;font-size:8px;margin:9px 0 0}
body[data-style="compact"] .details{padding:0 20px 25px}
body[data-style="compact"] .platform{min-height:53px;border-radius:7px;padding:9px 13px;background:#102e24}
body[data-style="compact"] .platform span{font-size:14px}
body[data-style="compact"] .platform>svg:first-child{width:26px;height:26px}
body[data-style="compact"] .socials{padding:15px 0;gap:14px}
body[data-style="compact"] .social{height:40px;width:40px}
body[data-style="compact"] .social svg{height:22px;width:22px}
body[data-style="compact"] .website{background:#9bd6c2;color:#09231c}
body[data-style="compact"] .content-section{margin-top:22px;padding-top:21px}
body[data-style="compact"] .section-heading h2{font-size:25px}
body[data-style="compact"] .release{grid-template-columns:74px 1fr;gap:11px}
body[data-style="compact"] .release-art{width:74px;height:74px}
body[data-style="compact"] .release h3{font-size:24px}
body[data-style="record"] .connect{display:block;max-width:540px;background:#0e1b18}
body[data-style="record"] .hero{position:relative;height:203px;min-height:0;background:#0e1b18}
body[data-style="record"] .hero-photo,body[data-style="record"] .shade{display:none}
body[data-style="record"] .brand{top:24px;left:23px;font-size:24px;gap:11px}
body[data-style="record"] .brand img{height:30px;width:30px}
body[data-style="record"] .hero-copy{left:23px;bottom:22px}
body[data-style="record"] h1{font-size:46px;line-height:.94}
body[data-style="record"] .hero .eyebrow{font-size:8px;margin-bottom:10px}
body[data-style="record"] .avatar{display:block;width:77px;height:94px;position:absolute;right:23px;bottom:24px;background-image:var(--connect-portrait);background-size:330% auto;background-position:50% 51%;border:1px solid #658a79;border-radius:38px 38px 6px 6px}
body[data-style="record"] .details{padding:0 23px 28px;display:flex;flex-direction:column}
body[data-style="record"] #featured{order:-2;margin-top:0;padding-top:20px;border-top:1px solid #3b594c;margin-bottom:23px}
body[data-style="record"] .section-heading h2{font-size:26px}
body[data-style="record"] .release{grid-template-columns:1fr;text-align:center;gap:15px;padding:18px;background:#172b23;border:1px solid #466052;box-shadow:0 14px 28px #0002}
body[data-style="record"] .release-art{height:auto;width:100%;max-width:260px;aspect-ratio:1;justify-self:center;border-radius:0;box-shadow:0 8px 16px #0004}
body[data-style="record"] .release h3{font-size:31px}
body[data-style="record"] .song-links{margin-top:3px}
body[data-style="record"] .platform{border-radius:2px;background:transparent;min-height:53px}
body[data-style="record"] .platform span{font-size:14px}
body[data-style="record"] .socials{padding:17px 0}
body[data-style="record"] .social{width:40px;height:40px;border-radius:3px;background:transparent}
body[data-style="record"] .website{background:#a8c5b0;color:#10251a}
body[data-style="record"] .footer{order:5}
body[data-style="portrait"]{background:#050e0d}
body[data-style="portrait"] .connect{background:#050e0d}
body[data-style="portrait"] .hero{height:565px;background:#050e0d}
body[data-style="portrait"] .hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 65%;left:0;top:0;transform:none}
body[data-style="portrait"] .shade{background:linear-gradient(0deg,#050e0d 0%,transparent 48%)}
body[data-style="portrait"] .hero-copy{bottom:35px;left:25px}
body[data-style="portrait"] h1{font-size:76px}
body[data-style="portrait"] .details{padding-inline:25px}
body[data-style="portrait"] .platform{border-radius:1px;background:transparent;border-color:#577468;min-height:59px}
body[data-style="portrait"] .website{background:#ecebda;color:#081c13;border-color:#ecebda}
body[data-style="portrait"] .social{border:none;background:transparent}
body[data-style="portrait"] .section-heading h2{font-size:30px}
body[data-style="portrait"] .release-art{border-radius:0}
@media(min-width:700px){body[data-style="portrait"] .hero{height:100vh;min-height:740px;max-height:1000px}body[data-style="portrait"] .hero-photo{object-position:center 70%}body[data-style="portrait"] .details{padding:35px 29px}body[data-style="compact"] .hero{height:264px}body[data-style="compact"] .hero-copy{bottom:23px}body[data-style="record"] .hero{height:222px}body[data-style="record"] .hero-copy{bottom:24px}}
.release-art-shell{position:relative;width:94px;height:94px;justify-self:start}.sample-button{position:absolute;right:5px;bottom:5px;width:36px;height:36px;border:1px solid #c4e8d9;border-radius:50%;background:#a4d8c1;color:#09231b;display:grid;place-items:center;font-size:16px;cursor:pointer;box-shadow:0 2px 12px #0004}.sample-player{grid-column:1/-1;min-width:0}.sample-player audio{display:block;width:100%;height:40px}.sample-player .sample-note{font-size:10px;margin:8px 0 0;color:#c0d4ca}.sample-player[hidden]{display:none}body[data-style="compact"] .release-art-shell{width:74px;height:74px}body[data-style="record"] .release-art-shell{width:100%;max-width:260px;height:auto;aspect-ratio:1;justify-self:center}body[data-style="record"] .sample-button{height:44px;width:44px;right:10px;bottom:10px}@media(min-width:700px){body:not([data-style="compact"]):not([data-style="record"]) .release-art-shell{width:100px;height:100px}}body[data-style="record"][data-record="type"] .avatar{display:none}body[data-style="record"][data-record="type"] .hero{height:197px;background:linear-gradient(145deg,#122a22,#0e1b18)}body[data-style="record"][data-record="type"] h1{font-size:47px}body[data-style="record"][data-record="type"] h1 span{display:inline}body[data-style="record"][data-record="type"] h1 span+span:before{content:' '}body[data-style="record"][data-record="type"] .hero-copy{left:23px;right:16px;bottom:26px}body[data-style="record"][data-record="type"] .hero .eyebrow{margin-bottom:14px}body[data-style="record"][data-record="band"] .hero{height:325px}body[data-style="record"][data-record="band"] .hero-photo{display:block;width:170%;height:auto;left:70%;top:44%;transform:translate(-50%,-48%)}body[data-style="record"][data-record="band"] .shade{display:block;background:linear-gradient(0deg,#0e1b18,transparent 85%)}body[data-style="record"][data-record="band"] .avatar{display:none}body[data-style="record"][data-record="band"] .hero-copy{bottom:26px}body[data-style="record"][data-record="band"] h1{font-size:54px}body[data-style="record"][data-record="square"] .avatar{width:105px;height:105px;border-radius:3px;background-size:520% auto;background-position:50% 50%;bottom:23px;right:23px}body[data-style="record"][data-record="square"] .hero{height:220px}body[data-style="record"][data-record="square"] h1{font-size:43px}
.connect-intro{color:#c1d8cb;margin:0 0 20px;font-size:14px}.draft-connect-banner{padding:10px 18px;text-align:center;background:#9bd6c2;color:#09231c;font-size:13px}.release-date{font-size:10px!important;margin-top:6px!important}.connect .sample-player .sample-note{color:#c1d8cb}

/* Approved desktop Cinema Banner. Phone and tablet compositions stay independent. */
@media(min-width:1000px){
body[data-style="portrait"]{background:#061310}
body[data-style="portrait"] .connect{display:block;max-width:1120px;margin:35px auto;border:1px solid #29483e;box-shadow:0 24px 90px #0004}
body[data-style="portrait"] .hero{position:relative;top:auto;height:350px;min-height:0;max-height:none;background:#050e0d}
body[data-style="portrait"] .hero-photo{width:58%;height:auto;left:auto;right:0;top:50%;transform:translateY(-53%);object-fit:initial}
body[data-style="portrait"] .shade{background:linear-gradient(90deg,#050e0d 32%,transparent 75%),linear-gradient(0deg,#050e0d,transparent 45%)}
body[data-style="portrait"] .brand{left:40px;top:30px;font-size:27px}
body[data-style="portrait"] .brand img{width:36px;height:36px}
body[data-style="portrait"] .hero-copy{left:40px;bottom:35px}
body[data-style="portrait"] h1{font-size:72px}
body[data-style="portrait"] .details{display:grid;grid-template-columns:1fr 1.1fr;gap:0 38px;padding:10px 40px 30px}
body[data-style="portrait"] .platform{min-height:60px;padding:12px 15px;gap:12px}
body[data-style="portrait"] .platform span{font-size:14px}
body[data-style="portrait"] .platform>svg:first-child{width:26px;height:26px}
body[data-style="portrait"] .platforms{grid-column:1;grid-row:1;grid-template-columns:1fr 1fr;align-self:start}
body[data-style="portrait"] .primary-actions{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;margin-top:12px;align-self:start}
body[data-style="portrait"] .socials{grid-column:1;grid-row:3;justify-content:flex-start;padding:8px 0 0}
body[data-style="portrait"] #shows{grid-column:2;grid-row:1/4;margin:0;border-top:0;border-left:1px solid #29483e;padding:0 0 0 32px}
body[data-style="portrait"] .section-heading h2{font-size:29px}
body[data-style="portrait"] .show h3{font-size:13px}
body[data-style="portrait"] .show p{font-size:11px}
body[data-style="portrait"] .show{padding:16px 0}
body[data-style="portrait"] #featured{grid-column:1/-1;grid-row:5;margin-top:24px;padding-top:24px}
body[data-style="portrait"] .connect-intro{grid-column:1/-1;grid-row:1}
body[data-style="portrait"] .details:has(.connect-intro) .platforms{grid-row:2}
body[data-style="portrait"] .details:has(.connect-intro) .primary-actions{grid-row:3}
body[data-style="portrait"] .details:has(.connect-intro) .socials{grid-row:4}
body[data-style="portrait"] .details:has(.connect-intro) #shows{grid-row:2/5}
body[data-style="portrait"] .details:has(.connect-intro) #featured{grid-row:6}
body[data-style="portrait"] .details:has(.connect-intro) .footer{grid-row:7}
body[data-style="portrait"] .footer{grid-column:1/-1;grid-row:6;margin-top:25px}
}
.campaign-copy{grid-column:1/-1;color:#b8cec5;font-size:13px;line-height:1.6;margin:0}.campaign-feature .release-art-shell{display:block}.campaign-feature .song-links a{background:#9bd6c2;color:#09231c;font-weight:600}.campaign-feature .release p+p{margin-top:5px}