html{background:#0d0f12;color-scheme:dark;scroll-behavior:smooth}body,#body{background-color:#0d0f12;background-image:linear-gradient(rgba(5, 112, 180, 0.06) 1px, transparent 1px),linear-gradient(90deg, rgba(5, 112, 180, 0.06) 1px, transparent 1px),radial-gradient(circle at 88% -12%, rgba(5, 112, 180, 0.43), transparent 34rem);background-size:3rem 3rem,3rem 3rem,auto;color:rgba(255,255,255,0.88);font-family:"Aptos","Segoe UI Variable",system-ui,sans-serif;min-block-size:100vh}*{box-sizing:border-box}:where(a, button, input, textarea, label):focus-visible{outline:2px solid #26a7f9;outline-offset:.22rem}.container{inline-size:calc(100% - 2.5rem);margin-inline:auto;max-inline-size:74rem}#head{background:rgba(13,15,18,0.78);border-block-end:1px solid rgba(255,255,255,0.13);padding-block:clamp(1rem, 3vw, 1.8rem)}#head .container{align-items:center;display:flex;gap:1rem;justify-content:space-between}#head .container::after{color:rgba(255,255,255,0.51);content:"METALS / MINERALS · AFRICA / GLOBAL";font-family:ui-monospace,"Cascadia Mono",monospace;font-size:clamp(0.55rem, 1.1vw, 0.72rem);letter-spacing:.14em;text-align:end}#head .logo-img{block-size:auto;inline-size:15rem;max-block-size:4.5rem;max-inline-size:58vw}#menu{background:rgba(13,15,18,0.92);border-block-end:1px solid rgba(255,255,255,0.13);position:sticky;top:0;z-index:10}#menu .container{align-items:center;display:flex;justify-content:space-between;min-block-size:3.75rem}.menu-toggle{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}.burger{align-items:center;cursor:pointer;display:none;flex-direction:column;gap:.3rem;justify-content:center}.burger span{background:#fff;block-size:1px;inline-size:1.45rem;transition:transform 180ms ease,opacity 180ms ease}.menu-list,.submenu-list{list-style:none;margin:0;padding:0}.menu-list{align-items:stretch;display:flex;gap:clamp(0.15rem, 1.2vw, 1.1rem)}.menu-item,.menu-category{position:relative}.menu-text,.menu-label{align-items:center;color:rgba(255,255,255,0.66);cursor:pointer;display:flex;font-family:"Cascadia Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.09em;padding-inline:.5rem;text-decoration:none;text-transform:uppercase;transition:color 180ms ease}.menu-text::after,.menu-label::after{background:#0570b4;block-size:1px;content:"";inset-block-end:0;inset-inline:.5rem;position:absolute;scale:0 1;transform-origin:inline-start;transition:scale 180ms ease}.menu-text:hover,.menu-text:focus-visible,.menu-label:hover,.menu-label:focus-visible{color:#fff}.menu-text:hover::after,.menu-text:focus-visible::after,.menu-label:hover::after,.menu-label:focus-visible::after{scale:1}#current-page > .menu-text{color:#fff}#current-page > .menu-text::after{scale:1}.menu-category:has(#current-page) > .menu-label{color:#fff}.menu-category:has(#current-page) > .menu-label::after{scale:1}.menu-label{gap:.5rem}.menu-label::before{color:#0570b4;content:"+";font-size:1em;transition:rotate 180ms ease}#menu .menu-list .menu-category .menu-label::before{color:#0570b4;content:"+";font-size:1em;margin:0;transition:rotate 180ms ease}.submenu-list{background:rgba(17,20,24,0.98);border:1px solid rgba(255,255,255,0.16);display:grid;grid-template-rows:0fr;inset-block-start:calc(100% - 0.35rem);inset-inline-start:0;min-inline-size:13rem;position:absolute;transition:grid-template-rows 180ms ease;z-index:20}.submenu-list .menu-item{min-block-size:0;overflow:hidden}.submenu-list .menu-text{min-block-size:3rem;padding-inline:1rem}.menu-category:hover .submenu-list,.menu-category:focus-within .submenu-list,.menu-category > .menu-toggle:checked ~ .submenu-list{grid-template-rows:1fr}.menu-category:hover .menu-label::before,.menu-category:focus-within .menu-label::before,.menu-category > .menu-toggle:checked + .menu-label::before{rotate:45deg}#hero{background-image:linear-gradient(90deg, rgba(13, 15, 18, 0.93), rgba(13, 15, 18, 0.7) 52%, rgba(13, 15, 18, 0.45)),url("../images/hero.jpg");background-position:center;background-size:cover;border-block-end:1px solid rgba(255,255,255,0.16);min-block-size:clamp(26rem, 58vw, 43rem)}#hero .container{display:grid;min-block-size:clamp(26rem, 58vw, 43rem);padding-block:clamp(5rem, 12vw, 9rem) clamp(3rem, 7vw, 5rem)}#hero .hero{align-self:end;border-block:1px solid rgba(255,255,255,0.28);max-inline-size:68rem;padding-block:clamp(1.5rem, 4vw, 2.75rem)}#hero .hero .collection-horiz{align-items:end;display:grid;gap:3%;margin:0}#hero .hero .collection-horiz > p{color:#fff;font-family:"Aptos Display","Segoe UI Variable Display",system-ui,sans-serif;font-size:clamp(2.8rem, 7vw, 5.8rem);font-weight:650;letter-spacing:-0.06em;line-height:.94;text-wrap:balance;max-inline-size:10ch;text-align:center}#hero .hero strong{color:#1ca3f9}#hero .hero .card{background:rgba(15,17,21,0.62);border:0;border-inline-start:1px solid rgba(5,112,180,0.75)}#hero .hero .card > p{color:rgba(255,255,255,0.84);font-size:clamp(0.9rem, 1.3vw, 1rem);line-height:1.65;margin-block:0 1.35rem}#hero .hero .card table{background:transparent;border-block:1px solid rgba(255,255,255,0.18);font-family:"Cascadia Mono",ui-monospace,monospace;font-size:.72rem;letter-spacing:.03em}#hero .hero .card table thead{display:none}#hero .hero .card table :where(td, th){padding:.7rem 0}#hero .hero .card table td:first-child{color:rgba(255,255,255,0.54);letter-spacing:.1em;text-transform:uppercase}#hero .hero .card table td:last-child{color:#fff;text-align:end}#main{padding-block:clamp(4rem, 9vw, 8rem)}#main .content > :first-child{margin-block-start:0}#main .content > h1{border-block-end:1px solid rgba(255,255,255,0.16);margin-block-end:clamp(2.5rem, 6vw, 5rem);padding-block-end:clamp(1.5rem, 4vw, 2.75rem)}#main .content > section{border-block-start:1px solid rgba(255,255,255,0.14);margin-block-start:clamp(3rem, 9vw, 7rem);padding-block-start:clamp(2rem, 5vw, 4rem)}#main .content > section > :first-child{margin-block-start:0}.page-md-feature-showcase #main{background-color:rgba(13,15,18,0.72)}.page-md-feature-showcase #main .md-content{background:rgba(13,15,18,0.84);border:1px solid rgba(255,255,255,0.12);padding:clamp(1.25rem, 4vw, 3rem)}.page-md-feature-showcase #main .content > h1{color:#26a7f9;font-size:clamp(2rem, 4.5vw, 4.5rem);margin-block-end:clamp(2rem, 5vw, 3.5rem)}.page-md-feature-showcase #main .content > section{border-block-start-color:rgba(255,255,255,0.1);margin-block-start:1.5rem;padding-block-start:1.5rem}.page-md-feature-showcase #main .content > section:has(> h2){border-block-start-color:rgba(5,112,180,0.44);margin-block-start:clamp(2.5rem, 6vw, 4.5rem);padding-block-start:clamp(1.5rem, 4vw, 2.5rem)}.page-md-feature-showcase #main .content > section:has(> h3){margin-block-start:1.25rem;padding-block-start:1.25rem}.anchor{color:#0570b4;font-family:ui-monospace,"Cascadia Mono",monospace;font-size:.6em;margin-inline-start:.45em;text-decoration:none}.anchor::after{content:"#"}.collection-horiz{display:grid;gap:1px;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));margin-block:1.5rem}.collection-horiz > :where(p, .card){background:rgba(21,25,30,0.86);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);display:grid;font-family:"Cascadia Mono",ui-monospace,monospace;font-size:.72rem;gap:1rem;letter-spacing:.04em;line-height:1.5;margin:0;min-inline-size:0;padding:clamp(1rem, 2vw, 1.5rem);transition:background-color 180ms ease,border-color 180ms ease,translate 180ms ease}.collection-horiz > :where(p, .card):hover{background:rgba(27,32,39,0.94);border-color:rgba(5,112,180,0.64);translate:0 -0.18rem}.collection-horiz .card dl{border:0;margin:0;padding:0}.collection-horiz .card dt{color:#fff;font-family:"Aptos Display","Segoe UI Variable Display",system-ui,sans-serif;font-size:1.15rem;margin:0 0 .6rem}.collection-horiz .card dt strong{color:inherit}.collection-horiz .card dd{color:rgba(255,255,255,0.72)}.collection-horiz > p img{aspect-ratio:4 / 3;border-block-end:1px solid rgba(5,112,180,0.38);inline-size:calc(100% + clamp(2rem, 4vw, 3rem));margin:calc(clamp(1rem, 2vw, 1.5rem) * -1);margin-block-end:0;object-fit:cover}.feature-grid{grid-template-columns:1fr 1fr}#main .md-content .collection-horiz{display:grid;justify-content:stretch;text-align:start}#main .md-content .collection-horiz > *{align-content:normal;flex-basis:auto;flex-grow:0;margin:0}.contact-box{background:rgba(17,20,24,0.72);border:1px solid rgba(255,255,255,0.15);margin-block:1.25rem clamp(3rem, 7vw, 5rem);padding:clamp(1.25rem, 3vw, 2.5rem)}.contact{align-items:start;border-block-end:1px solid rgba(255,255,255,0.13);display:grid;gap:1rem;grid-template-columns:6rem 1fr;padding-block:1rem}.contact:first-child{padding-block-start:0}.contact:last-child{border-block-end:0;padding-block-end:0}.contact .icon{block-size:1.4rem;grid-row:span 2;inline-size:1.4rem}.contact .contact-name,.contact label{color:rgba(255,255,255,0.52);font-family:ui-monospace,"Cascadia Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.contact .contact-detail{color:#fff;min-inline-size:0}.contact pre{font-family:inherit;white-space:pre-wrap}.contact-question{grid-template-columns:6rem 1fr}:where(input, textarea){accent-color:#0570b4;background:transparent;border:0;border-block-end:1px solid rgba(255,255,255,0.34);border-radius:0;color:#fff;font:inherit;inline-size:100%;padding:.35rem 0;transition:border-color 180ms ease}:where(input, textarea)::placeholder{color:rgba(255,255,255,0.44)}:where(input, textarea):focus{border-color:#0570b4;outline:0}textarea{min-block-size:7rem;resize:vertical}button[type="submit"]{background:#0570b4;border:1px solid #0570b4;color:#fff;cursor:pointer;font-family:ui-monospace,"Cascadia Mono",monospace;font-size:.72rem;letter-spacing:.1em;padding:.85rem 1.25rem;text-transform:uppercase;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}button[type="submit"]:hover,button[type="submit"]:focus-visible{background:transparent;border-color:#26a7f9;color:#26a7f9}#ankle{background:rgba(10,12,15,0.82);border-block-start:1px solid rgba(255,255,255,0.13);padding-block:clamp(2.5rem, 6vw, 5rem)}#ankle .container{align-items:start;display:grid;gap:clamp(2rem, 7vw, 6rem);grid-template-columns:1fr auto}#ankle .contact-infos{display:grid;gap:0}#ankle .contact{grid-template-columns:1.5rem minmax(0, 1fr);padding-block:.8rem}#ankle .custom-content img{inline-size:10rem;max-inline-size:40vw}#footer{background:#080a0c;color:rgba(255,255,255,0.46);font-family:ui-monospace,"Cascadia Mono",monospace;font-size:.68rem;letter-spacing:.1em;padding:1.25rem;text-align:center;text-transform:uppercase}@media (max-width: 44rem){.container{inline-size:calc(100% - 1.5rem)}#head .container::after{display:none}#menu .container{flex-wrap:wrap}.burger{display:flex;margin-inline-start:auto}#menu-toggle:checked + .burger span:first-child{transform:translateY(0.4rem) rotate(45deg)}#menu-toggle:checked + .burger span:nth-child(2){opacity:0}#menu-toggle:checked + .burger span:last-child{transform:translateY(-0.4rem) rotate(-45deg)}.menu-list{display:grid;flex-basis:100%;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 180ms ease}.menu-list > *{min-block-size:0;overflow:hidden}#menu-toggle:checked ~ .menu-list{grid-template-rows:1fr}.menu-text,.menu-label{min-block-size:3.25rem;padding-inline:0}.submenu-list{border-inline:0;inset:auto;min-inline-size:0;padding-inline-start:1rem;position:static}.contact,.contact-question{grid-template-columns:1fr}.contact .icon{grid-row:auto}#ankle .container{grid-template-columns:1fr}#hero .hero .collection-horiz{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto;transition-duration:.01ms}}