@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--yellow:#f6c626;--ink:#191b19;--paper:#f8f7f2;--muted:#646760}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b17900;outline-offset:5px}header{height:95px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #dddcd3}.brand img{display:block;max-width:100%}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.nav-cta{padding:14px 20px;background:var(--yellow)}nav a:hover,.text-link:hover{text-decoration:underline}.menu{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;min-height:650px}.hero-copy{padding:70px 8% 25px 10%;display:flex;flex-direction:column}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow>span{width:7px;height:7px;background:#d39800;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-1.7px;line-height:.98}h1{font-size:clamp(68px,7.4vw,112px);margin-bottom:28px}.highlight{position:relative;z-index:1}.highlight:before{content:'';position:absolute;bottom:5px;left:-4px;width:104%;height:22px;background:var(--yellow);z-index:-1;transform:rotate(-3deg)}.lead{font-size:16px;line-height:1.7;max-width:390px;color:#565a53}.actions{display:flex;gap:24px;align-items:center;margin:17px 0 60px}.button{border:0;padding:18px 23px;display:inline-flex;gap:25px;justify-content:space-between;align-items:center;font-size:13px;font-weight:600}.dark{background:var(--ink);color:white}.dark:hover{background:#363c31}.yellow{background:var(--yellow);color:var(--ink)}.text-link{font-size:12px;font-weight:600}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #dadbd1;padding-top:20px;font-size:9px;letter-spacing:1px;color:#63665f}.hero-art{background:#deddd5;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-art svg{width:100%;display:block}.art-label{padding:25px 28px 0;font-size:9px;font-weight:600;letter-spacing:1px;display:flex;justify-content:space-between}.art-bottom{display:flex;align-items:center;justify-content:space-between;padding:10px 28px 20px;font-size:10px;letter-spacing:1px}.cross{font-size:28px}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:23px 30px;background:var(--yellow);font-weight:700;font-size:12px;letter-spacing:1px;align-items:center}.ribbon b{font-size:22px}.section{padding:95px 7%}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}h2{font-size:clamp(45px,5vw,68px);margin-bottom:0}.section-head>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 5px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #d6d7cf;background:transparent;border-radius:30px;padding:10px 17px;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.products article[hidden]{display:none}.product-visual{height:215px;background:#eeeee7;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual>span{position:absolute;top:13px;left:14px;font-size:10px;color:#797b73}.cone-shape{width:86px;height:137px;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(to bottom,#ec7525 0 29%,#fdfdf9 29% 45%,#ed7a2a 45% 67%,#fffef8 67% 80%,#e76d20 80%);z-index:2;position:absolute;bottom:44px}.cone-base{width:120px;height:29px;background:#292e29;transform:skewX(-22deg);position:absolute;bottom:25px;border-radius:7px;box-shadow:7px 9px 12px #ccc}.barrier-body{width:170px;height:100px;background:#e96821;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border-radius:10px;position:relative;box-shadow:0 14px 15px #bbb}.barrier-body:before{content:'';position:absolute;top:25px;left:0;right:0;height:20px;background:#fff8e7}.barrier-body:after{content:'';position:absolute;bottom:14px;left:25px;right:25px;height:25px;border:5px solid #c34c16;border-radius:5px}.sign-pole{position:absolute;width:7px;height:140px;background:#777;top:60px}.sign-face{height:94px;width:94px;background:var(--yellow);border:4px solid #242724;transform:rotate(45deg);position:absolute;top:39px;display:grid;place-items:center;border-radius:4px}.sign-face span{font-size:70px;transform:rotate(-45deg);font-weight:700}.light-stand{width:90px;height:64px;background:#282c28;position:absolute;bottom:27px;border-radius:7px 7px 3px 3px}.light-head{width:87px;height:87px;border-radius:50%;background:repeating-radial-gradient(#ed9f17 0 3px,#f7bd2c 4px 6px);border:7px solid #35382e;position:absolute;top:41px;box-shadow:0 0 35px #ffbb2233}.product-copy{padding:23px 0}.product-copy>p:first-child{font-size:9px;letter-spacing:1.1px;color:var(--muted);font-weight:600;margin-bottom:10px}h3{font-size:18px;letter-spacing:-.5px;margin-bottom:11px}.product-copy>p{font-size:12px;line-height:1.7;color:var(--muted)}.product-copy button{border:0;border-bottom:1px solid #b6b8ac;padding:8px 0;background:none;font-size:11px;font-weight:600}.catalogue-note{font-size:11px;color:var(--muted);margin:18px 0 0}.ttcd{background:#20241e;color:var(--paper);display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.ttcd .eyebrow{color:#bfc3b8}.ttcd h2 span{color:var(--yellow)}.ttcd-intro{font-size:14px;line-height:1.9;color:#c4c8bd;margin:28px 0;max-width:440px}.principles>div{display:flex;gap:23px;border-top:1px solid #484b41;padding:30px 0}.principles>div>span{color:var(--yellow);font-size:12px}.principles h3{font-size:21px}.principles p{font-size:13px;line-height:1.8;color:#b8beaf;max-width:320px;margin:0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.large-copy{font-size:22px;line-height:1.5}.about-grid p:not(.large-copy){font-size:14px;line-height:1.9;color:var(--muted)}.about-mark{border-top:1px solid #d6d8cb;margin-top:35px;padding-top:26px;display:flex;flex-direction:column;gap:15px}.about-mark span{font-size:11px;color:var(--muted)}.enquiry{background:var(--yellow);display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.enquiry h2 span{color:#71601e}.enquiry>div>p:not(.eyebrow){max-width:340px;font-size:13px;line-height:1.8;margin-top:25px}.contact-note{font-size:11px!important}form label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,textarea{width:100%;padding:15px;background:#fff9;border:1px solid #d5ae2a;border-radius:0;margin-bottom:22px;color:var(--ink);font-size:13px}textarea{resize:vertical}form .button{width:100%}#summary-area{margin-top:25px}#copy{padding:10px 15px;background:var(--paper);border:1px solid var(--ink)}#status{font-size:12px;margin:12px 0 0;line-height:1.5}footer{padding:50px 7% 25px}footer>p{font-size:12px;color:var(--muted);margin-top:20px}footer>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dddcd1;padding-top:23px;margin-top:35px;font-size:10px}section{scroll-margin-top:10px}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:50px}.hero{min-height:570px}.actions{gap:15px;flex-wrap:wrap}.hero-foot{flex-direction:column}.products{grid-template-columns:repeat(2,1fr)}.ttcd,.about-grid,.enquiry{gap:40px}.ribbon{font-size:9px}.art-label span{display:none}}@media(max-width:700px){header{height:80px;padding:0 6%}.brand img{width:185px}.menu{display:flex;gap:10px;background:none;border:0;font-size:12px;padding:12px 0}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid #ccc;align-items:stretch}nav.open{display:flex;flex-direction:column}html{scroll-padding-top:80px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 25px}h1{font-size:76px}.lead{font-size:15px}.actions{margin-bottom:35px}.hero-foot{flex-direction:row;font-size:8px}.hero-art{max-height:430px}.hero-art svg{height:345px;object-fit:cover}.ribbon{padding:17px 7%;justify-content:space-between}.ribbon>span:last-child,.ribbon>b:last-of-type{display:none}.ribbon span{font-size:9px;max-width:145px;line-height:1.6}.section{padding:60px 7%}.section-head{display:block}.section-head>p{margin-top:25px}.filters button{font-size:10px;padding:9px 12px}.products{gap:16px}.product-visual{height:190px}.barrier-body{width:130px}h3{font-size:16px}.product-copy{padding-top:18px}.ttcd,.about-grid,.enquiry{grid-template-columns:1fr;gap:35px}.about-mark img{max-width:100%}footer>div{flex-wrap:wrap;line-height:1.8}h2{font-size:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Business contact information */
.contact-details{margin-top:28px;padding-top:24px;border-top:1px solid #b79525;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.contact-details h3{font-size:17px;margin:0 0 5px}
address{font-style:normal;font-size:13px;line-height:1.9}
.contact-details a{font-size:13px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
footer>.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:35px;border:0;margin:0;padding:0;font-size:13px}
.footer-grid h3{font-size:14px;margin:0 0 15px}
.footer-brand p{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 0}
.footer-contact a{display:block;line-height:1.8;margin-bottom:8px;font-size:12px;overflow-wrap:anywhere}
.footer-contact a:hover{text-decoration:underline}
footer>.footer-bottom{display:flex;border-top:1px solid #dddcd1;padding-top:23px;margin-top:35px;font-size:10px}
@media(max-width:850px){footer>.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:480px){footer>.footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}}

.enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.enquiry-actions .button{width:auto;flex:1;min-width:180px}.email-help{font-size:12px;line-height:1.7;margin:16px 0 0;overflow-wrap:anywhere}

/* The header stays available only while the opening hero is in view. */
header{transition:transform .22s ease,opacity .22s ease}
header.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){header{transition:none}}