/* Layout: industrial expanded type over malachite banding; content in a 1180px column, sections separated by rules */
:root{
  --bg:#f7f7f5; --surface:#ededea; --fg:#14181d; --muted:#5a6067; --line:#d9d9d3;
  --copper:#24493f; --copper-ink:#ffffff;
  --mal-light:#9aa3a6; --mal-mid:#4c565c; --mal-deep:#1b2025;
  --display:"Archivo","Arial Narrow",Arial,sans-serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#101315; --surface:#181c1f; --fg:#eceeec; --muted:#9ba2a6; --line:#2a2f33;
  --copper:#8fb8a8; --copper-ink:#0d1714;
  --mal-light:#7d878b; --mal-mid:#3c454a; --mal-deep:#14181b; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#101315; --surface:#181c1f; --fg:#eceeec; --muted:#9ba2a6; --line:#2a2f33;
  --copper:#8fb8a8; --copper-ink:#0d1714;
  --mal-light:#7d878b; --mal-mid:#3c454a; --mal-deep:#14181b; color-scheme:dark}

.btn{border-radius:0}
.bignum{background:#161a1e}
.bignum .fig{color:#d8ccad !important}
.bignum p,.bignum .eyebrow{color:#eceeec !important}
.hero h1 .cu{color:var(--fg) !important}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-variation-settings:"wdth" 100;text-wrap:balance;margin:0;line-height:1.02}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}
p{margin:0}

/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-variation-settings:"wdth" 100;font-weight:800;font-size:20px;letter-spacing:.02em}
.logo-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--copper);color:var(--copper-ink);font-family:var(--mono);font-size:13px;font-weight:500}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:500}
.nav ul a{text-decoration:none;color:var(--muted)}
.nav ul a:hover{color:var(--fg)}
.btn{display:inline-block;background:var(--copper);color:var(--copper-ink);text-decoration:none;font-weight:600;font-size:14px;padding:10px 18px;border:0}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
@media (max-width:760px){.nav ul{display:none}}

/* hero */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:72px 64px}
.hero h1{font-size:clamp(46px,8.4vw,112px);font-weight:700;letter-spacing:-.01em}
.hero h1 span{display:block}
.hero h1 .cu{color:var(--copper)}
.hero-copy{display:grid;gap:28px;min-width:0}
.lede{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:52ch}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.specimen{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;background:var(--mal-deep)}
.specimen canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.tiles{position:absolute;left:20px;bottom:20px;right:20px;display:flex;gap:12px;flex-wrap:wrap}
.el{background:var(--bg);color:var(--fg);width:112px;padding:10px 12px 12px;display:grid;gap:2px;font-family:var(--mono);font-size:11px}
.el b{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:44px;font-weight:800;line-height:1;margin-top:4px}
.el .n{display:flex;justify-content:space-between;color:var(--muted)}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding-block:48px}.specimen{aspect-ratio:16/10}}

/* sections */
section{border-top:1px solid var(--line)}
.sec{padding-block:80px;display:grid;grid-template-columns:260px 1fr;gap:48px}
.sec-head{display:grid;gap:14px;align-content:start}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}
.sec-body{min-width:0;display:grid;gap:28px}
.big{font-size:clamp(20px,2.2vw,26px);line-height:1.45;max-width:38ch;font-weight:500}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cols h3{font-size:17px;font-variation-settings:"wdth" 100;font-weight:700;margin-bottom:8px}
.cols p{color:var(--muted);font-size:15px}
@media (max-width:860px){.sec{grid-template-columns:1fr;gap:28px;padding-block:56px}.cols{grid-template-columns:1fr}}

/* projects */
.projects{display:grid;gap:0;border-top:1px solid var(--line)}
.proj{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:24px;align-items:baseline;padding-block:22px;border-bottom:1px solid var(--line)}
.proj h3{font-size:22px;font-weight:800}
.proj .where{font-family:var(--mono);font-size:13px;color:var(--muted)}
.proj .what{font-size:15px}
.pill{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border:1px solid currentColor;white-space:nowrap}
.pill.prod{color:var(--copper)}
.pill.expl{color:var(--mal-light)}
@media (max-width:760px){.proj{grid-template-columns:1fr auto;gap:6px 16px}.proj .where,.proj .what{grid-column:1/-1}.proj .pill{grid-row:1;grid-column:2}}

/* commitments */
.commit{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.commit div{background:var(--bg);padding:26px;display:grid;gap:8px}
.commit h3{font-size:18px;font-variation-settings:"wdth" 100;font-weight:700}
.commit p{color:var(--muted);font-size:15px}
@media (max-width:640px){.commit{grid-template-columns:1fr}}

/* offices */
.offices{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.office{display:grid;gap:4px}
.office .city{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:24px;font-weight:800}
.office .role{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
@media (max-width:760px){.offices{grid-template-columns:1fr;gap:20px}}
.mail{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mail code{font-family:var(--mono);font-size:18px;user-select:all;background:var(--surface);padding:8px 12px}

footer{border-top:1px solid var(--line);padding-block:40px;color:var(--muted);font-size:13px}
footer .wrap{display:grid;gap:16px}
footer .disc{max-width:90ch;font-size:12px;line-height:1.55}

/* minerals */
.minerals{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.minerals .el{width:auto;background:var(--surface)}
@media (max-width:860px){.minerals{grid-template-columns:repeat(3,1fr)}}
@media (max-width:480px){.minerals{grid-template-columns:repeat(2,1fr)}}
.cols.four{grid-template-columns:repeat(2,1fr);gap:32px 40px}
@media (max-width:640px){.cols.four{grid-template-columns:1fr}}
.regions{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.regions div{background:var(--bg);padding:28px;display:grid;gap:10px}
.regions .city{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:30px;font-weight:800}
.regions p{color:var(--muted);font-size:15px}
@media (max-width:640px){.regions{grid-template-columns:1fr}}

/* office map */
.map{overflow-x:auto;background:var(--surface);border:1px solid var(--line)}
.map svg{display:block;width:100%;min-width:640px;height:auto}
.map .land{fill:var(--bg);stroke:var(--line);stroke-width:.8}
.map .op{fill:var(--mal-mid);fill-opacity:.55;stroke:var(--mal-mid);stroke-width:.8}
.map .dot{fill:var(--copper);stroke:var(--bg);stroke-width:2}
.map .halo{fill:var(--copper);fill-opacity:.2}
.map .pl{fill:var(--fg);font-family:var(--display);font-variation-settings:"wdth" 100;font-weight:800;font-size:17px}
.map .pc{fill:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.olist{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;margin:0;padding:0}
.olist li{display:grid;gap:2px;border-top:2px solid var(--copper);padding-top:10px}
.olist b{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:17px}
.olist span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){.olist{grid-template-columns:repeat(2,1fr)}}

.map{position:relative}
.map::after{content:"";position:absolute;top:0;right:0;bottom:0;width:12%;background:linear-gradient(to right,transparent,var(--surface));pointer-events:none}
.map .land{stroke:color-mix(in srgb,var(--muted) 45%,transparent)}

.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.tiles .el{width:auto;padding:8px 9px 10px;min-width:0}
.tiles .el b{font-size:clamp(24px,3vw,36px)}
.tiles .nm{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.map .opt{fill:#b59a52;fill-opacity:.45;stroke:#b59a52;stroke-width:.8}
.map .tmark{fill:var(--bg);stroke:#9a7f36;stroke-width:3}
.map .dot.off{fill:var(--muted)}
.olegend{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.og{display:grid;gap:12px;align-content:start}
.og .eyebrow{display:flex;align-items:center;gap:8px;color:var(--fg)}
.og ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.og li{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:10px}
.og b{font-family:var(--display);font-size:17px}
.og li span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.k{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--copper)}
.k.trade{border-radius:0;transform:rotate(45deg);background:var(--bg);border:2px solid #9a7f36;width:9px;height:9px}
.k.off{background:var(--muted)}
@media (max-width:860px){.olegend{grid-template-columns:1fr}}

.map .pl,.map .pc{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}

/* clearer map: tinted sea, lighter country shading */
.map{background:color-mix(in srgb,var(--surface) 72%,#8aa3b3 28%)}
.map::after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--surface) 72%,#8aa3b3 28%))}
.map .land{fill:var(--bg);stroke:color-mix(in srgb,var(--muted) 55%,transparent);stroke-width:.7}
.map .op{fill:var(--copper);fill-opacity:.18;stroke:var(--copper);stroke-width:1}
.map .opt{fill-opacity:.3}
.map .pl,.map .pc{stroke:var(--bg)}

/* crisp markers, no blurred halos */
.map .halo{fill:var(--bg);fill-opacity:1;r:8px;stroke:var(--fg);stroke-opacity:.15;stroke-width:1}

.map .opt{fill:var(--bg) !important;fill-opacity:1 !important;stroke:color-mix(in srgb,var(--muted) 55%,transparent) !important;stroke-width:.7 !important}

.map::after{display:none !important}

@media (max-width:640px){.map{overflow:hidden}.map svg{min-width:0}.map .pl,.map .pc{display:none}}

/* language switch */
.lang{display:flex;align-items:center;border:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.06em}
.lang a,.lang span{padding:8px 9px;text-decoration:none;color:var(--muted)}
.lang span[aria-current]{background:var(--fg);color:var(--bg)}
.lang a:hover{color:var(--fg)}

/* map labels hidden on all screens; the list below the map names each location */
.map .pl,.map .pc{display:none}

/* shared logo */
.logo img{height:38px;width:auto;display:block}
.foot-logo{height:30px;width:auto;display:block;opacity:.85}
.nav ul a[aria-current="page"]{color:var(--fg)}

/* main menu */
.nav ul.menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.menu > li > a,.ddb{display:flex;align-items:center;gap:8px;font:500 14px var(--body);color:var(--muted);text-decoration:none;background:none;border:0;padding:10px 12px;cursor:pointer}
.menu > li > a:hover,.ddb:hover,.dd.open .ddb{color:var(--fg)}
.menu [aria-current="page"]{color:var(--fg);box-shadow:inset 0 -2px 0 var(--copper)}
.ddb svg{transition:transform .15s ease}
.dd{position:relative}
.dd.open .ddb svg{transform:rotate(180deg)}
.ddm{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg);border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.12);padding:6px;z-index:20}
.dd.open .ddm{display:grid}
@media (hover:hover) and (min-width:761px){.dd:hover .ddm{display:grid}.dd:hover .ddb svg{transform:rotate(180deg)}.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}}
.ddm a{display:flex;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;font-size:14px;font-weight:500;color:var(--fg)}
.ddm a span{font-family:var(--mono);font-size:11px;width:26px;text-align:center;padding:2px 0;background:var(--surface)}
.ddm a:hover{background:var(--surface)}
.ddm a[aria-current="page"] span{background:var(--copper);color:var(--copper-ink)}
.nav-end{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:none;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-btn span{display:block;width:18px;height:2px;background:var(--fg)}
@media (max-width:760px){
  .menu-btn{display:flex}
  .nav{flex-wrap:wrap}
  .nav ul.menu{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-block:8px}
  header.open .nav ul.menu{display:flex}
  .menu > li > a,.ddb{padding:12px 0;font-size:16px;width:100%}
  .menu [aria-current="page"]{box-shadow:none;color:var(--copper)}
  .ddm{position:static;box-shadow:none;border:0;padding:0 0 8px 0;min-width:0}
}

/* mineral links on home */
a.el{text-decoration:none;transition:transform .15s ease, background .15s ease}
a.el:hover{transform:translateY(-3px);background:var(--line)}
a.el .go{color:var(--copper);margin-top:6px}
@media (prefers-reduced-motion: reduce){a.el{transition:none}a.el:hover{transform:none}}

/* mineral pages */
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:32px}
.crumb a{color:var(--muted)}
.mhero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:28px 64px}
.mhero h1{font-size:clamp(48px,8vw,104px);font-weight:700}
.mhero .lede{margin-top:20px}
.swatch{position:relative;aspect-ratio:5/4;max-width:100%;overflow:hidden}
.swatch canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.swatch .el{position:absolute;left:20px;bottom:20px;width:150px}
.swatch .el b{font-size:64px}
.swatch .ore{position:absolute;right:16px;top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.85}
@media (max-width:860px){.mhero{grid-template-columns:1fr;gap:28px}}

.bignum{background:var(--fg);color:var(--bg)}
.bignum .wrap{padding-block:64px;display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center}
.bignum .fig{font-family:var(--display);font-variation-settings:"wdth" 100;font-weight:700;font-size:clamp(64px,11vw,148px);line-height:.9;color:var(--copper);white-space:nowrap}
.bignum .fig small{font-size:.32em;font-weight:800;margin-left:6px}
.bignum p{font-size:clamp(19px,2vw,24px);line-height:1.45;max-width:36ch;font-weight:500}
.bignum .eyebrow{color:var(--bg);opacity:.7;margin-bottom:12px;display:block}
@media (max-width:760px){.bignum .wrap{grid-template-columns:1fr;gap:16px;padding-block:48px}}

.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0}
.facts div{background:var(--bg);padding:20px 22px;display:grid;gap:6px;align-content:start}
.facts dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.facts{grid-template-columns:1fr}}

.prose{display:grid;gap:16px;max-width:64ch;color:var(--muted)}
.prose p:first-child{color:var(--fg);font-size:19px;font-weight:500}

.bars{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.bars li{display:grid;grid-template-columns:150px 1fr 90px;gap:16px;align-items:center;font-size:15px}
.bars .track{height:22px;background:var(--surface);position:relative}
.bars .fill{position:absolute;inset:0 auto 0 0;background:var(--muted);opacity:.55}
.bars li.ours .fill{background:var(--copper);opacity:1}
.bars li.ours .c{font-weight:700}
.bars .v{font-family:var(--mono);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.src{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em}
.key{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.key i{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-right:6px}
@media (max-width:560px){.bars li{grid-template-columns:96px 1fr 64px;gap:10px;font-size:13px}}

.story{border-left:3px solid var(--copper);padding:6px 0 6px 24px;display:grid;gap:12px;max-width:64ch}
.story h3{font-size:24px;font-weight:800}
.story p{color:var(--muted)}

.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0;counter-reset:st}
.chain li{position:relative;padding:22px 26px 24px 0;display:grid;gap:8px;align-content:start;border-top:3px solid var(--copper)}
.chain li+li{padding-left:26px;border-left:1px solid var(--line)}
.chain .st{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.chain .st::before{counter-increment:st;content:counter(st) " \2192  "}
.chain h3{font-size:20px;font-variation-settings:"wdth" 100;font-weight:800}
.chain .g{font-family:var(--display);font-variation-settings:"wdth" 100;font-weight:700;font-size:30px;color:var(--copper);font-variant-numeric:tabular-nums;line-height:1}
.chain p{color:var(--muted);font-size:15px}
@media (max-width:760px){.chain{grid-template-columns:1fr}.chain li,.chain li+li{padding:20px 0;border-left:0}}
.price{background:var(--surface);padding:22px 24px;display:grid;gap:6px;max-width:72ch}
.price p{font-size:16px}
.mtabs{border-top:1px solid var(--line)}
.mtabs .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.mtabs .wrap::-webkit-scrollbar{display:none}
.mtabs a{display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:500;color:var(--muted);padding:10px 14px 9px;border-bottom:2px solid transparent}
.mtabs a span{font-family:var(--mono);font-size:11px;padding:2px 5px;background:var(--surface);color:var(--fg)}
.mtabs a:hover{color:var(--fg)}
.mtabs a[aria-current="page"]{color:var(--fg);border-bottom-color:var(--copper)}
.mtabs a[aria-current="page"] span{background:var(--copper);color:var(--copper-ink)}
.mk{background:var(--bg);padding:26px;display:grid;gap:10px;align-content:start}
.mk .where{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.mk h3{font-size:24px;font-weight:800}
.mk p{color:var(--muted);font-size:15px}
.mk ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.mk li{font-size:14px;font-weight:500;padding-left:14px;position:relative}
.mk li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--copper)}
.mv{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.mv div{background:var(--bg);padding:26px;display:grid;gap:10px;align-content:start}
.mv p{font-size:clamp(18px,1.8vw,21px);line-height:1.45;font-weight:500}
@media (max-width:640px){.mv{grid-template-columns:1fr}}
.others{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.others .el{width:auto;background:var(--surface)}
@media (max-width:760px){.others{grid-template-columns:repeat(2,1fr)}}

.dhero{padding-block:28px 56px;display:grid;gap:18px}
.dhero h1{font-size:clamp(46px,8vw,104px);font-weight:700}
.dhero .lede{max-width:56ch}
.dcards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.dcard{background:var(--bg);padding:26px;display:grid;gap:10px;align-content:start}
.dcard .where{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
.dcard h3{font-size:22px;font-weight:800}
.dcard p{color:var(--muted);font-size:15px}
.dcards.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){.dcards.three{grid-template-columns:1fr}}
@media (max-width:640px){.dcards{grid-template-columns:1fr}}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chipm{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:500;padding:5px 10px 5px 5px;background:var(--surface)}
.chipm span{font-family:var(--mono);font-size:11px;padding:2px 5px;background:var(--copper);color:var(--copper-ink)}
.chipm:hover{background:var(--line)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px;counter-reset:st}
.steps li{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:16px}
.steps.seq li::before{counter-increment:st;content:"0" counter(st);font-family:var(--mono);font-size:12px;color:var(--copper);letter-spacing:.1em}
.steps h3{font-size:19px;font-variation-settings:"wdth" 100;font-weight:700}
.steps p{color:var(--muted);font-size:15px}
@media (max-width:640px){.steps{grid-template-columns:1fr}}
.dlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dlinks.two{grid-template-columns:repeat(2,1fr)}
.dlink{display:grid;gap:8px;align-content:start;text-decoration:none;background:var(--surface);padding:22px;transition:background .15s ease}
.dlink:hover{background:var(--line)}
.dlink b{font-family:var(--display);font-variation-settings:"wdth" 100;font-size:20px;font-weight:800}
.dlink p{color:var(--muted);font-size:15px}
@media (max-width:760px){.dlinks,.dlinks.two{grid-template-columns:1fr}}
.ferrous{background:var(--surface)}
.ferrous .chipm{background:var(--bg)}