:root{color-scheme:dark;--bg:#08130f;--panel:#14261f;--gold:#d6b572;--cream:#f3ecd9;--line:rgba(213,187,128,.2);--muted:#b7c2b7;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,'Segoe UI',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}img{display:block;max-width:100%}
.skip{position:fixed;top:0;left:12px;transform:translateY(-150%);z-index:30;background:var(--cream);color:var(--bg);padding:10px}.skip:focus{transform:translateY(0)}
.wrap{width:min(1040px,calc(100% - 48px));margin-inline:auto}
.topbar{min-height:75px;border-bottom:1px solid var(--line);background:#08130fee;display:flex;align-items:center}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:12px;font-weight:750;letter-spacing:.19em;white-space:nowrap}.back{font-size:10px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #d6b57255;padding-bottom:5px}
.hero{display:grid;grid-template-columns:39% 1fr;min-height:325px;margin-top:27px;border:1px solid var(--line);background:linear-gradient(110deg,#14261f,#08130f);overflow:hidden}.hero-portrait{position:relative;min-height:325px;overflow:hidden;background:#0c1611}.hero-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 32%}.hero-portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 65%,#08130f50)}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px 42px}.cha-logo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 2px 8px #0005)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-top:15px}h1{font:400 clamp(36px,4.4vw,64px)/.98 var(--serif);letter-spacing:-.04em;margin:13px 0 12px;text-wrap:balance}.hero-tag{font:400 clamp(24px,3.2vw,43px)/1.1 var(--serif);color:var(--gold);margin:0}.hero-sub{font-size:11px;letter-spacing:.2em;color:var(--muted);margin:13px 0 0}
.section{padding-top:38px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:18px;border-bottom:1px solid var(--line);margin-bottom:19px;padding-bottom:15px}h2{font:400 clamp(26px,3.6vw,42px)/1.05 var(--serif);margin:0}.section-head small{font-size:10px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;text-align:right}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform{display:flex;align-items:center;gap:17px;min-height:72px;padding:13px 18px;border:1px solid rgba(215,184,117,.29);background:linear-gradient(132deg,#15281e,#0e1d16);transition:border-color .2s,background .2s,transform .2s}.platform:hover,.platform:focus-visible{background:#1b3325;border-color:var(--gold);transform:translateY(-2px)}.platform img{width:28px;height:28px;object-fit:contain;flex:none}.platform-name{flex:1;min-width:0;font-size:15px;font-weight:650;letter-spacing:.01em}.arrow{font-size:19px;color:var(--gold);line-height:1}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.social-grid .platform{min-height:65px}.social-grid .platform-name{font-size:14px}.social-grid .platform img{width:25px;height:25px}.cha-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.12em;margin-top:46px;padding:24px 0 35px}.footer a{color:var(--gold);letter-spacing:.08em}
@media(max-width:700px){.wrap{width:calc(100% - 30px)}.topbar{min-height:61px}.brand{font-size:10px;letter-spacing:.12em}.back{font-size:9px}.hero{grid-template-columns:1fr;margin-top:15px}.hero-portrait{height:255px;min-height:255px}.hero-portrait img{object-position:center 29%}.hero-portrait:after{background:linear-gradient(0deg,#08130fd0 0%,transparent 45%)}.hero-copy{padding:0 22px 26px;margin-top:-16px;position:relative;z-index:1;align-items:center;text-align:center}.cha-logo{width:65px;height:65px}.eyebrow{margin-top:8px}h1{font-size:clamp(32px,9vw,44px);margin:11px 0 10px}.hero-tag{font-size:31px}.hero-sub{font-size:9px;margin-top:10px}.section{padding-top:33px}.section-head{gap:10px;padding-bottom:13px;margin-bottom:14px}h2{font-size:29px}.section-head small{font-size:8px;letter-spacing:.12em}.platform-grid,.social-grid,.cha-grid{grid-template-columns:1fr;gap:10px}.platform{min-height:68px;padding:12px 15px;gap:15px}.footer{flex-direction:column;align-items:flex-start;font-size:10px;margin-top:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platform{transition:none}}

/* Compact approved site-matched layout: listening links appear on the first iPhone screen. */
.topbar{min-height:59px}
.hero{grid-template-columns:32% 1fr;min-height:245px;margin-top:17px}
.hero-portrait{min-height:245px}
.hero-portrait img{object-position:center 29%}
.hero-portrait:after{background:linear-gradient(90deg,transparent 82%,#08130f24)}
.hero-copy{padding:17px 30px}
.cha-logo{width:62px;height:62px}
.eyebrow{margin-top:7px}
h1{font-size:clamp(32px,3.7vw,52px);margin:8px 0 7px}
.hero-tag{font-size:clamp(23px,2.6vw,35px)}
.hero-sub{font-size:10px;margin-top:7px}
.section{padding-top:26px}
.section-head{padding-bottom:11px;margin-bottom:13px}
.platform{min-height:64px}
@media(max-width:700px){
  .topbar{min-height:53px}
  .hero{grid-template-columns:1fr;min-height:0;margin-top:9px}
  .hero-portrait{height:182px;min-height:182px}
  .hero-portrait img{object-position:center 25%}
  .hero-portrait:after{display:none}
  .hero-copy{padding:7px 12px 14px;margin-top:0}
  .cha-logo{width:50px;height:50px}
  .eyebrow{font-size:8px;letter-spacing:.14em;margin-top:0}
  h1{font-size:clamp(29px,8vw,37px);margin:5px 0 4px}
  .hero-tag{font-size:24px}
  .hero-sub{font-size:8px;margin-top:4px}
  .section{padding-top:20px}
  .section-head{padding-bottom:9px;margin-bottom:10px}
  h2{font-size:28px}
  .platform{min-height:61px;padding:10px 14px}
}

/* Artist requested the entire original photograph, never a cropped cover image. */
.hero{grid-template-columns:minmax(0,28%) minmax(0,72%);min-height:280px}
.hero-portrait{min-height:280px;background:#190808}
.hero-portrait img{object-fit:contain;object-position:center;background:#190808}
.hero-portrait:after{display:none}
@media(max-width:700px){
  .hero{grid-template-columns:minmax(0,41%) minmax(0,59%);min-height:204px}
  .hero-portrait{height:auto;min-height:204px}
  .hero-portrait img{object-fit:contain;object-position:center}
  .hero-copy{padding:10px 8px;margin-top:0;align-items:center;text-align:center}
  .cha-logo{width:44px;height:44px}
  .eyebrow{font-size:7px;letter-spacing:.04em;margin-top:1px}
  h1{font-size:clamp(21px,5.9vw,28px);line-height:1.05;margin:6px 0}
  .hero-tag{font-size:23px}
  .hero-sub{font-size:7px;letter-spacing:.12em;margin-top:4px}
  .section{padding-top:17px}
}

/* Official website-style link actions: vector arrow, never an emoji. */
.card-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:83px;padding:8px 10px;border:1px solid rgba(214,181,114,.65);color:var(--gold);font-size:10px;line-height:1.2;font-weight:750;letter-spacing:.1em;text-align:center}
.card-action svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.platform:is(:hover,:focus-visible) .card-action{background:var(--gold);color:#102017}
@media(max-width:700px){.card-action{min-width:79px;padding:8px;font-size:9px;gap:5px}.card-action svg{width:12px;height:12px}}
@media(max-width:360px){.platform{gap:9px;padding:10px 9px}.platform-name{font-size:13px}.card-action{min-width:72px;padding:7px 5px;font-size:8px}}