/* Poem page: Turns 10 anniversary treatment. Extends bond-system.css; adds one campaign colour (gold) for the route only. */
:root{--gold:#A2762A;--poem-size:clamp(18px,1.05vw + 12px,21px)}
a{color:var(--ink)}a:hover{color:var(--accent)}
.poemhero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,3vw,44px) 0 clamp(26px,3.5vw,54px)}
.poemhero__wm{position:absolute;z-index:0;right:4vw;top:50%;transform:translateY(-50%);font-family:var(--font-sans);font-weight:300;font-size:clamp(220px,26vw,400px);line-height:1;letter-spacing:-.07em;color:var(--accent-tint);user-select:none;pointer-events:none}
.poemhero .wrap{position:relative;z-index:1}
.poemhero__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px 24px;margin:0 0 clamp(22px,3vw,40px)}
.poemhero .crumb{margin:0}
.cfy--hero{margin:0 0 0 auto;text-align:right}
.cfy--hero .cfy-cap{margin-bottom:8px}
.cfy--hero img{height:30px;width:auto;display:inline-block}
.cfy--hero a{display:inline-block}
.poemhero .kicker{color:var(--accent);margin-bottom:18px}
.poemhero h1{font-family:var(--font-sans);font-weight:300;font-size:clamp(36px,5.2vw,70px);line-height:1.04;letter-spacing:-.015em;color:var(--ink);max-width:15ch;text-wrap:balance}
.poemhero h1 .ten{color:var(--accent);font-weight:300}
.byline{margin-top:clamp(18px,2.2vw,28px);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;white-space:nowrap;font-size:clamp(17px,1.3vw,20px);color:var(--ink)}
.byline b{font-weight:500}
.byline .meta{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.poemhero .stand{margin-top:clamp(16px,2vw,26px);max-width:46ch;font-size:clamp(15px,1.15vw,17px);line-height:1.55;color:var(--body);text-wrap:pretty}
/* the walk */
.poem{--label-w:200px;--gap:52px;--pad:0px;--spine-off:calc(var(--label-w) + var(--gap)/2);position:relative;padding:clamp(18px,2.6vw,36px) 0 clamp(36px,4vw,60px) var(--pad);max-width:calc(var(--label-w) + var(--gap) + 34em)}
.poem__spine{position:absolute;z-index:0;left:calc(var(--pad) + var(--spine-off));top:clamp(24px,3vw,44px);bottom:clamp(40px,4.4vw,66px);width:1px;background:var(--line-strong);transform:translateX(-50%)}
.poem__fill{position:absolute;left:0;top:0;width:100%;height:calc(var(--p,0)*100%);background:var(--gold)}
.stop{position:relative;display:grid;grid-template-columns:var(--label-w) minmax(0,1fr);column-gap:var(--gap);margin:0 0 clamp(30px,3.6vw,48px)}
.stop--pause{margin-bottom:clamp(48px,5.4vw,78px)}
.stop::before{content:"";position:absolute;z-index:1;left:var(--spine-off);top:.5em;width:11px;height:11px;border-radius:50%;border:2px solid var(--gold);background:var(--surface);transform:translateX(-50%)}
.stop.is-reached::before{background:var(--gold)}
.stop__label{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-align:right;line-height:1.6;padding-top:.35em;text-wrap:balance}
.stanza{font-size:var(--poem-size);line-height:1.62;color:var(--ink);text-wrap:pretty;hyphens:none;margin:0;transform:scale(var(--zoom,1));transform-origin:0 50%;will-change:transform}
.l{display:block;padding-left:1.4em;text-indent:-1.4em}
.l--in{margin-left:1em}
.stanza em{font-style:italic}
.stanza strong{font-weight:500}
.poem__sig{font-size:var(--poem-size);line-height:1.62;color:var(--ink);margin:0}
.poem__sigrow{display:grid;grid-template-columns:var(--label-w) minmax(0,1fr);column-gap:var(--gap)}
/* after the poem */
.poemend{border-top:1px solid var(--line);padding:clamp(28px,3.4vw,44px) 0 clamp(50px,6vw,90px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(26px,3.2vw,44px)}
.poemend h2{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.poemend p{font-size:15px;line-height:1.55;color:var(--body);max-width:40ch;margin:0 0 10px}
.poemend p.flag{color:var(--flag)}
.poemend .lnk-int{display:inline-block;margin-top:6px}
.poet-links{display:flex;flex-direction:column;gap:8px;margin:14px 0 14px}
.poet-links a{font-size:15px}
.poet__pic{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin-bottom:18px}
.share{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.share .btn{min-height:44px}
#shareMsg{font-size:13px;color:var(--accent);margin-top:10px;min-height:1.2em}
@media(max-width:760px){
  .poemhero__wm{right:2vw;top:46%;font-size:clamp(190px,58vw,240px)}
  .poem{--pad:26px;--spine-off:-20px;max-width:none}
  .stop,.poem__sigrow{grid-template-columns:minmax(0,1fr);row-gap:10px}
  .stop__label{text-align:left;padding-top:0}
  .stop::before{top:.22em}
  .poem__spine{top:clamp(22px,3vw,40px)}
}
@media(prefers-reduced-motion:reduce){.poem__fill{display:none}.stop::before{background:var(--gold)}.stanza{transform:none}}