/* THE SECOND VOICE: the programme. Paper and ink, a round stage, the acts set like a playbill. */
:root{color-scheme:light;--ground:#edeae0;--text:#243025;--muted:#626759;--green:#41633c;--deep:#101713;--line:rgba(36,48,37,.2);--line-strong:rgba(36,48,37,.55);--focus:#41633c;--gutter:clamp(22px,5vw,88px);--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}
::selection{background:#41633c;color:#edeae0}
.eyebrow{font-size:10px;letter-spacing:.18em}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;min-width:210px;padding:0 22px;background:var(--text);color:var(--ground);text-decoration:none;font-size:14px;border-radius:2px;transition:background .3s}
.cta:hover{background:var(--green)}
.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;text-underline-offset:5px}
.bill{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,90px);align-items:center;min-height:100svh;padding:120px var(--gutter) 70px}
.bill h1{font:400 clamp(64px,9.2vw,150px)/.86 var(--sans);letter-spacing:-.04em;margin:30px 0 34px}
.bill h1 em{font-family:var(--serif);font-style:italic;color:var(--green)}
.lead{font:400 clamp(21px,2vw,28px)/1.3 var(--serif)}
.description{max-width:25em;margin:18px 0 32px;line-height:1.6;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.state{margin-top:26px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ring{position:relative;justify-self:center;width:min(100%,74svh);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--deep);box-shadow:0 0 0 1px var(--line-strong),0 0 0 14px var(--ground),0 0 0 15px var(--line)}
.ring img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.5);transform-origin:50% 68%}
.voices,.stage,.speech{padding:clamp(70px,9vw,130px) var(--gutter);border-top:1px solid var(--line)}
.voices h2{font:400 clamp(40px,5.6vw,92px)/1 var(--serif);letter-spacing:-.04em;margin:24px 0 clamp(36px,5vw,70px);max-width:12em}
.columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);max-width:1100px}
.columns p{font:400 clamp(19px,1.7vw,24px)/1.5 var(--serif)}
.voice-note{max-width:44em;margin-top:44px;padding-left:20px;border-left:1px solid var(--line-strong);font-size:14px;line-height:1.7;color:var(--muted)}
.stagings{margin:34px 0 46px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--text)}
.stagings div{padding:22px 24px 8px 0;border-right:1px solid var(--line)}
.stagings div+div{padding-left:24px}
.stagings div:last-child{border-right:0}
.stagings dt{font:400 clamp(24px,2.5vw,36px)/1.1 var(--serif);margin-bottom:14px}
.stagings dd{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.speech{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);align-items:end}
.speech h2{font:400 clamp(40px,5.5vw,84px)/.98 var(--serif);letter-spacing:-.04em;margin:25px 0}
.subtitle{font-size:11px;letter-spacing:.18em;margin-bottom:26px}
.byline{font:22px/1.4 var(--serif);margin-bottom:14px}
.source{max-width:420px;font-size:13px;line-height:1.7;color:var(--muted)}
.acts{display:flex;flex-direction:column;border-top:1px solid var(--text)}
.acts a{display:flex;align-items:baseline;gap:22px;padding:19px 4px;border-bottom:1px solid var(--line);text-decoration:none;font:400 clamp(22px,2.2vw,30px)/1.2 var(--serif);transition:padding .3s,background .3s}
.acts a:hover{background:#dfe2d4;padding-left:16px}
.acts span{min-width:44px;font-size:.72em;color:var(--green)}
@media(max-width:860px){
 .bill{grid-template-columns:1fr;min-height:0;padding:96px var(--gutter) 60px;gap:44px}
 .bill h1{font-size:21vw}
 .ring{width:min(100%,430px);order:-1;margin-top:6px}
 .cta{width:100%}
 .columns{grid-template-columns:1fr}
 .stagings{grid-template-columns:1fr 1fr}
 .stagings div{padding:20px 14px 20px 0;border-bottom:1px solid var(--line)}
 .stagings div+div{padding-left:0}
 .stagings div:nth-child(even){padding-left:16px;border-right:0}
 .speech{grid-template-columns:1fr;align-items:start}
}
