:root{--ink:#10181c;--ink-2:#1c292f;--steel:#56656b;--yellow:#ffbf17;--yellow-2:#d99b00;--paper:#fff;--concrete:#eef1ef;--line:#d4dcda;--blue:#176f88;--page:min(1200px, calc(100% - 40px));--shadow:0 22px 58px #10181c24}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.58}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{width:100%;max-width:100%;display:block}.shell{width:var(--page);margin-inline:auto}.skip-link{z-index:100;color:#fff;background:var(--ink);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.utility-bar{color:#eef3f1;background:var(--ink);font-size:.8rem}.utility-inner{justify-content:space-between;align-items:center;gap:20px;min-height:36px;display:flex}.utility-inner>div{gap:22px;display:flex}.utility-bar a{text-decoration:none}:is(.utility-bar a:hover,.utility-bar a:focus-visible){color:var(--yellow)}.site-header{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #10181c1a;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto auto;align-items:center;gap:30px;min-height:82px;display:grid}.brand{align-items:center;gap:12px;width:fit-content;text-decoration:none;display:inline-flex}.brand-mark{width:46px;height:46px;color:var(--yellow);background:var(--ink);border-radius:5px 5px 16px;flex:none;place-items:center;font-family:Manrope,Arial,sans-serif;font-size:1.55rem;font-weight:800;display:grid}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{letter-spacing:.08em;font-family:Manrope,Arial,sans-serif;font-size:1.05rem;font-weight:800;line-height:1}.brand-copy small{color:var(--steel);letter-spacing:.08em;margin-top:5px;font-size:.65rem;font-weight:700}.main-nav{align-items:center;gap:25px;display:flex}.main-nav a{color:#39484e;font-size:.875rem;font-weight:700;text-decoration:none}:is(.main-nav a:hover,.main-nav a:focus-visible){color:var(--blue)}.button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-height:48px;padding:0 19px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.category-grid button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.add-button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.quantity-button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.qty-input:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.close-button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.field input:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.field textarea:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.field select:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.remove-item:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.basket-summary-heading button:focus-visible{outline-offset:2px;outline:3px solid #ffbf1780}.button-dark{color:#fff;background:var(--ink);border-color:var(--ink)}.button-dark:hover{background:var(--ink-2)}.button-yellow{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.button-yellow:hover{background:#ffd152}.button-outline{color:var(--ink);background:0 0;border-color:#8d999e}.hero{color:#fff;background:var(--ink);position:relative;overflow:hidden}.hero:before{content:"";opacity:.17;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.hero-grid{grid-template-columns:.93fr 1.07fr;align-items:center;gap:70px;min-height:640px;padding-block:72px;display:grid;position:relative}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:.75rem;font-weight:800}.eyebrow.light{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08}h1{letter-spacing:-.06em;margin-bottom:24px;font-size:clamp(3.25rem,6.6vw,6.1rem);font-weight:800}h1 span{color:var(--yellow)}h2{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(2rem,4.1vw,3.55rem);font-weight:800}.hero-copy>p:not(.eyebrow){color:#c8d2d4;max-width:610px;margin-bottom:29px;font-size:1.08rem}.hero-actions,.dialog-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link{font-weight:800;text-decoration:none}.light-link{color:#eaf0ef}.light-link span{margin-left:6px}.hero-points{color:#e5ecea;flex-wrap:wrap;gap:11px 22px;margin:30px 0 0;padding:0;font-size:.86rem;font-weight:700;list-style:none;display:flex}.hero-points li:before{content:"";background:var(--yellow);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero-products{min-height:465px;color:var(--ink);background:#ffffff21;border:1px solid #ffffff38;grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr;gap:10px;padding:10px;display:grid;position:relative;box-shadow:24px 24px #176f8847}.hero-product{background:#dfe5e2;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.hero-product-main{grid-row:1/3}.hero-product img{object-fit:cover;height:100%}.hero-product:after{content:"";background:linear-gradient(#0000,#10181cd1);position:absolute;inset:45% 0 0}.hero-product figcaption{z-index:1;color:#fff;position:absolute;bottom:15px;left:17px;right:17px}.hero-product figcaption span{color:var(--yellow);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:800;display:block}.hero-product figcaption strong{font-family:Manrope,Arial,sans-serif;font-size:1rem}.hero-stamp{z-index:3;border:8px solid var(--ink);width:96px;height:96px;color:var(--ink);background:var(--yellow);text-align:center;border-radius:50%;place-content:center;display:grid;position:absolute;bottom:-18px;right:-18px;transform:rotate(-7deg)}.hero-stamp strong{font:800 1.35rem/1 Manrope,Arial,sans-serif}.hero-stamp span{letter-spacing:.12em;font-size:.62rem;font-weight:800}.category-section,.timber-section{padding:102px 0}.section-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;margin-bottom:42px;display:grid}.section-heading>p{color:var(--steel);margin-bottom:7px}.compact-heading h2{max-width:790px}.category-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.category-grid article{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:310px;padding:28px 25px;transition:background .16s,color .16s;display:flex}.category-grid article:last-child{border-right:0}.category-grid article:hover{color:#fff;background:var(--ink)}.category-grid article>span{color:var(--blue);font-size:.73rem;font-weight:800}.category-grid article:hover>span{color:var(--yellow)}.category-grid h3{margin:58px 0 13px;font-size:1.35rem}.category-grid p{color:var(--steel);font-size:.92rem}.category-grid article:hover p{color:#c8d2d4}.category-grid button{width:fit-content;color:inherit;cursor:pointer;background:0 0;border:0;margin-top:auto;padding:0;font-weight:800}.category-grid button b{color:var(--blue);margin-left:8px}.category-grid article:hover button b{color:var(--yellow)}.products-heading>p{color:#c5d0d2}.product-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.product-card{min-height:340px;color:var(--ink);background:#fff;border-radius:6px 6px 20px;grid-template-columns:43% 57%;display:grid;overflow:hidden}.product-image-wrap{background:#dfe4e1;min-height:280px;position:relative;overflow:hidden}.product-image-wrap:before{z-index:2;content:attr(data-number);color:#fff;background:#10181cd4;padding:5px 8px;font-size:.69rem;font-weight:800;position:absolute;top:14px;left:14px}.product-image{object-fit:cover;height:100%;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.025)}.product-content{flex-direction:column;padding:28px 25px;display:flex}.product-category{width:fit-content;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;background:#e8f2f3;margin-bottom:14px;padding:5px 8px;font-size:.68rem;font-weight:800}.product-content h3{margin:0 0 9px;font-size:1.25rem}.product-spec{color:var(--steel);margin:0 0 7px}.product-unit{color:#778388;margin:0 0 22px;font-size:.79rem}.product-controls{grid-template-columns:1fr auto;gap:10px;margin-top:auto;display:grid}.quantity-control{border:1px solid var(--line);grid-template-columns:38px 1fr 38px;display:grid}.quantity-button{color:var(--ink);cursor:pointer;background:#f2f4f3;border:0;font-size:1.05rem}.qty-input{border:0;border-inline:1px solid var(--line);text-align:center;width:100%;min-width:0}.add-button{border:1px solid var(--ink);color:#fff;background:var(--ink);cursor:pointer;min-width:112px;padding:0 14px;font-weight:800}.add-button.is-added{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}.timber-grid{grid-template-columns:.88fr 1.12fr;align-items:start;gap:78px;display:grid}.timber-heading{position:sticky;top:120px}.timber-heading>p:not(.eyebrow){color:var(--steel);margin-bottom:27px}.timber-list{border:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.timber-list article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:235px;padding:28px}.timber-list article:nth-child(2n){border-right:0}.timber-list article:nth-last-child(-n+2){border-bottom:0}.timber-list span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.timber-list h3{margin:38px 0 11px;font-size:1.25rem}.timber-list p{color:var(--steel);margin-bottom:0;font-size:.92rem}.trade-section{color:#fff;background:var(--blue);padding:100px 0}.trade-grid{grid-template-columns:.82fr 1.18fr;gap:80px;display:grid}.trade-grid h2{max-width:500px}.trade-grid ol{border-top:1px solid #ffffff52;margin:0;padding:0;list-style:none}.trade-grid li{border-bottom:1px solid #ffffff52;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;display:grid}.trade-grid li>span{color:var(--yellow);font-size:.75rem;font-weight:800}.trade-grid li strong{font:700 1.1rem/1.2 Manrope,Arial,sans-serif}.trade-grid li p{color:#d8e9ec;margin:5px 0 0}.contact-section{background:var(--concrete);padding:90px 0}.contact-card{color:#fff;background:var(--ink);border-radius:6px 6px 28px;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:58px;display:grid}.contact-card p:not(.eyebrow){color:#c6d0d2;max-width:620px;margin-bottom:0}.contact-actions{gap:12px;display:grid}.contact-actions>a:not(.button){border-bottom:1px solid #fff3;padding:12px 0;text-decoration:none}.contact-actions>a span,.contact-actions>a strong{display:block}.contact-actions>a span{color:#9fb0b5;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.contact-actions>a strong{margin-top:2px}footer{color:#ced6d7;background:#090f12;padding:42px 0}.footer-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.small-mark{width:39px;height:39px;font-size:1.1rem}.footer-brand strong{color:#fff;font-family:Manrope,Arial,sans-serif}.footer-brand p{margin:2px 0 0;font-size:.78rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{font-size:.82rem;font-weight:700;text-decoration:none}.trading-note{text-align:right;max-width:300px;margin:0 0 0 auto;font-size:.76rem}.basket-bar{z-index:35;color:#fff;background:var(--ink);min-width:360px;box-shadow:var(--shadow);border:1px solid #fff3;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:14px 15px 14px 20px;display:flex;position:fixed;bottom:24px;right:24px}.basket-bar span,.basket-bar strong{display:block}.basket-bar span{color:#aebcc0;font-size:.72rem}.enquiry-dialog{background:0 0;border:0;border-radius:7px 7px 24px;width:min(760px,100% - 24px);max-height:calc(100vh - 24px);padding:0}.enquiry-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080f12c2}.dialog-panel{background:#fff;max-height:calc(100vh - 24px);padding:34px;overflow-y:auto}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.dialog-heading h2{font-size:clamp(1.9rem,5vw,3rem)}.close-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;font-size:1.7rem;line-height:1}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{display:block}.field-wide{grid-column:1/-1}.field>span{margin-bottom:6px;font-size:.82rem;font-weight:800;display:block}.field input,.field textarea,.field select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #aeb8ba;border-radius:3px;padding:11px 12px}.field textarea{resize:vertical;min-height:118px}.basket-summary{background:var(--concrete);border-left:5px solid var(--yellow);margin-top:24px;padding:20px}.basket-summary-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.basket-summary-heading span,.basket-summary-heading strong{display:block}.basket-summary-heading span{color:var(--steel);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.basket-summary-heading button,.remove-item{color:#8f3028;cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800}.basket-items{gap:8px;display:grid}.basket-item{background:#fff;grid-template-columns:50px 1fr auto auto;align-items:center;gap:12px;padding:8px;display:grid}.basket-item img{object-fit:cover;width:50px;height:50px}.basket-item-copy strong,.basket-item-copy span{display:block}.basket-item-copy strong{font-size:.84rem}.basket-item-copy span{color:var(--steel);font-size:.74rem}.basket-item-qty{font-size:.8rem;font-weight:800}.form-note{color:var(--steel);margin:20px 0 0;font-size:.78rem}.dialog-actions{justify-content:flex-end;margin-top:22px}.noscript-note{z-index:100;color:#fff;background:#8f3028;padding:14px 18px;position:fixed;bottom:20px;right:20px}@media (max-width:1050px){.header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.hero-grid{gap:40px}.hero-products{min-height:420px}.category-grid{grid-template-columns:1fr 1fr}.category-grid article:nth-child(2){border-right:0}.category-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.product-card{grid-template-columns:1fr}.product-image-wrap{min-height:240px}.footer-grid{grid-template-columns:1fr 1fr}.footer-links{display:none}}@media (max-width:820px){.hero-grid,.section-heading,.timber-grid,.trade-grid,.contact-card{grid-template-columns:1fr}.hero-grid{padding-block:65px 82px}.hero-products{min-height:500px}.section-heading{gap:14px}.timber-heading{position:static}.trade-grid,.contact-card{gap:38px}.product-grid{grid-template-columns:1fr}.product-card{grid-template-columns:40% 60%}.footer-grid{grid-template-columns:1fr}.trading-note{text-align:left;margin:0}}@media (max-width:620px){:root{--page:min(100% - 28px, 1200px)}.utility-inner{justify-content:center;min-height:34px}.utility-inner>span,.utility-inner a:last-child{display:none}.header-inner{gap:12px;min-height:72px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:.9rem}.brand-copy small{font-size:.55rem}.header-quote{min-height:42px;padding-inline:12px;font-size:.78rem}h1{font-size:clamp(3rem,16vw,4.6rem)}.hero-products{grid-template-rows:1.1fr .9fr;grid-template-columns:1fr 1fr;min-height:460px;box-shadow:14px 14px #176f8847}.hero-product-main{grid-area:1/1/auto/3}.hero-stamp{border-width:6px;width:84px;height:84px;bottom:-12px;right:-7px}.category-section,.timber-section,.products-section,.trade-section{padding-block:74px}.category-grid{grid-template-columns:1fr}.category-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:245px}.category-grid article:last-child{border-bottom:0}.category-grid h3{margin-top:35px}.product-card{grid-template-columns:1fr}.product-image-wrap{min-height:250px}.timber-list{grid-template-columns:1fr}.timber-list article{border-right:0;min-height:195px;border-bottom:1px solid var(--line)!important}.timber-list article:last-child{border-bottom:0!important}.contact-card{padding:30px 24px}.basket-bar{min-width:0;bottom:10px;left:10px;right:10px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog-panel{padding:25px 20px}.basket-item{grid-template-columns:46px 1fr auto}.basket-item img{width:46px;height:46px}.remove-item{grid-column:2/4;justify-self:start}.dialog-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.hero-grid{gap:48px;min-height:440px;padding-block:48px}.hero h1{font-size:clamp(2.8rem,5vw,4.5rem)}.hero-products{min-height:340px}.category-section{padding:52px 0}.category-grid article{min-height:235px}.category-grid h3{margin-top:30px}.products-section{color:var(--ink);background:#f6f6f2;padding:64px 0}.products-heading .eyebrow,.products-heading>p{color:var(--steel)}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{border:1px solid #e1e3dc;border-radius:5px;flex-direction:column;min-height:0;display:flex}.product-image-wrap{background:#fff;height:235px;min-height:0}.product-image-wrap>a{height:100%;display:block}.product-image{object-fit:contain;padding:18px}.product-image-wrap:before{display:none}.product-content{flex:1;padding:20px}.product-content h3 a{text-decoration:none}.product-content h3 a:hover{text-decoration:underline}.product-controls{grid-template-columns:1fr;gap:10px}.quantity-control{height:40px}.add-button{min-height:44px}.catalog-tools{margin:0 0 28px}.search-field{max-width:540px;display:block}.search-field span{margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.search-field input{background:#fff;border:1px solid #b7bdb5;border-radius:4px;width:100%;padding:14px 16px}.category-filters{flex-wrap:wrap;gap:8px;margin:20px 0 10px;display:flex}.category-filters button{cursor:pointer;background:#fff;border:1px solid #cdd2c9;border-radius:3px;padding:9px 16px}.category-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.catalog-tools>p{color:var(--steel);font-size:.8rem}.detail-section{padding-bottom:75px}.breadcrumbs{color:var(--steel);flex-wrap:wrap;gap:12px;padding:28px 0;font-size:.8rem;display:flex}.detail-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:65px;display:grid}.detail-photo{background:#f5f5f1;border:1px solid #e2e5df;padding:32px}.detail-photo img{object-fit:contain;height:480px}.detail-copy h1{letter-spacing:-.04em;margin:12px 0 18px;font-size:clamp(2rem,3.6vw,3.2rem)}.detail-spec{color:var(--steel);font-size:1.2rem}.quote-price{margin:22px 0 6px;font-size:1.6rem;font-weight:800}.detail-copy>p{color:var(--steel)}.detail-copy .detail-quantity{max-width:130px}.detail-add{width:100%;margin:18px 0}.delivery-notes{border-top:1px solid var(--line);margin-top:12px;padding-top:24px}.delivery-notes p{color:var(--steel);margin:3px 0 18px;font-size:.9rem}.detail-tabs{border-bottom:1px solid var(--line);gap:25px;margin-top:50px;display:flex;overflow:auto}.detail-tabs button{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:18px 0;font-weight:700}.detail-tabs button[aria-selected=true]{border-color:var(--yellow)}.detail-panel{max-width:850px;min-height:200px;padding:30px 0}.detail-panel h2{letter-spacing:-.02em;font-size:1.5rem}.detail-panel dl{grid-template-columns:140px 1fr;gap:12px;display:grid}.detail-panel dt{font-weight:700}.detail-panel dd{margin:0}.inline-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #a77900}@media (max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{gap:30px}.detail-photo img{height:380px}}@media (max-width:700px){.detail-grid{grid-template-columns:1fr}.detail-photo img{height:300px}.detail-tabs{gap:18px;font-size:.85rem}.hero-grid{padding-block:35px}.hero-products{min-height:320px}.product-grid{grid-template-columns:1fr}.product-image-wrap{height:260px}.detail-panel dl{grid-template-columns:100px 1fr}.utility-inner>span{font-size:.69rem;display:block}.utility-inner>div{display:none}}
