@font-face{font-family:JotainEditorial;src:url('fonts/NotoSerifDisplay-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:JotainEditorial;src:url('fonts/NotoSerifDisplay-Italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
/* All component rules are scoped; existing header, footer and procurement flows stay native. */
.jt-editorial-catalog{--jt-paper:#f6f2e9;--jt-ink:#34372f;--jt-muted:#63675a;--jt-rule:#cbc9bd;--jt-accent:#80533f;background:var(--jt-paper);color:var(--jt-ink);font:400 16px/1.45 Arial,Helvetica,sans-serif;padding:0 40px 24px;max-width:1440px;margin:auto}
.jt-editorial-catalog *{box-sizing:border-box}.jt-editorial-catalog h2,.jt-editorial-catalog h3,.jt-editorial-catalog p{margin:0}.jt-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}.jt-category{min-width:0;--jt-image:176px;--jt-image-x:51.4%;--jt-image-y:101px;--jt-angle:8deg;--jt-title:51px;--jt-title-top:47px}.jt-category__stage{height:222px;position:relative;isolation:isolate;border-bottom:1px solid var(--jt-rule)}.jt-category__number{position:absolute;top:18px;left:0;font-size:10px;color:var(--jt-accent);letter-spacing:.05em}.jt-category__stage h2{position:absolute;left:0;top:var(--jt-title-top);z-index:1;font:400 var(--jt-title)/1.02 JotainEditorial,Georgia,serif;letter-spacing:-.7px}.jt-category__stage h2 em{display:block;font-weight:400;font-size:var(--jt-second,var(--jt-title));font-style:italic}.jt-category__image{position:absolute;z-index:2;left:var(--jt-image-x);top:var(--jt-image-y);width:var(--jt-image);height:var(--jt-image);object-fit:contain;transform:translate(-50%,-50%) rotate(var(--jt-angle));pointer-events:none;transition:transform 220ms ease-out}.jt-category--fastener-bars{--jt-image:171px;--jt-image-x:50.7%;--jt-image-y:117px;--jt-angle:-24deg;--jt-title:49px;--jt-second:47px;--jt-title-top:42px}.jt-category--tension-threaded-bars{--jt-image:214px;--jt-image-x:59.5%;--jt-image-y:119px;--jt-angle:16deg;--jt-title:48px;--jt-second:45px;--jt-title-top:54px}.jt-category__copy{padding-top:10px}.jt-category__grades{font-size:16px;line-height:24px;min-height:24px}.jt-category__use{font-size:16px;line-height:23px;color:var(--jt-muted);margin-top:8px!important;min-height:46px}.jt-category__scope{font-size:12px;line-height:18px;min-height:18px;margin-top:8px!important;color:var(--jt-muted)}.jt-category__detail{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin-top:14px;color:inherit;text-decoration:none;font-size:14px}.jt-category__detail svg,.jt-catalog-details summary svg{width:20px;height:20px;fill:none;stroke:var(--jt-accent);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform 180ms ease}.jt-category__detail:hover{text-decoration:underline;text-underline-offset:4px}.jt-category__detail:hover svg{transform:translateX(2px)}.jt-editorial-catalog a:focus-visible,.jt-editorial-catalog summary:focus-visible{outline:2px solid var(--jt-accent);outline-offset:4px}.jt-catalog-note{font-size:13px;color:var(--jt-muted);margin:20px 0 12px!important}.jt-catalog-details{border-block:1px solid var(--jt-rule)}.jt-catalog-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;cursor:pointer;list-style:none}.jt-catalog-details summary::-webkit-details-marker{display:none}.jt-catalog-details[open] summary svg{transform:rotate(45deg)}.jt-supply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding:22px 0}.jt-supply-note h3{font-size:22px;font-weight:400}.jt-supply-note dl{margin:16px 0}.jt-supply-note dl>div{margin-bottom:12px}.jt-supply-note dt{font-size:13px;font-weight:600}.jt-supply-note dd{margin:3px 0 0;color:var(--jt-muted)}.jt-supply-note a{display:inline-flex;align-items:center;min-height:44px;color:inherit}.jt-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.jt-category:hover .jt-category__image{transform:translate(-50%,calc(-50% - 2px)) rotate(var(--jt-angle))}}
@media(max-width:1100px){.jt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jt-editorial-catalog{padding-inline:28px}}
@media(max-width:720px){.jt-editorial-catalog{padding-inline:20px}.jt-category-grid,.jt-supply-grid{grid-template-columns:1fr}.jt-category{--jt-title:43px;--jt-image:158px;--jt-image-x:65%;--jt-image-y:103px}.jt-category__stage{height:206px}.jt-category--fastener-bars{--jt-title:43px;--jt-second:40px;--jt-image:155px;--jt-image-x:68%;--jt-image-y:115px}.jt-category--tension-threaded-bars{--jt-title:40px;--jt-second:39px;--jt-image:174px;--jt-image-x:70%;--jt-image-y:123px}.jt-category__use{min-height:0}.jt-category__scope:empty{display:none}.jt-category__detail{margin-top:8px}.jt-category-grid{gap:24px}.jt-supply-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.jt-editorial-catalog *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Seven-category extension: individual optical placement, original photographic assets. */
.jt-category--hydraulic-rods{--jt-title:48px;--jt-second:43px;--jt-image:173px;--jt-image-x:70.4%;--jt-image-y:108px;--jt-angle:7deg}
.jt-category--shafts-pins{--jt-title:46px;--jt-second:43px;--jt-image:200px;--jt-image-x:62%;--jt-image-y:110px;--jt-angle:-21deg}
.jt-category--heavy-duty-components{--jt-title:44px;--jt-second:45px;--jt-image:155px;--jt-image-x:71.3%;--jt-image-y:116px;--jt-angle:4deg}
.jt-category--flat-bars{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;--jt-title:51px;--jt-image:194px;--jt-image-x:37%;--jt-image-y:117px;--jt-angle:-9deg;border-top:1px solid var(--jt-rule)}
.jt-category--flat-bars .jt-category__stage{border-bottom:0}.jt-category--flat-bars .jt-category__copy{padding-top:43px}
@media(max-width:1100px) and (min-width:721px){.jt-category--flat-bars{--jt-image-x:64%;--jt-title:46px;--jt-image:172px}}
@media(max-width:720px){.jt-category--hydraulic-rods{--jt-title:41px;--jt-second:36px;--jt-image:145px;--jt-image-x:76%}.jt-category--shafts-pins{--jt-title:39px;--jt-second:38px;--jt-image:166px;--jt-image-x:73%}.jt-category--heavy-duty-components{--jt-title:37px;--jt-second:39px;--jt-image:130px;--jt-image-x:80%}.jt-category--flat-bars{display:block;--jt-title:43px;--jt-image:172px;--jt-image-x:62%}.jt-category--flat-bars .jt-category__stage{border-bottom:1px solid var(--jt-rule)}.jt-category--flat-bars .jt-category__copy{padding-top:10px}}