:root{--motion-fast:180ms;--motion-medium:650ms;--motion-slow:1000ms;--ease-standard:cubic-bezier(.2,.65,.25,1);--ease-enter:cubic-bezier(.16,1,.3,1);--ease-exit:cubic-bezier(.7,0,.84,0);--header-h:86px;--site-header-top:0px;--gold:#c6a15d;--pad:clamp(22px,4vw,76px)}
body{font-size:16px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.site-header{top:0;left:0;width:100%;transform:none;border:0;border-radius:0;padding:14px var(--pad);height:86px;min-height:0;background:rgba(5,11,18,.95);box-shadow:none;border-bottom:1px solid var(--line);gap:22px}.site-header .brand{width:190px;flex-basis:190px;height:48px}.desktop-nav{gap:22px}.desktop-nav a{font-size:14px;letter-spacing:0}.header-actions{gap:16px}.language-switch{font-size:12px}.button{font-size:12px;letter-spacing:.065em}.button--small{font-size:11px}.market-ribbon{position:absolute;top:86px;left:0;right:0;min-height:51px;grid-template-columns:205px minmax(0,1fr) 135px;padding:0 var(--pad);background:#0a1520;gap:12px;border-bottom:1px solid #26313b;box-shadow:none}.market-ribbon__lead strong{font-size:10px}.market-ribbon__lead small,.market-ribbon__source small{font-size:9px}.market-ribbon__quote{min-width:155px;grid-template-columns:1fr auto;gap:3px 9px;padding:6px 17px}.market-ribbon__quote b{font-size:10px;grid-column:1/-1}.market-ribbon__quote strong{font-size:12px}.market-ribbon__quote small{font-size:10px}.market-ribbon__source strong{font-size:10px}.status-dot{display:none}.theme-toggle{width:34px;height:34px;border:0;background:transparent;font-size:22px;cursor:pointer;flex-shrink:0}
.commodity-hero{position:relative;margin-top:137px;height:calc(100svh - 137px);min-height:720px;max-height:1080px;background:#07101a;color:#f4f3ed;isolation:isolate;overflow:hidden}.scenes{position:absolute;inset:0 0 172px}.commodity-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-medium) var(--ease-standard),visibility var(--motion-medium)}.commodity-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.scene-backdrop{position:absolute;inset:0 0 -172px;background-size:cover;background-position:center;opacity:.7;transform:scale(1.035);transition:transform 8s linear}.is-active .scene-backdrop{transform:scale(1)}.scene-video{width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0 0 -172px;background:linear-gradient(90deg,rgba(4,12,19,.92),rgba(4,12,19,.67) 42%,rgba(4,12,19,.22)),linear-gradient(0deg,#07101a,transparent 70%)}.scene-copy{position:absolute;z-index:2;left:var(--pad);top:50%;width:59%;transform:translateY(-45%);max-width:940px}.scene-eyebrow{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.18em;font-weight:600;color:#d9c08f;margin:0 0 23px}.scene-eyebrow span{font-family:Georgia,serif;font-size:24px;border-right:1px solid #b89b5f77;padding-right:18px}.scene-title{font-family:'Arial Narrow','Aptos Display','Segoe UI',sans-serif;font-size:clamp(40px,4.65vw,84px);line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0 0 25px;max-width:100%;color:#f8f6ef}.scene-title em{font-style:normal;color:#cdae72;font-weight:300}.scene-description{max-width:580px;font-size:16px;line-height:1.8;color:#c8ced3;margin:0 0 28px}.scene-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.scene-actions .button{white-space:nowrap;font-size:11px;min-height:48px}.scene-secondary{font-size:12px;border-bottom:1px solid #c9cdd366;padding:7px 0;white-space:nowrap}.scene-secondary span{margin-left:12px;color:#c6a15d}.scene-products{font-size:10px;letter-spacing:.13em;color:#a8b4be;margin:30px 0 0;line-height:1.8;max-width:90%}.scene-feature{position:absolute;right:5%;top:50%;width:29%;height:76%;max-height:430px;margin:0;transform:translate3d(30px,-45%,0);opacity:0;transition:transform var(--motion-slow) var(--ease-enter),opacity var(--motion-medium);border:1px solid #eee2c32a;padding:9px 9px 0;background:rgba(9,18,25,.3);backdrop-filter:blur(6px)}.is-active .scene-feature{opacity:1;transform:translate3d(0,-45%,0)}.scene-feature__image{height:calc(100% - 44px);overflow:hidden;clip-path:inset(0 0 100%);transition:clip-path var(--motion-slow) var(--ease-enter)}.is-active .scene-feature__image{clip-path:inset(0)}.scene-feature img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);transition:transform 8s linear}.is-active .scene-feature img{transform:scale(1)}.scene-feature figcaption{display:flex;justify-content:space-between;align-items:center;height:44px;font-size:10px;letter-spacing:.16em;color:#d8d2c7}.scene-feature figcaption span:first-child{color:#c6a15d}.scene-copy>*{opacity:0;transform:translateY(15px);transition:opacity var(--motion-medium),transform var(--motion-medium) var(--ease-enter)}.is-active .scene-copy>*{opacity:1;transform:none}.is-active .scene-copy>:nth-child(2){transition-delay:70ms}.is-active .scene-copy>:nth-child(3){transition-delay:120ms}.is-active .scene-copy>:nth-child(4){transition-delay:170ms}.is-active .scene-copy>:nth-child(5){transition-delay:220ms}.slider-toolbar{position:absolute;bottom:132px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b8c6d326;padding-top:14px}.slider-caption{font-size:10px;letter-spacing:.17em;color:#b9c2c9}.slider-controls{display:flex;gap:18px;align-items:center;font-size:12px}.slider-controls button{background:none;border:0;min-width:32px;height:32px;cursor:pointer;font-size:20px}.slider-controls button:hover{color:#c6a15d}.slider-controls #motionToggle{font-size:15px}.scene-cards{position:absolute;bottom:48px;left:var(--pad);right:var(--pad);display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.scene-card{position:relative;flex:1;min-width:0;height:70px;display:flex;align-items:center;gap:11px;text-align:left;padding:9px;background:#ffffff04;border:1px solid #ffffff22;cursor:pointer;transition:flex var(--motion-medium),background var(--motion-fast),border-color var(--motion-fast);scroll-snap-align:start}.scene-card img{width:40px;height:45px;object-fit:cover;opacity:.58;transition:opacity var(--motion-fast),transform var(--motion-medium)}.scene-card small{display:block;font-size:10px;color:#8898a7;margin-bottom:4px}.scene-card strong{display:block;font-size:10px;letter-spacing:.05em;font-weight:600;white-space:nowrap}.scene-card.is-active{flex:1.2;background:#c6a15d12;border-color:#c6a15d88}.scene-card.is-active img,.scene-card:hover img{opacity:1}.scene-card:hover{border-color:#c6a15d}.scene-card:hover img{transform:scale(1.06)}.scene-card.is-active small{color:#cfaf78}.scene-card i{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#c6a15d}.scene-card.is-active i{width:100%}.slider-bottom{position:absolute;bottom:17px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#8fa0af}.commodity-hero:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.eyebrow{font-size:12px}.page-hero{padding-top:200px}.brand--footer{width:150px!important}.section{padding-top:90px;padding-bottom:90px}.market-data-method{font-size:12px}.market-preview-values small{font-size:12px}.market-preview-values b{font-size:12px}
@media(min-width:1600px){.scene-copy{width:58%}.scene-feature{right:7%;width:27%}}
@media(max-width:1180px){.desktop-nav{display:none}.header-actions{margin-left:auto}.scene-title{font-size:clamp(38px,5.1vw,66px)}.scene-copy{width:62%}.scene-feature{right:4%;width:27%;height:66%}.scene-card img{display:none}.scene-card{padding:12px;min-width:95px}.scene-card strong{font-size:10px}.scene-actions{gap:18px}.scene-description{max-width:92%}}
@media(max-width:760px){:root{--pad:22px}.site-header{height:72px;padding:10px 18px;gap:12px}.site-header .brand{width:145px;flex-basis:145px;height:40px}.header-actions{gap:10px}.header-cta{display:none}.language-switch{font-size:11px}.menu-toggle{width:34px;height:34px}.market-ribbon{top:72px;min-height:43px;grid-template-columns:115px minmax(0,1fr);padding:0 18px;gap:4px}.market-ribbon__lead strong{font-size:8px}.market-ribbon__lead small{font-size:8px}.market-ribbon__quote{min-width:148px;padding:5px 12px}.market-ribbon__quote b{font-size:9px}.market-ribbon__quote strong{font-size:11px}.market-ribbon__quote small{font-size:9px}.market-ribbon__source{display:none}.commodity-hero{margin-top:115px;height:calc(100svh - 115px);min-height:810px;max-height:none}.scenes{bottom:160px}.scene-copy{left:22px;right:22px;top:auto;bottom:0;transform:none;width:auto;max-width:none}.scene-eyebrow{font-size:10px;margin-bottom:16px;gap:12px}.scene-eyebrow span{font-size:19px;padding-right:12px}.scene-title{font-size:clamp(33px,7.8vw,56px);line-height:1.07;margin-bottom:18px}.scene-description{font-size:14px;line-height:1.7;margin-bottom:22px;max-width:100%}.scene-products{font-size:9px;margin-top:19px;max-width:100%;line-height:1.9}.scene-actions{gap:15px}.scene-actions .button{font-size:10px;min-height:44px;padding:0 16px}.scene-secondary{font-size:11px}.scene-feature{top:25px;right:22px;width:38%;height:180px;max-height:none;transform:translate3d(20px,0,0)}.is-active .scene-feature{transform:none}.scene-feature figcaption{height:32px;font-size:8px;letter-spacing:.07em}.scene-feature__image{height:calc(100% - 32px)}.scene-shade{background:linear-gradient(0deg,#07101a 5%,rgba(5,13,20,.86) 45%,rgba(5,13,20,.25)),linear-gradient(90deg,#07101a55,transparent)}.slider-caption{font-size:8px;letter-spacing:.08em;max-width:45%}.slider-toolbar{bottom:114px;padding-top:12px}.slider-controls{gap:8px;font-size:11px}.scene-cards{bottom:34px;right:0;gap:8px;padding-right:22px}.scene-card,.scene-card.is-active{flex:0 0 140px;height:68px}.scene-card img{display:block;width:35px;height:42px}.scene-card strong{font-size:9px;white-space:normal}.slider-bottom{bottom:10px;font-size:8px}.page-hero{padding-top:155px}.section{padding-top:58px;padding-bottom:58px}}
@media(max-width:380px){.site-header{padding-left:14px;padding-right:14px}.site-header .brand{width:123px;flex-basis:123px}.header-actions{gap:5px}.scene-title{font-size:30px}.commodity-hero{min-height:850px}.scene-description{font-size:14px}.scene-feature{height:155px}.scene-actions{flex-direction:column;align-items:flex-start;gap:7px}}
@media(prefers-reduced-motion:reduce){.commodity-scene,.scene-copy>*,.scene-feature,.scene-feature__image,.scene-feature img,.scene-backdrop{transition:none!important;transform:none!important}.scene-copy{transform:translateY(-45%)!important}.scene-feature{transform:translateY(-45%)!important}.scene-video{display:none}.scroll-in,.reveal{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.scene-copy,.scene-feature{transform:none!important}}