/* Pinnacle components: "Shop the Build" (.pdc-shop) and "From the Builder" (.pdc-voice).
   Reuses the page tokens (--gold --bg2 --line --heading --text --serif --sans --ease).
   Prefix pdc- keeps it clear of v12.css / align.css. No fonts, no images, no dependencies. */
.pdc-sec{border-top:1px solid var(--line,#1c1c1c)}
.pdc-sec[hidden]{display:none}
.pdc-lede{font-family:var(--sans,system-ui,sans-serif);font-size:clamp(16px,1.3vw,18.5px);line-height:1.75;color:#cbc5b9;max-width:62ch;margin:0 0 14px}
.pdc-note{font-family:var(--sans,system-ui,sans-serif);font-size:13px;letter-spacing:.04em;color:#b8b2a6;margin:0 0 28px}
.pdc-tools{display:flex;justify-content:flex-end;margin:0 0 14px}
.pdc-tools[hidden]{display:none}
.pdc-pause{min-height:44px;padding:0 18px;background:transparent;border:1px solid rgba(245,240,232,.34);color:var(--text,#e8e2d6);font:600 12px/1 var(--sans,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.pdc-pause:hover{border-color:var(--gold,#C9A84C);color:var(--gold,#C9A84C)}
.pdc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(10px,1.2vw,18px);list-style:none;margin:0 0 36px;padding:0}
.pdc-card{display:flex;flex-direction:column;background:var(--bg2,#0f0f0f);border:1px solid var(--line,#1c1c1c);min-width:0;transition:border-color .4s var(--ease,ease)}
.pdc-card:hover,.pdc-card:focus-within{border-color:rgba(201,168,76,.45)}
.pdc-card:target{border-color:var(--gold,#C9A84C)}
.pdc-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#17140f,#0e0e0e 60%);overflow:hidden}
.pdc-media:empty{display:none}
.pdc-media img,.pdc-media video{display:block;width:100%;height:100%;object-fit:cover}
.pdc-flag{position:absolute;left:10px;top:10px;padding:5px 9px;background:rgba(8,8,8,.82);border:1px solid rgba(201,168,76,.5);color:var(--gold,#C9A84C);font:600 11px/1 var(--sans,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase}
.pdc-body{display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;flex:1}
.pdc-name{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.15;color:var(--heading,#f5f0e8);margin:0}
.pdc-role{font-family:var(--sans,system-ui,sans-serif);font-size:15px;line-height:1.65;color:#cbc5b9;margin:0}
.pdc-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pdc-chips:empty{display:none}
.pdc-chip{font:500 11px/1 var(--sans,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#C9A84C);border:1px solid rgba(201,168,76,.3);padding:6px 10px;text-decoration:none}
a.pdc-chip:hover{border-color:var(--gold,#C9A84C)}
.pdc-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:auto 0 0;padding-top:6px;font-family:var(--sans,system-ui,sans-serif);font-size:13px;letter-spacing:.08em}
.pdc-links a,.pdc-chip,.pdc-pause{display:inline-flex;align-items:center;min-height:44px}
.pdc-links a{color:var(--gold,#C9A84C);text-decoration:underline;text-underline-offset:.22em}
.pdc-links a:hover{color:var(--gold2,#e0bc5a)}
.pdc-chip{min-height:32px}
.pdc-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* From the Builder */
.pdc-voice-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:start;margin:0 0 36px}
.pdc-voice-grid.pdc-solo{grid-template-columns:minmax(0,1fr)}
.pdc-feature{margin:0;min-width:0}
.pdc-feature .pdc-media{aspect-ratio:16/9;background:#050505;border:1px solid var(--line,#1c1c1c)}
.pdc-quote{margin:0;padding:0 0 0 22px;border-left:2px solid var(--gold,#C9A84C)}
.pdc-quote p{font-family:var(--serif,Georgia,serif);font-style:italic;font-size:clamp(22px,2.4vw,31px);line-height:1.38;color:var(--heading,#f5f0e8);margin:0 0 14px}
.pdc-quote footer{font:500 11px/1.4 var(--sans,system-ui,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--gold,#C9A84C)}
.pdc-cap{font-family:var(--sans,system-ui,sans-serif);font-size:15px;line-height:1.65;color:#cbc5b9;margin:12px 0 0}
.pdc-topic{font:500 11px/1 var(--sans,system-ui,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--gold,#C9A84C);margin:0 0 10px}
.pdc-more{display:grid;gap:clamp(14px,2vw,24px);list-style:none;margin:0;padding:0}
@media(max-width:800px){.pdc-voice-grid{grid-template-columns:minmax(0,1fr)}.pdc-body{padding:20px 18px 16px}.pdc-note{font-size:14px}.pdc-cta .btn-gold{width:100%;justify-content:center}}
.pdc-card a:focus-visible,.pdc-chip:focus-visible,.pdc-pause:focus-visible,.pdc-feature video:focus-visible{outline:2px solid var(--gold,#C9A84C);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pdc-card{transition:none}}