:root{--ink:#101820;--ink-2:#252b2d;--muted:#4f5a61;--paper:#f5f4ef;--white:#fff;--yellow:#ffbe00;--yellow-dark:#dfa600;--line:#1018202e;--max:1460px;--body:Arial,Helvetica,sans-serif;--condensed:"Arial Narrow","Roboto Condensed",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--condensed);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}p{font-family:var(--body);line-height:1.68}h1,h2,h3{text-transform:uppercase;letter-spacing:-.045em;margin:0;line-height:.95}h1{font-size:clamp(3.5rem,7.5vw,7.75rem)}h2{font-size:clamp(2rem,4.5vw,4.5rem)}h3{font-size:1.45rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--yellow);padding:.85rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:100;min-height:88px;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f4eff5;grid-template-columns:230px 1fr auto;align-items:center;gap:34px;display:grid;position:sticky;top:0}.brand{width:218px;line-height:0}.brand img,.footer-main img{height:auto}.primary-nav{letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(16px,1.6vw,30px);font-size:.7rem;font-weight:800;display:flex}.primary-nav>a,.nav-trigger{text-transform:uppercase;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:12px 0;position:relative}.primary-nav>a:after,.nav-trigger:after{content:"";background:var(--yellow);height:2px;transition:right .18s;position:absolute;bottom:5px;left:0;right:100%}.primary-nav>a:hover:after,.primary-nav>a:focus-visible:after,.nav-trigger:hover:after,.nav-trigger:focus-visible:after{right:0}.nav-trigger span{color:var(--yellow);margin-left:5px}.nav-group{position:relative}.dropdown{background:var(--white);border:1px solid var(--line);opacity:0;visibility:hidden;width:290px;padding:12px;transition:all .18s;display:grid;position:absolute;top:calc(100% + 15px);left:-22px;transform:translateY(-8px);box-shadow:0 20px 50px #10182026}.dropdown:before{content:"";height:18px;position:absolute;bottom:100%;left:0;right:0}.dropdown a{font-family:var(--body);letter-spacing:0;text-transform:none;border-left:2px solid #0000;padding:11px 12px;font-size:.77rem}.dropdown a:hover,.dropdown a:focus-visible{border-left-color:var(--yellow);background:#f5f4ef}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.is-open .dropdown{opacity:1;visibility:visible;transform:none}.header-cta{border:1px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:14px 16px;font-size:.68rem;font-weight:800}.header-cta span{color:var(--yellow);margin-left:10px}.menu-button{background:0 0;border:0;padding:8px;display:none}.menu-button>span:not(.sr-only){background:var(--ink);width:24px;height:2px;margin:4px;display:block}.section-shell,.page-hero,.content-grid,.product-data,.colour-note,.code-index,.contact-section,.catalogue-panel,.sample-panel{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.kicker,.eyebrow{text-transform:uppercase;font-family:var(--condensed);letter-spacing:.14em;margin:0 0 28px;font-size:.67rem;font-weight:800}.kicker{align-items:center;gap:11px;display:flex}.kicker>span{background:var(--yellow);width:30px;height:3px}.eyebrow{color:var(--yellow-dark)}.button{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:28px;min-height:54px;padding:0 21px;font-size:.7rem;font-weight:800;transition:transform .18s,background .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--yellow)}.button-primary:hover{background:var(--yellow-dark)}.button-light{color:var(--white);border:1px solid #fff6}.button-dark{color:var(--white);background:var(--ink)}.text-link,.card-link{text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid;padding-bottom:7px;font-size:.7rem;font-weight:800}.home-hero{grid-template-columns:44% 52%;align-items:center;gap:4%;min-height:calc(100vh - 88px);padding-block:clamp(60px,8vw,120px);display:grid}.home-hero h1 em{color:var(--yellow);font-style:normal}.hero-lead{max-width:680px;margin:34px 0 12px;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;line-height:1.35}.hero-detail{max-width:660px;color:var(--muted);font-size:.96rem}.hero-actions{align-items:center;gap:28px;margin-top:35px;display:flex}.home-hero figure,.page-hero figure{background:var(--ink);margin:0;position:relative;overflow:hidden}.home-hero figure{height:650px}.home-hero figure:after,.page-hero figure:after{content:"";background:linear-gradient(#0000,#101820db);position:absolute;inset:45% 0 0}.home-hero figure img{object-fit:cover;width:100%;height:100%}.home-hero figcaption,.page-hero figcaption{z-index:1;color:var(--white);font-weight:700;position:absolute;bottom:24px;left:26px;right:26px}.home-hero figcaption span{color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:.6rem;display:block}.proof-strip{min-height:110px;padding:20px max(28px,calc((100vw - var(--max))/2));border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;display:flex}.proof-strip p{color:#737d82;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.proof-strip div{letter-spacing:.1em;justify-content:space-between;gap:24px;width:65%;font-size:.65rem;font-weight:800;display:flex}.statement,.solutions,.method{width:min(var(--max),calc(100% - 56px));grid-template-columns:34% 61%;gap:5%;margin-inline:auto;padding-block:clamp(90px,10vw,150px);display:grid}.statement>div>p{max-width:850px;color:var(--muted);font-size:1.04rem}.solutions{padding-top:0}.solutions h2,.method h2{font-size:clamp(2.8rem,5.3vw,5.25rem)}.solution-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.solution-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px;padding:28px}.solution-grid article>span{color:var(--yellow);font-size:.7rem;font-weight:800}.solution-grid h3{margin:45px 0 14px}.solution-grid p{min-height:68px;color:var(--muted);font-size:.88rem}.card-link{color:var(--yellow-dark);border:0;margin-top:15px;display:inline-block}.case-study,.dark-section{color:var(--white);background:var(--ink)}.case-study{padding-block:clamp(90px,10vw,145px)}.case-heading{grid-template-columns:62% 32%;align-items:end;gap:6%;display:grid}.case-heading>p{color:#b6c0c5}.case-gallery{grid-template-columns:1.35fr .65fr;gap:24px;margin-top:70px;display:grid}.case-gallery figure{background:#252f36;height:500px;margin:0;position:relative;overflow:hidden}.case-gallery figure:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:55% 0 0}.case-gallery img{object-fit:cover;width:100%;height:100%}.case-gallery figcaption{z-index:1;gap:5px;display:grid;position:absolute;bottom:22px;left:24px}.case-gallery figcaption span{color:var(--yellow);letter-spacing:.14em;text-transform:uppercase;font-size:.6rem}.case-results{grid-template-columns:20% 42% 30%;align-items:start;gap:4%;margin-top:75px;display:grid}.case-results>div:first-child strong{color:var(--yellow);letter-spacing:-.06em;font-size:clamp(5rem,8vw,8rem);line-height:.8;display:block}.case-results>div:first-child span{color:#adb7bd;letter-spacing:.12em;text-transform:uppercase;margin-top:15px;font-size:.65rem;display:block}.case-results p,.case-results li{color:#b9c1c6;font-size:.88rem}.case-results ul{border-top:1px solid #ffffff29;margin:0;padding:0;list-style:none}.case-results li{border-bottom:1px solid #ffffff29;padding:11px 0}.case-results li:before{content:"—";color:var(--yellow);margin-right:9px}.method ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.method li{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;align-items:center;min-height:140px;display:grid}.method li>span{color:var(--yellow);font-size:.7rem;font-weight:800}.method h3{margin-bottom:8px}.method p{max-width:600px;color:var(--muted);margin:0;font-size:.88rem}.page-hero{grid-template-columns:52% 43%;align-items:center;gap:5%;padding-block:clamp(70px,8vw,125px);display:grid}.page-hero>div{padding-right:5%}.page-hero figure{height:520px}.page-hero figure img{object-fit:cover;width:100%;height:100%}.page-hero img[src$=thread-finishing-cap\.png]{object-fit:cover;object-position:center 52%;background:#111}.family-card img[src$=thread-finishing-cap\.png]{object-fit:cover;object-position:center 58%;background:#111}.page-hero img[src$=nut-bolt-component\.png]{object-fit:cover;object-position:center center;background:#111}.family-card img[src$=nut-bolt-component\.png]{object-fit:cover;object-position:center 52%;background:#111}.page-hero img[src$=strut-channel-end-cap\.png]{object-fit:cover;object-position:center 57%;background:#111}.family-card img[src$=strut-channel-end-cap\.png]{object-fit:cover;object-position:center 61%;background:#111}.page-hero img[src$=box-channel-end-cap\.png]{object-fit:cover;object-position:center 44%;background:#070b11}.family-card img[src$=box-channel-end-cap\.png]{object-fit:cover;object-position:center 46%;background:#070b11}.page-hero img[src$=configured-finishing-kit\.png]{object-fit:cover;object-position:76% 24%;background:#050505}.page-hero img[src$=product-catalogue-cover\.png]{object-fit:contain;background:#ffc000}.page-hero img[src$=contact-finishsystem\.png]{object-position:58% center}.page-hero img[src$=packs-materials-sample-packs\.png]{object-fit:contain;background:#080808}.page-hero img[src$=about-finishsystem\.png]{object-position:55% center}.page-hero img[src$=product-code-index\.png]{object-fit:cover;object-position:center 38%;background:#202020}.page-hero img[src$=product-range\.png]{object-fit:cover;object-position:center 40%;background:#17130f}.page-hero img[src$=specify-approve-order\.png]{object-fit:cover;object-position:center center;background:#242424}.page-hero img[src$=finishsystem-snag-pack\.png]{object-fit:cover;object-position:center 48%;background:#24211e}.page-hero img[src$=fit-care-limitations\.png]{object-fit:contain;object-position:center center;background:#030303}.content-grid,.product-data,.colour-note{grid-template-columns:34% 61%;gap:5%;padding-block:clamp(75px,8vw,130px);display:grid}.content-grid>div:last-child>p,.product-data>div>p,.colour-note>p{color:var(--muted)}blockquote{border-left:5px solid var(--yellow);background:var(--white);margin:40px 0 0;padding:30px;font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:800;line-height:1.15}.feature-cards,.steps,.workflow{width:min(var(--max),calc(100% - 56px));border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 auto clamp(80px,9vw,140px);display:grid}.feature-cards article,.steps article,.workflow article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px}.feature-cards h2,.steps h2,.workflow h2{font-size:2rem}.feature-cards p,.workflow p{color:var(--muted);font-size:.88rem}.steps{grid-template-columns:repeat(5,1fr);margin-top:110px}.steps span,.workflow span{color:var(--yellow-dark);margin-bottom:32px;font-weight:800;display:block}.dark-section{padding:clamp(65px,8vw,120px) max(28px,calc((100vw - var(--max))/2));grid-template-columns:38% 56%;gap:6%;display:grid}.dark-section p{color:#bbc3c7}.table-wrap{border:1px solid var(--line);background:var(--white);overflow-x:auto}.table-wrap:focus{outline:3px solid var(--yellow);outline-offset:2px}table{border-collapse:collapse;width:100%;font-family:var(--body);font-size:.82rem;line-height:1.45}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px}thead th{color:var(--ink);background:var(--yellow);font-family:var(--condensed);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}tbody th{font-family:var(--condensed);letter-spacing:.02em;white-space:nowrap;font-weight:800}tbody tr:last-child>*{border-bottom:0}.dark-table{background:#1c252b;border-color:#fff3}.dark-table tbody>*{color:var(--white)}.notice{width:min(var(--max),calc(100% - 56px));border-left:6px solid var(--yellow);background:var(--ink);color:var(--white);margin:0 auto 70px;padding:26px 30px}.notice strong{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-size:.76rem}.notice p{color:#d3dade;margin:9px 0 0}.family-grid{width:min(var(--max),calc(100% - 56px));grid-template-columns:repeat(3,1fr);gap:22px;margin:0 auto 120px;display:grid}.family-card{background:var(--white);border:1px solid var(--line);min-height:430px;position:relative;overflow:hidden}.family-card>span{z-index:1;color:var(--yellow-dark);font-weight:800;position:absolute;top:22px;left:22px}.family-card img{object-fit:cover;width:100%;height:250px;transition:transform .25s}.family-card:hover img{transform:scale(1.025)}.family-card>div{padding:26px}.family-card p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.72rem}.family-card h2{font-size:2rem}.family-card strong{color:var(--yellow-dark);text-transform:uppercase;letter-spacing:.06em;margin-top:28px;font-size:.72rem;display:block}.family-card-dark{color:var(--white);background:var(--ink)}.family-card-dark img{object-fit:contain;filter:brightness(0)invert();padding:45px}.product-data{align-items:start}.colour-note{border-top:1px solid var(--line)}.sample-panel,.catalogue-panel{color:var(--white);background:var(--ink);justify-content:space-between;align-items:center;gap:50px;margin-bottom:110px;padding:55px;display:flex}.sample-panel h2,.catalogue-panel h2{max-width:820px}.sample-panel p,.catalogue-panel p{color:#c6cdd1;max-width:760px}.workflow{grid-template-columns:repeat(5,1fr);margin-top:0}.workflow article{min-height:230px}.inline-links{color:var(--yellow-dark);gap:18px;margin-top:30px;font-weight:800;display:grid}.code-index{padding-bottom:100px}.search-label{text-transform:uppercase;letter-spacing:.08em;gap:12px;max-width:850px;margin:0 auto 15px;font-size:.75rem;font-weight:800;display:grid}.search-label input{border:1px solid var(--ink);background:var(--white);width:100%;font-family:var(--body);padding:20px;font-size:1rem}.search-status{max-width:850px;min-height:24px;color:var(--muted);margin:0 auto 45px;font-size:.85rem}.code-group{margin:0 0 45px}.code-group[hidden]{display:none}.code-group-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.code-group-heading h2{font-size:2.2rem}.code-group-heading a{color:var(--yellow-dark);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.code-group tr[hidden]{display:none}.contact-section{grid-template-columns:40% 54%;gap:6%;padding-bottom:130px;display:grid}.contact-section>div>p{max-width:520px;color:var(--muted)}.email-link{border-bottom:2px solid var(--yellow);font-family:var(--body);margin-top:20px;font-size:1.05rem;font-weight:800;display:inline-block}form{gap:24px;display:grid}.field-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}form label{text-transform:uppercase;letter-spacing:.12em;gap:8px;font-size:.64rem;font-weight:800;display:grid}form input,form select,form textarea{width:100%;color:var(--ink);font-family:var(--body);text-transform:none;background:0 0;border:0;border-bottom:1px solid #8e989e;border-radius:0;outline:0;padding:14px 0;font-size:.95rem}form input:focus,form select:focus,form textarea:focus{border-color:var(--yellow)}.form-status{min-height:18px;color:var(--muted);margin:0;font-size:.8rem}.cta-band{padding:clamp(70px,8vw,120px) max(28px,calc((100vw - var(--max))/2));color:var(--white);background:var(--ink);justify-content:space-between;align-items:center;gap:60px;display:flex}.cta-band h2{max-width:800px}.cta-band p:not(.eyebrow){color:#b8c1c6;max-width:760px}.cta-actions{gap:14px;min-width:300px;display:grid}.site-footer{padding:70px max(28px,calc((100vw - var(--max))/2)) 28px;color:var(--white);background:#091017}.footer-main{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-main img{background:var(--white);width:min(480px,48%);padding:12px}.footer-main p{text-transform:uppercase;font-family:var(--condensed);margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:.95}.footer-main em{color:var(--yellow);font-style:normal}.footer-grid{border-top:1px solid #ffffff24;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px;padding-top:45px;display:grid}.footer-grid h2{color:#7e8990;letter-spacing:.1em;margin-bottom:20px;font-size:.72rem}.footer-grid a{font-family:var(--body);margin:12px 0;font-size:.85rem;display:block}.footer-grid a:hover{color:var(--yellow)}.footer-bottom{color:#7e8990;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ffffff24;justify-content:space-between;gap:20px;margin-top:55px;padding-top:24px;font-size:.6rem;display:flex}@media (width<=1120px){.site-header{grid-template-columns:190px 1fr auto;gap:20px}.brand{width:185px}.primary-nav{gap:15px;font-size:.62rem}.header-cta{display:none}.steps,.workflow{grid-template-columns:repeat(3,1fr)}.family-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.site-header{grid-template-columns:1fr auto;min-height:74px}.menu-button{display:block}.primary-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px;padding:25px 28px 35px;font-size:.95rem;display:none;position:absolute;top:73px;left:0;right:0}.primary-nav.is-open{display:flex}.primary-nav>a,.nav-trigger{text-align:left;width:100%;padding:11px 0;display:block}.nav-trigger:after,.primary-nav>a:after{display:none}.nav-group{width:100%}.dropdown{border:0;border-left:2px solid var(--yellow);width:100%;box-shadow:none;opacity:1;visibility:visible;background:0 0;padding:4px 0 6px 14px;display:none;position:static;transform:none}.nav-group.is-open .dropdown{display:grid}.nav-group:hover .dropdown:not(:focus-within){display:none}.nav-group.is-open:hover .dropdown{display:grid}.home-hero,.page-hero,.statement,.solutions,.method,.content-grid,.product-data,.colour-note,.contact-section{grid-template-columns:1fr;gap:55px}.home-hero{min-height:auto}.home-hero figure,.page-hero figure{height:500px}.proof-strip{flex-direction:column;align-items:flex-start;padding-block:28px}.proof-strip div{flex-wrap:wrap;width:100%}.case-heading{grid-template-columns:1fr}.case-results{grid-template-columns:1fr 2fr}.case-results ul{grid-column:1/3}.dark-section{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;min-width:0}.feature-cards{grid-template-columns:1fr}.steps,.workflow,.family-grid{grid-template-columns:1fr 1fr}.footer-main{flex-direction:column;align-items:flex-start}.footer-main img{width:100%}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.section-shell,.page-hero,.content-grid,.product-data,.colour-note,.code-index,.contact-section,.catalogue-panel,.sample-panel,.statement,.solutions,.method,.feature-cards,.steps,.workflow,.family-grid,.notice{width:min(var(--max),calc(100% - 36px))}.site-header{padding-inline:18px}.brand{width:165px}.home-hero,.page-hero{padding-block:55px}.home-hero figure,.page-hero figure{height:400px}.hero-actions{flex-direction:column;align-items:flex-start}.proof-strip{padding-inline:18px}.proof-strip div{grid-template-columns:1fr 1fr;display:grid}.solution-grid,.family-grid,.case-gallery,.steps,.workflow,.footer-grid{grid-template-columns:1fr}.case-gallery figure{height:350px}.case-results{grid-template-columns:1fr}.case-results ul{grid-column:auto}.content-grid,.product-data,.colour-note{padding-block:80px}.sample-panel,.catalogue-panel{flex-direction:column;align-items:flex-start;padding:35px}.field-pair{grid-template-columns:1fr}.cta-band{padding-inline:18px}.footer-bottom{flex-direction:column}.code-group-heading{flex-direction:column;align-items:flex-start}th,td{min-width:130px;padding:12px}tbody th{min-width:155px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
