/* About KROX only — intentionally scoped to preserve the rest of the site. */
.about-page { color: var(--steel-900); }
.about-container { width: min(var(--max), calc(100% - 32px)); margin-inline: auto; }
.about-page a:focus-visible { outline: 3px solid #1678bd; outline-offset: 3px; }
.about-hero { background: linear-gradient(125deg,#f3f7fb 0%,#f8fafc 56%,#e9f1f7 100%); border-bottom: 1px solid var(--line); }
.about-hero__grid { min-height: 520px; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); align-items:center; gap:54px; padding-block:48px 60px; }
.about-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:0 0 36px; font-size:.82rem; color:#536274; }
.about-breadcrumb a { text-decoration:none; color:var(--blue-800); }
.about-breadcrumb a:hover { text-decoration:underline; }
.about-eyebrow { margin:0 0 12px; color:var(--blue-700); font-size:.77rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.about-hero h1 { margin:0 0 17px; color:var(--blue-900); font-size:clamp(2.6rem,5vw,4.6rem); line-height:1.06; letter-spacing:-.035em; }
.about-hero__lead { margin:0 0 18px; max-width:610px; color:#233d56; font-size:clamp(1.3rem,2.2vw,1.8rem); font-weight:700; line-height:1.28; }
.about-hero__company { margin:0 0 15px; color:var(--blue-800); font-size:1rem; font-weight:800; line-height:1.45; }
.about-hero__intro { max-width:610px; margin:0 0 27px; color:#465467; font-size:1rem; }
.about-button-row { display:flex; gap:12px; flex-wrap:wrap; }
.about-hero__figure { margin:0; padding:16px 16px 12px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 22px 45px rgba(11,39,66,.12); }
.about-hero__figure img { width:100%; height:auto; aspect-ratio:4 / 3; object-fit:contain; background:#fff; border-radius:6px; }
.about-hero__figure figcaption { padding-top:9px; color:#647284; font-size:.75rem; text-align:center; }
.about-fact-strip { border-bottom:1px solid var(--line); background:#fff; }
.about-facts { display:grid; grid-template-columns:1.2fr .8fr 1.2fr; gap:0; padding-block:20px; }
.about-facts > div { padding:5px 23px; border-left:1px solid var(--line); }
.about-facts > div:first-child { padding-left:0; border-left:0; }
.about-facts__label { display:block; margin-bottom:5px; color:#627285; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.about-facts strong { color:var(--blue-900); font-size:.92rem; line-height:1.4; display:block; }
.about-section { padding-block:75px; }
.about-section--soft { background:#f4f7fa; }
.about-section--soft > .about-container { width:min(var(--max),calc(100% - 32px)); margin:auto; }
.about-section h2 { margin:0 0 20px; color:var(--blue-900); font-size:clamp(1.9rem,3.2vw,2.6rem); letter-spacing:-.025em; line-height:1.13; }
.about-section p { color:#475667; }
.about-overview { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:68px; align-items:center; }
.about-overview > div > p:not(.about-eyebrow) { max-width:670px; margin:0 0 17px; font-size:1.01rem; line-height:1.74; }
.about-inline-link { display:inline-flex; gap:6px; align-items:center; margin-top:10px; color:var(--blue-800); font-weight:800; text-decoration:none; }
.about-inline-link:hover { text-decoration:underline; }
.about-profile-card { padding:28px 28px 16px; border:1px solid #cfdee9; border-radius:12px; box-shadow:0 10px 28px rgba(11,39,66,.06); background:linear-gradient(180deg,#f9fcfe,#fff); }
.about-profile-card h3 { margin:0 0 12px; padding-bottom:14px; border-bottom:2px solid #d7e5f0; font-size:1.22rem; color:var(--blue-900); }
.about-profile-card dl { margin:0; }
.about-profile-card dl div { padding:12px 0; border-bottom:1px solid #edf1f5; }
.about-profile-card dl div:last-child { border:0; }
.about-profile-card dt { color:#637388; font-size:.79rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.about-profile-card dd { margin:4px 0 0; color:#233549; font-weight:700; overflow-wrap:anywhere; }
.about-profile-card dd a { color:var(--blue-800); text-decoration:none; }
.about-profile-card dd a:hover { text-decoration:underline; }
.about-section-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:end; gap:45px; margin-bottom:29px; }
.about-section-head h2 { margin-bottom:0; }
.about-section-head > p { max-width:455px; margin:0 0 4px; line-height:1.65; }
.about-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.about-product { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #dbe3eb; border-radius:11px; background:#fff; box-shadow:0 7px 22px rgba(11,39,66,.04); }
.about-product > img { width:100%; height:218px; object-fit:contain; padding:20px; background:linear-gradient(180deg,#f9fbfe,#f1f5f9); }
.about-product__body { padding:20px 22px 23px; display:flex; flex:1; flex-direction:column; }
.about-product h3 { margin:0 0 10px; color:var(--blue-900); font-size:1.16rem; line-height:1.25; }
.about-product p { margin:0 0 17px; font-size:.95rem; line-height:1.6; }
.about-product a { margin-top:auto; color:var(--blue-800); font-weight:800; text-decoration:none; }
.about-product a:hover { text-decoration:underline; }
.about-warehouse { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:48px; align-items:center; }
.about-warehouse__copy > p:not(.about-eyebrow) { margin:0 0 16px; line-height:1.7; }
.about-warehouse__images { display:grid; grid-template-columns:1.3fr .9fr; gap:12px; align-items:stretch; }
.about-warehouse__images figure { margin:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:9px; background:#f5f8fa; }
.about-warehouse__images img { width:100%; height:235px; flex:1; min-height:0; object-fit:cover; }
.about-warehouse__images figcaption { padding:10px 12px; font-size:.76rem; color:#53657b; background:#fff; line-height:1.4; }
.about-process { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; counter-reset:aboutsteps; }
.about-process li { position:relative; padding:63px 19px 22px; min-height:205px; background:#fff; border:1px solid var(--line); border-radius:10px; counter-increment:aboutsteps; }
.about-process li::before { position:absolute; top:19px; left:19px; display:grid; place-items:center; width:29px; height:29px; content:counter(aboutsteps); background:var(--blue-800); color:#fff; font-weight:800; border-radius:50%; }
.about-process h3 { margin:0 0 8px; color:var(--blue-900); font-size:1.06rem; }
.about-process p { margin:0; color:#536071; font-size:.91rem; line-height:1.55; }
.about-resources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.about-resources a { min-height:132px; display:grid; grid-template-columns:1fr auto; gap:7px; align-content:center; border:1px solid var(--line); border-radius:10px; padding:21px; background:#fff; color:#5f6f81; text-decoration:none; }
.about-resources a:hover { border-color:#7bacd3; box-shadow:0 6px 19px rgba(11,39,66,.08); }
.about-resource__name { grid-column:1; color:var(--blue-900); font-size:1.12rem; font-weight:800; }
.about-resources a span:nth-child(2) { grid-column:1; font-size:.88rem; }
.about-resources b { grid-column:2; grid-row:1 / 3; align-self:start; color:var(--blue-700); font-size:1.3rem; }
.about-cta .section { padding-block:52px; }
.about-cta h2 { max-width:630px; line-height:1.18; }
.about-cta p { max-width:730px; }
@media(max-width:1080px){ .about-hero__grid{gap:30px;} .about-overview{gap:35px;} .about-warehouse{gap:26px;} }
@media(max-width:900px){
 .about-hero__grid,.about-overview,.about-warehouse {grid-template-columns:1fr;}
 .about-hero__grid{min-height:0;gap:28px;}
 .about-hero__figure{max-width:680px;}
 .about-facts { grid-template-columns:1fr 1fr; gap:10px 0; }
 .about-facts > div:nth-child(3){padding-left:0;border-left:0;}
 .about-section-head{grid-template-columns:1fr;gap:5px;}
 .about-products{grid-template-columns:repeat(2,minmax(0,1fr));}
 .about-process{grid-template-columns:repeat(2,minmax(0,1fr));}
 .about-resources{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
 .about-container,.about-section--soft > .about-container{width:min(100% - 22px,var(--max));}
 .about-hero__grid{padding-block:28px 38px;}
 .about-breadcrumb{margin-bottom:25px;}
 .about-hero h1{font-size:2.85rem;}
 .about-hero__lead{font-size:1.35rem;}
 .about-hero__figure{padding:9px;}
 .about-hero__figure figcaption{font-size:.7rem;}
 .about-facts,.about-products,.about-process,.about-resources{grid-template-columns:1fr;}
 .about-facts{gap:0;}
 .about-facts > div{padding:12px 0!important; border-left:0!important; border-bottom:1px solid var(--line);}
 .about-facts > div:last-child{border-bottom:0;}
 .about-section{padding-block:51px;}
 .about-section-head{margin-bottom:21px;}
 .about-profile-card{padding:21px 20px 10px;}
 .about-warehouse__images{grid-template-columns:1fr;}
 .about-warehouse__images img{height:220px;}
 .about-process li{min-height:0;padding-bottom:19px;}
 .about-resources a{min-height:110px;}
 .about-button-row{display:grid;grid-template-columns:1fr;}
}

/* Discoverable links to KROX technical bearing guides */
.about-guide-links { display:flex; align-items:center; flex-wrap:wrap; gap:9px 15px; margin-top:22px; padding:17px 20px; border:1px solid var(--line); border-radius:10px; background:#fff; font-size:.9rem; }
.about-guide-links span { color:var(--steel-700); font-weight:700; }
.about-guide-links a { color:var(--blue-800); text-underline-offset:3px; }
.about-guide-links a:hover { color:var(--blue-700); }
@media(max-width:640px){.about-guide-links{align-items:flex-start;flex-direction:column;gap:9px;padding:17px;}}