:root{--paper:#f3f8f8;--white:#fff;--ink:#17191a;--muted:#667276;--line:#bdcacc;--teal:#00a6b2;--teal-dark:#007a84;--yellow:#ffc400;--soft:#e6eeee;--green:#087b5a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:linear-gradient(rgba(0,166,178,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,166,178,.055) 1px,transparent 1px);background-size:40px 40px;color:var(--ink);font-family:"Arial","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(1460px,calc(100% - 56px));margin:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:2px solid var(--ink);background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;gap:34px;min-height:90px}.logo{width:245px;max-height:65px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{position:relative;padding:34px 14px 32px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.nav-links a:after{position:absolute;right:14px;bottom:24px;left:14px;height:3px;background:var(--yellow);content:"";transform:scaleX(0);transform-origin:left;transition:.2s}.nav-links a:hover:after,.nav-links .active:after{transform:scaleX(1)}.nav-cta,.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:2px solid var(--ink);border-radius:0;background:var(--ink);color:#fff;padding:12px 20px;font-size:12px;font-weight:900;letter-spacing:.065em;text-transform:uppercase;cursor:pointer;transition:.18s}.nav-cta:hover,.button:hover{background:var(--teal);border-color:var(--teal)}.button.amber{background:var(--yellow);color:var(--ink)}.button.amber:hover{background:var(--teal);color:#fff}.button.outline{background:transparent;color:var(--ink)}.menu-button{display:none;margin-left:auto;width:46px;height:46px;border:2px solid var(--ink);background:var(--yellow);font-size:20px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal-dark);font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.eyebrow:before{width:28px;height:8px;background:var(--yellow);content:""}.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:0;margin-top:44px;margin-bottom:44px;border:2px solid var(--ink);background:#fff;box-shadow:14px 14px 0 var(--teal)}.hero-panel{min-height:650px;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:58px;background:#fff;color:var(--ink)}.hero-copy .eyebrow{color:var(--teal-dark)!important}.hero-copy h1{margin:38px 0 26px;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(55px,6vw,92px);font-weight:900;line-height:.91;letter-spacing:-.072em;text-transform:uppercase}.hero-copy h1 span{display:inline;background:linear-gradient(transparent 56%,var(--yellow) 56%)}.hero-copy p{max-width:570px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.hero-image{position:relative;border-left:2px solid var(--ink)}.hero-image>img,.media-fill{width:100%;height:100%;object-fit:cover}.hero-image>img{filter:saturate(.75) contrast(1.08)}.float-card{position:absolute;right:0;bottom:0;width:300px;border-top:2px solid var(--ink);border-left:2px solid var(--ink);background:var(--yellow);padding:22px}.float-card small{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.float-card strong{display:block;margin-top:9px;font-size:20px;line-height:1.25}.section{padding:105px 0}.section.card-bg{background:var(--white);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.section-head{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px}.display{margin:18px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:.95;letter-spacing:-.055em;text-transform:uppercase}.dept-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);background:var(--ink);gap:2px}.dept{min-height:245px;background:#fff;padding:26px;transition:.18s}.dept:hover{background:var(--yellow)}.dept-icon{font-size:28px;color:var(--teal)}.dept h3{margin:66px 0 5px;font-size:25px;text-transform:uppercase}.dept p{margin:0;color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink)}.image-rounded{height:580px;overflow:hidden;border-radius:0}.copy-block{display:flex;flex-direction:column;justify-content:center;border-left:2px solid var(--ink);background:var(--white);padding:55px}.copy-block p{color:var(--muted);font-size:18px;line-height:1.7}.cta-band{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:45px;border:2px solid var(--ink);border-radius:0;background:var(--yellow);padding:58px;box-shadow:12px 12px 0 var(--teal)}.cta-band:before{position:absolute;top:0;right:0;width:100px;height:13px;background:var(--teal);content:""}.cta-band h2{max-width:900px;margin:28px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.page-hero{padding:95px 0 70px}.page-hero-row{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:60px}.page-hero h1{margin:22px 0 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(58px,7vw,102px);font-weight:900;line-height:.88;letter-spacing:-.075em;text-transform:uppercase}.page-hero h1 span{color:var(--teal)}.page-hero p{border-left:10px solid var(--yellow);padding-left:24px;color:var(--muted);font-size:18px;line-height:1.7}.wide-image{position:relative;height:590px;overflow:hidden;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--yellow)}.wide-image .caption{position:absolute;bottom:0;left:0;max-width:410px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);background:var(--teal);color:#fff;padding:28px}.wide-image .caption small{font-size:10px;font-weight:900;letter-spacing:.15em}.wide-image .caption p{margin:10px 0 0;font-size:25px;font-weight:800}.service-grid{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--ink);background:var(--ink);gap:2px}.service-card{min-height:325px;background:#fff;padding:38px}.service-card:nth-child(2),.service-card:nth-child(3){background:var(--soft)}.service-card:hover{background:var(--yellow)}.service-top{display:flex;justify-content:space-between;color:var(--teal-dark);font-size:12px;font-weight:900;letter-spacing:.15em}.service-card h3{margin:98px 0 12px;font-size:30px;text-transform:uppercase}.service-card p{max-width:470px;color:var(--muted);line-height:1.7}.dark-section{border-top:12px solid var(--yellow);background:var(--ink);color:#fff}.process{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--teal)}.step{background:#202426;padding:25px}.step small{color:var(--yellow);font-weight:900}.step h3{margin-top:70px;font-size:24px;text-transform:uppercase}.step p{color:rgba(255,255,255,.58);font-size:14px;line-height:1.65}.facts{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:2px solid var(--ink);box-shadow:14px 14px 0 var(--teal)}.facts-card{border-radius:0;background:var(--yellow);color:var(--ink);padding:45px}.facts-card>small{font-weight:900;letter-spacing:.16em}.facts-card dl{margin:25px 0}.facts-card div{padding:18px 0;border-bottom:2px solid rgba(23,25,26,.2)}.facts-card dt{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.facts-card dd{margin:6px 0 0;font-size:19px;font-weight:800}.values{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink);background:var(--ink);gap:2px}.value{border-radius:0;background:#fff;padding:28px}.value:nth-child(2),.value:nth-child(3){background:var(--soft)}.value h3{margin:48px 0 8px;font-size:24px;text-transform:uppercase}.value p{color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px}.contact-card{display:block;margin-top:14px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:20px;transition:.18s}.contact-card:hover{transform:translateX(6px);box-shadow:-6px 0 0 var(--yellow)}.contact-card small{display:block;color:var(--teal-dark);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.contact-card strong,.contact-card address{display:block;margin-top:8px;font-style:normal;line-height:1.6}.form-panel{border:2px solid var(--ink);border-radius:0;background:var(--teal);color:#fff;padding:45px;box-shadow:12px 12px 0 var(--yellow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;margin-bottom:18px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);padding:15px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:5px 5px 0 var(--yellow)}.honeypot{position:absolute;left:-9999px}.form-alert{border:2px solid var(--ink);padding:16px;margin-bottom:20px}.form-alert.success{background:#d8fae8;color:#174d31}.form-alert.error{background:#ffebe6;color:#7c1f18}.inventory-intro{padding:70px 0 35px}.inventory-intro h1{max-width:980px;margin:20px 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(50px,6vw,82px);line-height:.92;letter-spacing:-.065em;text-transform:uppercase}.inventory-toolbar{display:flex;gap:0;border:2px solid var(--ink);background:#fff;padding:0;box-shadow:8px 8px 0 var(--yellow)}.inventory-toolbar input{flex:1;border:0;background:#fff;padding:17px;outline:0}.inventory-toolbar .button{border-top:0;border-right:0;border-bottom:0}.inventory-layout{display:grid;grid-template-columns:230px 1fr;gap:35px;padding:50px 0 105px}.categories{margin-top:12px;border-top:2px solid var(--ink)}.category-button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:15px 10px;color:var(--muted);text-align:left;cursor:pointer}.category-button.active{background:var(--teal);color:#fff;font-weight:800}.quote-promo{margin-top:25px;border:2px solid var(--ink);border-radius:0;background:var(--yellow);padding:22px;box-shadow:7px 7px 0 var(--teal)}.quote-promo h3{margin:50px 0 8px;text-transform:uppercase}.product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.product-head select{border:2px solid var(--ink);border-radius:0;background:#fff;padding:11px 35px 11px 14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--ink);border-radius:0;background:#fff;transition:.18s}.product:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--teal)}.product-image{position:relative;height:250px;border-bottom:2px solid var(--ink);background:linear-gradient(135deg,#fff 0,#e7f0f0 100%)}.product-image img{width:100%;height:100%;object-fit:contain;padding:20px}.tag{position:absolute;top:0;left:0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0;background:var(--yellow);padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.11em}.product-body{display:flex;flex:1;flex-direction:column;padding:17px}.product-brand{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--teal-dark)}.product h3{font-size:17px;line-height:1.35}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.add-button{width:43px;height:43px;border:2px solid var(--ink);border-radius:0;background:var(--yellow);font-size:20px;cursor:pointer}.add-button.selected{background:var(--teal);color:#fff}.quote-fab{position:fixed;right:24px;bottom:24px;z-index:45;border:2px solid var(--ink);border-radius:0;background:var(--yellow);color:var(--ink);padding:15px 20px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:6px 6px 0 var(--teal);cursor:pointer}.quote-drawer{position:fixed;inset:0;z-index:80;display:none;justify-content:flex-end;background:rgba(0,0,0,.6)}.quote-drawer.open{display:flex}.drawer-panel{width:min(470px,100%);height:100%;overflow:auto;border-left:3px solid var(--ink);background:var(--paper);padding:25px}.drawer-head{display:flex;align-items:center;justify-content:space-between}.close{width:42px;height:42px;border:2px solid var(--ink);border-radius:0;background:var(--yellow)}.quote-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;margin-top:10px;border:2px solid var(--ink);border-radius:0;background:#fff;padding:10px}.quote-item img{width:72px;height:65px;object-fit:contain;background:var(--soft)}.quote-item h4{margin:6px 0;font-size:13px}.site-footer{border-top:12px solid var(--yellow);background:var(--teal);color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr;gap:60px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.3)}.footer-logo{width:270px}.footer-grid p,.footer-grid address{max-width:460px;color:rgba(255,255,255,.75);font-style:normal;line-height:1.75}.footer-links{display:grid;gap:12px;font-size:13px;font-weight:800;text-transform:uppercase}.footer-title{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;color:rgba(255,255,255,.68);font-size:11px;letter-spacing:.04em}
@media(max-width:1040px){.nav-links,.nav-cta{display:none}.menu-button{display:block}.nav-links.open{position:absolute;top:90px;right:0;left:0;display:grid;margin:0;border-bottom:2px solid var(--ink);background:#fff;padding:12px 28px}.nav-links.open a{padding:14px 0}.hero,.split,.section-head,.page-hero-row,.process,.facts,.contact-grid{grid-template-columns:1fr}.hero-copy{min-height:600px}.hero-image{min-height:530px;border-top:2px solid var(--ink);border-left:0}.copy-block{border-top:2px solid var(--ink);border-left:0}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.wrap{width:min(100% - 28px,1460px)}.nav{min-height:78px}.logo{width:210px}.nav-links.open{top:78px}.hero{margin-top:20px;box-shadow:7px 7px 0 var(--teal)}.hero-panel{min-height:0}.hero-copy{min-height:540px;padding:30px}.hero-image{min-height:470px}.section,.page-hero{padding:72px 0}.dept-grid,.service-grid,.values,.steps,.form-grid{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column;padding:32px;box-shadow:7px 7px 0 var(--teal)}.image-rounded,.wide-image{height:440px}.inventory-layout{grid-template-columns:1fr}.categories{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.inventory-toolbar{flex-direction:column}.inventory-toolbar .button{border-top:2px solid var(--ink);border-left:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.form-panel{padding:27px;box-shadow:7px 7px 0 var(--yellow)}.page-hero h1{font-size:53px}.facts{box-shadow:7px 7px 0 var(--teal)}}

/* Enquiry form feedback and narrow-screen containment. */
*,*::before,*::after{box-sizing:border-box}
.contact-grid>*,.form-grid>*{min-width:0}
.contact-card{display:block;overflow-wrap:anywhere}
.form-panel fieldset{border:0;padding:0;margin:0;min-width:0}
.form-panel textarea{resize:vertical}
.form-panel .button:disabled{opacity:.65;cursor:wait}
.form-alert{overflow-wrap:anywhere;line-height:1.6}
.form-alert.pending{background:var(--soft);color:var(--ink)}
.form-help,.form-fallback{font-size:14px;line-height:1.7;color:rgba(255,255,255,.8);overflow-wrap:anywhere}
.form-help a,.form-fallback a{text-decoration:underline;text-underline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(max-width:700px){.split>*,.page-hero-row>*,.cta-band>*{min-width:0;max-width:100%}.copy-block{padding:28px}.page-hero h1{font-size:clamp(40px,10vw,53px)}.cta-band h2{font-size:clamp(32px,8vw,40px);overflow-wrap:anywhere}.inventory-intro h1{font-size:clamp(40px,10vw,50px);overflow-wrap:anywhere}}
