/* The players' own voices. Page-scoped so shared navigation and music stay shared. */
.voices-page { --voice-paper:#fffdf6; --voice-red:#a12723; }
.voices-page .voices-wrap { width:min(1140px,calc(100% - 96px)); margin-inline:auto; }
.voices-page .voices-hero { padding:76px 0 62px; background:#171714; color:#f7f3e8; border-bottom:10px solid #e6bd28; }
.voices-page .voices-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; }
.voices-page .voices-hero .back-link { display:inline-block; color:#f7f3e8; margin-bottom:36px; }
.voices-page .voices-hero .eyebrow { color:#e6bd28; margin-bottom:20px; }
.voices-page .voices-hero h1 { font-size:clamp(64px,7.4vw,108px); line-height:.98; margin-bottom:28px; }
.voices-page .voices-hero .lead { font-size:18px; line-height:1.65; max-width:560px; color:#e4dfd1; }
.voices-page .voices-index { display:block; position:static; inset:auto; width:auto; box-shadow:none; padding:25px 28px; border:1px solid #736e5d; border-radius:24px 24px 48px 24px; background:#23231d; }
.voices-page .voices-index h2 { font:600 30px/1.1 var(--display); margin:0 0 20px; color:#f7f3e8; }
.voices-page .voices-index ol { list-style:none; padding:0; margin:0; }
.voices-page .voices-index li+li { border-top:1px solid #49483e; }
.voices-page .voices-index a { display:flex; align-items:center; gap:18px; min-height:48px; color:#f7f3e8; text-decoration:none; font-size:14px; font-weight:600; }
.voices-page .voices-index a:hover { color:#e6bd28; }
.voices-page .voices-index a>span:first-child { font-size:10px; color:#e6bd28; font-weight:700; letter-spacing:.08em; }
.voices-page .voices-index a>span:last-child { margin-left:auto; color:#e6bd28; }
.voices-page .voices-opening { padding:34px 0; border-bottom:1px solid var(--line,#d1ccbd); }
.voices-page .voices-opening p { max-width:850px; font-size:15px; line-height:1.8; margin:0; color:var(--muted,#5d5a50); }
.voices-page .voices-profiles { padding-block:34px 80px; }
.voices-page .voice-profile { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:64px; align-items:start; padding:70px 0; border-bottom:1px solid var(--line,#d1ccbd); scroll-margin-top:135px; }
.voices-page .voice-profile:last-child { border-bottom:0; padding-bottom:0; }
.voices-page .voice-profile--reverse .voice-copy { order:2; }
.voices-page .voice-profile--reverse .voice-side { order:1; }
.voices-page .voice-profile h2 { font-size:clamp(45px,4.4vw,64px); line-height:1.03; margin-bottom:17px; }
.voices-page .voice-profile h2 em { color:var(--voice-red); }
.voices-page .voice-kicker { font-size:10px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; margin:0 0 20px; color:var(--voice-red); }
.voices-page .voice-tenure { font-size:12px; line-height:1.6; margin:0 0 24px; color:var(--muted,#5d5a50); }
.voices-page .voice-intro { font-size:17px; line-height:1.75; margin:0 0 27px; max-width:610px; }
.voices-page .voice-copy>p:not([class]) { font-size:15px; line-height:1.85; margin-bottom:20px; }
.voices-page .voice-answer { margin-top:27px; padding-top:23px; border-top:1px solid var(--line,#d1ccbd); }
.voices-page .voice-answer h3 { font:600 25px/1.2 var(--display); margin:0 0 12px; }
.voices-page .voice-answer blockquote { font-size:16px; line-height:1.8; margin:0; }
.voices-page .voice-answer figcaption { font-size:11px; line-height:1.6; margin-top:13px; color:var(--muted,#5d5a50); }
.voices-page .voice-photo { padding:12px 12px 16px; margin:2px 0 27px; background:var(--voice-paper); border:1px solid #dfd7c4; border-radius:24px; box-shadow:7px 9px 0 #e5dcc3; }
.voices-page .voice-photo img { display:block; width:100%; height:auto; border-radius:15px; }
.voices-page .voice-photo--tischen img { max-height:530px; object-fit:cover; object-position:50% 23%; }
.voices-page .voice-photo figcaption { font-size:12px; font-weight:400; line-height:1.6; margin:14px 5px 0; color:var(--muted,#5d5a50); }
.voices-page .voice-photo a { display:block; }
.voices-page .voice-pull { padding:32px; margin:0; border-radius:24px; background:#e6bd28; color:#171714; }
.voices-page .voice-pull .voice-kicker { color:#514319; margin-bottom:18px; }
.voices-page .voice-pull blockquote { font:600 clamp(30px,3.1vw,44px)/1.12 var(--display); margin:0; overflow-wrap:anywhere; }
.voices-page .voice-pull figcaption { margin-top:23px; font-size:11px; line-height:1.6; font-weight:500; }
.voices-page .voice-pull--dark { background:#171714; color:#f7f3e8; }
.voices-page .voice-pull--dark .voice-kicker { color:#e6bd28; }
.voices-page .voice-pull--dark blockquote { color:#e6bd28; }
.voices-page .voice-pull--paper { background:var(--voice-paper); border:1px solid #d8cbb0; }
.voices-page .voice-pull--paper blockquote { color:var(--voice-red); }
.voices-page .voice-aside-note { font-size:13px; line-height:1.8; margin:22px 4px 0; color:var(--muted,#5d5a50); }
.voices-page .voice-aside-note a { text-underline-offset:4px; }
.voices-page .voice-links { display:flex; flex-wrap:wrap; gap:18px 26px; margin-top:26px; }
.voices-page .voice-links a { font-size:12px; font-weight:700; text-underline-offset:5px; }
.voices-page .voices-notes { padding:55px 0 65px; background:#ede6d1; }
.voices-page .voices-notes h2 { font-size:38px; line-height:1.12; margin-bottom:20px; }
.voices-page .voices-notes p { max-width:880px; font-size:14px; line-height:1.85; }
.voices-page .voices-notes .button-row { margin-top:25px; }
.voices-page #roster,.voices-page #kallor,.voices-page #voices-title { scroll-margin-top:125px; }
@media(max-width:1000px) {
 .voices-page .voices-wrap { width:calc(100% - 64px); }
 .voices-page .voices-hero-grid { gap:36px; }
 .voices-page .voice-profile { gap:35px; }
 .voices-page .voices-hero h1 { font-size:77px; }
 .voices-page .voice-pull { padding:27px; }
}
@media(max-width:720px) {
 .voices-page .voices-wrap { width:calc(100% - 40px); }
 .voices-page .voices-hero { padding:38px 0 34px; border-bottom-width:7px; }
 .voices-page .voices-hero-grid { grid-template-columns:1fr; gap:28px; }
 .voices-page .voices-hero .back-link { margin-bottom:25px; }
 .voices-page .voices-hero h1 { font-size:clamp(59px,14vw,77px); margin-bottom:20px; }
 .voices-page .voices-hero .lead { font-size:16px; }
 .voices-page .voices-index { padding:21px 24px; border-radius:22px; }
 .voices-page .voices-index ol { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
 .voices-page .voices-index li+li { border-top:0; }
 .voices-page .voices-index a { gap:9px; min-height:45px; font-size:13px; }
 .voices-page .voices-index a>span:last-child { display:none; }
 .voices-page .voices-opening { padding:27px 0; }
 .voices-page .voices-opening p { font-size:14px; }
 .voices-page .voices-profiles { padding-top:0; padding-bottom:45px; }
 .voices-page .voice-profile { grid-template-columns:1fr; gap:28px; padding-block:43px; scroll-margin-top:110px; }
 .voices-page .voice-profile--reverse .voice-copy,.voices-page .voice-profile--reverse .voice-side { order:initial; }
 .voices-page .voice-profile h2 { font-size:45px; }
 .voices-page .voice-kicker { margin-bottom:15px; }
 .voices-page .voice-tenure { margin-bottom:20px; }
 .voices-page .voice-intro { font-size:16px; line-height:1.75; }
 .voices-page .voice-answer { margin-top:23px; padding-top:20px; }
 .voices-page .voice-answer blockquote { font-size:15px; }
 .voices-page .voice-photo { margin:0 0 23px; padding:9px 9px 14px; border-radius:20px; }
 .voices-page .voice-photo--tischen img { max-height:470px; }
 .voices-page .voice-pull { padding:26px; border-radius:21px; }
 .voices-page .voice-pull blockquote { font-size:34px; }
 .voices-page .voice-aside-note { margin-top:18px; }
 .voices-page .voices-notes { padding-block:38px 45px; }
 .voices-page .voices-notes h2 { font-size:34px; }
 .voices-page #roster,.voices-page #kallor,.voices-page #voices-title { scroll-margin-top:110px; }
}
@media(prefers-reduced-motion:reduce) { .voices-page { scroll-behavior:auto; } }