/* Original clone CSS owns typography, header, rules, tags, spacing and grain.
   These rules only localise brand/media and adapt the multi-section hero to one screen. */
:root{--orange:#567ffc}html{font-size:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media(min-width:768px){html{font-size:1vw}}
.brand-link{width:auto}.brand-link .logo{width:auto;height:100%;max-width:none}
.section-hero{position:relative;isolation:isolate;min-height:100svh}.holding-media{position:absolute;inset:0;z-index:-1}.holding-media video{width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.65)}
.holding-description{font-family:'Inter display',Arial,sans-serif;font-size:clamp(16px,1.35vw,22px);line-height:1.5;color:var(--white);margin:1.5rem 0 0}
.header-left-right-top .nav-link{white-space:nowrap}.header a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:767px){.step-1-wrap{height:auto;min-height:calc(100svh - 9.5rem);gap:60px}.header-left-right-bot{display:none}.header-left-right-top{display:flex}.header-left-right-top .nav-link{white-space:normal;font-size:9px;max-width:100px}.brand-link .logo{height:2rem}.holding-description{font-size:16px}.step-1-bot-bot{max-width:100%}}

/* Original global link reset; brand colour replaces the reference accent. */
a{color:inherit;text-decoration:inherit;font-size:inherit}.btn-corner.orange{border-color:var(--orange)}

/* Holding-page footer uses the reference utility typography. */
.holding-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 1.11111vw;background:transparent;color:var(--white);border:0}
.section-hero{min-height:calc(100svh - 51px)}.step-1{min-height:calc(100svh - 51px)}.step-1-wrap{height:calc(100vh - 12.71rem - 51px)}.container.is_step-1{min-height:calc(100vh - 12.71rem - 51px)}
@media(max-width:767px){.holding-footer{padding:16px;flex-wrap:wrap}.holding-footer span:nth-child(2){order:3;width:100%}.step-1-wrap{height:auto;min-height:calc(100svh - 9.5rem - 85px)}.container.is_step-1{min-height:0}.step-1{min-height:calc(100svh - 85px)}}

/* Match the reference button geometry with Xstrata brand colours. */
.header .header-btn .btn-header-text{color:#567ffc}
.header .header-btn .btn-corner.orange{border-color:#567ffc}
.header .header-btn:hover .btn-header-text{color:#8eaaff}
.header .header-btn:hover .btn-corner.orange{border-color:#8eaaff}
.header .header-btn{background-color:rgba(86,127,252,.04);border-color:rgba(86,127,252,.16)}
.header .header-btn:hover{background-color:rgba(86,127,252,.1);border-color:rgba(86,127,252,.4)}

/* Unframed header and quiet footer retain the reference utility styles. */
.header .header-wrap{padding:0}.holding-footer{position:absolute;bottom:0;left:0;right:0;z-index:6;padding:1.11rem}.holding-footer .nav-link{opacity:.65}.section-hero,.step-1{min-height:100svh}
@media(max-width:767px){.holding-footer{padding:16px}.holding-footer .nav-link{font-size:10px}}

/* Align the artwork bottoms; give Gold Fields room for its stacked name. */
.career-logos{display:grid;grid-template-columns:1fr 1.12fr 1.25fr;align-items:end;gap:24px;margin-top:28px;width:100%;max-width:460px}
.career-logos img,.career-logos img:nth-child(2),.career-logos img:last-child{display:block;width:100%;height:auto;max-height:none;object-fit:contain;align-self:end}
@media(max-width:767px){.career-logos{gap:18px;margin-top:24px}.step-1-wrap{padding-bottom:32px}}

.gold-fields-wordmark{display:block;position:relative;width:100%;aspect-ratio:1200 / 132;overflow:hidden;align-self:end}.career-logos .gold-fields-wordmark img{position:absolute;bottom:0;left:0;width:100%;height:auto;max-height:none}

/* Longer SI headline: retain reference type and allow natural wrapping. */
@media(min-width:768px){.step-1-bot-bot{max-width:52rem}.holding-description{max-width:34.5rem}}

/* Axis / Michroma: native font kerning, optically smaller lettering, centred header controls. */
.header .brand-link .logo{width:clamp(131.56px,13.156vw,189.12px);height:auto}

.header .header-container,.header .header-left{align-items:center}
.header .brand-link{display:flex;align-items:center;height:auto;line-height:0}
.header .brand-link .logo{display:block}