:root{--pa-ink:#171b24;--pa-muted:#616b7d;--pa-line:rgba(20,27,39,.14);--pa-paper:#f6f2e8;--pa-gold:#b8943d;--pa-green:#1b7158;--pa-shadow:0 22px 60px rgba(18,25,38,.12)}
.punctuation-hero{padding:clamp(72px,9vw,128px) 0 72px}.punctuation-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(32px,5vw,72px);align-items:center}.punctuation-hero h1{max-width:980px}.punctuation-hero-image{position:relative;min-height:520px;overflow:hidden;border-radius:18px;background:#171b22;box-shadow:var(--pa-shadow)}.punctuation-hero-image img{width:100%;height:100%;min-height:520px;display:block;object-fit:contain;background:#f8f8f6}.punctuation-hero-image figcaption{position:absolute;right:0;bottom:0;left:0;padding:18px 22px;color:#fff;background:linear-gradient(transparent,rgba(7,10,16,.92));font-size:.92rem}.punctuation-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:36px 0}.punctuation-metric{padding:22px;border:1px solid var(--pa-line);border-radius:12px;background:rgba(255,255,255,.05)}.punctuation-metric span{display:block;margin-bottom:7px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.punctuation-metric strong{display:block;font-size:clamp(1.7rem,3vw,2.35rem)}.punctuation-record{margin:0 auto 90px;padding:clamp(28px,5vw,54px);border:1px solid var(--pa-line);border-radius:18px;background:var(--pa-paper);color:var(--pa-ink);box-shadow:var(--pa-shadow)}.punctuation-record-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:40px}.punctuation-principles{display:grid;gap:14px;margin-top:24px}.punctuation-principle{padding:17px 18px;border-left:4px solid var(--pa-gold);background:rgba(184,148,61,.08)}.punctuation-downloads{display:grid;gap:10px}.punctuation-downloads a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;border:1px solid var(--pa-line);border-radius:9px;color:inherit;text-decoration:none;background:rgba(255,255,255,.58);transition:transform .18s ease,background .18s ease}.punctuation-downloads a:hover{transform:translateY(-2px);background:#fff}.punctuation-downloads small{color:var(--pa-muted)}.punctuation-scope{margin-top:32px;padding:20px 22px;border-left:4px solid var(--pa-green);background:rgba(27,113,88,.08)}.punctuation-path{padding:12px 14px;border-radius:7px;background:#141922;color:#e6edf7;overflow-wrap:anywhere;font-family:Consolas,"Cascadia Code",monospace;font-size:.88rem}@media(max-width:920px){.punctuation-hero-grid,.punctuation-record-grid{grid-template-columns:1fr}.punctuation-hero-image,.punctuation-hero-image img{min-height:420px}}