.jf-experience{--jf:#007f82;--jf-dark:#005b60;--jf-tint:#edf7f6;color:#122d46}.jf-experience button,.jf-experience input,.jf-experience select{font:inherit}.jf-experience button{cursor:pointer}.jf-experience [hidden],#jf-dialog [hidden]{display:none!important}.jf-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:56px 0 38px;align-items:center}.jf-brand{width:310px;max-width:100%;height:auto;margin:0 0 25px}.jf-intro h2{font-size:clamp(30px,3.1vw,43px);line-height:1.15;letter-spacing:-1.2px;margin-bottom:21px}.jf-intro p:not(.eyebrow){font-size:15px;line-height:1.85;color:#4d6575;max-width:570px}.jf-intro .eyebrow{font-size:10px;color:var(--jf-dark)}.jf-catalogue{padding:28px;background:linear-gradient(145deg,#f1f9f7,#e4f0f1);border:1px solid #cde1e0;border-radius:8px}.jf-preview-ribbon{display:flex;height:98px;gap:5px;overflow:hidden;margin:0 0 24px}.jf-preview-ribbon img{width:calc((100% - 25px)/6);height:100%;object-fit:cover;border-radius:4px}.jf-numbers{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;margin-bottom:25px}.jf-numbers span{font-size:12px;color:#486773;display:block}.jf-numbers strong{font-size:41px;font-weight:600;letter-spacing:-2px;color:var(--jf-dark);display:block;line-height:1.2;margin-bottom:5px}.jf-catalogue .button,.jf-experience .button{background:var(--jf-dark);font-size:12px}.jf-catalogue .button{display:flex;justify-content:space-between;gap:18px}.jf-catalogue>small{font-size:10px;display:block;margin-top:13px;color:#4d6876;line-height:1.6}.jf-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 44px}.jf-families>button{display:block;text-align:left;padding:25px;background:#fff;border:1px solid #dbe6e8;border-top:3px solid var(--jf);border-radius:5px;color:#19344c;transition:background .2s,box-shadow .2s}.jf-families>button:hover{background:#f5faf9;box-shadow:0 8px 24px #005b600b}.jf-family-no{font-size:10px;color:#54737b;display:block;margin-bottom:22px;letter-spacing:.4px}.jf-families strong{display:block;font-size:25px;font-weight:600;color:var(--jf-dark);letter-spacing:.3px}.jf-family-label{display:block;font-size:14px;margin:5px 0 14px}.jf-families p{font-size:12px;line-height:1.65;color:#4b6677;min-height:40px}.jf-family-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1eaeb;margin-top:20px;padding-top:13px;color:var(--jf-dark);font-size:11px;font-weight:600}.jf-family-link b{font-size:18px}.jf-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #cfdfe0;padding-bottom:15px;scroll-margin-top:135px}.jf-mode-buttons{display:flex;gap:6px;background:#f0f5f6;border-radius:6px;padding:5px}.jf-mode-buttons button{font-size:13px;font-weight:600;border-radius:4px;padding:14px 18px;background:transparent;color:#526a78;display:flex;align-items:center;gap:12px}.jf-mode-buttons button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #002e3810;color:var(--jf-dark)}.jf-mode-buttons span{font-size:10px;border-radius:4px;background:#e7eeee;padding:3px 6px}.jf-mode-buttons button[aria-pressed=true] span{background:var(--jf-dark);color:white}.jf-mode-note{font-size:12px;color:#5d7681}.jf-section-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin:34px 0 28px}.jf-section-intro .eyebrow{font-size:9px;color:var(--jf-dark);margin-bottom:10px}.jf-section-intro h3{font-size:25px;line-height:1.35;letter-spacing:-.5px;max-width:510px}.jf-section-intro>p{max-width:380px;font-size:12px;line-height:1.8;color:#516a79}.jf-explorer{display:grid;grid-template-columns:182px minmax(0,1fr);gap:28px;align-items:start}.jf-naphthol-nav{padding:20px 16px;background:#f4f8f8;border-radius:6px}.jf-naphthol-nav>p:first-child{font-size:9px;letter-spacing:1px;font-weight:600;margin-bottom:15px;color:#466773}.jf-naphthol-buttons{display:grid;gap:5px}.jf-naphthol-buttons button{padding:10px 12px;border-radius:4px;background:transparent;color:#36535f;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:left}.jf-naphthol-buttons button span{font-size:10px;opacity:.8}.jf-naphthol-buttons button:hover{background:#e7f0ef}.jf-naphthol-buttons button[aria-pressed=true]{background:var(--jf-dark);color:white;font-weight:600}.jf-nav-note{font-size:10px;line-height:1.7;color:#607985;margin-top:16px}.jf-mobile-select{display:none}.jf-filter-row{display:grid;grid-template-columns:1fr 1.2fr;gap:15px}.jf-experience label{display:block;font-size:10px;font-weight:600;color:#36525f;line-height:1.5}.jf-experience select,.jf-experience input{width:100%;background:#fff;border:1px solid #cad9df;border-radius:5px;color:#18384d;font-size:12px;min-height:43px;padding:10px 12px;margin-top:7px;min-width:0}.jf-result-heading,.jf-directory-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:25px 0 18px}.jf-result-heading h4,.jf-directory-heading h4{font-size:19px;font-weight:600;color:#15394d;margin-bottom:6px}.jf-result-heading p,.jf-directory-heading p{font-size:11px;color:#526e7a}.jf-result-heading .text-link{font-size:11px;color:var(--jf-dark)}.jf-combination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.jf-combination-card{border:1px solid #dce5e7;background:#fff;padding:0;text-align:left;border-radius:5px;overflow:hidden;color:#123046;transition:box-shadow .2s,transform .2s;min-width:0}.jf-combination-card:hover{box-shadow:0 7px 24px #005b6015;transform:translateY(-3px)}.jf-combination-card>img{width:100%;height:auto;aspect-ratio:1100/499;object-fit:contain;display:block;background:#f5f6f7}.jf-combination-caption{display:block;padding:16px}.jf-combination-caption>small{font-size:10px;color:var(--jf-dark);display:flex;justify-content:space-between;margin-bottom:6px}.jf-combination-caption>strong{font-size:12px;line-height:1.6;display:block;font-weight:600}.jf-card-footer{display:flex!important;justify-content:space-between;gap:8px;align-items:center;font-size:10px!important;color:#476b78!important;margin-top:16px;padding-top:11px;border-top:1px solid #e3eaed}.jf-card-footer b{font-size:17px;font-weight:400}.jf-reference-note{background:#f4f8f8;padding:20px 24px;margin-top:28px;border-left:3px solid #94c2bd;border-radius:0 5px 5px 0}.jf-reference-note strong{font-size:12px;font-weight:600;color:#325561}.jf-reference-note p{font-size:11px;line-height:1.9;color:#4b6775;margin-top:7px}.jf-directory-tools{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.jf-category-filters{display:flex;gap:8px;flex-wrap:wrap}.jf-category-filters button{border:1px solid #cddddd;padding:11px 13px;border-radius:25px;color:#466370;background:white;font-size:11px}.jf-category-filters button[aria-pressed=true]{background:var(--jf-dark);color:#fff;border-color:var(--jf-dark)}.jf-category-filters span{font-size:9px;margin-left:6px;opacity:.85}.jf-directory-search{min-width:270px}.jf-directory-heading{margin-bottom:8px}.jf-category-context{font-size:12px;color:#4f6a78;line-height:1.8;max-width:850px;margin-bottom:23px}.jf-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jf-product-card{min-width:0;display:block;text-align:left;background:#fff;border:1px solid #dbe6e8;border-radius:5px;overflow:hidden;padding:0;color:#16374a;transition:box-shadow .2s}.jf-product-card:hover{box-shadow:0 8px 24px #005b6015}.jf-product-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#4d737e;padding:14px 18px;border-bottom:1px solid #e2eaec}.jf-product-topline small{font-size:9px;background:#edf4f4;padding:4px 7px;border-radius:3px}.jf-product-card>img{width:100%;height:160px;object-fit:contain;background:#f6f7f9;padding:10px}.jf-product-caption{display:block;padding:18px}.jf-product-caption>strong{display:block;font-size:14px;line-height:1.5;margin-bottom:8px}.jf-product-caption>span:not(.jf-card-footer){font-size:11px;color:#58727f;display:block}.jf-salt-index{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(125deg,#f3f8f8,#edf4f5);color:var(--jf-dark)}.jf-salt-index small{font-size:9px;letter-spacing:1.6px}.jf-salt-index strong{font-size:33px;letter-spacing:1px;font-weight:500}.jf-salt-index>span{font-size:11px;color:#5b7780}.jf-empty{padding:45px 28px;background:#f6f9f9;border:1px dashed #c7d9dc;border-radius:5px;text-align:center}.jf-empty h4{font-size:20px}.jf-empty p{font-size:13px;line-height:1.8;margin:15px 0 20px;color:#4c6877}.jf-empty .text-link{color:var(--jf-dark);font-size:12px}.jf-bottom{margin-top:40px;padding:30px 0 12px;border-top:1px solid #d7e3e6;display:flex;justify-content:space-between;align-items:center;gap:25px}.jf-bottom .eyebrow{font-size:9px;color:var(--jf-dark);margin-bottom:10px}.jf-bottom h3{font-size:25px;letter-spacing:-.5px}.jf-bottom p:not(.eyebrow){font-size:13px;color:#526b79;margin-top:12px}#jf-dialog{border:0;padding:0;border-radius:9px;width:min(820px,calc(100% - 28px));max-height:90dvh;color:#15344a;overflow:auto;box-shadow:0 30px 100px #0004}#jf-dialog::backdrop{background:#041b35bd;backdrop-filter:blur(3px)}.jf-detail-header{padding:32px 65px 23px 32px}.jf-detail-header .eyebrow{font-size:9px;color:#006467;line-height:1.7;margin-bottom:12px}.jf-detail-header h2{font-size:28px;line-height:1.25;letter-spacing:-.7px}.jf-detail-header h2>span{display:block;font-size:21px;margin-top:7px;font-weight:500;color:#4e6c79}.jf-detail-swatch{width:100%;height:auto;display:block}.jf-detail-body{padding:26px 32px 32px}.jf-detail-body h3{font-size:17px;letter-spacing:-.3px;margin:24px 0 14px}.jf-pair-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jf-pair-links button{font:inherit;cursor:pointer;text-align:left;padding:15px;background:#eff7f6;border:1px solid #d9e9e7;border-radius:5px;color:#005b60}.jf-pair-links small{font-size:8px;letter-spacing:.8px;display:block;margin-bottom:7px}.jf-pair-links strong{font-size:12px;line-height:1.5;display:block}.jf-fastness{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8e4e7;border-radius:5px;overflow:hidden}.jf-fastness>div{padding:18px;border-right:1px solid #d8e4e7}.jf-fastness>div:last-child{border:0}.jf-fastness span{font-size:11px;color:#4f6e7b;display:block}.jf-fastness strong{font-size:28px;color:#005b60;display:block;line-height:1.5;font-weight:500}.jf-fastness small{font-size:9px;color:#607b88}.jf-conditions{margin-top:20px;background:#f6f8f9;border-radius:4px;padding:14px 18px}.jf-conditions summary{font-size:12px;font-weight:600;cursor:pointer}.jf-conditions p{font-size:11px;line-height:1.9;color:#4b6677;margin-top:12px}.jf-detail-note{font-size:11px;line-height:1.9;color:#526f7c;margin-top:20px}.jf-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce5e8;margin-top:25px;padding-top:23px}.jf-detail-actions .button{background:#005b60;font-size:11px}.jf-detail-actions .text-link{font-size:11px;color:#005b60}.jf-structure{margin:0 0 25px}.jf-structure img{width:100%;max-height:265px;object-fit:contain;background:#f5f6f8;border:1px solid #e4e9eb;border-radius:5px}.jf-structure figcaption{font-size:11px;line-height:1.8;color:#4c6774;overflow-wrap:anywhere;margin-top:12px}.jf-properties{margin:0;border:1px solid #dce6e9;border-radius:5px;overflow:hidden}.jf-properties>div{display:grid;grid-template-columns:190px minmax(0,1fr);border-bottom:1px solid #e0e8eb;font-size:12px;line-height:1.75}.jf-properties>div:last-child{border:0}.jf-properties dt{background:#f3f7f7;padding:11px 16px;color:#345965}.jf-properties dd{margin:0;padding:11px 16px;overflow-wrap:anywhere;color:#183d53}.jf-related,.jf-salt-explanation{padding:20px;background:#edf6f5;border-radius:5px;margin-top:22px}.jf-related h3,.jf-salt-explanation h3{margin:0 0 9px}.jf-related p,.jf-salt-explanation p{font-size:12px;line-height:1.8;color:#426675;margin:8px 0}.jf-related button{font:inherit;font-size:12px;color:#005b60;cursor:pointer;margin-top:14px}.jf-modal-open{overflow:hidden}.jf-experience :focus-visible,#jf-dialog :focus-visible{outline:3px solid #007f82;outline-offset:3px}
@media(max-width:1050px){.jf-intro{gap:30px}.jf-explorer{grid-template-columns:150px minmax(0,1fr);gap:20px}.jf-combination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jf-mode-note{display:none}.jf-families>button{padding:20px}.jf-directory-tools{align-items:stretch;flex-direction:column;gap:18px}.jf-directory-search{width:100%}.jf-product-caption>strong{font-size:12px}.jf-product-card>img{height:140px}.jf-section-intro>p{max-width:320px}.jf-families strong{font-size:23px}}
@media(max-width:760px){.jf-intro{grid-template-columns:1fr;padding-top:35px;gap:25px}.jf-intro h2{font-size:34px}.jf-intro p:not(.eyebrow){font-size:14px}.jf-brand{width:280px;margin-bottom:22px}.jf-catalogue{padding:22px}.jf-preview-ribbon{height:75px}.jf-families{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.jf-families>button{display:grid;grid-template-columns:1fr auto;padding:18px;column-gap:14px}.jf-family-no{grid-column:1/-1;margin-bottom:12px;font-size:9px}.jf-families strong{font-size:23px}.jf-family-label{margin:5px 0 0;align-self:center;font-size:12px}.jf-families p{grid-column:1/-1;min-height:0;margin-top:10px;font-size:11px}.jf-family-link{grid-column:1/-1;margin-top:12px;padding-top:10px}.jf-mode-bar{gap:0}.jf-mode-buttons{width:100%;gap:3px}.jf-mode-buttons button{flex:1;justify-content:center;font-size:11px;padding:12px 8px;gap:5px}.jf-mode-buttons span{font-size:9px;padding:2px 4px}.jf-section-intro{display:block;margin:25px 0 20px}.jf-section-intro h3{font-size:25px}.jf-section-intro>p{max-width:none;margin-top:13px;font-size:12px}.jf-explorer{display:block}.jf-naphthol-nav{padding:15px;margin-bottom:18px}.jf-naphthol-nav>p:first-child,.jf-naphthol-buttons,.jf-nav-note{display:none}.jf-mobile-select{display:block}.jf-filter-row{gap:12px;grid-template-columns:1fr}.jf-result-heading{align-items:flex-start;gap:14px}.jf-result-heading h4{font-size:17px}.jf-result-heading .text-link{max-width:110px;font-size:10px;text-align:right}.jf-combination-grid{gap:12px}.jf-combination-caption{padding:12px}.jf-combination-caption>small{font-size:9px}.jf-combination-caption>strong{font-size:11px}.jf-card-footer{font-size:9px!important;margin-top:12px}.jf-reference-note{padding:17px}.jf-reference-note p{font-size:10px}.jf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jf-product-topline{padding:10px;font-size:9px}.jf-product-card>img{height:110px;padding:4px}.jf-product-caption{padding:12px}.jf-product-caption>strong{font-size:11px}.jf-product-caption>span:not(.jf-card-footer){font-size:10px}.jf-category-filters{gap:6px}.jf-category-filters button{font-size:10px;padding:10px}.jf-category-filters span{margin-left:3px}.jf-salt-index{height:110px}.jf-salt-index strong{font-size:27px}.jf-salt-index small{font-size:8px}.jf-salt-index>span{font-size:9px}.jf-directory-heading{align-items:flex-start}.jf-directory-heading h4{font-size:17px}.jf-directory-heading p{white-space:nowrap;font-size:10px}.jf-bottom{display:block}.jf-bottom h3{font-size:24px}.jf-bottom .button{margin-top:20px}.jf-detail-header{padding:27px 50px 20px 22px}.jf-detail-header h2{font-size:24px}.jf-detail-header h2>span{font-size:18px}.jf-detail-body{padding:20px}.jf-pair-links{grid-template-columns:1fr}.jf-fastness>div{padding:12px}.jf-fastness strong{font-size:24px}.jf-fastness small{font-size:8px}.jf-fastness span{font-size:10px}.jf-properties>div{grid-template-columns:115px minmax(0,1fr);font-size:11px}.jf-properties dt,.jf-properties dd{padding:10px}.jf-detail-actions{flex-direction:column;align-items:flex-start}.jf-structure img{max-height:210px}.jf-detail-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.jf-combination-card,.jf-families>button,.jf-product-card{transition:none}.jf-combination-card:hover{transform:none}}