/* V11 — certification evidence section. Kept isolated from approved mosaic and prior revisions. */
.certifications-home{
  position:relative;
  overflow:hidden;
  padding:clamp(78px,7vw,124px) 0 clamp(68px,6vw,108px);
  color:#fff;
  background:#073d2a;
  isolation:isolate;
}
.certifications-home::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(120deg,transparent 0 52%,rgba(171,220,172,.075) 52% 52.15%,transparent 52.15% 100%),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,88px 88px,88px 88px;
}
.certifications-home::after{
  content:"CERTIFIED / TESTED / DOCUMENTED";
  position:absolute;
  right:-34px;
  top:38px;
  z-index:-1;
  color:rgba(231,247,229,.055);
  font-size:clamp(3rem,7vw,8.6rem);
  line-height:.9;
  font-weight:700;
  letter-spacing:-.065em;
  white-space:nowrap;
  pointer-events:none;
}
.certifications-grid{
  display:grid;
  grid-template-columns:minmax(270px,.68fr) minmax(0,1.52fr);
  gap:clamp(48px,6.5vw,118px);
  align-items:start;
}
.certifications-intro{
  position:sticky;
  top:170px;
  padding-top:12px;
}
.certifications-intro .eyebrow{color:#bfe5b5;margin-bottom:20px}
.certifications-intro h2{
  color:#fff;
  font-size:clamp(2.45rem,4.2vw,5rem);
  line-height:.98;
  letter-spacing:-.057em;
  max-width:540px;
  margin-bottom:28px;
}
.certifications-intro>p{
  max-width:480px;
  color:#d3dfd6;
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.75;
  margin-bottom:32px;
}
.certifications-master-link{
  display:inline-flex;
  align-items:center;
  gap:17px;
  min-height:48px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  border-bottom:1px solid rgba(202,230,197,.55);
}
.certifications-master-link .icon{width:17px;height:17px;transition:transform .25s var(--ease)}
.certifications-master-link:hover .icon{transform:translate(3px,-3px)}
.certifications-rail{display:flex;align-items:center;gap:12px;margin-top:60px;color:#9fc4a0;font-size:10px;font-weight:700;letter-spacing:.15em}
.certifications-rail i{width:min(190px,13vw);height:1px;background:linear-gradient(90deg,#aad09f,#ffffff24)}
.certification-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.certificate-card{
  --cert-accent:#88b989;
  position:relative;
  min-height:440px;
  padding:24px 26px 25px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:#0b3427;
  background:#f6f8f3;
  border:1px solid rgba(220,237,216,.32);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);
  transition:transform .32s var(--ease),background .32s ease,box-shadow .32s ease;
}
.certificate-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--cert-accent);
  transform:scaleY(.23);
  transform-origin:top;
  transition:transform .35s var(--ease);
}
.certificate-card::after{
  content:"";
  position:absolute;
  width:120px;height:120px;
  right:-65px;top:-65px;
  border:1px solid rgba(8,67,47,.10);
  transform:rotate(45deg);
  pointer-events:none;
}
.certificate-card:hover,.certificate-card:focus-within{transform:translateY(-5px);background:#fff;box-shadow:0 24px 54px rgba(0,22,15,.22)}
.certificate-card:hover::before,.certificate-card:focus-within::before{transform:scaleY(1)}
.certificate-tuv{--cert-accent:#5689a7}
.certificate-haccp{--cert-accent:#78ad69}
.certificate-halal{--cert-accent:#9a8d6c}
.certificate-agbb{--cert-accent:#6d9ab1}
.certificate-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #dbe4d8}
.certificate-index{font-size:11px;font-weight:700;letter-spacing:.13em;color:#47705d}
.certificate-meta{font-size:10px;font-weight:700;letter-spacing:.12em;text-align:right;color:#5e776a}
.certificate-logo-frame{
  height:132px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:18px 0 12px;
}
.certificate-logo-frame img{width:auto;height:auto;max-width:152px;max-height:116px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(6,49,34,.08))}
.certificate-copy h3{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.035em;margin-bottom:12px}
.certificate-copy p{font-size:14px;line-height:1.68;color:#385748;margin-bottom:15px}
.certificate-copy small{display:block;font-size:11px;line-height:1.55;color:#697d70;border-left:2px solid var(--cert-accent);padding-left:10px}
.certificate-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:46px;
  margin-top:auto;
  padding-top:20px;
  font-size:12px;
  font-weight:700;
  border-top:1px solid #dbe4d8;
}
.certificate-link .icon{width:16px;height:16px;transition:transform .25s var(--ease)}
.certificate-link:hover .icon{transform:translate(3px,-3px)}
.certifications-disclaimer{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid rgba(224,242,221,.17);
  color:#a9c1ae;
  font-size:11px;
  line-height:1.65;
  letter-spacing:.01em;
}
@media(min-width:1800px){
  .certification-cards{gap:20px}
  .certificate-card{min-height:465px;padding:28px 30px}
  .certificate-copy p{font-size:15px}
}
@media(max-width:1050px){
  .certifications-grid{grid-template-columns:1fr;gap:40px}
  .certifications-intro{position:relative;top:auto;display:grid;grid-template-columns:1fr .9fr;column-gap:40px;align-items:end}
  .certifications-intro .eyebrow,.certifications-intro h2{grid-column:1}
  .certifications-intro>p,.certifications-master-link{grid-column:2}
  .certifications-intro>p{grid-row:1 / span 2;align-self:end;margin-bottom:54px}
  .certifications-master-link{align-self:start}
  .certifications-rail{display:none}
}
@media(max-width:767px){
  .certifications-home{padding:62px 0 54px}
  .certifications-home::after{font-size:54px;right:-12px;top:28px}
  .certifications-grid{gap:32px}
  .certifications-intro{display:block;padding:0}
  .certifications-intro h2{font-size:clamp(2.45rem,12vw,3.6rem);margin-bottom:22px}
  .certifications-intro>p{font-size:15px;margin-bottom:25px}
  .certificate-cards{grid-template-columns:1fr;gap:12px}
  .certificate-card{min-height:0;padding:21px 21px 22px}
  .certificate-logo-frame{height:112px;margin-block:16px 8px}
  .certificate-logo-frame img{max-height:100px;max-width:140px}
  .certificate-copy h3{font-size:1.65rem}
  .certificate-copy p{font-size:14px}
  .certifications-disclaimer{margin-top:22px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.certificate-card,.certificate-card::before,.certificate-link .icon,.certifications-master-link .icon{transition:none!important}.certificate-card:hover,.certificate-card:focus-within{transform:none}}
