:root{--brand-blue:#0F3089;--brand-navy:#0F3089;--primary:#0F3089;--secondary:#0F3089;--heading:#0F3089;--radius:2px;--wrap:1280px;--yellow:#0F3089;--ink:#0F3089}html{scroll-behavior:smooth}body{background:#FFFFFC}.wrap{max-width:1280px;width:calc(100% - 96px)}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0F3089;outline-offset:5px}.site-head{background:rgba(255,255,252,.7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,48,137,.15);box-shadow:none}.head-inner{min-height:92px;gap:40px}.brand-word{color:#0F3089;font-size:25px;font-weight:900;white-space:nowrap;line-height:1.5}.brand-word small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.8px;font-weight:600;color:#8B8982}.site-nav{margin-inline-start:auto}.site-nav ul{gap:27px}.site-nav a{font-size:14px;font-weight:500}.site-nav a.active{color:#0F3089;border-bottom:2px solid #0F3089}.site-nav li:last-child a{padding:11px 20px;border:1px solid rgba(15,48,137,.15)}.industrial-hero{background:#0F3089;color:#FFFFFC;padding:45px 0 35px;position:relative;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 23px}.hero-copy .eyebrow{color:#FFFFFC}.eyebrow>span{width:24px;height:2px;background:var(--yellow)}.hero-copy h1{font-size:clamp(40px,4.3vw,64px);line-height:1.48;letter-spacing:-1.8px;font-weight:900;color:#FFFFFC;margin:0 0 19px}.hero-copy h1 em{font-style:normal;color:var(--yellow)}.hero-description{font-size:17px;color:#8B8982;line-height:2;max-width:500px;margin:0}.hero-actions{display:flex;gap:27px;align-items:center;margin:28px 0 35px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--yellow);color:#0F3089;padding:13px 23px;font-size:15px;font-weight:700;border:1px solid var(--yellow);transition:background .2s}.primary-action:hover{background:#0F3089;color:#0F3089}.secondary-action{color:#FFFFFC;font-size:14px;display:flex;gap:18px}.secondary-action:hover{color:var(--yellow)}.hero-proof{display:flex;gap:0;border-top:1px solid #0F3089;padding-top:20px}.hero-proof>div,.hero-proof>a{display:flex;flex-direction:column;padding:0 25px;border-inline-start:1px solid #0F3089}.hero-proof>div:first-child{padding-inline-start:0;border:0}.hero-proof strong{font-family:Vazirmatn,sans-serif;font-size:25px;font-weight:600;color:#FFFFFC;line-height:1.5}.hero-proof strong small{font-size:14px}.hero-proof span{font-size:12px;color:#8B8982}.product-stage{margin:0;position:relative;background:#0F3089;border:1px solid rgba(15,48,137,.15);min-width:0}.stage-heading{position:absolute;z-index:1;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;font-size:12px;color:#8B8982}.stage-heading span:last-child{font-family:monospace;color:#8B8982}.product-stage img{display:block;width:100%;height:400px;object-fit:cover}.product-stage figcaption{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-top:1px solid rgba(15,48,137,.15);font-size:13px;color:#FFFFFC}.visual-note{font-size:12px;color:#8B8982}.products-intro{margin-top:36px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.products-intro h2{font-size:17px;font-weight:500;color:#FFFFFC;margin:0}.products-intro>a{font-size:13px;color:#8B8982}.hero-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tape-card{display:block;background:#0F3089;border:1px solid rgba(15,48,137,.15);padding:17px 21px;color:#FFFFFC;transition:background .2s,transform .2s}.tape-card:hover{background:#0F3089;transform:translateY(-4px);color:#FFFFFF}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#8B8982;font:12px monospace}.swatch{height:5px;width:35px;background:#0F3089}.black .swatch{background:#0F3089;border:1px solid #8B8982}.white .swatch{background:#FFFFFC}.yellow .swatch{background:var(--yellow)}.joint .swatch{background:#8B8982}.tape-card h3{font-size:20px;color:inherit;margin:0 0 5px}.tape-card p{font-size:13px;color:#8B8982;margin:0 0 16px}.card-bottom{border-top:1px solid rgba(15,48,137,.15);padding-top:10px;display:flex;align-items:center;justify-content:space-between}.card-bottom>span:first-child{font:11px monospace;letter-spacing:1px;color:#8B8982}.card-arrow{color:var(--yellow);font-size:22px;line-height:1}.yellow{border-bottom:3px solid var(--yellow)}.industry-band{background:#0F3089;color:#0F3089;padding:22px 0}.industry-band>.wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px}.industry-band ul{display:flex;gap:30px;list-style:none;padding:0;margin:0;font-weight:700}.industry-band [lang]{font:11px monospace;letter-spacing:1.5px}.about-strip{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding-top:72px;padding-bottom:72px}.about-strip .eyebrow{color:#8B8982}.about-strip h2{font-size:35px;line-height:1.6;margin:0}.about-strip p:not(.eyebrow){font-size:16px;line-height:2.15;color:#8B8982}.about-strip a{font-size:15px;color:#0F3089;border-bottom:1px solid #0F3089;padding-bottom:8px}.site-foot{background:#0F3089}.foot-bottom{border-top:1px solid rgba(15,48,137,.15)}.pagehead{background:#0F3089}.pagehead h1{color:#FFFFFF}.btn{background:#0F3089;color:#0F3089}.featured-products{padding-top:50px;padding-bottom:30px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-detail{padding:30px;background:#FFFFFF;border:1px solid rgba(15,48,137,.15);scroll-margin-top:110px}.product-detail .eyebrow{color:#8B8982}.product-detail h2{font-size:25px}.product-detail p{font-size:16px}.product-detail .primary-action{margin-top:18px}body:not(.home) .row{--row-bg:#FFFFFC}body:not(.home) .pagehead h1{margin:0}.skip:focus{z-index:1000}
@media(min-width:1600px){.industrial-hero{padding-top:60px;padding-bottom:45px}.product-stage img{height:440px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.site-nav ul{gap:14px}.head-inner{gap:25px}.brand-word{font-size:21px}.hero-layout{gap:30px}.hero-copy h1{font-size:45px}.product-stage img{height:385px}.hero-proof>div,.hero-proof>a{padding:0 15px}.hero-proof strong{font-size:21px}.tape-card{padding:15px}.tape-card p{font-size:12px}.industry-band [lang]{display:none}}
@media(max-width:800px){.head-inner{min-height:78px}.site-nav{display:none}.site-nav.open{display:block;position:absolute;top:78px;left:0;right:0;background:#FFFFFF;padding:22px;z-index:50}.site-nav ul{flex-direction:column;align-items:stretch}.burger{display:flex;margin-inline-start:auto}.hero-layout{grid-template-columns:1fr;gap:28px}.hero-copy h1{font-size:48px}.hero-copy{max-width:620px}.industrial-hero{padding-top:35px}.product-stage img{height:auto;max-height:480px;object-fit:cover}.hero-products{grid-template-columns:repeat(2,1fr)}.industry-band>.wrap{flex-direction:column;gap:14px}.about-strip{gap:28px;grid-template-columns:1fr;padding-top:45px;padding-bottom:45px}.hero-proof{justify-content:flex-start}.hero-proof>div,.hero-proof>a{padding:0 25px}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:39px;letter-spacing:-1px}.hero-description{font-size:16px}.hero-actions{gap:16px}.primary-action{padding:12px 15px;gap:20px}.secondary-action{font-size:13px;gap:8px}.hero-proof>div,.hero-proof>a{padding:0 13px}.hero-proof strong{font-size:20px}.hero-proof span{font-size:12px}.stage-heading{font-size:12px;left:12px;right:12px}.product-stage figcaption{padding:12px;flex-direction:column}.products-intro{gap:12px;align-items:flex-start}.products-intro h2{font-size:15px}.products-intro>a{font-size:12px;white-space:nowrap}.hero-products{gap:8px}.tape-card{padding:13px}.tape-card h3{font-size:18px}.tape-card p{min-height:42px}.card-bottom>span:first-child{font-size:10px;letter-spacing:.5px}.industry-band ul{gap:20px;font-size:13px}.detail-grid{grid-template-columns:1fr}.about-strip h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.site-nav a{padding-inline:8px}.product-stage img{object-fit:cover}.site-nav a:hover{color:#0F3089}@media(max-width:900px){.burger{display:block}.site-nav.open{display:block}.site-nav ul{gap:5px}}@media(max-width:800px){.burger{display:block}}

/* ==========================================================
   PZM 1.1 — targeted UI refinements
   These rules intentionally override only the requested areas.
   ========================================================== */

/* Header: #FFFFFF glass surface + restrained menu motion */
.site-head{
  background:#FFFFFC;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(15,48,137,.15);
}
.site-nav a{
  background:transparent;
  transform:scale(1);
  transform-origin:center;
  transition:color .22s ease,transform .22s ease,background-color .22s ease,border-color .22s ease;
}
.site-nav a:hover{
  background:transparent;
  color:#0F3089;
  transform:scale(1.05);
}
.site-nav a.active:hover{
  color:#0F3089;
}

/* Homepage product cards: dedicated media slot at the top */
.hero-products .tape-card{
  padding:0;
  overflow:hidden;
}
.tape-card-media{
  position:relative;
  min-height:112px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(15,48,137,.08),rgba(255,255,252,.015)),
    #0F3089;
  border-bottom:1px solid rgba(15,48,137,.15);
}
.tape-card-media::before{
  content:"";
  width:54px;
  height:54px;
  border:1px solid rgba(15,48,137,.35);
  transform:rotate(45deg);
  position:absolute;
}
.tape-card-media span{
  position:relative;
  z-index:1;
  font-size:11px;
  color:#8B8982;
}
.tape-card-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.tape-card-content{
  padding:17px 21px;
}

/* Expertise: four cards above the existing about copy */
.expertise-section{
  background:#FFFFFC;
  padding:72px 0;
}
.expertise-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:64px;
}
.expertise-card{
  position:relative;
  min-width:0;
  min-height:100%;
  padding:25px 22px 24px;
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
  border-top:3px solid #0F3089;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.expertise-card:hover{
  transform:translateY(-4px);
  border-color:#0F3089;
  box-shadow:0 14px 30px rgba(15,48,137,.07);
}
.expertise-no{
  display:block;
  margin-bottom:17px;
  color:#0F3089;
  font:11px/1.4 monospace;
  letter-spacing:1px;
}
.expertise-card h3{
  font-size:22px;
  margin:0 0 15px;
  color:#0F3089;
}
.expertise-card ul{
  list-style:none;
  margin:0;
  padding:0;
}
.expertise-card li{
  position:relative;
  padding-right:15px;
  margin-bottom:9px;
  color:#8B8982;
  font-size:13px;
  line-height:1.9;
}
.expertise-card li::before{
  content:"";
  position:absolute;
  right:0;
  top:.82em;
  width:5px;
  height:5px;
  background:#0F3089;
}
.expertise-section .about-strip{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:90px;
  padding:0;
}

/* Main products page: only the four primary products in a large 2x2 grid */
.products-pagehead .pagehead-kicker,
.pagehead-kicker{
  margin:0 0 8px;
  color:#0F3089;
  font:11px/1.5 monospace;
  letter-spacing:1.6px;
}
.products-pagehead p:last-child{
  max-width:650px;
  color:#8B8982;
}
.featured-products{
  padding-top:64px;
  padding-bottom:72px;
}
.products-page-intro{
  margin-bottom:26px;
}
.products-page-intro h2{
  margin-bottom:0;
  font-size:32px;
}
.detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.product-detail{
  padding:0;
  overflow:hidden;
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
  scroll-margin-top:110px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.product-detail:hover{
  transform:translateY(-4px);
  border-color:#0F3089;
  box-shadow:0 16px 36px rgba(15,48,137,.08);
}
.product-detail-media{
  position:relative;
  aspect-ratio:16/7;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(15,48,137,.12),rgba(255,255,252,.03)),
    #0F3089;
  border-bottom:1px solid rgba(15,48,137,.15);
}
.product-detail-media::after{
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  border:1px solid rgba(15,48,137,.38);
  transform:rotate(45deg);
}
.product-detail-media span{
  position:relative;
  z-index:1;
  color:#8B8982;
  font-size:12px;
}
.product-detail-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:2;
}
.product-detail-body{
  padding:28px 30px 30px;
}
.product-detail .eyebrow{
  color:#0F3089;
  margin-bottom:12px;
}
.product-detail h3{
  font-size:26px;
  margin-bottom:8px;
}
.product-detail p{
  color:#8B8982;
  margin-bottom:20px;
}
.product-detail .primary-action{
  margin-top:0;
}

/* About page: stronger hierarchy while preserving the industrial language */
.about-page{
  background:#FFFFFC;
  padding:68px 0 76px;
}
.about-page,
.about-page p,
.about-page h2{
  text-align:right;
}
.about-intro{
  display:grid;
  grid-template-columns:.78fr 1.35fr;
  gap:70px;
  align-items:start;
  padding-bottom:50px;
  border-bottom:1px solid rgba(15,48,137,.15);
}
.about-intro-title{
  position:sticky;
  top:125px;
}
.about-intro-title .eyebrow{
  color:#0F3089;
}
.about-intro-title h2{
  font-size:34px;
  line-height:1.7;
  margin:0;
}
.about-prose p{
  color:#8B8982;
  line-height:2.2;
  margin-bottom:18px;
  text-align:right;
}
.about-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:34px 0 58px;
  border:1px solid rgba(15,48,137,.15);
  background:#FFFFFC;
}
.about-facts>div{
  padding:22px 18px;
  text-align:center;
  border-left:1px solid rgba(15,48,137,.15);
}
.about-facts>div:last-child{
  border-left:0;
}
.about-facts strong{
  display:block;
  color:#0F3089;
  font-size:24px;
  line-height:1.4;
}
.about-facts span{
  color:#8B8982;
  font-size:12px;
}
.about-content-block{
  display:grid;
  grid-template-columns:.72fr 1.35fr;
  gap:70px;
  padding:43px 0;
  border-top:1px solid rgba(15,48,137,.15);
}
.about-content-block:last-child{
  padding-bottom:0;
}
.about-block-heading{
  position:relative;
  padding-right:18px;
  border-right:3px solid #0F3089;
}
.about-block-heading span{
  display:block;
  margin-bottom:8px;
  color:#0F3089;
  font:11px/1.4 monospace;
}
.about-block-heading h2{
  margin:0;
  font-size:27px;
}

/* Single post: editorial layout built on the same dark/gold visual language */
.article-page{
  background:#FFFFFC;
}
.article-head{
  background:#0F3089;
  color:#FFFFFC;
  padding:58px 0 52px;
  border-bottom:3px solid #0F3089;
}
.wrap--article-head{
  width:min(100% - 2.5rem,880px);
}
.article-kicker{
  display:inline-block;
  margin-bottom:15px;
  color:#0F3089;
  font-size:13px;
}
.article-kicker:hover{
  color:#0F3089;
}
.article-head h1{
  max-width:780px;
  margin:0 0 17px;
  color:#FFFFFC;
  font-size:clamp(30px,4vw,48px);
  line-height:1.55;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  color:#8B8982;
  font-size:13px;
}
.article-meta>span{
  position:relative;
}
.article-meta>span+span::before{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#0F3089;
}
.article-meta a{
  color:#FFFFFC;
}
.article-single{
  padding:0 0 70px;
  background:transparent;
}
.article-shell{
  position:relative;
  margin-top:36px;
  padding:0;
}
.article-featured{
  margin:0 0 24px;
  background:#0F3089;
  border:1px solid rgba(15,48,137,.15);
}
.article-featured img{
  border-radius:0;
  max-height:520px;
  object-fit:cover;
}
.article-content{
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
  padding:42px 46px;
  font-size:16px;
  line-height:2.15;
}
.article-content p,
.article-content li{
  color:#8B8982;
}
.article-content h2,
.article-content h3{
  position:relative;
  margin-top:1.8em;
  padding-right:15px;
  border-right:3px solid #0F3089;
}
.article-content blockquote{
  margin:28px 0;
  padding:20px 24px;
  border-right:3px solid #0F3089;
  background:#FFFFFC;
  color:#8B8982;
}
.article-footer-nav{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-top:20px;
  padding:18px 20px;
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
}
.article-footer-nav .back{
  margin:0;
  color:#0F3089;
  font-weight:700;
}
.post-nav-links{
  display:flex;
  gap:14px;
}
.post-nav-links a{
  color:#8B8982;
  font-size:13px;
}
.post-nav-links a:hover,
.article-footer-nav .back:hover{
  color:#0F3089;
}

/* Comments */
.comments-area{
  margin-top:28px;
  padding:34px 38px;
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
}
.comments-heading{
  margin-bottom:22px;
  padding-right:14px;
  border-right:3px solid #0F3089;
}
.comments-heading span{
  display:block;
  color:#0F3089;
  font-size:11px;
  margin-bottom:4px;
}
.comments-heading h2{
  margin:0;
  font-size:23px;
}
.comment-list{
  list-style:none;
  margin:0 0 34px;
  padding:0;
}
.comment-list .comment{
  margin-bottom:14px;
}
.comment-body{
  padding:20px;
  background:#FFFFFC;
  border:1px solid rgba(15,48,137,.15);
}
.comment-author{
  display:flex;
  align-items:center;
  gap:10px;
}
.comment-author .avatar{
  border-radius:50%;
}
.comment-metadata{
  margin:5px 0 12px;
  font-size:12px;
  color:#8B8982;
}
.comment-metadata a{
  color:inherit;
}
.comment-content p:last-child{
  margin-bottom:0;
}
.comment-list .children{
  list-style:none;
  margin:14px 24px 0 0;
  padding:0;
}
.pzm-comment-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 16px;
}
.pzm-comment-form .comment-form-comment,
.pzm-comment-form .comment-notes,
.pzm-comment-form .logged-in-as,
.pzm-comment-form .form-submit,
.pzm-comment-form .comment-form-cookies-consent{
  grid-column:1/-1;
}
.pzm-comment-form p{
  margin:0;
}
.pzm-comment-form label{
  display:block;
  margin-bottom:5px;
  color:#8B8982;
  font-size:13px;
  font-weight:700;
}
.pzm-comment-form input:not([type="checkbox"]),
.pzm-comment-form textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid rgba(15,48,137,.15);
  background:#FFFFFC;
  color:#0F3089;
  font:inherit;
  outline:none;
}
.pzm-comment-form input:focus,
.pzm-comment-form textarea:focus{
  border-color:#0F3089;
  box-shadow:0 0 0 3px rgba(15,48,137,.12);
}
.pzm-comment-form .submit{
  border-radius:0;
  cursor:pointer;
}

/* Footer: shorter, cleaner, with a solid contact box */
.site-foot{
  padding-top:22px;
}
.foot-grid{
  grid-template-columns:.9fr 1fr 1.55fr;
  gap:22px;
  align-items:center;
  padding-bottom:20px;
}
.foot-brand-col{
  text-align:right;
}
.foot-links-col{
  text-align:right;
}
.foot-menu{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 16px;
  text-align:right;
}
.foot-menu li{
  margin:0;
}
.foot-menu a{
  display:inline-block;
  font-size:12px;
}
.foot-contact-box{
  padding:17px 20px;
  background:#0F3089;
  border:1px solid rgba(15,48,137,.15);
  text-align:center;
}
.foot-contact{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 18px;
}
.foot-contact li{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin:0;
  text-align:center;
  font-size:12px;
  line-height:1.7;
}
.foot-contact li:first-child{
  flex-basis:100%;
}
.foot-contact .ico{
  flex:0 0 auto;
  margin-top:0;
  color:#0F3089;
}
.foot-contact a{
  white-space:nowrap;
}
.foot-bottom{
  padding:8px 0;
  text-align:center;
  font-size:11px;
}

@media(max-width:900px){
  .site-head{
    background:#FFFFFC;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }
  .site-nav.open{
    background:#FFFFFC;
    border-bottom:1px solid rgba(15,48,137,.15);
    box-shadow:0 12px 30px rgba(15,48,137,.09);
  }
  .site-nav a:hover{
    transform:scale(1.015);
  }
  .expertise-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-bottom:48px;
  }
  .expertise-section .about-strip{
    grid-template-columns:1fr;
    gap:28px;
  }
  .about-intro,
  .about-content-block{
    grid-template-columns:1fr;
    gap:24px;
  }
  .about-intro-title{
    position:static;
  }
  .about-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .about-facts>div:nth-child(2){
    border-left:0;
  }
  .about-facts>div:nth-child(-n+2){
    border-bottom:1px solid rgba(15,48,137,.15);
  }
  .foot-grid{
    grid-template-columns:1fr 1fr;
  }
  .foot-contact-box{
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .expertise-section{
    padding:46px 0;
  }
  .expertise-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:38px;
  }
  .expertise-card{
    padding:18px 13px;
  }
  .expertise-card h3{
    font-size:18px;
  }
  .expertise-card li{
    padding-right:11px;
    font-size:11px;
    line-height:1.8;
  }
  .tape-card-content{
    padding:14px;
  }
  .tape-card-media{
    min-height:88px;
  }
  .detail-grid{
    grid-template-columns:1fr;
  }
  .product-detail-media{
    aspect-ratio:16/8;
  }
  .about-page{
    padding:44px 0 52px;
  }
  .about-intro-title h2{
    font-size:27px;
  }
  .about-facts strong{
    font-size:21px;
  }
  .about-content-block{
    padding:32px 0;
  }
  .article-head{
    padding:42px 0 38px;
  }
  .article-shell{
    margin-top:22px;
  }
  .article-content{
    padding:28px 22px;
  }
  .article-footer-nav{
    align-items:flex-start;
    flex-direction:column;
  }
  .comments-area{
    padding:26px 20px;
  }
  .pzm-comment-form{
    grid-template-columns:1fr;
  }
  .pzm-comment-form>p{
    grid-column:1/-1;
  }
  .foot-grid{
    grid-template-columns:1fr;
    gap:15px;
  }
  .foot-brand-col,
  .foot-links-col{
    text-align:center;
  }
  .foot-menu{
    grid-template-columns:repeat(2,minmax(0,1fr));
    text-align:center;
  }
  .foot-contact-box{
    grid-column:auto;
  }
}

@media(max-width:480px){
  .expertise-card li{
    font-size:10.5px;
  }
  .expertise-card h3{
    font-size:17px;
  }
  .product-detail-body{
    padding:23px 20px 24px;
  }
  .products-page-intro h2{
    font-size:26px;
  }
  .foot-contact{
    gap:7px 12px;
  }
  .foot-contact li{
    font-size:11px;
  }
}

/* ============================================================
   Task 3 — Header: perfectly center the primary nav within the
   header, regardless of the brand/burger widths on either side.
   ============================================================ */
.head-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "brand nav burger";
}
.brand { grid-area: brand; justify-self: start; }
.site-nav { grid-area: nav; justify-self: center; margin-inline-start: 0; }
.burger { grid-area: burger; justify-self: end; margin-inline-start: 0; }

/* ============================================================
   Task 5 — Homepage "Latest Articles" slider (Swiper.js).
   Reuses the existing .card / .products-intro / .primary-action
   components so it matches the rest of the site automatically.
   ============================================================ */
.latest-articles-section { padding: 55px 0 65px; }
.articles-slider-wrap { position: relative; }
.articles-slider .swiper-slide { height: auto; }
.articles-slider .swiper-slide .card { height: 100%; }
.articles-slider-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border-radius: 50%;
  background: #FFFFFC; border: 1px solid rgba(15,48,137,.15); color: #0F3089;
  display: grid; place-items: center; cursor: pointer;
  font-size: 18px; line-height: 1; z-index: 2;
  transition: background .2s, color .2s, border-color .2s;
}
.articles-slider-nav:hover { background: var(--yellow); color: #0F3089; border-color: var(--yellow); }
.articles-slider-nav.prev { inset-inline-start: -20px; }
.articles-slider-nav.next { inset-inline-end: -20px; }
.latest-articles-more { text-align: center; margin-top: 34px; }

@media (max-width: 900px) {
  .articles-slider-nav { display: none; } /* touch swipe covers navigation on small screens */
}


/* ============================================================
   PZM 1.3 — 60 / 30 / 10 palette + header refinement
   Palette only. Body layout architecture is intentionally untouched.
   ============================================================ */
:root{
  --pzm-base:#FFFFFC;
  --pzm-text:#8B8982;
  --pzm-primary:#0F3089;
  --pzm-accent:#e30b2b;
  --pzm-white:#FFFFFF;
  --pzm-border:rgba(15,48,137,.15);
  --pzm-primary-soft:rgba(15,48,137,.07);
  --pzm-primary-glass:rgba(15,48,137,.86);
  --brand-blue:var(--pzm-primary);
  --brand-navy:var(--pzm-primary);
  --brand-red:var(--pzm-accent);
  --brand-amber:var(--pzm-accent);
  --primary:var(--pzm-primary);
  --secondary:var(--pzm-primary);
  --yellow:var(--pzm-primary);
  --ink:var(--pzm-primary);
  --heading:var(--pzm-primary);
}

/* 60% base surfaces */
body,
.row,
body:not(.home) .row,
.expertise-section,
.about-page,
.article-page,
.latest-articles-section{
  background:var(--pzm-base);
}
.card,
.product-detail,
.expertise-card,
.about-facts,
.article-content,
.article-footer-nav,
.comments-area,
.comment-body,
.pzm-comment-form input:not([type="checkbox"]),
.pzm-comment-form textarea,
.cform input,
.cform textarea,
.pricing,
.articles-slider-nav{
  background:var(--pzm-base);
}

/* Body and supporting typography */
body,
p,
li,
.card-body p,
.card-body time,
.product-detail p,
.expertise-card li,
.about-prose p,
.article-content p,
.article-content li,
.comment-metadata,
.pzm-comment-form label,
.muted{
  color:var(--pzm-text);
}

/* 30% primary anchors */
h1,h2,h3,h4,h5,h6,
.about-strip h2,
.expertise-card h3,
.product-detail h3,
.products-page-intro h2,
.comments-heading h2,
.foot-brand,
.counter b,
.pricing .price{
  color:var(--pzm-primary);
}
a{color:var(--pzm-primary)}
a:hover{color:var(--pzm-accent)}

/* Borders and low-emphasis decoration are primary-derived, not a fifth color. */
.card,
.product-detail,
.expertise-card,
.about-facts,
.article-content,
.article-footer-nav,
.comments-area,
.comment-body,
.product-detail-media,
.tape-card-media,
.article-featured,
.pzm-comment-form input:not([type="checkbox"]),
.pzm-comment-form textarea,
.cform input,
.cform textarea{
  border-color:var(--pzm-border);
}
.sep{background:var(--pzm-border)}

/* Structural primary sections */
.industrial-hero,
.pagehead,
.article-head,
.site-foot{
  background:var(--pzm-primary);
  color:var(--pzm-white);
}
.industrial-hero h1,
.industrial-hero h2,
.industrial-hero h3,
.pagehead h1,
.pagehead h2,
.article-head h1,
.site-foot h1,
.site-foot h2,
.site-foot h3,
.site-foot .foot-brand{
  color:var(--pzm-white);
}
.hero-description,
.hero-copy .eyebrow,
.hero-proof span,
.stage-heading,
.product-stage figcaption,
.visual-note,
.products-intro h2,
.products-intro>a,
.article-meta,
.article-meta a,
.site-foot,
.site-foot p,
.site-foot li,
.site-foot a,
.foot-desc,
.foot-contact a,
.foot-menu a,
.foot-bottom{
  color:rgba(255,255,252,.78);
}
.hero-copy h1 em{color:var(--pzm-white)}
.product-stage,
.tape-card,
.tape-card-media,
.product-detail-media,
.article-featured{
  background:var(--pzm-primary);
}
.tape-card{color:var(--pzm-white);border-color:rgba(255,255,252,.22)}
.tape-card p,.card-top,.card-bottom>span:first-child{color:rgba(255,255,252,.72)}
.tape-card:hover{background:var(--pzm-primary);color:var(--pzm-white)}
.card-bottom,.product-stage figcaption{border-color:rgba(255,255,252,.20)}

/* 10% accent: CTA, active/hover states, badges/focus only. */
.primary-action,
.btn:not(.btn--outline),
.header-contact,
.pzm-comment-form .submit{
  background:var(--pzm-accent);
  border-color:var(--pzm-accent);
  color:var(--pzm-white);
}
.primary-action:hover,
.btn:not(.btn--outline):hover,
.header-contact:hover,
.pzm-comment-form .submit:hover{
  background:var(--pzm-white);
  border-color:var(--pzm-accent);
  color:var(--pzm-accent);
}
.btn--outline{border-color:currentColor}
.btn--outline:hover{background:var(--pzm-accent);border-color:var(--pzm-accent);color:var(--pzm-white)}
:focus-visible,
a:focus-visible,
button:focus-visible{
  outline-color:var(--pzm-accent);
}
.articles-slider-nav:hover{
  background:var(--pzm-accent);
  border-color:var(--pzm-accent);
  color:var(--pzm-white);
}

/* ============================================================
   Header — the only desktop structure intentionally refactored.
   Contact = far left, nav = true center, brand/logo = far right.
   ============================================================ */
.site-head{
  background:var(--pzm-primary-glass);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  border-bottom:1px solid rgba(255,255,252,.18);
  box-shadow:0 8px 28px rgba(15,48,137,.12);
}
.head-inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  grid-template-areas:"contact nav brand";
  align-items:center;
  min-height:88px;
  gap:28px;
}
.brand{
  grid-area:brand;
  justify-self:start;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand-logo-wrap{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:48px;
  height:56px;
  padding:5px;
  background:var(--pzm-base);
  border:1px solid rgba(255,255,252,.58);
  border-radius:10px;
}
.brand-logo{
  display:block;
  width:auto;
  height:46px;
  max-width:38px;
  object-fit:contain;
}
.brand-word{
  color:var(--pzm-white);
  font-size:23px;
  font-weight:900;
  line-height:1.45;
  white-space:nowrap;
}
.brand-word small{
  display:block;
  color:rgba(255,255,252,.70);
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:2.35px;
}
.site-nav{
  grid-area:nav;
  justify-self:center;
  margin:0;
}
.site-nav ul{
  align-items:center;
  gap:18px;
}
.site-nav a{
  position:relative;
  padding:10px 7px;
  background:transparent;
  color:var(--pzm-white);
  border-radius:0;
  font-size:13.5px;
  font-weight:600;
  transition:color .2s ease,transform .2s ease;
}
.site-nav a::after{
  content:"";
  position:absolute;
  right:50%;
  bottom:4px;
  width:0;
  height:2px;
  background:var(--pzm-accent);
  transform:translateX(50%);
  transition:width .2s ease;
}
.site-nav a:hover,
.site-nav a.active{
  color:var(--pzm-white);
  transform:translateY(-1px);
}
.site-nav a:hover::after,
.site-nav a.active::after{
  width:22px;
}
.site-nav .pzm-nav-contact-item{
  display:none;
}
.header-contact{
  grid-area:contact;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 22px;
  border:1px solid var(--pzm-accent);
  border-radius:7px;
  font-size:13.5px;
  font-weight:800;
  white-space:nowrap;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.header-contact:hover{
  transform:translateY(-1px);
}
.burger{
  display:none;
  color:var(--pzm-white);
}
.burger span{
  background:var(--pzm-white);
}

/* Footer stays a primary structural anchor. */
.site-foot{background:var(--pzm-primary)}
.foot-contact-box{
  background:rgba(255,255,252,.08);
  border-color:rgba(255,255,252,.18);
}
.foot-contact .ico{color:var(--pzm-white)}
.foot-contact a:hover,.foot-menu a:hover{color:var(--pzm-accent)}
.foot-bottom{border-color:rgba(255,255,252,.18)}

/* Mobile dropdown: responsive dimensions, clear tap targets, no overflow. */
@media(max-width:900px){
  .head-inner{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"burger spacer brand";
    min-height:76px;
    gap:12px;
  }
  .brand{
    grid-area:brand;
    justify-self:start;
    gap:9px;
  }
  .brand-logo-wrap{
    width:42px;
    height:48px;
    padding:4px;
    border-radius:8px;
  }
  .brand-logo{
    height:39px;
    max-width:32px;
  }
  .brand-word{font-size:18px}
  .brand-word small{font-size:8px;letter-spacing:1.75px}
  .header-contact{display:none}
  .burger{
    grid-area:burger;
    justify-self:end;
    display:block;
    margin:0;
    padding:9px;
    border:1px solid rgba(255,255,252,.20);
    border-radius:7px;
    background:transparent;
  }
  .burger:hover{background:rgba(255,255,252,.08)}
  .burger span{width:23px;margin:4px 0}
  .site-nav,
  .site-nav.open{
    position:absolute;
    top:calc(100% + 8px);
    inset-inline:0;
    width:100%;
    max-height:calc(100dvh - 104px);
    overflow-y:auto;
    margin:0;
    padding:10px;
    background:rgba(15,48,137,.96);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,252,.18);
    border-radius:10px;
    box-shadow:0 16px 38px rgba(15,48,137,.20);
    z-index:80;
  }
  .site-nav{display:none}
  .site-nav.open{display:block}
  .site-nav ul{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    width:100%;
    margin:0;
    padding:0;
  }
  .site-nav li{width:100%;margin:0}
  .site-nav a{
    width:100%;
    padding:12px 14px;
    text-align:right;
    border-radius:7px;
    color:var(--pzm-white);
    transform:none;
  }
  .site-nav a::after{display:none}
  .site-nav a:hover,
  .site-nav a.active{
    background:rgba(255,255,252,.08);
    color:var(--pzm-white);
    transform:none;
  }
  .site-nav .pzm-nav-contact-item{display:block;margin-top:5px}
  .site-nav .pzm-nav-contact-item a{
    background:var(--pzm-accent);
    color:var(--pzm-white);
    text-align:center;
    font-weight:800;
  }
  .site-nav .pzm-nav-contact-item a:hover{
    background:var(--pzm-white);
    color:var(--pzm-accent);
  }
}

@media(max-width:480px){
  .head-inner{min-height:70px}
  .brand-word{font-size:16px}
  .brand-word small{font-size:7px;letter-spacing:1.35px}
  .brand-logo-wrap{width:38px;height:44px}
  .brand-logo{height:35px;max-width:29px}
  .site-nav,.site-nav.open{top:calc(100% + 6px);padding:8px}
}


/* Contrast corrections for primary-blue sections. */
.industry-band,
.industry-band li,
.industry-band [lang],
.pagehead p,
.pagehead-kicker,
.article-kicker{
  color:rgba(255,255,252,.82);
}
.article-kicker:hover{color:var(--pzm-accent)}
.industrial-hero .eyebrow>span{background:rgba(255,255,252,.82)}
.hero-proof,
.hero-proof>div,
.hero-proof>a{border-color:rgba(255,255,252,.20)}
.card-arrow{color:var(--pzm-white)}
.tape-card:hover .card-arrow{color:var(--pzm-accent)}
.latest-articles-section .products-intro h2,
.featured-products .products-intro h2,
.products-page-intro h2{
  color:var(--pzm-primary);
}


/* Base-surface cards keep the 60% cream share even inside the dark hero. */
.tape-card{
  background:var(--pzm-base);
  color:var(--pzm-primary);
  border-color:var(--pzm-border);
}
.tape-card-media{
  background:var(--pzm-primary-soft);
  border-color:var(--pzm-border);
}
.tape-card h3{color:var(--pzm-primary)}
.tape-card p,
.tape-card .card-top,
.tape-card .card-bottom>span:first-child{color:var(--pzm-text)}
.tape-card .card-bottom{border-color:var(--pzm-border)}
.tape-card .card-arrow{color:var(--pzm-primary)}
.tape-card:hover{
  background:var(--pzm-base);
  color:var(--pzm-primary);
}
.tape-card:hover .card-arrow{color:var(--pzm-accent)}

/* Neutralize the legacy "last menu item" border; contact is now class-driven. */
.site-nav li:last-child a{
  border:0;
  padding:10px 7px;
}
@media(max-width:900px){
  .site-nav li:last-child a{padding:12px 14px}
}

/* ============================================================
   PZM 1.4 — Final homepage color mapping + header alignment
   Scope intentionally limited to header and requested homepage sections.
   Product swatches retain their real product colors.
   ============================================================ */

/* Header: brand/logo at the physical right, contact CTA at the physical left. */
.head-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{
  order:0;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin:0;
  direction:rtl;
}
.site-nav{
  order:1;
  margin:0;
  flex:0 1 auto;
}
.header-contact{
  order:2;
  margin:0;
  flex:0 0 auto;
}
.burger{order:3}

/* Hero: 60% cream base, 30% dark-blue anchors, 10% red CTA/accent. */
.home .industrial-hero{
  background:var(--pzm-base);
  color:var(--pzm-primary);
}
.home .industrial-hero .hero-copy .eyebrow,
.home .industrial-hero .hero-description,
.home .industrial-hero .hero-proof span,
.home .industrial-hero .visual-note{
  color:var(--pzm-text);
}
.home .industrial-hero .hero-copy h1,
.home .industrial-hero .hero-copy h1 em,
.home .industrial-hero .hero-proof strong,
.home .industrial-hero .products-intro h2{
  color:var(--pzm-primary);
}
.home .industrial-hero .hero-copy .eyebrow>span{
  background:var(--pzm-accent);
}
.home .industrial-hero .secondary-action,
.home .industrial-hero .products-intro>a{
  color:var(--pzm-accent);
}
.home .industrial-hero .secondary-action:hover,
.home .industrial-hero .products-intro>a:hover{
  color:var(--pzm-primary);
}
.home .industrial-hero .hero-proof,
.home .industrial-hero .hero-proof>div,
.home .industrial-hero .hero-proof>a{
  border-color:var(--pzm-border);
}

/* The product visual remains a dark-blue key element inside the cream hero. */
.home .industrial-hero .product-stage{
  background:var(--pzm-primary);
  border-color:var(--pzm-border);
}
.home .industrial-hero .product-stage .stage-heading,
.home .industrial-hero .product-stage figcaption{
  color:var(--pzm-base);
}
.home .industrial-hero .product-stage .stage-heading span:last-child,
.home .industrial-hero .product-stage .visual-note{
  color:rgba(255,255,252,.72);
}
.home .industrial-hero .product-stage figcaption{
  border-color:rgba(255,255,252,.20);
}

/* Dark industrial block: 4 numbered production categories + history/about copy. */
.home .expertise-section{
  background:var(--pzm-primary);
  color:var(--pzm-base);
}
.home .expertise-card{
  background:transparent;
  border-color:rgba(255,255,252,.22);
  border-top-color:rgba(255,255,252,.72);
  box-shadow:none;
}
.home .expertise-card:hover{
  border-color:rgba(255,255,252,.48);
  box-shadow:none;
}
.home .expertise-card h3,
.home .expertise-card li,
.home .expertise-section .about-strip h2,
.home .expertise-section .about-strip p,
.home .expertise-section .about-strip .eyebrow{
  color:var(--pzm-base);
}
.home .expertise-no{
  color:var(--pzm-accent);
}
.home .expertise-card li::before{
  background:var(--pzm-accent);
}
.home .expertise-section .about-strip a{
  color:var(--pzm-accent);
  border-color:var(--pzm-accent);
}
.home .expertise-section .about-strip a:hover{
  color:var(--pzm-base);
  border-color:var(--pzm-base);
}

/* Actual product swatches are not part of the UI palette. */
.swatch{background:#44484a}
.black .swatch{background:#090b0c;border-color:#647077}
.white .swatch{background:#f6f7ec}
.yellow .swatch{background:#f4c34b}
.joint .swatch{background:#8e9699}

@media(max-width:900px){
  .head-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:76px;
    gap:12px;
  }
  .brand{
    order:0;
    margin:0;
  }
  .site-nav,
  .site-nav.open{
    order:1;
  }
  .header-contact{display:none}
  .burger{
    order:2;
    margin:0;
  }
}

@media(max-width:480px){
  .head-inner{min-height:70px}
}

/* ============================================================
   PZM 1.5 — refined dark-surface interactions + redesigned footer
   Red remains an accent/CTA color; hover states over navy use
   cream/glass contrast instead of turning links red.
   ============================================================ */

/* Dark surfaces: calmer, higher-end hover treatment. */
.site-head .site-nav a{
  border:1px solid transparent;
  border-radius:8px;
  transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease;
}
.site-head .site-nav a::after{
  background:rgba(255,255,252,.94);
  height:1px;
}
.site-head .site-nav a:hover,
.site-head .site-nav a.active{
  color:var(--pzm-white);
  background:rgba(255,255,252,.08);
  border-color:rgba(255,255,252,.12);
  transform:translateY(-1px);
}
.site-head .site-nav a:hover::after,
.site-head .site-nav a.active::after{
  width:18px;
}

.home .expertise-card{
  transition:background-color .25s ease,border-color .25s ease,transform .25s ease;
}
.home .expertise-card:hover{
  background:rgba(255,255,252,.055);
  border-color:rgba(255,255,252,.38);
  transform:translateY(-3px);
}
.home .expertise-section .about-strip a:hover,
.article-head a:hover,
.pagehead a:hover,
.industry-band a:hover{
  color:var(--pzm-base);
  border-color:rgba(255,255,252,.72);
}

@media(max-width:900px){
  .site-nav a:hover,
  .site-nav a.active{
    background:rgba(255,255,252,.08);
    border-color:rgba(255,255,252,.10);
  }
  .site-nav .pzm-nav-contact-item a:hover{
    background:var(--pzm-base);
    border-color:var(--pzm-base);
    color:var(--pzm-primary);
  }
}

/* ------------------------------------------------------------
   Footer — industrial, compact, information-first.
   ------------------------------------------------------------ */
.site-foot{
  position:relative;
  overflow:hidden;
  padding-top:0;
  background:var(--pzm-primary);
  color:rgba(255,255,252,.80);
  border-top:1px solid rgba(255,255,252,.10);
}
.site-foot::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,252,.72),transparent);
  pointer-events:none;
}
.site-foot::after{
  content:"PZM";
  position:absolute;
  left:-26px;
  bottom:34px;
  font:900 clamp(92px,13vw,190px)/1 Arial,sans-serif;
  letter-spacing:-10px;
  color:rgba(255,255,252,.025);
  pointer-events:none;
  user-select:none;
}
.footer-shell{
  position:relative;
  z-index:1;
  padding-top:30px;
  padding-bottom:26px;
}
.footer-topbar{
  display:grid;
  grid-template-columns:minmax(250px,1.1fr) minmax(280px,1.4fr) auto;
  gap:28px;
  align-items:center;
  padding:0 0 26px;
  border-bottom:1px solid rgba(255,255,252,.16);
}
.footer-brand-lockup{
  display:inline-flex;
  align-items:center;
  gap:12px;
  width:max-content;
  max-width:100%;
  color:var(--pzm-base);
}
.footer-brand-lockup:hover{
  color:var(--pzm-base);
}
.footer-logo-wrap{
  display:grid;
  place-items:center;
  width:50px;
  height:58px;
  flex:0 0 auto;
  padding:5px;
  border-radius:11px;
  background:var(--pzm-base);
  border:1px solid rgba(255,255,252,.55);
}
.footer-logo-wrap img{
  width:auto;
  height:46px;
  max-width:38px;
  object-fit:contain;
}
.footer-brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.45;
}
.footer-brand-copy strong{
  color:var(--pzm-base);
  font-size:20px;
  font-weight:900;
}
.footer-brand-copy small{
  margin-top:2px;
  color:rgba(255,255,252,.58);
  font:600 9px/1.4 Arial,sans-serif;
  letter-spacing:2.1px;
}
.footer-topbar-copy{
  position:relative;
  padding-inline-start:20px;
  border-inline-start:1px solid rgba(255,255,252,.18);
}
.footer-topbar-copy>span{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,252,.58);
  font-size:11px;
  font-weight:700;
}
.footer-topbar-copy p{
  max-width:520px;
  margin:0;
  color:var(--pzm-base);
  font-size:14px;
  font-weight:700;
  line-height:1.9;
}
.footer-contact-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:44px;
  padding:9px 18px;
  border:1px solid var(--pzm-accent);
  border-radius:8px;
  background:var(--pzm-accent);
  color:var(--pzm-white);
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease;
}
.footer-contact-cta:hover{
  background:var(--pzm-base);
  border-color:var(--pzm-base);
  color:var(--pzm-primary);
  transform:translateY(-2px);
}
.footer-contact-cta span:last-child{
  font-size:19px;
  line-height:1;
}

.footer-main-grid{
  display:grid;
  grid-template-columns:.9fr 1fr 2.1fr;
  gap:18px;
  align-items:stretch;
  padding-top:24px;
}
.footer-panel,
.footer-contact-card{
  min-width:0;
}
.footer-panel{
  padding:8px 4px;
}
.footer-panel-kicker{
  margin:0 0 4px;
  color:rgba(255,255,252,.42)!important;
  font:700 9px/1.4 Arial,sans-serif;
  letter-spacing:1.8px;
}
.footer-panel h2,
.footer-contact-card h2{
  margin:0 0 15px;
  color:var(--pzm-base);
  font-size:16px;
  font-weight:800;
}
.footer-panel h2::after,
.footer-contact-card h2::after{
  content:"";
  display:block;
  width:24px;
  height:2px;
  margin-top:8px;
  background:var(--pzm-accent);
}
.site-foot .foot-menu,
.footer-product-list{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin:0;
  padding:0;
  list-style:none;
  text-align:right;
}
.site-foot .foot-menu li,
.footer-product-list li{
  margin:0;
}
.site-foot .foot-menu a,
.footer-product-list a{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:30px;
  padding:4px 7px;
  border-radius:6px;
  color:rgba(255,255,252,.70);
  font-size:12px;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.site-foot .foot-menu a::before{
  content:"";
  width:4px;
  height:4px;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(255,255,252,.32);
  transition:background-color .2s ease,transform .2s ease;
}
.site-foot .foot-menu a:hover,
.footer-product-list a:hover{
  background:rgba(255,255,252,.075);
  color:var(--pzm-base);
  transform:translateX(-3px);
}
.site-foot .foot-menu a:hover::before{
  background:var(--pzm-base);
  transform:scale(1.25);
}
.footer-product-list a span{
  min-width:22px;
  color:rgba(255,255,252,.38);
  font:700 10px/1.4 monospace;
  transition:color .2s ease;
}
.footer-product-list a:hover span{
  color:var(--pzm-base);
}

.footer-contact-card{
  padding:18px 20px;
  border:1px solid rgba(255,255,252,.16);
  border-radius:12px;
  background:rgba(255,255,252,.065);
  box-shadow:inset 0 1px 0 rgba(255,255,252,.05);
}
.footer-contact-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.footer-contact-heading h2{
  margin-bottom:0;
}
.footer-contact-mark{
  color:rgba(255,255,252,.20);
  font:900 20px/1 Arial,sans-serif;
  letter-spacing:2px;
}
.footer-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.footer-contact-item{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(255,255,252,.10);
  border-radius:8px;
  background:rgba(255,255,252,.035);
}
.footer-contact-address{
  grid-column:1/-1;
}
.footer-contact-item .ico{
  width:17px;
  height:17px;
  flex:0 0 auto;
  margin-top:3px;
  color:rgba(255,255,252,.88);
}
.footer-contact-item>div{
  min-width:0;
}
.footer-contact-item span{
  display:block;
  margin-bottom:2px;
  color:rgba(255,255,252,.43);
  font-size:9px;
  font-weight:700;
}
.footer-contact-item p,
.footer-contact-item a{
  display:block;
  margin:0;
  color:rgba(255,255,252,.84);
  font-size:11.5px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.footer-contact-item a:hover{
  color:var(--pzm-base);
}
.footer-instagram{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(255,255,252,.10);
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,252,.70);
  font-size:11px;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.footer-instagram .ico{
  width:17px;
  height:17px;
}
.footer-instagram span:nth-child(2){
  flex:1;
  direction:ltr;
  text-align:left;
  font-family:Arial,sans-serif;
}
.footer-instagram span:last-child{
  font-size:15px;
}
.footer-instagram:hover{
  background:rgba(255,255,252,.08);
  border-color:rgba(255,255,252,.22);
  color:var(--pzm-base);
}

.site-foot .foot-bottom{
  position:relative;
  z-index:1;
  padding:10px 0;
  border-top:1px solid rgba(255,255,252,.13);
  background:rgba(0,0,0,.055);
  color:rgba(255,255,252,.42);
}
.foot-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:10.5px;
}

/* Never use red as a generic hover color inside the navy footer. */
.site-foot a:hover{
  color:var(--pzm-base);
}
.site-foot .footer-contact-cta:hover{
  color:var(--pzm-primary);
}

@media(max-width:1000px){
  .footer-topbar{
    grid-template-columns:1fr auto;
  }
  .footer-topbar-copy{
    grid-column:1/-1;
    grid-row:2;
    padding-inline-start:0;
    padding-top:15px;
    border-inline-start:0;
    border-top:1px solid rgba(255,255,252,.10);
  }
  .footer-main-grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-contact-card{
    grid-column:1/-1;
  }
}

@media(max-width:700px){
  .footer-shell{
    padding-top:24px;
    padding-bottom:20px;
  }
  .footer-topbar{
    grid-template-columns:1fr;
    gap:16px;
    padding-bottom:20px;
  }
  .footer-brand-lockup{
    width:100%;
  }
  .footer-contact-cta{
    width:100%;
  }
  .footer-topbar-copy{
    grid-column:auto;
    grid-row:auto;
    padding-top:14px;
  }
  .footer-main-grid{
    grid-template-columns:1fr 1fr;
    gap:15px 12px;
    padding-top:19px;
  }
  .footer-panel{
    padding:3px 0;
  }
  .footer-contact-card{
    grid-column:1/-1;
    padding:15px;
  }
  .footer-contact-grid{
    grid-template-columns:1fr 1fr;
  }
  .foot-bottom-inner{
    flex-direction:column;
    gap:3px;
    text-align:center;
  }
}

@media(max-width:480px){
  .footer-main-grid{
    grid-template-columns:1fr;
  }
  .footer-contact-card{
    grid-column:auto;
  }
  .footer-contact-grid{
    grid-template-columns:1fr;
  }
  .footer-contact-address{
    grid-column:auto;
  }
  .footer-brand-copy strong{
    font-size:18px;
  }
  .site-foot .foot-menu,
  .footer-product-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px 6px;
  }
  .site-foot .foot-menu a,
  .footer-product-list a{
    padding-inline:4px;
    font-size:11px;
  }
}