/* Project B / Products page: isolated styles */
.products-page{font-family:var(--font-family,'Inter Tight',Arial,sans-serif);color:#0b2240}.products-container{width:min(1180px,calc(100% - 56px));margin:auto}.products-page *{box-sizing:border-box}.products-page a{text-decoration:none}.products-page em{font-style:normal;color:#0077b6}.products-overline,.products-kicker{font-size:12px;letter-spacing:.15em;font-weight:750;color:#0077b6}.products-skip{position:absolute;top:-100px;left:12px;z-index:100;background:white;padding:12px}.products-skip:focus{top:12px}
.products-header{background:#fff;border-bottom:1px solid #e3eaf0}.products-header-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.products-logo{font:800 29px/1 'Inter Tight',Arial,sans-serif;color:#0b2240;text-decoration:none;letter-spacing:-.06em;white-space:nowrap}.products-logo span{color:#0077b6}.products-logo small{font-size:11px;letter-spacing:.02em;margin-left:7px}.products-nav{display:flex;flex-wrap:wrap;gap:23px}.products-nav a{font:600 13px 'Inter Tight',Arial,sans-serif;color:#0b2240;text-decoration:none}.products-nav a:hover,.products-nav a[aria-current]{color:#0077b6}
.products-hero{padding:55px 0 0;background:#f8f9fa}.products-meta{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #cbd9e6;padding-bottom:17px;font-size:11px;font-weight:700;letter-spacing:.1em;color:#64758a}.products-hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:65px;align-items:end;padding:92px 0 100px}.products-kicker{margin:0 0 25px}.products-hero h1{font-size:clamp(50px,6.5vw,100px);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:750}.products-hero-copy{padding-bottom:7px}.products-hero-copy p{font-size:19px;line-height:1.7;color:#526273;margin:0 0 28px}.products-text-link{font-size:12px;font-weight:750;letter-spacing:.1em;color:#0077b6}.products-ticker{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b8ccdd;padding:22px 0 24px;gap:16px}.products-ticker span{font-size:11px;font-weight:750;letter-spacing:.08em;color:#526273}
.products-intro{padding:95px 0;background:#fff}.products-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.products-intro h2,.products-section-heading h2{font-size:clamp(42px,5vw,74px);line-height:1.07;letter-spacing:-.06em;margin:25px 0 0}.products-intro-grid>p{font-size:19px;line-height:1.85;color:#526273;margin:0}.products-divisions{background:#f8f9fa;padding:100px 0 110px}.products-section-heading{max-width:800px;margin-bottom:55px}.products-section-heading>p{font-size:18px;line-height:1.65;color:#526273;max-width:630px}.products-division-list{display:grid;gap:18px}.products-division{border:1px solid #d4e1ec;background:#fff;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.products-division:hover{transform:translateY(-3px);border-color:#0077b6}.products-division-main{display:grid;grid-template-columns:180px 1fr 75px;gap:22px;min-height:280px;padding:34px 42px;align-items:center}.products-number{align-self:start;font-size:11px;font-weight:750;letter-spacing:.1em;color:#6b7e8e}.products-division h3{font-size:clamp(45px,5.8vw,80px);line-height:.95;letter-spacing:-.07em;margin:0 0 18px}.products-division-main p{font-size:17px;line-height:1.6;max-width:570px;margin:0;color:#526273}.products-division-mark{align-self:start;justify-self:end;font-size:44px;color:#0077b6}.products-division-consumer{background:linear-gradient(110deg,#fff 60%,#e9f4fb)}.products-division-food{background:linear-gradient(110deg,#fff 60%,#eef4ee)}.products-division-chemicals{background:linear-gradient(110deg,#fff 60%,#e9eefb)}.products-division-metals{background:linear-gradient(110deg,#fff 60%,#edf0f4)}
.products-division details{border-top:1px solid #d4e1ec}.products-division summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 42px;font-size:12px;font-weight:800;letter-spacing:.1em;color:#0077b6}.products-division summary::-webkit-details-marker{display:none}.products-division summary span{font-size:22px;line-height:1}.products-division details[open] summary span{transform:rotate(45deg)}.products-detail{padding:0 42px 32px 244px;max-width:1000px}.products-detail p{font-size:16px;line-height:1.7;color:#34495d}.products-detail .products-detail-note{font-size:13px;color:#6c757d}.products-detail a{display:inline-block;margin-top:10px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#0077b6}.products-detail a:hover,.products-text-link:hover{text-decoration:underline}
.products-process{background:#fff;padding:100px 0}.products-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.products-process-grid article{padding:30px 0;border-top:2px solid #0b2240}.products-process-grid article span{font-size:13px;color:#0077b6;font-weight:750}.products-process-grid h3{font-size:34px;letter-spacing:-.04em;margin:24px 0 14px}.products-process-grid p{font-size:16px;line-height:1.7;color:#526273}.products-outro{background:#0b2240;color:white;padding:100px 0}.products-outro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:end}.products-outro span{font-size:12px;letter-spacing:.12em;color:#aaccff;font-weight:750}.products-outro h2{font-size:clamp(45px,6vw,85px);letter-spacing:-.065em;line-height:1.04;margin:26px 0 0}.products-outro h2 em{color:#64bde9}.products-outro-grid p{font-size:19px;line-height:1.7;color:#d6e5f1}.products-outro-grid a{display:inline-block;margin-top:20px;padding:16px 23px;background:#fff;color:#0b2240;font-size:12px;font-weight:800;letter-spacing:.08em}.products-outro-grid a:hover{background:#aaccff}.products-footer{background:#f8f9fa;padding:38px 0;border-top:1px solid #d4e1ec}.products-footer>.products-container{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.products-footer nav{display:flex;flex-wrap:wrap;gap:18px}.products-footer nav a,.products-footer small{font-size:12px;color:#526273;text-decoration:none}.products-footer nav a:hover{color:#0077b6}
@media(prefers-reduced-motion:reduce){.products-division{transition:none}}

/* Direct Metals catalogue button */
.products-division-action{border-top:1px solid #d4e1ec;padding:20px 42px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.products-primary-link{display:inline-flex;padding:15px 22px;background:#0b2240;color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.07em}
.products-primary-link:hover{background:#0077b6}.products-division-action>span{font-size:11px;color:#64758a;letter-spacing:.1em;font-weight:700}

/* Project B v3: compact trading catalogue */
.trading-top{padding:34px 0 64px;background:#f8f9fa}.trading-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:35px 0 25px}.trading-heading h1{font-size:clamp(34px,4.3vw,60px);letter-spacing:-.055em;line-height:1.05;margin:8px 0 0}.trading-heading p:last-child{max-width:370px;font-size:15px;line-height:1.55;color:#526273;margin:0}.trading-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trading-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;min-height:200px;border-radius:15px;padding:19px;overflow:hidden;border:1px solid rgba(11,34,64,.05);transition:transform .2s ease,box-shadow .2s ease}.trading-tile:hover,.trading-tile:focus-visible{transform:translateY(-4px);box-shadow:0 14px 32px rgba(11,34,64,.12)}.tile-metals{background:linear-gradient(140deg,#e3e8ed 0%,#edf0f4 55%,#d4e0eb 100%)}.tile-chemicals{background:linear-gradient(140deg,#dce6fa 0%,#e9eefb 60%,#f2f6ff 100%)}.tile-food{background:linear-gradient(140deg,#e1efe4 0%,#eef4ee 60%,#dbeadd 100%)}.tile-consumer{background:linear-gradient(140deg,#d9ecf9 0%,#e9f4fb 60%,#f3f9ff 100%)}.tile-index{font-size:10px;font-weight:800;letter-spacing:.07em;color:#536b81}.tile-bottom{display:flex;flex-direction:column;gap:12px}.tile-bottom strong{font-size:clamp(21px,2.2vw,31px);line-height:1.05;letter-spacing:-.04em;color:#0b2240}.tile-bottom small{font-size:12px;line-height:1.4;color:#526273;max-width:190px}.tile-arrow{position:absolute;right:18px;bottom:17px;font-size:22px;color:#0077b6}.trading-tile-note{margin:17px 0 0;color:#6c757d;font-size:12px;line-height:1.5}.trading-statement,.trading-approach{padding:85px 0;background:#fff}.trading-approach{background:#f2f6fa}.trading-statement-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.trading-statement h2,.trading-approach h2{font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.06em;margin:20px 0 0}.trading-statement-grid>p{font-size:18px;line-height:1.8;color:#526273}.trading-process{padding:90px 0;background:#fff}.trading-process h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.05em;line-height:1.1;margin:18px 0 44px}.trading-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.trading-process-grid article{border-top:2px solid #0b2240;padding:22px 0}.trading-process-grid article>span{color:#0077b6;font-weight:800;font-size:12px}.trading-process-grid h3{font-size:23px;letter-spacing:-.04em;margin:18px 0 12px}.trading-process-grid p{font-size:14px;line-height:1.65;color:#526273}.trading-origin{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:55px;padding:35px;background:linear-gradient(115deg,#f0f5f9,#e6f0f7);border-radius:12px}.trading-origin h3{font-size:27px;letter-spacing:-.04em;margin:15px 0}.trading-origin p{font-size:14px;line-height:1.65;color:#34495d;margin:0 0 8px}.trading-origin .trading-origin-note{font-size:12px;color:#64758a;margin-top:16px}

/* v4: compact, balanced division cards, keeping the original gradients */
.trading-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1040px;margin-inline:auto}
.trading-tile{aspect-ratio:auto;height:178px;min-height:0;padding:16px;border-radius:13px}
.tile-bottom{gap:7px;padding-right:12px}
.tile-bottom strong{font-size:clamp(20px,2vw,27px)}
.tile-bottom small{font-size:11px;line-height:1.35}
.trading-heading{padding:24px 0 20px}
.trading-top{padding-top:22px;padding-bottom:43px}

/* v5: Three generic trading steps, metal-specific quality is on metals.html. */
.trading-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* v6: polished trading tiles, readable text, balanced typography */
.trading-tiles{max-width:1120px;gap:16px}
.trading-tile{height:226px;min-height:226px;padding:22px;border:1px solid #d8e6f4;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.tile-metals{background:linear-gradient(132deg,#fff 0%,#f5faff 38%,#d5e9fc 100%)}
.tile-chemicals{background:linear-gradient(132deg,#fff 0%,#f4f8ff 38%,#dbe7fb 100%)}
.tile-food{background:linear-gradient(132deg,#fff 0%,#f6fbff 38%,#dcecf4 100%)}
.tile-consumer{background:linear-gradient(132deg,#fff 0%,#f3faff 38%,#d3e9fa 100%)}
.tile-index{font-size:11px;color:#365d80;letter-spacing:.055em}
.tile-bottom{gap:9px;padding-right:16px}
.tile-bottom strong{font-size:clamp(24px,2.2vw,32px);font-weight:800;color:#0b2240;line-height:1.08}
.tile-bottom small{font-size:14px;line-height:1.4;color:#334e68;max-width:220px;font-weight:500}
.tile-arrow{right:19px;bottom:18px;font-size:23px}
.trading-statement h2,.trading-approach h2{font-size:clamp(38px,4vw,56px)}
.trading-statement,.trading-approach{padding:70px 0}

/* Project B / Products responsive styles */
@media(max-width:950px){.products-header-inner{align-items:flex-start;padding:20px 0;flex-direction:column}.products-nav{gap:14px}.products-hero-grid{gap:35px;padding:70px 0}.products-division-main{grid-template-columns:125px 1fr 40px;padding:28px}.products-detail{padding-left:153px}.products-division summary{padding:18px 28px}.products-intro-grid{gap:35px}}
@media(max-width:650px){.products-container{width:min(100% - 36px,1180px)}.products-header-inner{min-height:0}.products-nav{gap:11px 16px}.products-nav a{font-size:12px}.products-meta{font-size:9px}.products-meta span:last-child{text-align:right}.products-hero{padding-top:35px}.products-hero-grid{grid-template-columns:1fr;gap:28px;padding:58px 0}.products-hero h1{font-size:clamp(45px,11vw,70px)}.products-hero-copy p{font-size:16px}.products-ticker{grid-template-columns:repeat(2,1fr);gap:14px}.products-ticker span{font-size:10px}.products-intro,.products-divisions,.products-process,.products-outro{padding:65px 0}.products-intro-grid,.products-outro-grid{grid-template-columns:1fr;gap:22px}.products-intro-grid>p{font-size:16px}.products-section-heading{margin-bottom:35px}.products-section-heading>p{font-size:16px}.products-division-main{grid-template-columns:1fr 35px;min-height:240px;padding:24px;gap:15px}.products-number{grid-column:1/-1}.products-division-main>div{grid-column:1}.products-division-mark{grid-column:2;grid-row:2}.products-division h3{font-size:clamp(46px,12vw,70px)}.products-division-main p{font-size:15px}.products-division summary{padding:18px 24px;font-size:11px}.products-detail{padding:0 24px 25px}.products-process-grid{grid-template-columns:1fr;gap:20px}.products-process-grid article{padding-top:18px}.products-process-grid h3{margin:12px 0}.products-outro h2{font-size:clamp(45px,11vw,70px)}.products-outro-grid p{font-size:16px}.products-footer>.products-container{align-items:flex-start;flex-direction:column}}

@media(max-width:650px){.products-division-action{padding:18px 24px}.products-primary-link{width:100%;justify-content:center}}

/* Compact catalogue responsive rules */
@media(max-width:900px){.trading-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.trading-tile{min-height:200px;max-height:310px}.trading-process-grid{grid-template-columns:repeat(2,1fr)}.trading-statement-grid{gap:30px}}
@media(max-width:650px){.trading-top{padding:20px 0 45px}.trading-heading{display:block;padding:27px 0 20px}.trading-heading p:last-child{margin-top:14px}.trading-tiles{gap:10px}.trading-tile{padding:13px;min-height:0;max-height:none;aspect-ratio:1/1}.tile-index{font-size:8px}.tile-bottom{gap:8px}.tile-bottom strong{font-size:clamp(17px,4.7vw,24px)}.tile-bottom small{font-size:10px;line-height:1.25;padding-right:5px}.tile-arrow{right:10px;bottom:9px;font-size:16px}.trading-statement,.trading-approach,.trading-process{padding:55px 0}.trading-statement-grid,.trading-origin{grid-template-columns:1fr;gap:20px}.trading-statement-grid>p{font-size:16px}.trading-process-grid{grid-template-columns:1fr 1fr;gap:12px}.trading-process-grid h3{font-size:19px}.trading-process-grid p{font-size:13px}.trading-origin{padding:22px;margin-top:30px}}
@media(max-width:380px){.tile-bottom strong{font-size:16px}.tile-bottom small{font-size:9px}.tile-index{font-size:7px}}
@media(prefers-reduced-motion:reduce){.trading-tile{transition:none}}

/* v4: compact cards at every screen width */
@media(max-width:900px){.trading-tiles{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px}.trading-tile{height:170px;min-height:0;max-height:none;aspect-ratio:auto}}
@media(max-width:650px){.trading-tiles{gap:10px}.trading-tile{height:145px;min-height:0;aspect-ratio:auto;padding:12px}.tile-bottom{gap:5px}.tile-bottom strong{font-size:clamp(17px,4.4vw,22px)}.tile-bottom small{font-size:10px;line-height:1.25}.trading-top{padding-bottom:34px}}
@media(max-width:380px){.trading-tile{height:140px}.tile-bottom small{font-size:9px}}

/* v6: keep all four divisions visible without overly tall mobile cards */
@media(max-width:900px){.trading-tile{height:205px;min-height:205px;padding:20px}.tile-bottom small{font-size:13px}}
@media(max-width:650px){.trading-tiles{gap:11px}.trading-tile{height:175px;min-height:175px;padding:14px}.tile-index{font-size:9px}.tile-bottom{gap:6px;padding-right:8px}.tile-bottom strong{font-size:clamp(18px,4.8vw,24px)}.tile-bottom small{font-size:11px;line-height:1.3}.tile-arrow{right:10px;bottom:9px;font-size:17px}.trading-statement h2,.trading-approach h2{font-size:clamp(36px,8vw,48px)}}
@media(max-width:380px){.trading-tile{height:170px}.tile-bottom small{font-size:10px}}
