/* Matteo Brioschi — Selected Productions + About refinements, 2026-10-16.
   Load AFTER style.css, scores-live-hero.css, selected-social-polish.css. */

/* SELECTED PRODUCTIONS: dark hero, 600px, matching Original Scores/Live/About. */
body.page-selected-productions .productions-hero-dark,
body.page-selected-productions .productions-hero-dark.offwhite {
  background:radial-gradient(ellipse at 78% 30%,rgba(62,51,54,.21),transparent 55%),#171919;
  color:#f3eee8;
  min-height:600px;
  height:600px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.page-selected-productions .productions-hero-inner {
  min-height:600px;
  height:600px;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(32px,4vw,70px);
  align-items:center;
  padding-block:55px;
}
body.page-selected-productions .productions-copy h1 {
  font-size:clamp(46px,6.2vw,88px);
  line-height:1.04;
  letter-spacing:-.085em;
  margin:22px 0 24px;
  color:#f6f1ea;
  max-width:960px;
}
body.page-selected-productions .productions-copy h1 i {
  font-size:.78em;
  line-height:1.12;
  font-weight:400;
  color:#998a7c;
}
body.page-selected-productions .productions-copy>p {color:#bdb5ab;font-size:15px;line-height:1.75;max-width:540px}
body.page-selected-productions .productions-copy .prod-selected-artists {color:#b1a89e;font-size:11px;margin:16px 0 0}
body.page-selected-productions .prod-selected-artists span {color:#c0b2a3}
body.page-selected-productions .productions-jump {color:#e1d6cb;border-color:#a69a8c;font-size:11px;margin-top:21px}
body.page-selected-productions .productions-player {background:#171a1b;border:1px solid #3b3936;box-shadow:0 16px 55px rgba(0,0,0,.22);padding:14px;border-radius:8px}
body.page-selected-productions .player-heading {color:#c1b8ad}
body.page-selected-productions .productions-player iframe {height:300px}
body.page-selected-productions .player-footnote{color:#afa397}

/* CATALOG: compact scroll and readable dark controls throughout. */
body.page-selected-productions .discography,
body.page-selected-productions .discography.offwhite{background:#111314;color:#eae6df;border-color:#302d2b;padding-top:72px}
body.page-selected-productions .discography .section-kicker.dark {color:#ada49b}
body.page-selected-productions .discography-heading p {color:#b5aba1}
body.page-selected-productions .search-field>span,
body.page-selected-productions .control-field>span,
body.page-selected-productions .catalog-count span{color:#b6aca2}
body.page-selected-productions .search-field input,
body.page-selected-productions .control-field select{border:1px solid #625e58;background:#1a1c1d;color:#f5f0e9;accent-color:#bda993}
body.page-selected-productions .search-field input::placeholder{color:#a6a09a;opacity:1}
body.page-selected-productions .control-field select option{background:#161819;color:#faf8f4}
body.page-selected-productions .catalog-count strong {color:#eee8df}
body.page-selected-productions .catalog-scroll-hint{color:#afa399}
body.page-selected-productions .catalog-scroll{background:#151718;border-color:#4e4a46;scrollbar-color:#8f867c #202223}
body.page-selected-productions .catalog-scroll .credit-head{background:#262829;color:#c2b8ae;border-color:#615c55}
body.page-selected-productions .catalog-scroll .credit-row{border-bottom-color:#343433;color:#efe9e0}
body.page-selected-productions .catalog-scroll .credit-identity strong{color:#f8f3ed}
body.page-selected-productions .catalog-scroll .credit-identity span,
body.page-selected-productions .catalog-scroll .credit-identity small,
body.page-selected-productions .catalog-scroll .credit-year,
body.page-selected-productions .catalog-scroll .credit-roles{color:#c0b6ac}
body.page-selected-productions .catalog-scroll .release-badge{color:#d7cbbf!important;border-color:#686056}
body.page-selected-productions .catalog-scroll .empty-note{color:#bfb4a9}
body.page-selected-productions .catalog-scroll .credit-row:hover{background:#202223}
body.page-selected-productions .search-field input:focus-visible,
body.page-selected-productions .control-field select:focus-visible{outline:2px solid #e4d1b7}
body.page-selected-productions .catalog-scroll:focus-visible{outline:2px solid #e4d1b7}

/* ABOUT: same 600px hero, concise facts & logos in free space on the right. */
body.page-about .about-hero-rich {background:radial-gradient(ellipse at 80% 25%,rgba(90,66,61,.24),transparent 54%),#171919}
body.page-about .about-hero-inner{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(290px,.77fr);align-items:center;gap:clamp(35px,5vw,90px);width:min(1330px,calc(100% - 100px))}
body.page-about .about-hero-intro h1{max-width:750px}
body.page-about .about-hero-intro p{color:#b4b1aa;max-width:510px}
body.page-about .about-hero-right {border-left:1px solid rgba(255,255,255,.18);padding:16px 0 16px 33px;display:grid;gap:30px;min-width:0}
body.page-about .about-hero-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.page-about .about-metric{display:grid;gap:9px;align-content:start}
body.page-about .about-metric strong{font:700 clamp(29px,3.1vw,44px)/1 var(--d);letter-spacing:-.065em;color:#f4eee8}
body.page-about .about-metric span{font-size:10px;color:#bdb5a9;line-height:1.5;max-width:120px}
body.page-about .about-hero-profiles{display:grid;gap:12px}
body.page-about .about-hero-profiles-heading{font-size:9px;font-weight:700;letter-spacing:.17em;color:#c3b8aa}
body.page-about .social-icon-list{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.page-about .social-icon-list a{display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.23);border-radius:50%;transition:background .2s,transform .2s}
body.page-about .social-icon-list a:hover{background:#313132;transform:translateY(-2px)}
body.page-about .social-icon-list a:focus-visible{outline:2px solid #e7d4c0;outline-offset:3px}
body.page-about .social-icon-list img{width:20px;height:20px;display:block}
body.page-about .about-bio-section{padding-block:45px 80px}
body.page-about .about-bio-section .about-layout{align-items:start;gap:clamp(36px,5vw,80px)}
body.page-about .about-bio-section .about-text h2{margin:12px 0 22px;font-size:clamp(30px,3.5vw,53px)}
body.page-about .about-bio-section .about-text p{line-height:1.73;font-size:15px;margin:0 0 15px}
body.page-about .about-bio-section .about-photo{max-height:520px}

@media(max-width:1100px){
  body.page-selected-productions .productions-hero-inner{grid-template-columns:1.13fr .87fr;gap:26px}
  body.page-selected-productions .productions-copy h1{font-size:clamp(46px,6.3vw,71px)}
  body.page-selected-productions .productions-player iframe{height:280px}
  body.page-about .about-hero-inner{grid-template-columns:1fr .86fr;gap:35px}
  body.page-about .about-hero-right{padding-left:24px}
}
@media(max-width:790px){
  body.page-selected-productions .productions-hero-dark{height:auto;min-height:540px}
  body.page-selected-productions .productions-hero-inner{height:auto;min-height:540px;grid-template-columns:1fr;padding-block:52px;gap:28px}
  body.page-selected-productions .productions-copy h1{font-size:clamp(48px,9vw,72px)}
  body.page-selected-productions .productions-player{width:100%;max-width:620px}
  body.page-selected-productions .productions-player iframe{height:300px}
  body.page-about .about-hero-rich{height:auto!important;min-height:540px!important;align-items:center}
  body.page-about .about-hero-inner{grid-template-columns:1fr;gap:24px;width:min(100% - 48px,900px)}
  body.page-about .about-hero-intro h1{font-size:clamp(46px,8.9vw,75px)}
  body.page-about .about-hero-right{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:24px 0 0;gap:20px}
  body.page-about .about-hero-numbers{gap:24px}
}
@media(max-width:540px){
  body.page-selected-productions .productions-hero-dark{min-height:500px}
  body.page-selected-productions .productions-hero-inner{min-height:500px;padding-block:45px}
  body.page-selected-productions .productions-copy h1{font-size:clamp(42px,11vw,58px)}
  body.page-selected-productions .productions-copy h1 i{font-size:.8em}
  body.page-selected-productions .productions-player iframe{height:280px}
  body.page-selected-productions .discography{padding-top:44px}
  body.page-about .about-hero-rich{height:auto!important;min-height:500px!important;padding-block:44px!important}
  body.page-about .about-hero-inner{width:calc(100% - 40px)}
  body.page-about .about-hero-numbers{gap:10px}
  body.page-about .about-metric strong{font-size:30px}
  body.page-about .about-metric span{font-size:9px}
  body.page-about .social-icon-list a{width:41px;height:41px}
  body.page-about .about-bio-section{padding-block:35px 65px}
}