/* ISSVN BUILD81.45.6.6.85 — About page plan
   Slide/image -> shared breadcrumb -> overview -> featured products -> activities -> stats.
   Text source stays DB/admin; no legacy entity decoding is done in CSS/PHP render helpers. */

.iss-about-v2{color:var(--ink-950,#101828)}

/* Breadcrumb appearance/spacing is owned by the shared layout-1440 contract. */
.iss-about-v2 .iss-breadcrumb-wrap .iss-breadcrumb{margin:0!important}

.iss-about-v2 .about-section{padding:46px 0}
.iss-about-v2 .about-section--soft{
  background-color:#fbfcfd;
  background-image:radial-gradient(circle at 1px 1px,rgba(23,72,132,.08) 1px,transparent 1.2px);
  background-size:12px 12px;
}
.iss-about-v2 .about-section-title{
  position:relative;
  margin:0 0 24px;
  padding-left:13px;
  color:var(--ink-950,#101828);
  font-size:20px;
  line-height:1.3;
  font-weight:800;
  text-transform:uppercase;
}
.iss-about-v2 .about-section-title::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:4px;
  background:var(--iss-blue-600,#0b6fb3);
}
.iss-about-v2 .about-section-title::after{
  content:"";
  position:absolute;
  left:13px;
  bottom:-8px;
  width:42px;
  height:2px;
  background:var(--iss-blue-600,#0b6fb3);
}

/* Company overview: title left, short copy right. */
.iss-about-v2 .about-overview-section{padding-bottom:52px}
.iss-about-v2 .about-overview-grid{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:56px;
  align-items:start;
  padding-top:10px;
}
.iss-about-v2 .about-overview-grid h3{
  margin:0;
  max-width:520px;
  color:#e65d52;
  font-size:clamp(22px,2vw,28px);
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
}
.iss-about-v2 .about-overview-copy{padding-top:1px}
.iss-about-v2 .about-overview-copy p{
  margin:0;
  max-width:760px;
  color:var(--ink-700,#344054);
  font-size:16px;
  line-height:1.65;
}
.iss-about-v2 .about-overview-copy__rich{
  max-width:760px;
  max-height:4.95em;
  overflow:hidden;
  color:var(--ink-700,#344054);
  font-size:16px;
  line-height:1.65;
}
.iss-about-v2 .about-overview-copy__rich :is(p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,span,strong,em){
  display:inline;
  margin:0;
  padding:0;
  color:inherit!important;
  font:inherit!important;
  background:transparent!important;
}
.iss-about-v2 .about-overview-copy__rich :is(br){display:none}
.iss-about-v2 .about-overview-copy__rich :is(p,div,li)::after{content:" ";}

/* Featured products — 4 products per slider page on desktop, using existing site.js hero-slider behavior. */
.iss-about-v2 .about-featured-slider{overflow:hidden}
.iss-about-v2 .about-featured-slider__track{
  display:flex;
  width:100%;
  transition:transform .38s ease;
  will-change:transform;
}
.iss-about-v2 .about-featured-slide{flex:0 0 100%;min-width:0}
.iss-about-v2 .about-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.iss-about-v2 .about-product-card{display:block;min-width:0;color:inherit;text-align:center;text-decoration:none}
.iss-about-v2 .about-product-card__media{
  aspect-ratio:1.28/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#eef1f4;
}
.iss-about-v2 .about-product-card__media img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.iss-about-v2 .about-product-card__media span{color:#98a2b3;font-weight:800}
.iss-about-v2 .about-product-card h3{
  margin:10px 8px 0;
  color:var(--ink-950,#101828);
  font-size:15px;
  line-height:1.4;
  font-weight:700;
}
.iss-about-v2 .about-product-card:hover h3{color:var(--iss-blue-700,#075b96)}
.iss-about-v2 .about-featured-slider__footer{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  margin-top:18px;
}
.iss-about-v2 .about-product-overview-link{
  grid-column:1;
  justify-self:start;
  color:var(--ink-800,#1d2939);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.iss-about-v2 .about-product-overview-link:hover{color:var(--iss-blue-700,#075b96)}
.iss-about-v2 .about-slider-dots{grid-column:2;display:flex;align-items:center;justify-content:center;gap:10px}
.iss-about-v2 .about-slider-dot{
  width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#9bb1cc;cursor:pointer
}
.iss-about-v2 .about-slider-dot.is-active{background:#174884;transform:scale(1.08)}

/* Business areas — image + title only, never article-style copy. */
.iss-about-v2 .about-activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.iss-about-v2 .about-activity-card{display:block;min-width:0;color:inherit;text-align:center;text-decoration:none}
.iss-about-v2 .about-activity-card__media{
  aspect-ratio:1.35/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#eef1f4;
}
.iss-about-v2 .about-activity-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.iss-about-v2 .about-activity-card__media span{color:#98a2b3;font-weight:800}
.iss-about-v2 .about-activity-card h3{
  margin:10px 6px 0;
  color:var(--ink-950,#101828);
  font-size:15px;
  line-height:1.4;
  font-weight:700;
}
.iss-about-v2 a.about-activity-card:hover h3{color:var(--iss-blue-700,#075b96)}

/* Statistics — exactly the approved circle + label composition. */
.iss-about-v2 .about-stats-section{background:#fff}
.iss-about-v2 .about-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.iss-about-v2 .about-stat{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0}
.iss-about-v2 .about-stat__circle{
  flex:0 0 94px;
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#174884;
  color:#fff;
  text-align:center;
}
.iss-about-v2 .about-stat__circle strong{font-size:26px;line-height:1;font-weight:800}
.iss-about-v2 .about-stat__label{
  max-width:145px;
  color:var(--ink-950,#101828);
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
}

/* Certificates page still shares this stylesheet. */
.iss-about-v2 .about-certificates{scroll-margin-top:110px}
.iss-certificates-v2 .about-certificates{padding-top:56px}
.iss-about-v2 .cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.iss-about-v2 .certificate-card{min-width:0;overflow:hidden;border:1px solid #c0c1c3;border-radius:6px;background:#fff}
.iss-about-v2 .certificate-card__media{aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;background:#f8fafc}
.iss-about-v2 .certificate-card__media img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.iss-about-v2 .certificate-card__body{padding:16px 18px 18px}
.iss-about-v2 .certificate-card__body h3{margin:0;font-size:1rem;line-height:1.4}
.iss-about-v2 .about-empty{padding:20px;border:1px dashed #c0c1c3;border-radius:6px;color:var(--ink-600,#475467)}

@media(max-width:900px){
  .iss-about-v2 .about-section{padding:38px 0}
  .iss-about-v2 .about-overview-grid{grid-template-columns:1fr;gap:24px}
  .iss-about-v2 .about-overview-copy p{margin:0}
  .iss-about-v2 .about-product-grid,.iss-about-v2 .about-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iss-about-v2 .about-stats-grid{gap:20px}
  .iss-about-v2 .about-stat{gap:10px}
  .iss-about-v2 .about-stat__circle{flex-basis:82px;width:82px;height:82px}
  .iss-about-v2 .about-stat__circle strong{font-size:23px}
  .iss-about-v2 .cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  .iss-about-v2 .about-section{padding:32px 0}
  .iss-about-v2 .about-section-title{font-size:18px}
  .iss-about-v2 .about-overview-grid h3{font-size:21px}
  .iss-about-v2 .about-product-grid,.iss-about-v2 .about-activity-grid{grid-template-columns:1fr}
  .iss-about-v2 .about-featured-slider__footer{grid-template-columns:1fr;gap:14px}
  .iss-about-v2 .about-product-overview-link{grid-column:1;justify-self:start}
  .iss-about-v2 .about-slider-dots{grid-column:1;justify-self:center}
  .iss-about-v2 .about-stats-grid{grid-template-columns:1fr;gap:18px}
  .iss-about-v2 .about-stat{justify-content:flex-start;max-width:280px;margin:0 auto;width:100%}
  .iss-about-v2 .about-stat__circle{flex-basis:76px;width:76px;height:76px}
  .iss-about-v2 .about-stat__circle strong{font-size:21px}
  .iss-about-v2 .cert-grid{grid-template-columns:1fr}
}