:root{--navy:#0d2237;--blue:#145acb;--ink:#152a3d;--muted:#637382;--line:#dce3e9;--pale:#f2f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #66aaff;outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{display:block;width:202px;height:78px;overflow:hidden;position:relative}.logo img{position:absolute;width:338px;max-width:none;left:-68px;top:-57px}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-cta{border:1px solid var(--ink);padding:15px 18px}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;background:var(--navy);color:white;overflow:hidden;min-height:640px}.hero-copy{padding:78px 0 0 9.3%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#a3bed7;line-height:1.8}.eyebrow span{display:inline-block;width:7px;height:7px;background:#7faeec;border-radius:50%;margin-right:10px}.eyebrow.dark{color:var(--blue)}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.09;letter-spacing:-2.8px;font-weight:500;margin:30px 0}h1 em{font-style:normal;color:#92b8e7}p{line-height:1.75;font-size:15px} .hero-copy>p{max-width:430px;color:#c2cfda;font-size:16px}.actions{display:flex;align-items:center;gap:28px;margin:32px 0 56px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 23px;font-size:13px;font-weight:700}.light{background:white;color:var(--ink)}.text-link{font-size:13px}.hero-foot{border-top:1px solid #ffffff26;max-width:480px;padding:23px 0;display:flex;gap:14px;align-items:center;font-size:8px;letter-spacing:1px}.hero-foot b{font-size:18px;font-style:italic;letter-spacing:-.5px}.hero-foot span{font-size:10px;letter-spacing:0;color:#9eb3c7}.hero-art{position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 60% 40%,#29455d,transparent 65%)}.hero-art svg{width:100%;height:100%;max-height:660px}.art-label{position:absolute;top:32px;right:35px;font-size:9px;letter-spacing:2px;color:#92a9bc}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 7%;background:var(--pale);border-bottom:1px solid var(--line)}.stats div{padding-left:30px;border-left:1px solid #cad4dd}.stats strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:500}.stats span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.section{padding:95px 7%}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;letter-spacing:-1.8px;font-weight:500;margin:18px 0 26px}h3{font-weight:500}.story{display:grid;grid-template-columns:1fr 1fr;gap:8%}.story-copy p{color:var(--muted);margin-top:0}.story-copy .lead{font-size:20px;color:var(--ink);line-height:1.55}.story-note{padding:20px 0 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}.catalogue{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.section-heading h2{margin-bottom:0}.catalogue-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:38px 0 28px;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{border:1px solid #cdd7df;background:transparent;padding:10px 15px;font-size:12px;color:var(--ink)}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}#search{background:white;border:1px solid #cdd7df;padding:11px 14px;width:200px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d6e0e7;border:1px solid #d6e0e7}.product-card{background:white;padding:25px;display:flex;flex-direction:column;min-height:170px;transition:background .2s}.product-card:hover{background:#f7fbff}.product-card .category{font-size:9px;letter-spacing:1.5px;color:var(--blue);text-transform:uppercase}.product-card h3{font-size:19px;line-height:1.35;margin:15px 0 20px}.product-card button{border:0;background:none;color:#526c84;font-size:11px;text-align:left;padding:0;margin-top:auto;display:flex;justify-content:space-between}.product-card button span{font-size:17px;color:var(--blue)}.catalogue-note{color:var(--muted);font-size:11px;margin:20px 0 0}.principal-main{background:#eaf0f7;display:grid;grid-template-columns:1fr 1.7fr;padding:45px;gap:40px;margin-top:45px;align-items:center}.jsw{font-size:76px;font-weight:900;font-style:italic;color:#153b83;letter-spacing:-6px}.jsw span{display:block;font-size:16px;letter-spacing:9px;margin-left:12px}.small-label{font-size:9px;letter-spacing:1.5px;color:var(--blue)}.principal-main h3{font-size:26px;letter-spacing:-.7px}.principal-main p{font-size:14px;color:var(--muted)}.principal-main a{font-size:12px;font-weight:700}.principal-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-top:22px}.principal-row article{padding:30px;border-right:1px solid var(--line)}.principal-row article:last-child{border:0}.principal-row span{font-size:10px;color:var(--blue)}.principal-row h3{font-size:27px;margin:15px 0 8px}.principal-row p{font-size:13px;color:var(--muted)}.sourcing{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;padding:35px 0 0}.sourcing h3{font-size:23px;line-height:1.4}.sourcing p{color:var(--muted);font-size:14px}.industry{background:var(--navy);color:white}.industry .section-heading>p{color:#aebfce}.customer-list{margin-top:55px}.customer-list article{display:grid;grid-template-columns:50px 1fr 1.5fr 1fr;align-items:center;gap:20px;border-top:1px solid #ffffff29;padding:16px 0}.customer-list article:last-child{border-bottom:1px solid #ffffff29}.customer-list span{font-size:10px;color:#87a3ba}.customer-list h3{font-size:23px}.customer-list p{font-size:13px;color:#becad5}.customer-list b{font-size:10px;font-weight:400;color:#93b9eb}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:10%}.enquiry>div>p:not(.eyebrow){color:var(--muted);max-width:390px}.enquiry-note{border-left:2px solid var(--blue);padding:0 20px;margin-top:32px;font-size:13px}.enquiry-note p{font-size:12px;color:var(--muted);max-width:300px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:600;margin-bottom:19px}label input,textarea{display:block;width:100%;border:1px solid #cdd6de;background:#fafbfc;padding:13px;margin-top:9px;font-size:14px;border-radius:0}textarea{resize:vertical}.blue{background:var(--blue);color:white;width:100%}#form-status{font-size:12px;color:var(--blue)}footer{border-top:1px solid var(--line);padding:35px 7%;display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between}footer strong{font-size:16px;letter-spacing:1px}footer span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}footer p,footer a{font-size:12px}footer small{width:100%;font-size:10px;color:var(--muted)}footer small span{display:inline;font-size:10px;letter-spacing:0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#145acb;color:white;padding:14px 24px;font-size:13px;z-index:30;box-shadow:0 5px 30px #0002;display:none;max-width:90%;text-align:center}#toast.visible{display:block}@media(min-width:1500px){main,header,footer{max-width:1700px;margin:auto}}@media(max-width:1000px){nav{gap:16px}.hero-copy{padding-top:50px}h1{font-size:47px}.hero-foot{flex-wrap:wrap}.hero{min-height:590px}.actions{gap:18px}.text-link{font-size:11px}.section{padding:70px 6%}.product-grid{grid-template-columns:repeat(2,1fr)}.customer-list article{grid-template-columns:30px 1fr 1.5fr}.customer-list b{grid-column:3}.stats{padding:30px 4%}}@media(max-width:700px){header{height:82px;padding:0 6%}.logo{transform:scale(.8);transform-origin:left center;width:175px}.menu{display:block;border:1px solid #cdd6de;background:white;padding:9px;font-size:12px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:25px;box-shadow:0 15px 20px #0001;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:22px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 0}h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:15px}.actions{margin-bottom:30px}.hero-foot{padding:20px 0;gap:12px}.hero-art{height:370px}.art-label{top:15px}.stats{padding:25px 6%;gap:18px;grid-template-columns:1fr}.stats div{padding-left:18px;display:flex;align-items:center;gap:20px}.stats strong{font-size:25px;min-width:140px}.stats span{font-size:10px;margin:0}.section{padding:60px 7%}.story,.enquiry{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:23px}.product-grid{grid-template-columns:1fr 1fr}.product-card{padding:18px;min-height:170px}.product-card h3{font-size:17px}.filters button{padding:9px 12px}.catalogue-controls{gap:16px}#search{width:100%}.principal-main{grid-template-columns:1fr;padding:30px;gap:28px}.jsw{font-size:60px}.principal-row{grid-template-columns:1fr}.principal-row article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.principal-row h3{font-size:24px}.sourcing{grid-template-columns:1fr;gap:0}.customer-list{margin-top:30px}.customer-list article{grid-template-columns:22px 1fr;gap:8px;padding:20px 0}.customer-list h3{margin:0}.customer-list p,.customer-list b{grid-column:2;margin:5px 0}.enquiry form{margin-top:25px}footer{gap:15px}footer p{width:100%;order:2}footer small{order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.whatsapp{background:#e7f2ec;color:#19563c;width:100%;margin-top:10px}.logo{height:88px}.logo img{top:-43px;width:338px}
.logo{width:205px;height:100px}.logo img{width:300px;left:-48px;top:-40px}@media(max-width:700px){.logo{width:175px;height:100px;transform:scale(.76)}}

.jsw-resources{margin-top:25px}.jsw-resources h4{font-size:13px;font-weight:600}.resource-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.resource-links a{background:white;padding:14px;display:block;border:1px solid #d6e0e7}.resource-links b{font-size:12px}.resource-links small{display:block;font-size:10px;color:#637382;margin-top:6px}.principal-main .resource-note{font-size:10px;line-height:1.6}.principal-link{font-size:12px;font-weight:600;color:#145acb}@media(max-width:700px){.resource-links{grid-template-columns:1fr}}

.hero-art .production-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:42% center}.hero-art .art-label{background:#0d2237bb;padding:10px 14px;color:white;top:auto;bottom:20px;right:20px}.hero-art{min-height:370px}

.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.sector-grid article{border-top:1px solid #ffffff35;padding-top:12px}.sector-grid h3{font-size:19px;line-height:1.35}.sector-grid p{font-size:13px;color:#becad5}.sector-note{font-size:11px;color:#aebfce;margin-top:25px}.customer-heading{font-size:26px;margin:60px 0 0}.industry .customer-list{margin-top:25px}@media(max-width:900px){.sector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sector-grid{grid-template-columns:1fr;gap:15px}}

.customer-intro{max-width:680px;color:#becad5}.customer-names{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;margin-top:28px;padding:30px 0;gap:20px;font-size:25px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:45px}.service-grid article{background:var(--pale);padding:32px}.service-number{font-size:11px;color:var(--blue);letter-spacing:2px}.service-grid h3{font-size:25px;line-height:1.3;margin:20px 0 14px}.service-grid p{font-size:14px;color:var(--muted);margin-bottom:0}.service-cta{display:inline-block;color:var(--blue);font-size:14px;font-weight:600;margin-top:30px}.enquiry{border-top:1px solid var(--line)}@media(max-width:1000px){nav{gap:12px;font-size:12px}}@media(max-width:700px){.customer-names{grid-template-columns:1fr 1fr;font-size:21px;row-gap:30px}.service-grid{grid-template-columns:1fr}.service-grid article{padding:26px}}

.stats{grid-template-columns:repeat(2,1fr)}.jsw-brand img{display:block;width:100%;max-width:280px;object-fit:contain}.hero-foot{flex-wrap:wrap;font-size:9px;line-height:1.6}.customer-names a{display:flex;align-items:center;justify-content:center;background:white;padding:20px;min-height:110px}.customer-names img{width:100%;max-width:200px;max-height:75px;object-fit:contain}@media(max-width:700px){.stats{grid-template-columns:1fr}}

/* Partnership enquiries */
.partnership{background:#f2f5f7}.partnership .section-heading{margin-bottom:0}.contact-page{align-items:start}.contact-page h1 em{color:var(--blue)}select{font:inherit;width:100%;padding:14px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:0}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.contact-page input[type=file]{max-width:100%;font-size:13px}.contact-page label{min-width:0}.contact-page input:focus-visible,.contact-page select:focus-visible,.contact-page textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#form-status{overflow-wrap:anywhere}.contact-page .catalogue-note{font-size:12px;line-height:1.6;color:var(--muted)}