*{box-sizing:border-box}body{margin:0;background:#fff;color:#202427;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{height:104px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;background:#fff;position:relative;z-index:10}.brand{position:relative;width:196px;height:72px;overflow:hidden;display:block;background:#181818}.brand img{width:100%;height:100%;object-fit:cover}.brand:before{display:none}nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}nav a{padding:15px 0}nav a[aria-current]{color:#876526}nav a:last-child{background:#24282a;color:#fff;padding:15px 22px}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#82652c}h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.07;margin:20px 0}h1{font-size:clamp(46px,5.8vw,86px)}h2{font-size:clamp(32px,3.7vw,54px)}h3{font-size:28px}p{font-size:16px;line-height:1.75;color:#62696c;max-width:620px}.hero-v3{display:grid;grid-template-columns:1fr 1.05fr;min-height:570px;background:#f1f0ec}.hero-copy{padding:90px 5vw 65px}.hero-copy h1{max-width:640px}.hero-copy p{max-width:410px}.hero-photo{min-width:0;position:relative;background:#dad7d0}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-note{font-size:10px;color:#777;margin-top:10px}.button{display:inline-block;background:#22282b;color:white;padding:17px 25px;border:0;cursor:pointer;font-size:13px;font-weight:600}.link{display:inline-block;border-bottom:1px solid #947942;padding:10px 0;font-size:13px}.metal-nav{display:flex;justify-content:center;gap:0;border-bottom:1px solid #ddd;background:#fff}.metal-nav a{padding:24px 28px;font-size:13px;font-weight:bold}.metal-nav a:hover{background:#f0eeea}.section{padding:80px 5vw;border-bottom:1px solid #ddd}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-bottom:35px}.catalogue{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 28px}.metal-card img{width:100%;aspect-ratio:1.6;object-fit:cover;background:#efefec;display:block}.metal-card .row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.metal-card h3{margin:23px 0 12px}.metal-card p{margin:8px 0 20px;font-size:14px}.metal-card:hover img{filter:brightness(1.04)}.market-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ccc}.market-list a{padding:24px 10px;border-bottom:1px solid #ccc;font-size:20px}.dark{background:#262c30;color:#fff}.dark p{color:#ccd0d1}.dark .eyebrow{color:#d0b879}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.steps{counter-reset:step}.step{padding:12px 0;border-top:1px solid #697074}.step h3{font-size:23px}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f1f0ec}.cta h2{font-size:38px}.page-top{padding:65px 5vw 50px;background:#f1f0ec}.page-top h1{margin:15px 0}.product-hero{display:grid;grid-template-columns:1fr 1fr;background:#efeeea;min-height:470px}.product-hero .page-top{align-self:center}.product-hero img{width:100%;height:100%;max-height:560px;object-fit:cover}.product{display:grid;grid-template-columns:1fr 1.5fr;gap:5vw;padding:30px 0 45px;border-bottom:1px solid #ddd}.element{display:none}.details{font-size:15px;line-height:1.7;color:#586166;padding-top:20px}.details strong{display:block;color:#252a2c;margin-bottom:8px}.notice,.privacy-note{font-size:12px;color:#72787b}.markets{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.market{display:block;padding:30px;background:#eee}.number{font-size:11px;letter-spacing:.12em}.foot{display:flex;justify-content:space-between;font-size:12px}.brand-image{width:100%;max-width:560px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.form{display:grid;gap:22px}.form label{font-size:13px;display:grid;gap:9px}input,select,textarea{padding:13px;border:1px solid #bbb;background:white;width:100%;border-radius:0}textarea{min-height:150px}footer{padding:32px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#656d70}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #997838;outline-offset:4px}a:hover{color:#8a672c}.button:hover,nav a:last-child:hover{background:#7e642f;color:#fff}@media(max-width:800px){header{height:90px}.brand{width:150px;height:56px}.menu{display:block;background:white;border:1px solid #888;padding:10px}nav{display:none;position:absolute;left:0;right:0;top:90px;background:white;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-v3,.product-hero,.section-head,.split,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:45px 6vw}.hero-photo{height:330px}.product-hero img{max-height:340px}.section{padding:50px 6vw}.catalogue{gap:25px}.metal-nav{flex-wrap:wrap;justify-content:flex-start}.metal-nav a{padding:17px}.market-list{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:1fr}.cta{display:block}.cta .button{margin-top:15px}footer{flex-wrap:wrap}.page-top{padding:40px 6vw}.markets{grid-template-columns:1fr}}@media(max-width:480px){.catalogue{grid-template-columns:1fr}h1{font-size:48px}.hero-photo{height:280px}}
/* Group identity and governance navigation */
header{border-bottom:2px solid #A38A52;height:106px}#navigation{gap:22px}#navigation a{white-space:nowrap}.compliance-index{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 28px;padding:22px 5vw;border-bottom:1px solid #ddd;font-size:13px;background:#fff;position:static}.compliance-index a:last-child{background:transparent;color:inherit;padding:15px 0}.compliance-content h2{font-size:clamp(28px,3vw,42px)}.compliance-content section{scroll-margin-top:25px}.compliance-content .product:last-child{border-bottom:0}.compliance-content{padding-top:25px;padding-bottom:25px}@media(max-width:1100px){.menu{display:block;background:white;border:1px solid #888;padding:10px}#navigation{display:none;position:absolute;left:0;right:0;top:104px;background:white;padding:25px;flex-direction:column;align-items:stretch;gap:8px}#navigation.open{display:flex}}@media(max-width:800px){header{height:92px}#navigation{top:90px}.compliance-index{position:static;display:flex;flex-direction:row;align-items:center;padding:18px 6vw;gap:0 22px}.compliance-index a{padding:12px 0}.compliance-index a:last-child{padding:12px 0}}

/* Group identity: exactly the same 8 CSS px as DDNC, in METTALIX gold. */
:root{--group-top-bar-height:8px;--group-top-bar-colour:#A38A52}
html{padding-top:var(--group-top-bar-height)}
body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:auto;height:var(--group-top-bar-height);background:var(--group-top-bar-colour);z-index:2147483000;pointer-events:none}

/* Transparent metallic identity, without a background tile. */
.brand{background:transparent;overflow:visible;display:flex;align-items:center}.brand img{object-fit:contain}.brand-image{object-fit:contain}.hero-photo img{object-position:50% 50%}

/* Restrained editorial revision: one group accent line, no decorative dividers. */
header,.section,.metal-nav,.product,.metal-card .row,.market-list,.market-list a,.step,.compliance-index,.link{border:0}


.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 8vw}.editorial-grid article{max-width:620px}.editorial-grid h2{font-size:clamp(30px,3.2vw,45px)}
.governance-topic{display:grid;grid-template-columns:1fr 1.6fr;gap:7vw;margin-bottom:65px;scroll-margin-top:28px}.governance-topic h2{font-size:clamp(28px,3vw,40px)}.governance-topic p:first-child{margin-top:20px}.reference-list{padding-left:20px;line-height:2;color:#586166}.reference-list a:hover{text-decoration:underline}
@media(max-width:800px){.editorial-grid,.governance-topic{grid-template-columns:1fr;gap:20px}.editorial-grid{gap:42px}.governance-topic{margin-bottom:45px}.governance-topic h2{margin-bottom:0}}




/* DDNC live reference measured 12 October 2026: 72px header plus 8px accent. */
header{height:72px}.brand{width:180px;height:56px}
@media(max-width:1100px){#navigation{top:72px}}
@media(max-width:800px){header{height:72px}.brand{width:150px;height:52px}#navigation{top:72px}}





/* Official METTALIX 03 and 04, approved 13 October 2026. */
.solid-wordmark{display:block;width:100%;height:100%;background:url("METTALIX-03-Black-Gold.png") center/contain no-repeat;mask:none;-webkit-mask:none}
.dark .solid-wordmark{background-image:url("METTALIX-04-White-Gold.png")}