@charset "UTF-8";
@font-face{font-family:SCAbout;src:url('../fonts/about-reference-v1/about-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:SCAbout;src:url('../fonts/about-reference-v1/about-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:SCAbout;src:url('../fonts/about-reference-v1/about-extrabold.woff') format('woff');font-style:normal;font-weight:800 900;font-display:swap}
.html-about-reference .sc-about-shell{width:100%;max-width:none;background:#f5faff}
#sakolenter-about-reference{--ab-red:#ff0638;--ab-border:#e5edf5;--ab-muted:#8290a8;width:100%;padding:16px 28px 20px;color:#171b23;font-family:SCAbout,Tahoma,sans-serif;font-size:14px;line-height:1.9;text-align:right}
#sakolenter-about-reference,#sakolenter-about-reference *{box-sizing:border-box}
#sakolenter-about-reference h1,#sakolenter-about-reference h2,#sakolenter-about-reference h3,#sakolenter-about-reference p{margin:0;font-family:inherit}
#sakolenter-about-reference p{font-size:inherit;color:inherit;line-height:inherit;font-weight:inherit}
#sakolenter-about-reference a{color:inherit;text-decoration:none}
#sakolenter-about-reference button,#sakolenter-about-reference summary{font-family:inherit;cursor:pointer}
#sakolenter-about-reference svg{width:24px;height:24px;flex-shrink:0;vertical-align:middle}
#sakolenter-about-reference [hidden]{display:none!important}
#sakolenter-about-reference a:focus-visible,#sakolenter-about-reference summary:focus-visible,#sakolenter-about-reference [tabindex]:focus-visible{outline:3px solid #bc0028;outline-offset:4px}
#sakolenter-about-reference .sc-ab-panel{border:1px solid var(--ab-border);background:#fff;border-radius:10px;min-width:0}
#sakolenter-about-reference .sc-ab-hero{height:clamp(170px,14.85vw,280px);min-height:170px;position:relative;overflow:hidden;border-radius:10px;background:#171c24;isolation:isolate}
#sakolenter-about-reference .sc-ab-hero-visual{position:absolute;inset:0 auto 0 0;width:58%;background:#161c24;overflow:hidden;z-index:-2}
#sakolenter-about-reference .sc-ab-hero-visual:before{content:"";position:absolute;inset:-12px;background:url('../img/about-reference-v1/about-hero.webp') center / cover no-repeat;filter:blur(9px);opacity:.75;z-index:-1}
#sakolenter-about-reference .sc-ab-hero-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;position:relative}
#sakolenter-about-reference .sc-ab-hero:after{content:"";position:absolute;inset:0 0 0 53%;background:linear-gradient(90deg,transparent,#171c24 22%);z-index:-1}
#sakolenter-about-reference .sc-ab-hero-ribbon{position:absolute;top:-20%;bottom:-20%;left:51.6%;width:42px;transform:skew(-23deg);background:linear-gradient(180deg,#d70836,#ff0638);opacity:.95;z-index:-1}
#sakolenter-about-reference .sc-ab-hero-copy{height:100%;width:45%;margin-left:auto;display:flex;align-items:center;gap:24px;padding:20px 24px 20px 0;color:#fff}
#sakolenter-about-reference .sc-ab-hero-icon{display:grid;place-items:center;width:110px;height:110px;flex-shrink:0;background:radial-gradient(circle,#68132b88,#8e072722);border:2px solid #c0002b;border-radius:50%;box-shadow:0 0 30px #ed06362b}
#sakolenter-about-reference .sc-ab-hero-icon svg{width:59px;height:59px}
#sakolenter-about-reference .sc-ab-hero-text{flex:1;min-width:0}
#sakolenter-about-reference .sc-ab-breadcrumb{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#e5e8ec;font-size:12px;margin-bottom:12px}
#sakolenter-about-reference .sc-ab-breadcrumb a:hover{color:#fff;text-decoration:underline}
#sakolenter-about-reference #sc-ab-title{color:#fff;font-size:clamp(29px,3.1vw,47px);line-height:1.4;font-weight:900;white-space:normal;margin-bottom:7px}
#sakolenter-about-reference .sc-ab-hero-text p{font-size:clamp(13px,1.45vw,21px);line-height:1.8;color:#fff;font-weight:700}
#sakolenter-about-reference .sc-ab-story{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,53fr);gap:24px;padding:10px;margin-top:14px;align-items:stretch}
#sakolenter-about-reference .sc-ab-story-copy{padding:3px 5px 5px;display:flex;flex-direction:column;min-width:0}
#sakolenter-about-reference .sc-ab-eyebrow{color:var(--ab-red);font-size:16px;font-weight:700;align-self:flex-start;position:relative;padding-bottom:10px;margin-bottom:8px}
#sakolenter-about-reference .sc-ab-eyebrow:after{content:"";position:absolute;width:40px;height:2px;right:0;bottom:0;background:var(--ab-red)}
#sakolenter-about-reference .sc-ab-story h2{font-size:clamp(21px,2.3vw,33px);line-height:1.6;font-weight:900;letter-spacing:-.3px;margin-bottom:9px}
#sakolenter-about-reference .sc-ab-story-text{font-size:13px;color:var(--ab-muted);line-height:2.1;overflow-wrap:anywhere}
#sakolenter-about-reference .sc-ab-story-text p{margin-bottom:8px;line-height:inherit}
#sakolenter-about-reference .sc-ab-story-details{font-size:11px;margin:3px 0 10px}
#sakolenter-about-reference .sc-ab-story-details summary{display:list-item;color:#697b96;line-height:1.9;list-style-position:inside}
#sakolenter-about-reference .sc-ab-story-details summary:hover{color:var(--ab-red)}
#sakolenter-about-reference .sc-ab-story-full{padding:12px;margin-top:8px;background:#f7faff;border:1px solid var(--ab-border);border-radius:8px;color:#56657d;font-size:12px;line-height:2.1}
#sakolenter-about-reference .sc-ab-story-buttons,#sakolenter-about-reference .sc-ab-store-buttons{display:flex;gap:10px;align-items:stretch;margin-top:auto;padding-top:10px}
#sakolenter-about-reference .sc-ab-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:8px 15px;border:1px solid var(--ab-red);border-radius:6px;background:var(--ab-red);color:#fff;font-size:13px;font-weight:700;line-height:1.8;transition:background .2s,color .2s;min-width:0}
#sakolenter-about-reference .sc-ab-story-buttons .sc-ab-button{flex:1}
#sakolenter-about-reference .sc-ab-button:hover{color:#fff;background:#d6002d;border-color:#d6002d}
#sakolenter-about-reference .sc-ab-button-outline{background:#fff;color:var(--ab-red)}
#sakolenter-about-reference .sc-ab-button-outline:hover{background:#fff1f5;color:#d6002d}
/* The approved reference supplies the story and category photography only.
   Source is 1145 x 1374; these CSS windows exclude the surrounding interface. */
#sakolenter-about-reference .sc-ab-story-photo{position:relative;aspect-ratio:2.22835;align-self:center;min-height:0;border-radius:8px;overflow:hidden;background:url('../img/about-reference-v1/about-reference-art.webp') 6.21761658% 24.10714286% / 202.29681979% 540.94488189% no-repeat}
#sakolenter-about-reference .sc-ab-launch-badge{flex-direction:row-reverse;position:absolute;top:4%;left:1.7%;width:58%;min-height:17%;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 9px;border:1px solid #ffc0ce;border-radius:8px;background:#ffe8ef;color:#bc1237;box-shadow:0 3px 10px #1320310a;font-size:clamp(11px,1vw,15px);line-height:1.7;font-weight:700;text-align:center}
#sakolenter-about-reference .sc-ab-launch-badge svg{color:var(--ab-red);width:23px;height:23px}
#sakolenter-about-reference .sc-ab-story-photo--no-date{background:url('../img/about-reference-v1/about-hero.webp') center / cover no-repeat}
#sakolenter-about-reference .sc-ab-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
#sakolenter-about-reference .sc-ab-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px 16px;min-height:149px;text-align:center}
#sakolenter-about-reference .sc-ab-icon-circle{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffe8ee;color:var(--ab-red);flex-shrink:0}
#sakolenter-about-reference .sc-ab-icon-circle svg{width:34px;height:34px}
#sakolenter-about-reference .sc-ab-benefit h2{font-size:17px;font-weight:800;line-height:1.9;margin-top:10px}
#sakolenter-about-reference .sc-ab-benefit p{color:var(--ab-muted);font-size:12px;line-height:1.9;margin-top:1px}
#sakolenter-about-reference .sc-ab-products{margin-top:15px;scroll-margin-top:20px}
#sakolenter-about-reference .sc-ab-section-title{position:relative;font-size:18px;line-height:1.8;font-weight:800;padding-bottom:10px;margin-bottom:7px}
#sakolenter-about-reference .sc-ab-section-title:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:2px;background:var(--ab-red)}
#sakolenter-about-reference .sc-ab-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#sakolenter-about-reference .sc-ab-category-card{position:relative;display:block;padding:7px 7px 11px;min-width:0;transition:border-color .2s,box-shadow .2s}
#sakolenter-about-reference .sc-ab-category-card:hover{border-color:#ffb8c9;box-shadow:0 5px 18px #1827370a}
#sakolenter-about-reference .sc-ab-category-media{position:relative;display:block}
#sakolenter-about-reference .sc-ab-category-photo{display:block;aspect-ratio:2.06;border-radius:7px;overflow:hidden;background-color:#edf1f6;background-image:url('../img/about-reference-v1/about-reference-art.webp');background-repeat:no-repeat;-webkit-mask-image:radial-gradient(circle at 8% 100%,transparent 0 10%,#000 10.5%);mask-image:radial-gradient(circle at 8% 100%,transparent 0 10%,#000 10.5%)}
#sakolenter-about-reference .sc-ab-category-photo--clutch{background-size:467.34693878% 1154.62184874%;background-position:95.88888889% 60.39840637%}
#sakolenter-about-reference .sc-ab-category-photo--bearing{background-size:463.56275304% 1154.62184874%;background-position:65.59020045% 60.39840637%}
#sakolenter-about-reference .sc-ab-category-photo--brake{background-size:456.1752988% 1154.62184874%;background-position:34.56375839% 60.39840637%}
#sakolenter-about-reference .sc-ab-category-photo--tools{background-size:458% 1154.62184874%;background-position:4.02234637% 60.39840637%}
#sakolenter-about-reference .sc-ab-category-photo--other{display:grid;place-items:center;background-image:none;color:#8694aa}
#sakolenter-about-reference .sc-ab-category-photo--other{-webkit-mask-image:none;mask-image:none}
#sakolenter-about-reference .sc-ab-category-photo--other svg{width:60px;height:60px}
#sakolenter-about-reference .sc-ab-category-title{display:block;padding:8px 3px 0 38px;font-size:14px;line-height:1.8;font-weight:800;overflow-wrap:anywhere}
#sakolenter-about-reference .sc-ab-category-arrow{position:absolute;bottom:0;left:1.2%;transform:translateY(50%);display:grid;place-items:center;width:clamp(24px,13.5%,60px);height:auto;aspect-ratio:1;border-radius:50%;border:1px solid var(--ab-border);background:#fff;box-shadow:0 3px 8px #15213308}
#sakolenter-about-reference .sc-ab-category-arrow svg{width:18px;height:18px}
#sakolenter-about-reference .sc-ab-purchase-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
#sakolenter-about-reference .sc-ab-purchase-panel{display:flex;align-items:center;gap:15px;padding:15px 16px;min-height:100px}
#sakolenter-about-reference .sc-ab-purchase-panel>div{flex:1;min-width:0}
#sakolenter-about-reference .sc-ab-purchase-panel h2{font-size:17px;font-weight:800;line-height:1.8;margin-bottom:3px}
#sakolenter-about-reference .sc-ab-purchase-panel p{font-size:12px;color:var(--ab-muted);line-height:1.9;overflow-wrap:anywhere}
#sakolenter-about-reference .sc-ab-store{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:16px;padding:9px 10px;margin-top:12px;align-items:stretch}
#sakolenter-about-reference .sc-ab-store-info{display:flex;flex-direction:column;min-width:0;padding:0 2px 0 0}
#sakolenter-about-reference .sc-ab-store-info .sc-ab-section-title{font-size:18px;line-height:1.7;padding-bottom:8px;margin-bottom:2px}
#sakolenter-about-reference .sc-ab-store-caption{color:var(--ab-muted);font-size:11px;line-height:1.9;margin-bottom:8px}
#sakolenter-about-reference .sc-ab-contact-rows{border:1px solid var(--ab-border);border-radius:7px;overflow:hidden}
#sakolenter-about-reference .sc-ab-contact-row{display:flex;align-items:center;gap:10px;min-height:35px;padding:3px 7px;font-size:12px;line-height:1.9;overflow-wrap:anywhere}
#sakolenter-about-reference .sc-ab-contact-row+.sc-ab-contact-row{border-top:1px solid var(--ab-border)}
#sakolenter-about-reference a.sc-ab-contact-row:hover{background:#fff4f7;color:var(--ab-red)}
#sakolenter-about-reference .sc-ab-small-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;color:var(--ab-red);background:#ffe9ef}
#sakolenter-about-reference .sc-ab-small-icon svg{width:21px;height:21px}
#sakolenter-about-reference .sc-ab-support-hours{font-size:10px;color:var(--ab-muted);line-height:1.9;margin-top:5px}
#sakolenter-about-reference .sc-ab-store-buttons{gap:8px;padding-top:8px}
#sakolenter-about-reference .sc-ab-store-buttons .sc-ab-button{flex:1;font-size:11px;gap:9px;min-height:39px;padding:7px 7px}
#sakolenter-about-reference .sc-ab-store-buttons svg{width:21px;height:21px}
#sakolenter-about-reference .sc-ab-map-panel{position:relative;overflow:hidden;border:1px solid #e2eaf3;border-radius:9px;min-height:265px;background:#edf3f8}
#sakolenter-about-reference .sc-ab-map-frame{display:block;width:100%;height:100%;min-height:265px;border:0;position:absolute;inset:0}
#sakolenter-about-reference .sc-ab-map-label{flex-direction:row-reverse;position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ab-border);border-radius:8px;padding:12px 14px;box-shadow:0 3px 12px #14293d12;font-size:13px;line-height:1.8;pointer-events:none;max-width:calc(100% - 24px)}
#sakolenter-about-reference .sc-ab-map-label svg{color:var(--ab-red);width:25px;height:25px}
#sakolenter-about-reference .sc-ab-map-directions{position:absolute;bottom:13px;right:13px;font-size:12px;min-width:125px;min-height:40px;box-shadow:0 4px 14px #e4003522;z-index:1}
#sakolenter-about-reference .sc-ab-map-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:265px;height:100%;padding:75px 25px;color:#6a7b94;text-align:center}
#sakolenter-about-reference .sc-ab-map-fallback svg{color:var(--ab-red);width:40px;height:40px}
#sakolenter-about-reference .sc-ab-map-fallback p{font-size:12px;line-height:1.9}
#sakolenter-about-reference .sc-ab-closing-note{color:var(--ab-muted);font-size:11px;text-align:center;margin-top:10px;line-height:1.9}
@media(min-width:1700px){#sakolenter-about-reference{padding-right:36px;padding-left:36px}#sakolenter-about-reference .sc-ab-hero-copy{padding-right:40px;gap:32px}#sakolenter-about-reference .sc-ab-hero-icon{width:140px;height:140px}#sakolenter-about-reference .sc-ab-story{gap:32px;padding:14px}#sakolenter-about-reference .sc-ab-story-copy{padding:14px}#sakolenter-about-reference .sc-ab-story-text{font-size:15px}#sakolenter-about-reference .sc-ab-story-photo{min-height:0}#sakolenter-about-reference .sc-ab-category-title{font-size:17px}#sakolenter-about-reference .sc-ab-benefit p,#sakolenter-about-reference .sc-ab-purchase-panel p,#sakolenter-about-reference .sc-ab-contact-row{font-size:14px}#sakolenter-about-reference .sc-ab-benefit{min-height:170px}#sakolenter-about-reference .sc-ab-contact-row{min-height:42px}#sakolenter-about-reference .sc-ab-map-panel{min-height:340px}#sakolenter-about-reference .sc-ab-store-info .sc-ab-section-title{font-size:23px}#sakolenter-about-reference .sc-ab-store-buttons .sc-ab-button{font-size:14px;min-height:44px}}
@media(max-width:1199px){#sakolenter-about-reference{padding-right:24px;padding-left:24px}#sakolenter-about-reference .sc-ab-hero-copy{width:47%;gap:20px;padding-right:20px}#sakolenter-about-reference .sc-ab-hero-icon{width:104px;height:104px}#sakolenter-about-reference #sc-ab-title{font-size:40px}#sakolenter-about-reference .sc-ab-story{gap:20px}#sakolenter-about-reference .sc-ab-story h2{font-size:27px}#sakolenter-about-reference .sc-ab-story-photo{min-height:0}#sakolenter-about-reference .sc-ab-store-buttons .sc-ab-button{font-size:10px;gap:6px}#sakolenter-about-reference .sc-ab-purchase-panel{padding:12px}}
@media(max-width:991px){#sakolenter-about-reference .sc-ab-hero-copy{width:57%;gap:16px;padding-right:20px}#sakolenter-about-reference .sc-ab-hero:after{left:43%;background:linear-gradient(90deg,transparent,#171c24 30%)}#sakolenter-about-reference .sc-ab-hero-ribbon{left:44%}#sakolenter-about-reference .sc-ab-hero-icon{width:80px;height:80px}#sakolenter-about-reference .sc-ab-hero-icon svg{width:43px;height:43px}#sakolenter-about-reference #sc-ab-title{font-size:29px}#sakolenter-about-reference .sc-ab-story{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}#sakolenter-about-reference .sc-ab-story-photo{min-height:0;aspect-ratio:2.23}#sakolenter-about-reference .sc-ab-story h2{font-size:27px}#sakolenter-about-reference .sc-ab-benefits,#sakolenter-about-reference .sc-ab-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#sakolenter-about-reference .sc-ab-category-title{font-size:15px}#sakolenter-about-reference .sc-ab-store{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}#sakolenter-about-reference .sc-ab-store-buttons .sc-ab-button{font-size:13px;min-height:43px}#sakolenter-about-reference .sc-ab-map-panel,#sakolenter-about-reference .sc-ab-map-frame{min-height:320px}#sakolenter-about-reference .sc-ab-contact-row{font-size:13px;min-height:40px}}
@media(max-width:575px){#sakolenter-about-reference{padding:12px 12px 18px}#sakolenter-about-reference .sc-ab-hero{height:310px;min-height:310px}#sakolenter-about-reference .sc-ab-hero-visual{inset:auto 0 0;width:100%;height:130px}#sakolenter-about-reference .sc-ab-hero-ribbon{top:auto;bottom:-25px;left:auto;right:22px;width:28px;height:167px}#sakolenter-about-reference .sc-ab-hero:after{inset:160px 0 115px;background:linear-gradient(180deg,#171c24,transparent)}#sakolenter-about-reference .sc-ab-hero-copy{width:100%;height:180px;padding:17px 14px;gap:13px}#sakolenter-about-reference .sc-ab-hero-icon{width:63px;height:63px}#sakolenter-about-reference .sc-ab-hero-icon svg{width:34px;height:34px}#sakolenter-about-reference .sc-ab-breadcrumb{font-size:10px;gap:8px;margin-bottom:9px}#sakolenter-about-reference #sc-ab-title{font-size:27px;margin-bottom:7px}#sakolenter-about-reference .sc-ab-hero-text p{font-size:12px;line-height:1.85}#sakolenter-about-reference .sc-ab-story{padding:10px;gap:12px;margin-top:12px}#sakolenter-about-reference .sc-ab-story-copy{padding:2px}#sakolenter-about-reference .sc-ab-eyebrow{font-size:13px;margin-bottom:6px}#sakolenter-about-reference .sc-ab-story h2{font-size:21px;line-height:1.8;margin-bottom:7px}#sakolenter-about-reference .sc-ab-story-text{font-size:12px;line-height:2}#sakolenter-about-reference .sc-ab-story-buttons{gap:7px}#sakolenter-about-reference .sc-ab-story-buttons .sc-ab-button{font-size:11px;gap:7px;min-height:40px;padding:7px}#sakolenter-about-reference .sc-ab-story-buttons svg{width:20px;height:20px}#sakolenter-about-reference .sc-ab-launch-badge{font-size:9px;gap:5px;padding:4px;min-height:17%;border-radius:5px}#sakolenter-about-reference .sc-ab-launch-badge svg{width:17px;height:17px}#sakolenter-about-reference .sc-ab-benefits{gap:8px;margin-top:10px}#sakolenter-about-reference .sc-ab-benefit{padding:12px 8px;min-height:145px}#sakolenter-about-reference .sc-ab-icon-circle{width:53px;height:53px}#sakolenter-about-reference .sc-ab-icon-circle svg{width:29px;height:29px}#sakolenter-about-reference .sc-ab-benefit h2{font-size:13px;line-height:1.8;margin-top:9px}#sakolenter-about-reference .sc-ab-benefit p{font-size:10px;line-height:1.9}#sakolenter-about-reference .sc-ab-category-grid{gap:8px}#sakolenter-about-reference .sc-ab-category-title{font-size:11px;padding-left:24px;line-height:1.9}#sakolenter-about-reference .sc-ab-category-arrow{width:24px;height:24px}#sakolenter-about-reference .sc-ab-category-arrow svg{width:15px;height:15px}#sakolenter-about-reference .sc-ab-category-card{padding:5px 5px 8px}#sakolenter-about-reference .sc-ab-purchase-row{grid-template-columns:minmax(0,1fr);gap:10px}#sakolenter-about-reference .sc-ab-purchase-panel{padding:13px;gap:12px;min-height:110px}#sakolenter-about-reference .sc-ab-purchase-panel h2{font-size:16px}#sakolenter-about-reference .sc-ab-purchase-panel p{font-size:11px}#sakolenter-about-reference .sc-ab-store{padding:10px;gap:12px}#sakolenter-about-reference .sc-ab-store-info .sc-ab-section-title{font-size:18px}#sakolenter-about-reference .sc-ab-contact-row{font-size:11px;gap:8px;min-height:36px}#sakolenter-about-reference .sc-ab-support-hours{font-size:9px}#sakolenter-about-reference .sc-ab-store-buttons .sc-ab-button{font-size:10px;gap:5px;padding:7px 5px;min-height:39px}#sakolenter-about-reference .sc-ab-store-buttons svg{width:18px;height:18px}#sakolenter-about-reference .sc-ab-map-panel,#sakolenter-about-reference .sc-ab-map-frame{min-height:280px}#sakolenter-about-reference .sc-ab-map-label{font-size:11px;top:9px;left:9px;padding:10px;gap:7px}#sakolenter-about-reference .sc-ab-map-directions{right:9px;bottom:10px;font-size:11px;min-width:115px}#sakolenter-about-reference .sc-ab-closing-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){#sakolenter-about-reference *{transition:none!important;scroll-behavior:auto!important}}