.records{flex-direction:column;gap:1.25rem;display:flex}.record-plate{border:1px solid var(--site-line);background:#f2f2f205;flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.record-plate:hover,.record-plate:focus-within{border-color:#f2f2f273}.record-plate:before{content:attr(data-no);z-index:0;font-family:var(--font-hero);letter-spacing:-.02em;color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #f2f2f226;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(3.5rem,7vw,5rem);font-weight:900;line-height:1;position:absolute;top:-.08em;right:.4em}.record-plate>*{z-index:1;position:relative}.record-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.record-head h3{margin:0}.record-period{font-family:var(--font-hero);letter-spacing:.05em;color:var(--site-fg);margin:0;font-size:1.35rem;font-weight:300}.record-highlight{color:var(--site-fg);opacity:.8;text-wrap:pretty;margin:0;font-size:.92rem}.certs{margin:0;padding:0;list-style:none}.cert-row{border-top:1px solid var(--site-line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding:.95rem 0;display:flex}.cert-row:last-child{border-bottom:1px solid var(--site-line)}.cert-title{color:var(--site-fg);margin:0;font-weight:500}.cert-meta{letter-spacing:.04em;color:var(--site-muted);white-space:nowrap;margin:0;font-size:.82rem}