:root{--bg:#071826;--panel:#0c2334;--panel2:#0b1d2c;--ink:#f8f6ef;--muted:#c9d3d5;--accent:#d9a93c;--accent2:#f1cb6a;--line:rgba(217,169,60,.36);--glass:rgba(4,18,27,.76);--shadow:0 18px 52px rgba(0,0,0,.28);--hero-grad:linear-gradient(90deg,rgba(4,18,27,.96) 0%,rgba(4,18,27,.83) 33%,rgba(4,18,27,.18) 68%,rgba(4,18,27,.1) 100%);--section-grad:linear-gradient(90deg,rgba(4,18,27,.93) 0%,rgba(4,18,27,.76) 41%,rgba(4,18,27,.28) 72%,rgba(4,18,27,.12) 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.52 Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:24px;min-height:82px;padding:8px clamp(18px,3vw,50px);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:340px;font:700 15px/1.1 Georgia,serif}.brand img{width:88px;height:70px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.18))}.nav{margin-left:auto;display:flex;align-items:center;gap:25px;font-weight:800;font-size:13px}.nav>a,.dropbtn{padding:10px 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.nav>a.active{color:var(--accent2);border-bottom:2px solid var(--accent2)}.drop{position:relative}.dropmenu{position:absolute;top:46px;left:-20px;display:none;width:245px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.drop.open .dropmenu{display:grid}.dropmenu a{padding:10px 12px;border-radius:10px}.dropmenu a:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.header-actions{display:flex;gap:10px;align-items:center}.call,.wa,.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:11px 18px;font-weight:900;border:1px solid var(--accent);transition:.25s}.wa,.primary{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#07131a}.ghost,.call{background:transparent;color:var(--ink)}.wa:hover,.primary:hover,.ghost:hover,.call:hover{transform:translateY(-2px);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 25%,transparent)}.hamb{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;padding:9px 11px;font-size:20px}.photo-section{position:relative;isolation:isolate;overflow:hidden}.photo-section::before{content:"";position:absolute;inset:-3%;z-index:-2;background-image:var(--photo);background-size:cover;background-position:center;transform:scale(1.03);animation:photoDrift 20s ease-in-out infinite alternate}.photo-section::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--section-grad)}@keyframes photoDrift{from{transform:scale(1.03) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.1%,.7%,0)}}.hero{min-height:690px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero::after{background:var(--hero-grad)}.hero-copy{width:min(760px,54%);padding:78px 0 70px clamp(30px,5vw,78px)}small{letter-spacing:2.8px;color:var(--accent2);font-weight:900}.hero h1,.aboutband h2,.section h2,.supply h2,.impact h2,.inner-hero h1,.prose h2,.visual-band h2,.contact-page h2{font-family:Georgia,serif;line-height:.98;margin:13px 0 19px}.hero h1{font-size:clamp(54px,5.8vw,92px);text-wrap:balance}.hero p,.aboutcopy p,.supply p,.impact p,.prose p,.visual-band p,.contact-page p{color:var(--muted);max-width:720px;font-size:16px}.actions{display:flex;gap:12px;margin:26px 0}.micro{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;color:var(--accent2);font-weight:800;font-size:12px}.edge-message{position:absolute;right:clamp(24px,4vw,65px);bottom:38px;width:220px;text-align:right;letter-spacing:2px;line-height:1.35;font-weight:900;color:var(--ink);opacity:.92}.aboutband{min-height:520px;display:grid;grid-template-columns:52% 48%;align-items:center;border-bottom:1px solid var(--line)}.aboutband::after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 90%,transparent) 37%,color-mix(in srgb,var(--bg) 46%,transparent) 67%,color-mix(in srgb,var(--bg) 16%,transparent) 100%)}.aboutcopy{padding:62px 28px 58px clamp(30px,5vw,78px)}.aboutband h2,.section h2,.supply h2,.impact h2,.prose h2,.visual-band h2,.contact-page h2{font-size:clamp(34px,3.5vw,55px)}.about-points{width:min(410px,82%);justify-self:center;display:grid;gap:13px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--glass);backdrop-filter:blur(10px)}.about-points span{display:grid;grid-template-columns:42px 1fr;column-gap:10px}.about-points i{grid-row:1/3;font-style:normal;font-size:28px;color:var(--accent2)}.about-points b{font-size:14px}.about-points em{font-style:normal;color:var(--muted);font-size:12px}.section{padding:54px clamp(22px,3.5vw,56px);border-bottom:1px solid var(--line);position:relative}.section-head{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:end;margin-bottom:24px}.section-head p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-card{position:relative;background:color-mix(in srgb,var(--panel) 91%,transparent);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08);transition:.28s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--accent)}.card-photo{height:155px;overflow:hidden;background:var(--panel2)}.card-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.5s}.service-card:hover .card-photo img{transform:scale(1.045)}.card-icon{position:absolute;top:132px;left:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--accent);color:var(--accent2);font-size:20px}.service-card h3{font:700 20px/1.1 Georgia;margin:30px 14px 8px}.service-card p{color:var(--muted);font-size:12px;min-height:78px;margin:0 14px}.service-card a{display:inline-block;margin:11px 14px 16px;color:var(--accent2);font-weight:900}.resource{min-height:510px}.resource::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 91%,transparent),color-mix(in srgb,var(--bg) 82%,transparent))}.commodity-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:7px}.commodity-card{background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:center;transition:.25s}.commodity-card:hover{transform:translateY(-5px);border-color:var(--accent)}.commodity-photo{height:115px;overflow:hidden}.commodity-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--pos) center}.commodity-card b{display:block;padding:9px 5px 10px;font-size:11px}.supply{min-height:430px;display:grid;grid-template-columns:37% 63%;align-items:center;border-bottom:1px solid var(--line)}.supply::after{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 78%,transparent) 42%,color-mix(in srgb,var(--bg) 35%,transparent) 100%)}.supply-copy{padding:54px 26px 54px clamp(30px,5vw,78px)}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:28px 34px}.flow-step{min-height:112px;display:grid;align-content:center;justify-items:center;text-align:center;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--glass) 90%,transparent);backdrop-filter:blur(8px);transition:.25s}.flow-step:hover{transform:translateY(-5px);border-color:var(--accent)}.flow-step i{font-style:normal;color:var(--accent2);font-size:29px}.flow-step b{font-size:11px;line-height:1.15;margin-top:6px;max-width:95px}.impact{min-height:420px;display:grid;grid-template-columns:52% 48%;align-items:center;border-bottom:1px solid var(--line)}.impact::after{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 78%,transparent) 50%,color-mix(in srgb,var(--bg) 30%,transparent))}.impact-copy{padding:55px 28px 52px clamp(30px,5vw,78px)}.sustain-points{display:grid;gap:12px;width:min(400px,80%);padding:22px;background:var(--glass);border:1px solid var(--line);border-radius:17px}.sustain-points span{display:flex;align-items:center;gap:12px}.sustain-points i{font-style:normal;color:var(--accent2);font-size:24px}.contactbar{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:10px;align-items:center;padding:26px clamp(22px,3.5vw,56px);border-bottom:1px solid var(--line);background:linear-gradient(110deg,var(--panel),var(--bg))}.contactbar h2{font-size:30px;margin:5px 0}.contactbar p{color:var(--muted);font-size:12px;margin:0}.contactchip{display:grid;gap:3px;padding:13px;border:1px solid var(--line);border-radius:12px;font-size:11px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.contactchip b{font-size:12px}.contactchip.wa{color:inherit;background:color-mix(in srgb,#19c96a 14%,var(--panel))}footer{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:27px;padding:46px clamp(24px,3.5vw,56px) 20px;background:var(--bg)}footer h4{color:var(--accent2);margin:0 0 8px}footer>div{display:flex;flex-direction:column;gap:6px}footer a{font-size:12px;color:var(--muted)}.footer-brand img{width:198px;height:126px;object-fit:contain;object-position:left center}.footer-brand p{color:var(--muted);font-size:12px}.copyright{grid-column:1/-1!important;display:block!important;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:11px}.socials{display:flex;gap:7px;align-items:center}.social{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:900;transition:.25s}.social:hover{transform:translateY(-4px) rotate(-4deg)}.li{background:#0a66c2}.fb{background:#1877f2}.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.yt{background:#f00}.x{background:#111}.floating-wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#20c76a;color:#fff;font-size:27px;box-shadow:var(--shadow);z-index:80}.inner-hero{min-height:560px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.inner-hero::after{background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 86%,transparent) 40%,color-mix(in srgb,var(--bg) 25%,transparent) 80%)}.inner-copy{padding:68px clamp(26px,5vw,78px);max-width:820px}.inner-hero h1{font-size:clamp(58px,6vw,96px);margin-bottom:22px}.inner-hero p{font-size:18px;max-width:720px;color:var(--muted)}.rich-section{position:relative;padding:58px clamp(24px,4vw,65px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 35%),var(--bg)}.prose-intro{max-width:900px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.feature{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:15px;padding:22px;transition:.25s}.feature:hover{transform:translateY(-5px);border-color:var(--accent)}.feature i{font-style:normal;color:var(--accent2);font-size:30px}.feature h3{font:700 20px Georgia;margin:10px 0}.feature p{font-size:12px}.inner-flow{margin-top:32px;padding:0}.visual-band{min-height:370px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.visual-band::after{background:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 72%,transparent) 48%,color-mix(in srgb,var(--bg) 20%,transparent))}.visual-band>div{padding:55px clamp(24px,4vw,65px);max-width:760px}.mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mini-card{display:grid;gap:8px;padding:20px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);transition:.25s}.mini-card:hover{transform:translateY(-5px);border-color:var(--accent)}.mini-card i{font-style:normal;color:var(--accent2);font-size:26px}.mini-card span{color:var(--muted);font-size:12px}.commodity-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.commodity-detail{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--panel)}.commodity-detail .commodity-photo{height:180px}.commodity-detail h3{font:700 20px Georgia;margin:14px 15px 7px}.commodity-detail p{color:var(--muted);font-size:12px;margin:0 15px 17px}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:58px clamp(24px,4vw,65px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 10% 50%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 35%),var(--bg)}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.contact-list>a,.contact-list>span{display:grid;gap:3px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.contact-list span span,.contact-list a span{color:var(--muted);font-size:12px}.contact-page form{display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.contact-page label{display:grid;gap:5px;font-weight:800}.contact-page input,.contact-page textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.contact-page textarea{min-height:155px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}
.theme-light{--bg:#fffdf7;--panel:#ffffff;--panel2:#f5f8fb;--ink:#0e284d;--muted:#4c637d;--accent:#d69a21;--accent2:#e5ae36;--line:rgba(214,154,33,.34);--glass:rgba(255,255,255,.84);--shadow:0 20px 55px rgba(51,77,105,.15);--hero-grad:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.95) 31%,rgba(255,253,247,.4) 59%,rgba(255,253,247,.06) 100%);--section-grad:linear-gradient(90deg,rgba(255,253,247,.96),rgba(255,253,247,.83) 42%,rgba(255,253,247,.2) 78%)}.theme-light .header{background:rgba(255,255,255,.94)}.theme-light .ghost,.theme-light .call{color:var(--ink)}.theme-light .aboutband::after{background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.92) 38%,rgba(255,253,247,.28) 78%)}.theme-light .supply::after,.theme-light .impact::after,.theme-light .inner-hero::after,.theme-light .visual-band::after{background:linear-gradient(90deg,#fffdf7 0%,rgba(255,253,247,.88) 46%,rgba(255,253,247,.18) 82%)}
.theme-navy{--bg:#061a29;--panel:#0a2538;--panel2:#0b2131;--ink:#fffaf0;--muted:#cad8df;--accent:#d8a83c;--accent2:#f3cd70;--line:rgba(218,171,63,.38);--glass:rgba(5,22,34,.78)}
.theme-green{--bg:#03261f;--panel:#07372c;--panel2:#062e27;--ink:#f5fff9;--muted:#c8ded5;--accent:#35dc91;--accent2:#78f2b7;--line:rgba(82,233,160,.34);--glass:rgba(3,38,31,.8);--hero-grad:linear-gradient(90deg,rgba(2,36,28,.98) 0%,rgba(2,36,28,.86) 34%,rgba(2,36,28,.24) 70%,rgba(2,36,28,.07) 100%);--section-grad:linear-gradient(90deg,rgba(2,36,28,.94),rgba(2,36,28,.76) 43%,rgba(2,36,28,.18) 80%)}.theme-green .photo-section::before{filter:saturate(1.18) hue-rotate(6deg)}.theme-green .wa,.theme-green .primary{background:linear-gradient(135deg,#75f3b6,#29cf85)}
@media(max-width:1150px){.brand{min-width:280px}.brand span{font-size:12px}.nav{gap:17px}.service-grid{grid-template-columns:repeat(3,1fr)}.commodity-grid{grid-template-columns:repeat(6,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.mini-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.header{display:grid;grid-template-columns:auto auto 1fr;gap:8px}.brand{order:1;min-width:0}.brand span{display:none}.brand img{width:68px;height:56px}.header-actions{display:contents}.hamb{display:block;order:2;justify-self:start}.header-actions>.wa{order:3;justify-self:end}.header-actions>.call{display:none}.nav{display:none;position:absolute;top:74px;left:12px;right:12px;flex-direction:column;align-items:stretch;background:var(--panel);padding:14px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.nav.open{display:flex}.dropmenu{position:static;width:100%;margin-top:8px}.hero{min-height:620px}.hero-copy{width:100%;padding:72px 22px 58px}.hero h1{font-size:clamp(48px,11vw,72px)}.hero::after{background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 54%,color-mix(in srgb,var(--bg) 40%,transparent) 100%)}.edge-message{display:none}.aboutband,.supply,.impact{grid-template-columns:1fr}.aboutband{align-items:end;padding-top:140px}.aboutcopy{padding:38px 22px}.about-points{margin:0 22px 28px}.section-head{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.commodity-grid{grid-template-columns:repeat(3,1fr)}.supply-copy,.impact-copy{padding:46px 22px}.flow{grid-template-columns:repeat(3,1fr);padding:20px 22px 32px}.sustain-points{margin:0 22px 30px}.contactbar{grid-template-columns:1fr 1fr}.contactbar>div{grid-column:1/-1}.inner-hero{min-height:520px}.inner-copy{padding:64px 22px}.feature-grid,.mini-grid,.commodity-detail-grid,.contact-page{grid-template-columns:1fr 1fr}.contact-page{padding:45px 22px}.visual-band>div,.rich-section,.section{padding-left:22px;padding-right:22px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.copyright{grid-column:1/-1!important}}
@media(max-width:540px){.hero{min-height:590px}.hero-copy{padding-top:54px}.hero p{font-size:14px}.micro{gap:8px 14px}.actions{flex-wrap:wrap}.service-grid{grid-template-columns:1fr 1fr}.card-photo{height:105px}.service-card h3{font-size:16px}.service-card p{min-height:92px;font-size:11px}.commodity-grid{grid-template-columns:repeat(2,1fr)}.commodity-photo{height:105px}.flow{grid-template-columns:repeat(2,1fr)}.flow-step{min-height:104px}.feature-grid,.mini-grid,.commodity-detail-grid,.contact-page{grid-template-columns:1fr}.contact-list{grid-template-columns:1fr}.contactbar{grid-template-columns:1fr}.contactbar>div{grid-column:auto}footer{grid-template-columns:1fr 1fr;padding:35px 18px 18px}.footer-brand{grid-column:1/-1}.inner-hero h1{font-size:52px}.brand img{width:62px}.header-actions>.wa{padding:9px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.photo-section::before{animation:none}.reveal{opacity:1;transform:none;transition:none}.social:hover,.service-card:hover,.commodity-card:hover,.feature:hover,.mini-card:hover,.flow-step:hover{transform:none}}

/* commodity demo blank slots: intentionally no repeated product images */
.commodity-photo{position:relative;background:
  radial-gradient(circle at 28% 28%,color-mix(in srgb,var(--accent) 16%,transparent) 0 14%,transparent 15%),
  radial-gradient(circle at 72% 68%,color-mix(in srgb,var(--accent2) 12%,transparent) 0 12%,transparent 13%),
  linear-gradient(135deg,color-mix(in srgb,var(--panel2) 96%,var(--accent) 4%),color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%));
  border-bottom:1px solid var(--line);
}
.commodity-photo::before{content:"";position:absolute;inset:18% 14%;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:16px;opacity:.65;}
.commodity-photo::after{content:"";position:absolute;left:22%;right:22%;top:50%;height:1px;background:color-mix(in srgb,var(--accent2) 28%,transparent);box-shadow:0 -18px 0 color-mix(in srgb,var(--accent) 12%,transparent),0 18px 0 color-mix(in srgb,var(--accent) 12%,transparent);}


/* === AJK visual-richness pass: unique related imagery + motion === */
.decor-section{position:relative;isolation:isolate;overflow:hidden}
.decor-section::before{content:"";position:absolute;inset:0;background-image:var(--section-photo);background-size:cover;background-position:center;opacity:.16;z-index:-2;transform:scale(1.035);animation:sectionPan 22s ease-in-out infinite alternate}
.decor-section::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 48%,color-mix(in srgb,var(--bg) 68%,transparent) 100%)}
.theme-light .decor-section::before{opacity:.20;filter:saturate(.92)}
.theme-light .decor-section::after{background:linear-gradient(90deg,rgba(255,253,247,.96),rgba(255,253,247,.86) 46%,rgba(255,253,247,.70))}
.theme-green .decor-section::before{opacity:.24;filter:saturate(1.22) hue-rotate(4deg)}
.feature.has-photo,.mini-card.has-photo{overflow:hidden;position:relative;background:color-mix(in srgb,var(--panel) 93%,transparent)}
.feature.has-photo::before,.mini-card.has-photo::before{content:"";display:block;height:132px;margin:-22px -22px 16px;background-image:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--panel) 58%,transparent)),var(--card-img);background-size:cover;background-position:center;transition:transform .55s ease,filter .55s ease;animation:cardDrift 18s ease-in-out infinite alternate}
.mini-card.has-photo::before{height:118px;margin:-20px -20px 12px;grid-column:1/-1}
.feature.has-photo:hover::before,.mini-card.has-photo:hover::before{transform:scale(1.055);filter:saturate(1.13)}
.commodity-photo{background-image:var(--card-img)!important;background-size:cover!important;background-position:center!important;animation:cardDrift 20s ease-in-out infinite alternate}
.commodity-photo::before,.commodity-photo::after{display:none!important}
.commodity-card .commodity-photo{transition:transform .5s ease,filter .5s ease}
.commodity-card:hover .commodity-photo,.commodity-detail:hover .commodity-photo{transform:scale(1.055);filter:saturate(1.12)}
.photo-flow{position:relative;overflow:hidden;border-radius:20px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.photo-flow::before{content:"";position:absolute;inset:0;background-image:var(--flow-photo);background-size:cover;background-position:center;opacity:.20;animation:sectionPan 20s ease-in-out infinite alternate}
.photo-flow>*{position:relative;z-index:1;backdrop-filter:blur(2px)}
.contactbar.visual-contact{position:relative;isolation:isolate;overflow:hidden}
.contactbar.visual-contact::before{content:"";position:absolute;inset:0;background-image:var(--contact-photo);background-size:cover;background-position:center;opacity:.14;z-index:-2;animation:sectionPan 20s ease-in-out infinite alternate}
.contactbar.visual-contact::after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 83%,transparent);z-index:-1}
@keyframes cardDrift{0%{background-position:48% 50%}100%{background-position:54% 46%}}
@keyframes sectionPan{0%{background-position:46% 50%;transform:scale(1.035)}100%{background-position:56% 48%;transform:scale(1.075)}}
@media(max-width:860px){.feature.has-photo::before,.mini-card.has-photo::before{height:112px}.decor-section::before{opacity:.13}.theme-green .decor-section::before{opacity:.19}}
@media(prefers-reduced-motion:reduce){.decor-section::before,.feature.has-photo::before,.mini-card.has-photo::before,.commodity-photo,.photo-flow::before,.contactbar.visual-contact::before{animation:none!important}}

/* === FINAL EARTHY NATURAL-RESOURCES THEME === */
body{background-image:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent2) 6%,transparent),transparent 28%),linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 94%,#6a5b3c 6%));}
.brand img{width:78px;height:78px;border-radius:50%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 16px rgba(0,0,0,.22));}
.footer-brand img{width:138px;height:138px;border-radius:50%;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));}
.brand-slogan{font-weight:900!important;letter-spacing:2.1px;color:var(--accent2)!important;font-size:10px!important;}
.hero-slogan,.vision-inline{font-weight:700;color:color-mix(in srgb,var(--ink) 86%,var(--accent2) 14%)!important;max-width:660px;}
.vision-note{margin:22px 0 0;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:0 16px 42px rgba(0,0,0,.08)}
.vision-note h3{margin:0 0 8px;font:700 24px/1.1 Georgia,serif;color:var(--accent2)}
.vision-note p{margin:0!important}
.eu-desk{grid-column:1/-1;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important}
.eu-desk span{font-weight:700;color:var(--ink)!important}

.theme-light{--bg:#f4efe4;--panel:#fffaf0;--panel2:#ebe2d2;--ink:#17372e;--muted:#5d685e;--accent:#b98a45;--accent2:#8b6b36;--line:rgba(122,96,52,.31);--glass:rgba(255,250,240,.84);--shadow:0 20px 55px rgba(69,58,39,.14);--hero-grad:linear-gradient(90deg,rgba(244,239,228,.94) 0%,rgba(244,239,228,.84) 31%,rgba(244,239,228,.30) 61%,rgba(244,239,228,.04) 100%);--section-grad:linear-gradient(90deg,rgba(244,239,228,.90),rgba(244,239,228,.72) 42%,rgba(244,239,228,.12) 82%)}
.theme-light .header{background:rgba(248,244,235,.94)}
.theme-light .photo-section::before{filter:saturate(1.06) contrast(1.02)}
.theme-light .aboutband::after{background:linear-gradient(90deg,rgba(244,239,228,.95) 0%,rgba(244,239,228,.80) 39%,rgba(244,239,228,.18) 79%)}
.theme-light .supply::after,.theme-light .impact::after,.theme-light .inner-hero::after,.theme-light .visual-band::after{background:linear-gradient(90deg,rgba(244,239,228,.93) 0%,rgba(244,239,228,.73) 48%,rgba(244,239,228,.12) 85%)}
.theme-light .primary,.theme-light .wa{color:#17251f;background:linear-gradient(135deg,#d9bd7e,#b98a45)}

.theme-navy{--bg:#10271f;--panel:#17352b;--panel2:#1d4033;--ink:#f7f1e4;--muted:#cbd4ca;--accent:#b89554;--accent2:#e0c47c;--line:rgba(205,177,116,.35);--glass:rgba(16,39,31,.76);--hero-grad:linear-gradient(90deg,rgba(13,34,27,.93) 0%,rgba(13,34,27,.79) 34%,rgba(13,34,27,.24) 69%,rgba(13,34,27,.04) 100%);--section-grad:linear-gradient(90deg,rgba(13,34,27,.89),rgba(13,34,27,.69) 45%,rgba(13,34,27,.12) 82%)}
.theme-navy .photo-section::before{filter:saturate(1.12) sepia(.08) hue-rotate(330deg)}
.theme-navy .wa,.theme-navy .primary{background:linear-gradient(135deg,#e0c47c,#a67e3d);color:#12251e}

.theme-green{--bg:#0b3529;--panel:#124638;--panel2:#173f34;--ink:#f7f2e7;--muted:#cadacf;--accent:#c5a55e;--accent2:#7bd0a2;--line:rgba(190,168,106,.34);--glass:rgba(8,48,37,.76);--hero-grad:linear-gradient(90deg,rgba(8,48,37,.92) 0%,rgba(8,48,37,.77) 34%,rgba(8,48,37,.20) 70%,rgba(8,48,37,.04) 100%);--section-grad:linear-gradient(90deg,rgba(8,48,37,.88),rgba(8,48,37,.66) 45%,rgba(8,48,37,.10) 82%)}
.theme-green .photo-section::before{filter:saturate(1.16) contrast(1.03) hue-rotate(1deg)}
.theme-green .wa,.theme-green .primary{background:linear-gradient(135deg,#d4b96e,#74b58b);color:#0c2b21}
.theme-green .decor-section::before{opacity:.31!important;filter:saturate(1.18) contrast(1.02)}

/* Keep backgrounds visible while maintaining readable copy */
.theme-navy .decor-section::before{opacity:.26!important}
.theme-light .decor-section::before{opacity:.28!important}
.photo-section::before{background-position:center;}
.resource::after{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 76%,transparent),color-mix(in srgb,var(--bg) 65%,transparent))}
.theme-light .resource::after{background:linear-gradient(180deg,rgba(244,239,228,.72),rgba(244,239,228,.60))}
.commodity-card,.commodity-detail{box-shadow:0 14px 34px rgba(0,0,0,.12);background:color-mix(in srgb,var(--panel) 88%,transparent)}
.commodity-photo{height:145px!important;background-size:cover!important;background-position:center!important;}
.commodity-detail .commodity-photo{height:180px!important}
.commodity-card b{font-size:12px;padding:10px 6px 12px}

@media(max-width:860px){.brand img{width:64px;height:64px}.footer-brand img{width:112px;height:112px}.commodity-photo{height:122px!important}.commodity-detail .commodity-photo{height:160px!important}}
@media(max-width:540px){.brand img{width:58px;height:58px}.commodity-photo{height:112px!important}}


/* AJK approved gold / evergreen typographic revision — retains all approved photography */
body{--ajk-gold:#d5b16b;--ajk-green:#174b39;--ajk-soft:#e5d2a2}
.theme-light{--ink:#193e32;--muted:#4b6255;--accent:#ad802e;--accent2:#7a5c21;--ajk-gold:#986b19;--ajk-green:#1d563f;--ajk-soft:#c2a46f}
.theme-navy{--bg:#102a22;--panel:#18372c;--panel2:#204638;--ink:#fff3d9;--muted:#d4d6c4;--accent:#ceaa62;--accent2:#f4d895;--ajk-gold:#f2d18b;--ajk-green:#6acba1;--ajk-soft:#d6ba7d}
.theme-green{--bg:#093325;--panel:#104638;--panel2:#155140;--ink:#fdf7e8;--muted:#d1e1d0;--accent:#d5ac60;--accent2:#f0d48d;--ajk-gold:#f2d38b;--ajk-green:#91e2b7;--ajk-soft:#e7c57a}
.header,.dropmenu,.commodity-card,.commodity-detail,.service-card,.feature,.member-card,.policy-card{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}
.brand,.nav>a,.dropbtn,footer h4{color:var(--ajk-gold)}
.hero h1,.inner-hero h1,.aboutband h2,.section h2,.supply h2,.impact h2,.prose h2,.visual-band h2,.contactbar h2,.membership-main h1,.membership-main h2{color:var(--ajk-gold);text-shadow:0 1px 16px color-mix(in srgb,var(--bg) 22%,transparent)}
.theme-light .hero h1,.theme-light .inner-hero h1,.theme-light .aboutband h2,.theme-light .section h2,.theme-light .supply h2,.theme-light .impact h2,.theme-light .membership-main h1,.theme-light .membership-main h2{color:#285640;text-shadow:none}
.theme-light small,.theme-light footer h4,.theme-light .brand-slogan,.theme-light .nav>a.active{color:#94641a!important}
h3,.commodity-card b,.feature h3,.service-card h3,.member-card h3,.policy-card h3{color:var(--ajk-soft)}
.theme-light h3,.theme-light .commodity-card b,.theme-light .feature h3{color:#37624a}
p,.commodity-card p,.membership-main p{line-height:1.56}
footer a:hover,.nav>a:hover,.dropmenu a:hover,.membership-main a:hover{color:var(--accent2)}
.brand img{width:78px;height:78px;object-fit:contain!important;border-radius:0!important;object-position:center!important;overflow:visible!important}
.footer-brand img{width:145px;height:145px;object-fit:contain!important;border-radius:0!important;object-position:center!important}
.header{overflow:visible}.brand{overflow:visible}.header-actions{flex-shrink:0}.nav{gap:clamp(10px,1.2vw,19px)}
.member-nav{white-space:nowrap}.member-nav.active{color:var(--accent2);border-bottom:2px solid var(--accent2)}
/* Product sector tabs: four honest editorial panels, not repeated or screenshot-cropped product imagery. */
.additional-products{background:linear-gradient(125deg,color-mix(in srgb,var(--bg) 87%,var(--accent) 13%),var(--bg));}
.additional-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.additional-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 89%,transparent);transition:transform .25s,border-color .25s,box-shadow .25s;scroll-margin-top:110px}
.additional-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 36px rgba(0,0,0,.15)}
.additional-art{height:155px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#163e32,#26553d 48%,#8a713f 160%);border-bottom:1px solid var(--line)}
.additional-art::before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(ellipse at 18% 20%,rgba(231,201,126,.22),transparent 43%),repeating-linear-gradient(-34deg,transparent 0 27px,rgba(211,175,107,.055) 27px 28px);animation:resourceSheen 15s ease-in-out infinite alternate}
.additional-art-ring{position:absolute;width:125px;height:125px;border:1px solid rgba(232,198,126,.35);border-radius:50%;box-shadow:inset 0 0 22px rgba(8,25,19,.35),0 0 30px rgba(8,25,19,.2)}
.additional-art svg{height:72px;width:72px;stroke:#e6ca8a;stroke-width:2.1;fill:none;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 4px 10px rgba(0,0,0,.23));transition:transform .3s}
.additional-card:hover svg{transform:scale(1.08) translateY(-3px)}
.art-apparel{background:linear-gradient(140deg,#133f33,#264c46 54%,#77653f 145%)}.art-safety{background:linear-gradient(140deg,#123b30,#526a48 68%,#ab883f 140%)}.art-surgical{background:linear-gradient(140deg,#10382e,#215a52 65%,#587e70 145%)}
.additional-content{display:grid;gap:12px;padding:21px 18px 22px;flex:1;align-content:start}
.additional-content b,.additional-content h3{font:700 21px/1.16 Georgia,serif;color:var(--ajk-gold);margin:0}
.additional-content em,.additional-content p{font-style:normal;color:var(--muted);font-size:13px;margin:0}
.additional-arrow{color:var(--accent2);font-size:12px;font-weight:900;letter-spacing:.3px;margin-top:auto}
.theme-light .additional-content h3,.theme-light .additional-content b{color:#306149}
.product-directory .additional-art{height:160px}.product-directory .additional-content{min-height:190px}
@keyframes resourceSheen{to{transform:translate3d(4%,2%,0) rotate(3deg)}}
/* Detailed membership + partnership page */
.membership-hero{min-height:520px}.membership-hero .inner-copy{max-width:800px}.membership-hero h1{font-size:clamp(45px,5vw,77px)}
.membership-lede{font-size:12px!important;font-weight:900;color:var(--accent2)!important;letter-spacing:2px}
.membership-intro-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:35px;align-items:center;max-width:1350px;margin:auto}
.membership-intro-grid p{max-width:770px;color:var(--muted)}
.membership-quote{display:grid;gap:19px;padding:35px;border:1px solid var(--line);border-left:4px solid var(--accent);background:color-mix(in srgb,var(--glass) 82%,transparent);border-radius:22px;backdrop-filter:blur(8px)}
.membership-quote span{letter-spacing:3px;color:var(--accent2);font-size:11px;font-weight:900}
.membership-quote b{font:700 clamp(36px,4vw,58px)/1.02 Georgia,serif;color:var(--ajk-gold)}
.member-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.member-card{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 91%,transparent);padding:22px;transition:transform .25s,border-color .25s}
.member-card:hover,.policy-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.member-card>span{font-size:39px;color:var(--accent2);display:block;margin-bottom:10px}
.member-card h3{font:700 22px/1.15 Georgia,serif;margin:8px 0}
.member-card p{font-size:13px;color:var(--muted)}.member-card em{font-size:12px;color:var(--accent2);font-style:normal}
.membership-vision{min-height:450px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:65px clamp(22px,5vw,78px);gap:30px}
.membership-vision::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 93%,transparent),color-mix(in srgb,var(--bg) 74%,transparent) 55%,color-mix(in srgb,var(--bg) 34%,transparent))}
.membership-vision h2{font-size:clamp(35px,4vw,60px);line-height:1.02;margin:13px 0}
.membership-vision p{color:var(--muted);max-width:630px}.membership-values{display:grid;gap:12px;justify-self:end;width:min(370px,100%)}.membership-values span{padding:14px 20px;background:var(--glass);border:1px solid var(--line);border-radius:11px;color:var(--ajk-gold);font-weight:800;backdrop-filter:blur(8px)}
.member-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.member-portfolio-grid a{display:block;padding:23px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 91%,transparent);transition:.25s}
.member-portfolio-grid a:hover{transform:translateY(-4px);border-color:var(--accent)}
.member-portfolio-grid b{font:700 23px Georgia,serif;color:var(--ajk-gold)}.member-portfolio-grid p{color:var(--muted);font-size:13px}
.policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.policy-card{padding:24px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:16px;transition:.25s}.policy-card h3{font-size:24px;font-family:Georgia,serif;margin:0 0 10px}.policy-card p{color:var(--muted);margin:0}.policy-deep{margin-top:18px;padding:26px;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--panel) 90%,transparent);border-radius:12px}.policy-deep h3{font:700 28px Georgia,serif}.policy-deep p{color:var(--muted)}
.member-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.member-steps article{padding:23px;border-radius:16px;border:1px solid var(--line);background:var(--panel)}.member-steps span{font-size:35px;color:var(--accent2)}.member-steps h3{font:700 23px Georgia,serif}.member-steps p{font-size:13px;color:var(--muted)}
.membership-apply{padding:68px clamp(23px,4vw,58px);}.membership-apply::after{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 93%,transparent),color-mix(in srgb,var(--bg) 82%,transparent) 58%,color-mix(in srgb,var(--bg) 68%,transparent))}
.membership-form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:38px;max-width:1300px;margin:auto}
.membership-apply-copy h2{font-size:clamp(40px,4vw,65px)}.membership-apply-copy p{max-width:470px}.apply-meta{display:grid;gap:15px;margin-top:24px;font-weight:700;color:var(--accent2)}
.membership-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:27px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(12px)}
.membership-form h3{grid-column:1/-1;font:700 28px Georgia,serif;margin:0 0 5px}.membership-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--ajk-gold)}
.membership-form input,.membership-form select,.membership-form textarea{width:100%;min-width:0;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--ink);border-radius:10px;padding:13px 14px;font:14px/1.4 Arial,Helvetica,sans-serif}
.membership-form input:focus,.membership-form select:focus,.membership-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.membership-form option{color:#1d372b;background:#fff7e8}
.membership-form .form-wide{grid-column:1/-1}.form-hint{font-size:12px;color:var(--muted)}.form-feedback{color:var(--accent2);font-size:13px;margin:0}
.member-banner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px clamp(24px,4vw,58px);display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(100deg,var(--panel),var(--bg))}
.member-banner h2{font:700 clamp(25px,3vw,38px)/1.09 Georgia,serif;color:var(--ajk-gold);margin:6px 0}
.member-banner p{color:var(--muted);margin:0}
@media(max-width:1190px){.member-grid{grid-template-columns:repeat(3,1fr)}.nav{gap:11px}.brand{min-width:260px}.brand span{font-size:11px}}
@media(max-width:860px){.member-grid{grid-template-columns:repeat(2,1fr)}.membership-intro-grid,.membership-form-wrap,.membership-vision{grid-template-columns:1fr}.membership-values{justify-self:start}.additional-grid{grid-template-columns:repeat(2,1fr)}.member-portfolio-grid,.member-steps{grid-template-columns:repeat(2,1fr)}.member-banner{flex-wrap:wrap}}
@media(max-width:540px){.brand img{width:58px;height:58px}.additional-grid,.member-grid,.member-portfolio-grid,.policy-grid,.member-steps,.membership-form{grid-template-columns:1fr}.membership-form label,.membership-form h3{grid-column:1/-1}.membership-hero{min-height:530px}.membership-intro-grid{gap:18px}.membership-quote{padding:23px}.membership-apply{padding:38px 18px}.membership-form{padding:18px}.member-grid .member-card{padding:18px}.membership-vision{padding:43px 23px}.membership-vision-copy{max-width:100%}}
@media(prefers-reduced-motion:reduce){.additional-art::before{animation:none}.additional-card:hover,.member-card:hover,.policy-card:hover,.member-portfolio-grid a:hover{transform:none}}
@media(max-width:860px){.brand{min-width:0!important}.header{grid-template-columns:auto auto minmax(0,1fr);padding-inline:14px}.brand img{width:58px;height:58px}}


/* AJK LOGO-MATCHED METALLIC GOLD — final visual refinement, 2026-09-20.
   Intent: colour only. Preserve all original assets, content, layout and navigation.
   Main headings receive the gilded rim's warm highlight → deep-gold relief.
   Text that has paragraph length remains high-contrast ivory/forest for legibility. */
.theme-green, .theme-navy {
  --ajk-gold:#ecc680;
  --ajk-soft:#e8c17c;
  --accent:#c59347;
  --accent2:#f5d48f;
  --line:rgba(224,180,100,.37);
  --ajk-metallic:linear-gradient(180deg,#fff0c1 0%,#f3cf88 22%,#dba75a 45%,#ffdf9b 60%,#c08733 92%,#e8bb70 100%);
  --ajk-body-metal:#eacc91;
}
.theme-light {
  --ajk-gold:#8d5b1f;
  --ajk-soft:#83541a;
  --accent:#af7e36;
  --accent2:#81551e;
  --line:rgba(163,109,41,.32);
  --ajk-metallic:linear-gradient(180deg,#5c370e 0%,#94621c 24%,#c18b37 43%,#794712 70%,#9d681d 100%);
  --ajk-body-metal:#795016;
}
/* Match the emblem's gilded lettering, not an unrelated pale-yellow fill. */
.brand span,
.hero h1,.inner-hero h1,.aboutband h2,.section h2,.supply h2,.impact h2,
.prose h2,.visual-band h2,.contactbar h2,.contact-page h2,
.membership-main h1,.membership-main h2,.member-banner h2,
.membership-quote b {
  color:var(--ajk-gold);
  background-image:var(--ajk-metallic);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
/* Explicitly override prior green-only light-theme headline styling. */
.theme-light .hero h1,.theme-light .inner-hero h1,
.theme-light .aboutband h2,.theme-light .section h2,.theme-light .supply h2,
.theme-light .impact h2,.theme-light .contactbar h2,.theme-light .membership-main h1,
.theme-light .membership-main h2,.theme-light .member-banner h2 {
  color:var(--ajk-gold);
  background-image:var(--ajk-metallic);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
}
/* High-contrast companion gold in repeated cards, navigation, lists and dividers. */
small,.micro,.brand-slogan,.membership-lede,
.nav>a,.dropbtn,footer h4,.dropmenu a:hover,
.service-card a,.member-card>span,.member-card em,.member-steps>article>span,
.additional-arrow,.card-icon,.flow-step i,.sustain-points i,.about-points i,
.policy-deep h3,.member-portfolio-grid b,.membership-values span,.apply-meta,
.membership-form label,.additional-content b,.additional-content h3 {
  color:var(--ajk-gold);
}
.theme-light small,.theme-light footer h4,.theme-light .brand-slogan,
.theme-light .nav>a.active,.theme-light .additional-content b,
.theme-light .additional-content h3,.theme-light h3,
.theme-light .commodity-card b,.theme-light .feature h3 {
  color:var(--ajk-gold)!important;
}
.nav>a.active,.member-nav.active,.drop.open>.dropbtn {color:var(--accent2);border-bottom-color:var(--accent)}
.hero-slogan,.vision-inline {color:var(--ajk-body-metal)!important}
.theme-light .hero-slogan,.theme-light .vision-inline {color:#61441d!important}
/* Warm gilded buttons echo the ring highlight, with readable dark-forest labels. */
.wa,.primary {
  background:linear-gradient(115deg,#fce5a6 0%,#d7a653 46%,#f4d185 70%,#bc862f 100%);
  color:#13251d;
  border-color:#e7bb71;
}
.theme-light .wa,.theme-light .primary,.theme-navy .wa,.theme-navy .primary,
.theme-green .wa,.theme-green .primary {background:linear-gradient(115deg,#fce5a6 0%,#d7a653 46%,#f4d185 70%,#bc862f 100%);color:#13251d}
.ghost,.call {border-color:var(--accent)}
.ghost:hover,.call:hover {color:var(--accent2)}
.commodity-card:hover,.service-card:hover,.member-card:hover,.additional-card:hover {border-color:var(--accent2)}
/* Avoid CSS background-clip regressions when forced-colors mode is active. */
@media(forced-colors:active){
 .brand span,.hero h1,.inner-hero h1,.aboutband h2,.section h2,.supply h2,
 .impact h2,.prose h2,.visual-band h2,.contactbar h2,.contact-page h2,
 .membership-main h1,.membership-main h2,.member-banner h2,.membership-quote b,
 .theme-light .hero h1,.theme-light .inner-hero h1,.theme-light .section h2 {
   -webkit-text-fill-color:CanvasText;background-image:none;color:CanvasText;
 }
}


/* 2026-09-20 EXACT AJK WORDMARK GOLD — final user-requested colour correction.
   Sampled from the gilded face of the letters AJK in assets/logo-ajk-approved-480.png.
   The old CSS gradient imposed extra tones not present in the same spot on the logo.
   Remove all CSS metal/gradient letter effects; a single flat gold is used on dark
   backgrounds. Maintain dark bronze labels on cream V1 for necessary readability. */
:root,body,.theme-navy,.theme-green,.theme-light{
  --ajk-gold:#FBD58D;
  --ajk-soft:#FBD58D;
  --accent:#d2a050;
  --accent2:#FBD58D;
  --ajk-metallic:none;
  --ajk-body-metal:#FBD58D;
}
.theme-navy,.theme-green{
  --ink:#FBD58D;
  --muted:#e4cd9f;
}
/* Typography appears the *same gold* as the logo's AJK, no yellow gradient or cast. */
.brand span,.brand-slogan,
h1,h2,h3,h4,.hero-slogan,.vision-inline,
.micro,small,.section-kicker,.eyebrow,
.nav>a,.dropbtn,footer h4,.membership-lede,
.service-card a,.member-card>span,.member-card em,
.member-steps>article>span,.additional-arrow,.card-icon,
.flow-step i,.sustain-points i,.about-points i,
.policy-deep h3,.member-portfolio-grid b,.membership-values span,
.apply-meta,.membership-form label,.additional-content b,.additional-content h3{
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  color:var(--ajk-gold)!important;
}
/* All ordinary copy in the two dark themes stays within the logo's gold family. */
.theme-navy p,.theme-green p,.theme-navy li,.theme-green li,
.theme-navy .commodity-card b,.theme-green .commodity-card b,
.theme-navy .footer-brand,.theme-green .footer-brand{
  color:var(--ajk-gold);
}
/* On white/cream panels, a bronze tone from the same emblem is used as a
   functional contrast adaptation, rather than placing pale gold on pale cream. */
.theme-light{
 --ink:#563a18;
 --muted:#6a4a26;
}
.theme-light .brand span,.theme-light h1,.theme-light h2,.theme-light h3,
.theme-light h4,.theme-light .hero-slogan,.theme-light .vision-inline,
.theme-light .nav>a,.theme-light .dropbtn,
.theme-light .micro,.theme-light small,.theme-light footer h4,
.theme-light .membership-form label,.theme-light .additional-content h3{
  color:#82531D!important;
  -webkit-text-fill-color:#82531D!important;
  background-image:none!important;
  text-shadow:none!important;
}
/* Buttons must retain readable dark green text on gold fills. */
.wa,.primary,.theme-navy .wa,.theme-green .wa,.theme-light .wa,
.theme-navy .primary,.theme-green .primary,.theme-light .primary{
  color:#122d23!important;
  -webkit-text-fill-color:#122d23!important;
}
/* Browser-level high contrast: no transparent text. */
@media(forced-colors:active){
 .brand span,h1,h2,h3,h4,.hero-slogan,.vision-inline{
   background-image:none!important;color:CanvasText!important;
   -webkit-text-fill-color:CanvasText!important;
 }
}

/* EXACT AJK COPPER-GOLD OVERRIDE — 2026-09-20
   User requested the same flat copper-gold tone as the "AJK" lettering inside the logo,
   with no pale yellow or metallic shading difference. This override standardises the website
   text colour family across all versions while preserving layouts and images. */
.theme-green,.theme-navy{
  --ajk-exact-gold:#B58C4E;
  --ink:#B58C4E;
  --muted:#B58C4E;
  --accent:#B58C4E;
  --accent2:#B58C4E;
  --line:rgba(181,140,78,.42);
}
.theme-light{
  --ajk-exact-gold:#9B6A2F;
  --ink:#9B6A2F;
  --muted:#9B6A2F;
  --accent:#9B6A2F;
  --accent2:#9B6A2F;
  --line:rgba(155,106,47,.34);
}
body,
.brand span,.brand strong,.brand b,.brand small,
.nav>a,.dropbtn,.dropmenu a,
.hero h1,.inner-hero h1,.aboutband h2,.section h2,.supply h2,.impact h2,
.prose h2,.visual-band h2,.contactbar h2,.contact-page h2,
.membership-main h1,.membership-main h2,.member-banner h2,.membership-quote b,
.hero p,.aboutcopy p,.supply p,.impact p,.prose p,.visual-band p,.contact-page p,
.section-head p,.service-card p,.contactbar p,.footer-brand p,footer a,
.contactchip,.contactchip b,.about-points em,.about-points b,
.member-card p,.member-card em,.policy-card p,.policy-deep p,
.membership-intro-grid p,.membership-vision p,.member-portfolio-grid p,
.form-hint,.form-feedback,.membership-form label,
small,.micro,.membership-lede,.edge-message,
.service-card h3,.commodity-card b,.flow-step b,.flow-step i,
.sustain-points span,.about-points i,.contact-page label,
.additional-content b,.additional-content h3,.additional-content em,.additional-content p,
.member-portfolio-grid b,.policy-card h3,.policy-deep h3,.member-steps h3,.member-steps p,.member-steps span,
footer h4,.copyright {
  color:var(--ajk-exact-gold) !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
}
.theme-green .call,.theme-green .ghost,.theme-navy .call,.theme-navy .ghost,
.theme-light .call,.theme-light .ghost{
  color:var(--ajk-exact-gold) !important;
  border-color:var(--ajk-exact-gold) !important;
}
.theme-green .dropmenu a:hover,.theme-navy .dropmenu a:hover{
  background:rgba(181,140,78,.12) !important;
}
.theme-light .dropmenu a:hover{
  background:rgba(155,106,47,.08) !important;
}
/* 2026-09-21: Public trade onboarding and separate general-trading sector. */
.commodity-switcher{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px clamp(22px,3.5vw,56px);background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.commodity-switcher a{display:inline-flex;align-items:center;min-height:47px;padding:12px 20px;border:1px solid var(--line);border-radius:999px;font-weight:800;color:var(--accent2);transition:transform .25s,border-color .25s}
.commodity-switcher a:hover,.commodity-switcher a.current{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel));transform:translateY(-2px)}
.general-trading-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:54px clamp(22px,3.5vw,56px);border-bottom:1px solid var(--line)}
.general-trading-intro h2{font:700 clamp(30px,3vw,47px)/1.08 Georgia,serif;margin:12px 0;color:var(--ajk-exact-gold,var(--accent2))}
.general-trading-intro p{font-size:16px;max-width:760px;color:var(--muted)}
.general-trading-intro .aside{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:26px;display:grid;gap:12px}
.general-trading-intro .aside b{font:700 22px/1.2 Georgia,serif;color:var(--accent2)}
.general-trading-intro .aside p{margin:0;font-size:14px}
.compliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.compliance-card{padding:25px;border-radius:17px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);transition:transform .28s,border-color .28s}
.compliance-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.compliance-card h3{font:700 24px/1.12 Georgia,serif;margin:0 0 14px;color:var(--accent2)}
.compliance-card p,.compliance-card li{color:var(--muted);font-size:14px}
.compliance-card ul{margin:0;padding-left:20px;display:grid;gap:10px}
.compliance-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.compliance-phases article{border-radius:18px;border:1px solid var(--line);padding:23px;background:var(--panel);transition:.25s}
.compliance-phases article:hover{transform:translateY(-4px);border-color:var(--accent)}
.compliance-phases small{font-size:11px}.compliance-phases h3{font:700 23px/1.15 Georgia,serif;margin:9px 0}
.compliance-phases p{color:var(--muted);font-size:14px}
.compliance-note{padding:21px 25px;border-left:3px solid var(--accent);border-radius:13px;background:var(--panel);margin-top:20px}
.compliance-note p{margin:0;color:var(--muted)}
.compliance-cta{padding:36px clamp(22px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-block:1px solid var(--line);background:linear-gradient(110deg,var(--panel),var(--bg))}
.compliance-cta h2{font:700 clamp(25px,3vw,40px)/1.08 Georgia,serif;margin:7px 0;color:var(--accent2)}
.compliance-cta p{color:var(--muted);margin:0;max-width:700px}
.general-trading-page .additional-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.general-trading-page .additional-art{height:210px}
.general-trading-page .additional-card{min-height:400px}
.general-trading-page .additional-content{padding:24px;min-height:200px}
@media (max-width:1100px){.compliance-grid,.compliance-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.general-trading-page .additional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:690px){.commodity-switcher a{width:100%;justify-content:center}.general-trading-intro{grid-template-columns:1fr}.compliance-grid,.compliance-phases,.general-trading-page .additional-grid{grid-template-columns:1fr}.compliance-cta{flex-direction:column;align-items:flex-start}.general-trading-page .additional-card{min-height:0}.general-trading-page .additional-art{height:170px}}
@media (prefers-reduced-motion:reduce){.commodity-switcher a:hover,.compliance-card:hover,.compliance-phases article:hover{transform:none}}


/* 2026-09-21 — FINAL CONTACT LABEL / COPPER GOLD LEGIBILITY REVISION.
   Fixes the unintended dark green WhatsApp label inherited from the gold-filled
   header button (.theme-green .wa/.theme-navy .wa). Separate contact-chip contrast
   overrides intentionally do not change header/button or hero imagery. */
.theme-green,.theme-navy{
  --ajk-exact-gold:#E8BD79;
  --ajk-gold:#E8BD79;
  --ajk-soft:#E8BD79;
  --ajk-body-metal:#E8BD79;
  --accent:#C99C55;
  --accent2:#E8BD79;
  --ink:#E8BD79;
  --muted:#E8BD79;
  --line:rgba(232,189,121,.48);
}
.theme-light{
  --ajk-exact-gold:#89591F;
  --ajk-gold:#89591F;
  --ajk-soft:#89591F;
  --ajk-body-metal:#89591F;
  --accent:#A5702B;
  --accent2:#89591F;
  --ink:#89591F;
  --muted:#89591F;
  --line:rgba(137,89,31,.40);
}
.theme-green .contactbar .contactchip,
.theme-navy .contactbar .contactchip{
  border:1px solid rgba(232,189,121,.7) !important;
  background:linear-gradient(145deg,rgba(5,48,37,.96),rgba(12,65,49,.94)) !important;
  color:#E8BD79 !important;
  -webkit-text-fill-color:#E8BD79 !important;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.theme-light .contactbar .contactchip{
  border:1px solid rgba(137,89,31,.5) !important;
  background:rgba(255,250,242,.95) !important;
  color:#89591F !important;
  -webkit-text-fill-color:#89591F !important;
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.theme-green .contactbar .contactchip b,
.theme-navy .contactbar .contactchip b,
.theme-green .contactbar .contactchip.wa b,
.theme-navy .contactbar .contactchip.wa b{
  color:#F5D398 !important;
  -webkit-text-fill-color:#F5D398 !important;
  background:transparent !important;
}
.theme-light .contactbar .contactchip b,
.theme-light .contactbar .contactchip.wa b{
  color:#7C4D19 !important;
  -webkit-text-fill-color:#7C4D19 !important;
  background:transparent !important;
}
.theme-green .contactbar a.contactchip.wa,
.theme-navy .contactbar a.contactchip.wa{
  color:#F5D398 !important;
  -webkit-text-fill-color:#F5D398 !important;
  background:linear-gradient(135deg,rgba(29,78,56,.97),rgba(9,56,42,.97)) !important;
  border:1.5px solid #E8BD79 !important;
  box-shadow:inset 0 0 0 1px rgba(232,189,121,.14),0 0 24px rgba(232,189,121,.1);
}
.theme-light .contactbar a.contactchip.wa{
  color:#89591F !important;
  -webkit-text-fill-color:#89591F !important;
  background:linear-gradient(135deg,#FFF4DE,#FFFDF7) !important;
  border:1.5px solid #A5702B !important;
}
.contactbar a.contactchip:hover{transform:translateY(-3px);box-shadow:0 9px 25px rgba(0,0,0,.13)}
/* Filled gold buttons intentionally use dark forest labels for accessible contrast. */
.theme-green .header-actions>.wa,.theme-navy .header-actions>.wa,
.theme-light .header-actions>.wa,.primary{
  color:#122D23 !important;
  -webkit-text-fill-color:#122D23 !important;
}
@media(prefers-reduced-motion:reduce){.contactbar a.contactchip:hover{transform:none}}
/* Responsive images: mobile intentionally downloads 840px background variants where available. */
@media(max-width:768px){.photo-section::before{background-image:var(--ajk-mobile-photo,var(--photo))!important}.decor-section::before{background-image:var(--ajk-mobile-section-photo,var(--section-photo))!important}.photo-flow::before{background-image:var(--ajk-mobile-flow-photo,var(--flow-photo))!important}.visual-contact::before{background-image:var(--ajk-mobile-contact-photo,var(--contact-photo))!important}}