.metals-hero__lead{color:#c7ccd2;max-width:62ch;font-size:var(--la-fs-lead);margin:var(--la-sp-3) 0 0;line-height:var(--la-lh-body)}.metals-hero__download{display:inline-flex;align-items:center;gap:.4rem;margin-top:var(--la-sp-3);font-size:var(--la-fs-small);font-weight:var(--la-medium);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:var(--la-sp-1) var(--la-sp-3);transition:border-color .15s ease,background .15s ease}.metals-hero__download:focus-visible,.metals-hero__download:hover{border-color:#fff;background:rgba(255,255,255,.08)}.metals-hero--img{background-image:linear-gradient(rgba(18,20,24,.74),rgba(18,20,24,.74)),url(../img/secret-lives-of-metals.jpg);background-image:linear-gradient(rgba(18,20,24,.74),rgba(18,20,24,.74)),image-set(url(../img/secret-lives-of-metals.webp) type("image/webp"), url(../img/secret-lives-of-metals.jpg) type("image/jpeg"));background-size:cover;background-position:center}.metals-feature{max-width:78ch}.metals-feature .metal-section,.metals-feature>.metals-index,.metals-feature>figure{max-width:none}.metals-intro{font-size:var(--la-fs-lead);line-height:var(--la-lh-body);color:var(--la-body);max-width:68ch;margin:0 0 var(--la-sp-4)}.metals-index{max-width:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--la-border);border:1px solid var(--la-border);margin:0 0 var(--la-sp-5)}.metals-index__tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;padding:var(--la-sp-3) var(--la-sp-1);text-decoration:none;color:var(--la-ink);transition:background-color .15s ease}.metals-index__tile:focus-visible,.metals-index__tile:hover{background:var(--la-section)}.metals-index__tile:focus-visible .metals-index__name,.metals-index__tile:hover .metals-index__name{color:var(--la-blue)}.metals-index__icon{width:2.75rem;height:2.75rem}.metals-index__name{font-family:var(--la-font-head);font-size:var(--la-fs-small);font-weight:var(--la-bold);line-height:var(--la-lh-heading);text-align:center}@media (max-width:900px){.metals-index{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.metals-index{grid-template-columns:repeat(2,1fr)}}.metal-section{padding-top:var(--la-sp-5);padding-bottom:var(--la-sp-5);border-top:1px solid var(--la-rule)}.metal-section:first-of-type{padding-top:0;border-top:none}.metal-section__head{display:flex;align-items:center;gap:var(--la-sp-3);margin-bottom:var(--la-sp-3)}.metal-section__icon{width:3.5rem;height:3.5rem;flex-shrink:0}.metal-section__eyebrow{font-family:var(--la-font-mono);font-size:var(--la-fs-xs);letter-spacing:.06em;color:var(--la-muted);margin:0 0 .2rem}.metal-section__name{font-family:var(--la-font-head);line-height:var(--la-lh-tight);color:var(--la-ink);margin:0}.metal-section__el{font-size:var(--la-fs-h2);font-weight:var(--la-bold)}.metal-section__hook{display:block;font-family:var(--la-font-mono);font-style:italic;font-weight:var(--la-regular);font-size:var(--la-fs-small);color:var(--la-muted);margin-top:.3rem}.metal-section__body{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:var(--la-sp-4);align-items:start}.metal-section--reverse .metal-section__body{grid-template-columns:minmax(0,1fr) minmax(0,20rem)}.metal-section--reverse .metal-section__photo{order:2}.metal-section--reverse .metal-section__prose{order:1}.metal-section__photo{margin:0;border:1px solid var(--la-border)}.metal-section__photo img{display:block;width:100%;height:16rem;object-fit:cover}.metal-section__photo figcaption{font-family:var(--la-font-mono);font-size:var(--la-fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--la-muted);padding:.5rem var(--la-sp-2);border-top:1px solid var(--la-border);background:var(--la-section)}.metal-section__prose p{margin:0 0 1.15em;line-height:var(--la-lh-body);color:var(--la-body)}.metal-section__prose p:last-child{margin-bottom:0}.metal-section__prose p.metal-section__lead{font-weight:var(--la-bold)}.metal-panel{background:var(--la-section);border-left:3px solid var(--la-blue);padding:var(--la-sp-2) var(--la-sp-3);margin:var(--la-sp-2) 0}.metal-panel__label{font-family:var(--la-font-mono);font-size:var(--la-fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--la-blue);margin:0 0 .5rem}.metal-panel p{font-style:italic;color:var(--la-ink)}.metal-panel a{color:var(--la-blue);font-style:normal}.metal-panel a:focus-visible,.metal-panel a:hover{text-decoration:underline}@media (max-width:700px){.metal-section--reverse .metal-section__body,.metal-section__body{grid-template-columns:1fr}.metal-section--reverse .metal-section__photo,.metal-section--reverse .metal-section__prose{order:initial}.metal-section__photo img{height:14rem}}