:root{--navy:#710b12;--orange:#a31019;--ink:#302326;--muted:#75676a;--cream:#fbf7f7;--line:#eadfe0}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.wrap{max-width:1280px;width:calc(100% - 100px);margin:auto}.topbar{background:var(--navy);color:#f6e4e6;font-size:12px;padding:11px 0}.topbar .wrap{display:flex;gap:32px}.topbar span{margin-right:auto}header{background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #eef0ee}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;height:101px}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand b{font-size:49px;font-weight:900;letter-spacing:-5px;line-height:1}.brand b span{color:var(--orange)}.brand small{font-size:10px;line-height:1.7;letter-spacing:1.2px;font-weight:bold}.brand em{font-size:8px;font-style:normal;color:var(--muted);letter-spacing:1px}nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}nav>a,.dropdown>a{padding:40px 0;display:block;position:relative}nav .active:after,nav>a:hover:after,.dropdown>a:hover:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:26px;background:var(--orange)}.dropdown{position:relative}.sub{display:none;position:absolute;top:70px;left:-25px;width:255px;background:white;box-shadow:0 12px 32px #710b1220;border-top:3px solid var(--orange);padding:15px}.sub a{display:block;padding:12px;font-size:13px}.sub a:hover{background:var(--cream)}.dropdown:hover .sub,.dropdown:focus-within .sub{display:block}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;padding:18px 25px;font-size:14px;font-weight:600;gap:20px;transition:background .2s}.button:hover{background:#7e0c13}.button.small{padding:15px 19px;font-size:12px;white-space:nowrap}.menu{display:none}.hero{background:var(--cream);overflow:hidden;position:relative}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;min-height:570px;align-items:center;padding:56px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#9a1018;margin-bottom:19px}.hero h1{font-size:clamp(40px,4.3vw,65px);line-height:1.07;letter-spacing:-2.7px;margin:0 0 24px;font-weight:700}.hero h1 span{color:#a31019}.hero-copy>p{max-width:465px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 30px}.actions{display:flex;gap:24px;align-items:center}.textlink{font-weight:600;font-size:13px;border-bottom:1px solid #c6cec9;padding-bottom:7px}.textlink:hover{color:#9a1018}.hero-note{font-size:9px;font-weight:bold;letter-spacing:1.5px;color:#75676a;margin-top:50px;display:flex;gap:10px;align-items:center}.hero-note span{width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero-visual{background:var(--navy);position:relative;padding:25px 25px 0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-right:-50px;overflow:hidden}.hero-visual:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #ffffff12;border-radius:50%;right:-180px;top:-180px}.hero-image{width:100%;height:300px;object-fit:cover;border:7px solid #ffffff12}.visual-caption{color:white;padding:28px 0}.visual-caption span{display:block;font-size:8px;letter-spacing:2px;color:#e4afb3;margin-bottom:12px}.visual-caption b{font-size:17px;line-height:1.55;font-weight:500}.sectors{border-bottom:1px solid var(--line);padding:25px 0}.sectors .wrap{display:flex;justify-content:space-between;align-items:center}.sectors span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.sectors b{font-size:14px;font-weight:600}.section{padding-top:85px;padding-bottom:85px}.sectiontop{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:35px}.sectiontop p{max-width:380px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}h2{font-size:38px;line-height:1.15;letter-spacing:-1.2px;margin:0 0 25px;font-weight:600}.sectiontop h2{margin:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.categorycard{position:relative;border:1px solid var(--line);transition:transform .2s,box-shadow .2s;background:white}.categorycard:hover{transform:translateY(-5px);box-shadow:0 15px 25px #30232610}.catimage{height:180px;background:var(--cream);padding:18px;overflow:hidden}.catimage img{width:100%;height:100%;object-fit:contain}.catcontent{padding:25px 20px 36px;min-height:150px}.num{font-size:8px;letter-spacing:1.4px;color:var(--muted)}h3{font-size:20px;line-height:1.4;margin:15px 0;font-weight:600}.catcontent h3{font-size:19px;max-width:180px}.arrow{position:absolute;right:20px;bottom:20px;color:var(--orange);font-size:24px}.aboutstrip{background:var(--cream);padding:75px 0}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.aboutgrid p,article p{font-size:15px;color:var(--muted);line-height:1.9}.aboutimage{background:var(--navy);padding:20px}.aboutimage img{height:240px;width:100%;object-fit:cover}.aboutimage span{display:block;padding-top:18px;font-size:9px;color:white;letter-spacing:2px}.rounded{width:100%;height:310px;object-fit:cover}.resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pdfcard{display:flex;gap:20px;padding:23px;border:1px solid var(--line);background:#fff;align-items:start;transition:border-color .2s}.pdfcard:hover{border-color:var(--orange)}.pdficon{padding:13px 8px;border:1px solid #ecd6d8;color:#990e16;background:#fff5f5;font-size:10px;flex-shrink:0;font-weight:bold}.pdfcard h3{font-size:14px;margin:0 0 12px;overflow-wrap:anywhere}.pdfcard div>span{font-size:11px;color:var(--muted)}.cta{background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:45px 60px;margin-bottom:70px;border-left:4px solid var(--orange)}.cta h2{font-size:34px;margin:0}.cta .eyebrow{font-size:9px}footer{background:var(--navy);color:#e0bec2;padding:60px 0 25px}.footgrid{display:grid;grid-template-columns:1.25fr .65fr 1fr 1fr;gap:50px;font-size:12px;line-height:1.9}.footgrid h4{color:white;font-size:12px;margin:0 0 23px}.footgrid a:not(.brand){display:block;margin-bottom:5px}.inverse{color:white}.footgrid p{line-height:1.9}.copyright{border-top:1px solid #ffffff18;margin-top:40px;padding-top:25px;font-size:10px;display:flex;justify-content:space-between}.copyright span{font-size:8px;letter-spacing:1.5px}.whatsapp{position:fixed;right:23px;bottom:23px;background:#21ac65;color:white;border-radius:50%;width:57px;height:57px;display:grid;place-items:center;z-index:30;box-shadow:0 5px 20px #0003}.whatsapp svg{width:32px;height:32px}.pagehero{padding:65px 0;background:var(--cream);border-bottom:1px solid var(--line)}.pagehero h1{font-size:49px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 20px;max-width:900px}.pagehero p{color:var(--muted);line-height:1.8;max-width:700px;font-size:15px;margin:0}.productlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.productlinks a{padding:30px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px}.productlinks b{color:var(--orange)}.productlinks a:hover{background:var(--cream);border-color:var(--orange)}.detail{display:grid;grid-template-columns:260px 1fr;gap:60px}.detail aside{align-self:start;background:var(--cream);padding:18px}.detail aside a{display:block;padding:13px;font-size:13px;border-bottom:1px solid var(--line);line-height:1.5}.detail aside>a:first-child{font-weight:bold;padding-bottom:20px}.selected{background:var(--navy);color:white}.pdfgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.productgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:40px}.productgallery a{border:1px solid var(--line);background:white;padding:12px}.productgallery img{height:170px;width:100%;object-fit:contain}.enquiry{background:var(--cream);padding:35px;margin-top:40px}.enquiry h3{margin-top:0}.enquiry p{font-size:14px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contactitem{border-top:1px solid var(--line);padding:15px 0}.contactitem p{color:var(--muted);line-height:1.8;font-size:14px}.contactitem a{font-size:14px}.contactbox{background:var(--navy);color:white;padding:50px;align-self:start}.contactbox p{color:#e0bec2;line-height:1.8}.contactbox hr{border:0;border-top:1px solid #ffffff20;margin:35px 0}.contactbox .eyebrow{color:#f4c1c5}.contactnumber{font-size:14px}.searchlabel{display:block;font-size:13px;font-weight:bold;margin-bottom:12px}input[type=search]{padding:18px;width:100%;max-width:550px;border:1px solid #bdc8ce;background:var(--cream);font-size:15px;margin-bottom:10px}#searchcount{font-size:12px;color:var(--muted);margin-bottom:25px}[hidden]{display:none!important}.emptyinfo{max-width:650px;padding:40px;background:var(--cream)}.emptyinfo p{color:var(--muted);line-height:1.8}
@media(min-width:1500px){.hero-visual{margin-right:0}}@media(max-width:1100px){.wrap{width:calc(100% - 50px)}.header{gap:18px}.brand small{display:none}nav{gap:20px}.hero h1{font-size:49px}.hero-inner{gap:25px}.hero-visual{margin-right:-25px}.categories{grid-template-columns:repeat(2,1fr)}.catimage{height:210px}.resourcegrid{grid-template-columns:1fr}.aboutgrid{gap:40px}.contactgrid{gap:40px}.footgrid{gap:25px}.actions{gap:15px}.hero-image{height:260px}}@media(max-width:750px){.wrap{width:calc(100% - 36px)}.topbar{font-size:10px}.topbar .wrap{gap:12px}.topbar span{display:none}.topbar a:first-of-type{margin-right:auto}.header{height:80px}.brand b{font-size:42px}.brand small{display:block;font-size:8px;letter-spacing:.6px}.brand em{font-size:6px}.header>.button{display:none}.menu{display:block;border:0;background:var(--cream);padding:10px;font-size:22px}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:20px;box-shadow:0 10px 18px #0002}.open{display:block}nav>a,.dropdown>a{padding:13px}nav .active:after{display:none}.sub{display:block;position:static;box-shadow:none;border:0;padding:0 15px;width:auto}.sub a{padding:9px}.hero-inner{display:block;padding:45px 0}.hero h1{font-size:45px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.actions{flex-wrap:wrap}.hero-note{margin-top:30px}.hero-visual{margin:35px 0 0;padding:20px}.hero-image{height:190px}.visual-caption{padding:22px 0 0}.sectors .wrap{flex-wrap:wrap;gap:17px}.sectors span{width:100%}.sectors b{font-size:12px}.section{padding-top:50px;padding-bottom:50px}.sectiontop{display:block;margin-bottom:27px}.sectiontop p{margin-top:20px}.sectiontop .textlink{display:inline-block;margin-top:20px}h2{font-size:31px}.categories{gap:12px}.catimage{height:135px;padding:10px}.catcontent{padding:18px 13px 28px;min-height:140px}.catcontent h3{font-size:16px}.num{font-size:7px;letter-spacing:.6px}.aboutstrip{padding:45px 0}.aboutgrid{grid-template-columns:1fr;gap:30px}.aboutimage img{height:180px}.cta{width:calc(100% - 36px);padding:30px 25px;display:block;margin-bottom:40px}.cta h2{font-size:29px;margin-bottom:25px}.footgrid{grid-template-columns:1fr 1fr;gap:30px}.copyright{display:block;line-height:1.9}.copyright span{display:block}.pagehero{padding:40px 0}.pagehero h1{font-size:35px}.productlinks{grid-template-columns:1fr}.detail{grid-template-columns:1fr;gap:30px}.detail aside{display:flex;overflow:auto;gap:10px}.detail aside a{min-width:135px;flex-shrink:0}.pdfgrid{grid-template-columns:1fr}.productgallery{grid-template-columns:repeat(2,1fr)}.contactgrid{grid-template-columns:1fr;gap:25px}.contactbox{padding:30px}.contactbox h2{font-size:29px}.enquiry{padding:25px}.whatsapp{width:52px;height:52px;right:17px;bottom:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* JGP corporate identity */
.brand{gap:15px}.corporate-logo{width:112px;height:64px;object-fit:contain;background:#fff;flex-shrink:0}.company-name{font-size:13px;font-weight:700;line-height:1.45;max-width:210px;color:#710b12;letter-spacing:.1px}.header{gap:22px}nav{gap:23px}.inverse .corporate-logo{width:105px;height:61px}.inverse .company-name{color:#fff;font-size:12px;max-width:145px}.hero-visual{background:#710b12}.hero-image{border-color:#ffffff26}.aboutimage{background:#710b12}.catimage{padding:0}.catimage img{object-fit:cover}.categorycard:nth-child(2) .catimage{padding:18px}.categorycard:nth-child(2) .catimage img{object-fit:contain}
@media(max-width:1100px){.header{gap:17px}.corporate-logo{width:96px;height:59px}.company-name{max-width:165px;font-size:12px}nav{gap:17px}.header>.button.small{padding:13px 12px;font-size:11px}}
@media(max-width:900px) and (min-width:751px){.company-name{max-width:132px;font-size:11px}.corporate-logo{width:82px;height:52px}.header>.button.small{display:none}nav{gap:16px}}
@media(max-width:750px){.brand{gap:12px}.corporate-logo{width:96px;height:57px}.company-name{font-size:12px;max-width:190px}.catimage{padding:0}.categorycard:nth-child(2) .catimage{padding:10px}.inverse{flex-wrap:wrap}.inverse .company-name{font-size:11px}.inverse .corporate-logo{width:90px;height:54px}}
@media(max-width:360px){.corporate-logo{width:80px}.company-name{max-width:145px;font-size:11px}}