
:root{--navy:#06355b;--ink:#10263b;--gray:#6f7479;--light:#f4f6f8;--line:#dce2e7}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}h1,h2,h3{font-family:Georgia,serif}.wrap{max-width:1220px;margin:auto;padding:0 28px}header{position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid #eee}.nav{height:88px;display:flex;align-items:center;gap:34px}.logo{width:340px;max-height:78px;object-fit:contain}.links{display:flex;gap:26px;margin-left:auto}.links a{color:var(--ink);text-decoration:none;font-size:14px}.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:14px 22px;border-radius:3px;font-weight:700;border:0;cursor:pointer}.hero{height:520px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.8s}.slide.active{opacity:1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.75) 38%,rgba(255,255,255,.08) 68%)}.hero-copy{position:relative;z-index:2;padding-top:110px;width:520px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700}.hero h1{font-size:62px;line-height:.92;margin:12px 0 18px}.hero p{font-size:18px;line-height:1.55}.dots{position:absolute;bottom:24px;left:50%;z-index:3}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#aab3ba;margin:4px}.dot.on{background:var(--navy)}section{padding:70px 0}.center{text-align:center}.kicker{letter-spacing:2px;font-size:12px;font-weight:700;color:var(--navy)}h2{font-size:38px;margin:8px 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);background:#fff;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.card h3{padding:0 18px}.card p{padding:0 18px 20px;line-height:1.5;color:#5e6871}.certs{background:var(--light)}.certrow{display:flex;justify-content:center;align-items:center;gap:70px;flex-wrap:wrap}.certrow img{height:90px;max-width:180px;object-fit:contain}.warehouse{display:grid;grid-template-columns:1fr 1.45fr;gap:50px;align-items:center}.warehouse img{width:100%;border-radius:4px}.about{background:#f8fafb}.two{display:grid;grid-template-columns:1fr 1fr;gap:55px}.two p{line-height:1.75;color:#53606a}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:220px;object-fit:cover;cursor:pointer}.quote{background:var(--navy);color:#fff}.quote h2{color:#fff}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea{width:100%;padding:14px;border:0;border-radius:2px}.form textarea{grid-column:1/-1;min-height:120px}.form button{background:#fff;color:var(--navy);padding:14px 20px;border:0;font-weight:700}.contactline{margin-top:30px;line-height:1.8}footer{padding:36px 0;background:#052b4b;color:#fff}.foot{display:flex;align-items:center;justify-content:space-between}.foot img{width:260px;filter:brightness(0) invert(1)}#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:99;align-items:center;justify-content:center;padding:30px}#lightbox img{max-width:94vw;max-height:90vh}#lightbox.show{display:flex}@media(max-width:850px){.links{display:none}.logo{width:255px}.hero h1{font-size:44px}.hero-copy{width:auto}.grid,.two,.warehouse{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid,.two,.warehouse,.form,.gallery{grid-template-columns:1fr}.hero{height:560px}.hero h1{font-size:39px}.form textarea{grid-column:auto}}

/* Motion-led editorial redesign */
:root{--navy:#092b4b;--deep:#061b30;--accent:#c8a77a;--mist:#edf2f6}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{overflow-x:hidden}::selection{background:#c8a77a;color:#092b4b}
header{transition:background .35s,box-shadow .35s}header.scrolled{box-shadow:0 14px 40px #061b3015}.nav{height:96px}.links a{font-size:12px;letter-spacing:1.5px;font-weight:700;position:relative}.links a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s}.links a:hover:after{width:100%}
.btn{position:relative;overflow:hidden;transition:transform .3s,background .3s,box-shadow .3s;letter-spacing:1px;font-size:12px}.btn:hover{transform:translateY(-3px);background:#174c75;box-shadow:0 14px 25px #061b3030}
.hero{height:min(800px,85vh);min-height:590px;padding:0}.hero .slide{transform:scale(1.08);transition:opacity 1.1s,transform 7s;filter:saturate(.86)}.hero .slide.active{transform:scale(1)}.hero .shade{background:linear-gradient(90deg,rgba(5,27,46,.9),rgba(5,27,46,.52) 52%,rgba(5,27,46,.07))}.hero-copy{padding-top:clamp(100px,15vh,170px);width:min(750px,85vw);color:#fff}.hero h1{font-size:clamp(58px,7.4vw,112px);line-height:.94;letter-spacing:-3px}.hero p{max-width:520px;font-size:18px;color:#e5ebf1}.hero .eyebrow{color:#d7b88a}.hero .btn{background:#fff;color:var(--navy);margin-top:14px}.hero .btn:hover{background:var(--accent)}
.hero-controls{position:absolute;z-index:5;bottom:42px;right:7%;display:flex;align-items:center;gap:12px}.hero-controls button{background:#ffffff25;color:white;border:1px solid #ffffff70;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:20px;transition:.25s}.hero-controls button:hover{background:white;color:var(--navy)}.dots{left:7%;bottom:45px}.dot{cursor:pointer;background:#ffffff70}.dot.on{background:#fff;width:32px;border-radius:8px}
section{padding:105px 0}h2{font-size:clamp(36px,4vw,60px);letter-spacing:-1.5px;line-height:1.1}.kicker{letter-spacing:3px;color:#a47b4a}.grid{gap:22px}.card{border:0;position:relative;box-shadow:0 12px 35px #0b2d4c12;transition:transform .45s,box-shadow .45s;cursor:pointer}.card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0b2d4c25}.card img{height:260px;transition:transform .7s}.card:hover img{transform:scale(1.08)}.card h3{font-size:23px;margin-bottom:6px}.card p{font-size:14px}.card:after{content:'↗';position:absolute;bottom:20px;right:18px;color:var(--navy);font-size:23px}
.certs{background:#f3f6f8}.certrow img{filter:grayscale(1);opacity:.78;transition:.3s}.certrow img:hover{filter:none;opacity:1;transform:translateY(-5px)}.warehouse{gap:80px}.warehouse>img{height:420px;object-fit:cover;border-radius:0;box-shadow:22px 22px 0 #e8edf1}.warehouse p{line-height:1.8;color:#596a77}
.about{background:var(--deep);color:#fff}.about p{color:#c4d2dd}.about .kicker{color:#c8a77a}
.gallery{grid-template-columns:repeat(4,1fr)}.gallery img{height:230px;transition:transform .45s,filter .45s}.gallery img:hover{transform:scale(1.035);filter:brightness(.86)}
.filters{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:0 auto 32px}.filter{border:1px solid #d7e0e6;background:white;padding:11px 16px;color:var(--navy);cursor:pointer;font-size:12px;letter-spacing:.6px;font-weight:700;transition:.25s}.filter:hover,.filter.active{background:var(--navy);color:white}
.quote{background:linear-gradient(135deg,#092b4b,#061b30)}.quote .form input,.quote .form textarea{background:#ffffff12;border:1px solid #ffffff3c;color:#fff;outline:none;transition:.3s}.quote .form input::placeholder,.quote .form textarea::placeholder{color:#d0d9e1}.quote .form input:focus,.quote .form textarea:focus{border-color:var(--accent);background:#ffffff1d}.form button{cursor:pointer;transition:.25s}.form button:hover{background:var(--accent)}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}
.ticker{background:#092b4b;color:#fff;overflow:hidden;white-space:nowrap;padding:19px 0;font-size:12px;letter-spacing:3px;font-weight:700}.ticker-track{display:inline-block;animation:marquee 34s linear infinite}.ticker span{padding:0 38px}.ticker b{color:#c8a77a}@keyframes marquee{to{transform:translateX(-50%)}}
.big-cta{background:#dfe8ee;text-align:center;position:relative;overflow:hidden}.big-cta h2{font-size:clamp(45px,7vw,100px);max-width:1050px;margin:0 auto 35px}.big-cta:before{content:'P&H';position:absolute;font:900 300px Georgia;opacity:.045;top:-100px;left:-10px;pointer-events:none}
.mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--navy);font-size:28px;cursor:pointer}.lb-close,.lb-prev,.lb-next{position:fixed;z-index:101;background:#ffffff20;color:white;border:1px solid #ffffff77;cursor:pointer;padding:12px 17px;font-size:25px}.lb-close{right:25px;top:25px}.lb-prev{left:24px;top:50%}.lb-next{right:24px;top:50%}#lightbox{backdrop-filter:blur(12px)}#lightbox img{box-shadow:0 20px 70px #0007;object-fit:contain}
@media(max-width:1050px){.gallery{grid-template-columns:repeat(3,1fr)}.nav{gap:15px}.logo{width:265px}.links{gap:14px}}
@media(max-width:850px){.mobile-toggle{display:block}.links{display:none;position:absolute;top:88px;left:0;right:0;background:white;flex-direction:column;padding:25px 8%;box-shadow:0 15px 30px #092b4b22}.links.open{display:flex}.nav>.btn{display:none}.gallery{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:65px}.hero-copy{padding-top:120px}.warehouse{gap:35px}}
@media(max-width:560px){section{padding:70px 0}.hero{min-height:640px}.hero h1{font-size:52px;letter-spacing:-1px}.hero-copy{padding-top:120px}.hero .shade{background:linear-gradient(90deg,#061b30dd,#061b3066)}.gallery{grid-template-columns:repeat(2,1fr);gap:8px}.gallery img{height:145px}.warehouse>img{height:250px}.hero-controls{bottom:30px}.dots{bottom:30px}.certrow{gap:25px}.certrow img{height:65px}.foot{gap:25px;flex-wrap:wrap}.big-cta h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Requested refinements 2026-10-09 */
.hero{margin-bottom:34px}
.gallery{align-items:stretch}.gallery img{height:300px;object-fit:contain;background:#f7f8fa;padding:12px;border:1px solid #e7ebef}.gallery img:hover{transform:translateY(-4px);filter:none}
.product-info{margin-top:48px;padding:42px 44px;background:#f4f6f8;display:grid;grid-template-columns:220px 1fr;gap:42px;align-items:center;text-align:left}.product-info img{width:100%;max-height:120px;object-fit:contain}.product-info h3{font-size:32px;margin:0 0 12px}.product-info p{color:#596a77;line-height:1.75;margin:0 0 20px;max-width:760px}
.career-cta{margin-top:22px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 30px #0003;transition:.25s}.whatsapp-float:hover{transform:translateY(-4px) scale(1.04)}.whatsapp-float svg{width:32px;height:32px;fill:currentColor}
footer{padding:42px 0 28px}.foot{gap:30px}.footer-brand{width:280px;background:#fff;padding:10px 14px;border-radius:3px;display:block}.footer-meta{margin-left:auto;text-align:right;line-height:1.8}.privacy-link{color:#fff;text-decoration:none;border-bottom:1px solid #ffffff70}.privacy-link:hover{border-color:#fff}.privacy{display:none;border-top:1px solid #ffffff28;margin-top:28px;padding-top:25px;color:#d7e1e9;font-size:13px;line-height:1.7}.privacy.open{display:block}
@media(max-width:850px){.product-info{grid-template-columns:1fr;text-align:center}.product-info img{margin:auto}.footer-meta{margin-left:0;text-align:left}}
@media(max-width:560px){.hero{margin-bottom:24px}.gallery img{height:220px}.product-info{padding:30px 22px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}.footer-brand{width:min(280px,80vw)}}
.hero{margin-bottom:56px}.ticker{margin-top:0}
/* Requested refinements 2026-10-09 v5 */
.hero{margin-bottom:0!important}
.hero-copy{padding-bottom:100px}
.hero .btn{margin-top:24px;margin-bottom:100px}
.ticker{margin-top:0!important}
.whatsapp-float{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));overflow:visible!important;clip:auto!important}
.footer-brand{width:310px!important;background:transparent!important;padding:0!important;border-radius:0!important;filter:none!important;object-fit:contain}
@media(max-width:560px){.hero-copy{padding-bottom:120px}.hero .btn{margin-bottom:100px}.whatsapp-float{right:18px!important;bottom:18px!important}}

.section-lifestyle{display:block;width:100%;height:300px;object-fit:cover;border-radius:5px;margin-top:28px;box-shadow:0 16px 38px rgba(6,53,91,.14)}
/* Keep WhatsApp entirely inside the viewport on desktop and mobile. */
.whatsapp-float{box-sizing:border-box!important;right:32px!important;bottom:32px!important;width:62px!important;height:62px!important;max-width:calc(100vw - 64px)!important;max-height:calc(100vh - 64px)!important;transform:none!important}
.whatsapp-float:hover{transform:translateY(-3px)!important}
@media(max-width:560px){.section-lifestyle{height:230px}.whatsapp-float{right:20px!important;bottom:20px!important;width:56px!important;height:56px!important;max-width:calc(100vw - 40px)!important}}

.hero .slide{background-repeat:no-repeat;background-size:cover;background-position:center center;filter:none!important}
.hero .slide:nth-child(1){background-position:50% center}
.hero .slide:nth-child(2){background-position:50% center}
.hero .slide:nth-child(3){background-position:50% center}
@media(max-width:600px){.hero .slide{background-position:55% center}}

.hero .slide{transform:none!important;transition:opacity .8s ease!important;background-size:cover;background-position:center center}
.careers-photo{object-position:center 30%}


.careers-layout{align-items:start}
.careers-photo{display:block;width:100%;height:300px;object-fit:cover;object-position:center;border-radius:10px;margin:0 0 28px;box-shadow:0 14px 35px rgba(6,27,48,.14)}
.careers-openings h3{font-size:28px;margin:0 0 12px}
.whatsapp-float{
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:36px!important;
  bottom:36px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:0!important;
  margin:0!important;
  border:3px solid #fff!important;
  border-radius:999px!important;
  overflow:visible!important;
  clip-path:none!important;
  transform:none!important;
  z-index:2147483000!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
}
.whatsapp-float svg{display:block!important;width:30px!important;height:30px!important;margin:auto!important;overflow:visible!important}
.whatsapp-float:hover{transform:translateY(-3px)!important}
@media(max-width:700px){
  .careers-photo{height:240px}
  .whatsapp-float{right:24px!important;bottom:24px!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important}
}


.careers-photo{
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center 22%!important;
}


/* WordPress menu compatibility */
.ph-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.ph-menu a{color:inherit;text-decoration:none}.ph-form-wrap{width:100%}@media(max-width:850px){.ph-menu{flex-direction:column}}
