:root{--color-primary: #008272;--color-primary-dark: #006d5f;--color-text: #0b0b0b;--color-bg: #ffffff;--color-surface: #f4f7f6;--color-border: #dce6e3;--color-link: #007566;--color-link-hover: #005a4f}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1200px,calc(100% - 2rem));margin:0 auto}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}.brand{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--color-text);font-weight:700;line-height:1.1}.brand span{color:var(--color-primary);font-size:.85rem;font-weight:600}.main-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.main-nav a{text-decoration:none;color:var(--color-text);font-weight:600;font-size:.95rem}.main-nav a.active,.main-nav a:hover{color:var(--color-primary)}.nav-hub-label{color:var(--color-text);font-weight:600;font-size:.95rem;cursor:default}.nav-hub:hover .nav-hub-label,.nav-hub:focus-within .nav-hub-label{color:var(--color-primary)}.nav-hub{position:relative;align-self:stretch;display:flex;align-items:center}.nav-hub-menu{display:none;position:absolute;top:100%;left:0;min-width:14rem;padding:.55rem 0;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 10px 28px #0b0b0b14;z-index:20}.nav-hub-menu a{display:block;padding:.45rem .9rem;font-size:.9rem;font-weight:500;white-space:nowrap}.nav-hub:hover .nav-hub-menu,.nav-hub:focus-within .nav-hub-menu{display:block}.nav-cta{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:.35rem;background:var(--color-primary);color:#fff!important}.nav-cta:hover{background:var(--color-primary-dark);color:#fff!important}main{flex:1}.hero{padding:4.5rem 0 3.5rem;background:linear-gradient(180deg,#fff,#f7fbfa)}.hero-center{display:grid;justify-items:center;gap:1rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-weight:600;font-size:.8rem;margin:0}h1{font-size:clamp(1.9rem,4.8vw,3rem);line-height:1.15;margin:0}h2{margin-top:0;margin-bottom:.8rem;font-size:clamp(1.2rem,3vw,1.6rem)}.lead{font-size:clamp(1rem,2.5vw,1.2rem);color:#203632;margin:0 auto;max-width:70ch;line-height:1.55;text-wrap:balance}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.25rem}.material-cta-actions{margin-top:1.5rem}.material-manufacturer-list{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;list-style:none;margin:1rem 0 0;padding:0}.material-manufacturer-list a{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.material-manufacturer-list a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}#clay,#concrete,#material,#format{scroll-margin-top:5rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;padding:.7rem 1rem;text-decoration:none;font-weight:600;border:1px solid transparent;cursor:pointer;font-size:.95rem;font-family:inherit}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:#eff9f7}.section{padding:3rem 0}.feature-strip-section{padding-top:2rem}.section-alt{background:var(--color-surface)}.category-entry p{max-width:90ch;margin-left:auto;margin-right:auto;text-align:center}.hero-cta-wrap{display:flex;margin-top:.2rem;align-items:center;justify-content:center}.hero-subline{margin:0;padding-top:1rem;text-align:center;font-size:clamp(1.15rem,2.8vw,1.35rem);font-weight:700;color:#244741}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:min(17rem,calc(100% - 1rem));aspect-ratio:3.4 / 1;padding:.75rem .9rem;box-sizing:border-box;border-radius:.45rem;border:0;background:var(--color-primary);color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;box-shadow:0 16px 32px #00827242;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.hero-cta-arrow{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 auto;transition:transform .15s ease}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px #00827247;background:var(--color-primary-dark)}.hero-cta:hover .hero-cta-arrow{transform:translate(2px)}.appearance-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.homepage-section-heading{max-width:48rem;margin-bottom:1.6rem}.homepage-section-heading h2{margin-bottom:.65rem}.homepage-section-heading>p:last-child{margin:0;color:#35524c;line-height:1.6}.appearance-grid{display:grid;gap:.85rem}@media (min-width: 1100px){.appearance-grid-size{container-type:inline-size;container-name:size-grid;grid-template-columns:repeat(4,minmax(0,1fr))}.appearance-grid-size .appearance-card-span-2{grid-column:span 2}.appearance-grid-size .appearance-swatch-image,.appearance-grid-size .appearance-card-span-2 .appearance-swatch-image{aspect-ratio:auto;width:100%;height:calc((100cqw - 3 * .65rem) / 4 * 73 / 215)}}.appearance-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;min-height:5rem;padding:.9rem;border:1px solid var(--color-border);border-radius:.85rem;background:#fff;color:#16312c;text-decoration:none;box-shadow:0 10px 26px #0b0b0b0a;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.appearance-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 14px 30px #0082721a}.appearance-swatch{width:3.5rem;height:3.5rem;border-radius:.55rem;border:1px solid rgba(22,49,44,.16);overflow:hidden}.appearance-swatch-image{display:flex;align-items:flex-end;justify-content:center;width:5.4rem;height:auto;aspect-ratio:215 / 73;border-radius:0;border:none;overflow:visible;background:transparent}.appearance-swatch-image img{display:block;width:100%;height:auto}.appearance-swatch-red-orange{background:linear-gradient(135deg,#8e3528,#c86d42)}.appearance-swatch-buff{background:linear-gradient(135deg,#c8a66c,#ead6a5)}.appearance-swatch-brown{background:linear-gradient(135deg,#654234,#9a7159)}.appearance-swatch-neutral{background:linear-gradient(135deg,#353b3a,#d8d8d3)}.appearance-swatch-blend{background:linear-gradient(135deg,#8e3528 0 25%,transparent 25%),linear-gradient(135deg,#c8a66c 25% 50%,transparent 50%),linear-gradient(135deg,#654234 50% 75%,transparent 75%),linear-gradient(135deg,#6f7774 75%,#6f7774);background-size:100% 100%}.appearance-swatch-smooth{background:linear-gradient(135deg,#cfd3d2,#9aa19f)}.appearance-swatch-glazed{background:linear-gradient(145deg,#1f6f8b,#6ec6d9 45%,#16312c)}.appearance-swatch-tumbled{background:linear-gradient(135deg,#8a6a52,#c2a184 55%,#6d5645)}.appearance-swatch-traditional{background:linear-gradient(135deg,#a15c3d,#c98962 40%,#7d4a33 75%,#d2a07a)}.appearance-swatch-standard{background:linear-gradient(135deg,#b4532a,#8b3a1a 55%,#c46a3d)}.appearance-swatch-imperial{background:linear-gradient(160deg,#8a4a2f,#6b3420 45%,#a65d38)}.appearance-swatch-linear{background:linear-gradient(180deg,transparent 22%,#7a6a5a 22% 78%,transparent 78%),linear-gradient(135deg,#d8d2cb,#f4f1ed)}.format-guide-hero-standard{background:linear-gradient(180deg,#ffffffeb,#faf6f2f5),linear-gradient(135deg,#f3e3d6,#fff 55%,#f7f1ea)}.format-guide-hero-imperial{background:linear-gradient(180deg,#ffffffeb,#f8f4f0f5),linear-gradient(135deg,#e8d5c4,#fff 55%,#f4ebe3)}.format-guide-hero-linear{background:linear-gradient(180deg,#ffffffeb,#f6f8f7f5),linear-gradient(135deg,#ddd8d2,#fff 55%,#f0eeeb)}.format-related-links{margin-top:1.25rem}.appearance-swatch-wirecut{background:repeating-linear-gradient(90deg,#6d7371 0,#6d7371 2px,#b7bcba 2px,#b7bcba 6px)}.appearance-card-blend{border-color:#b9d9d2;background:linear-gradient(180deg,#fff,#f3faf8)}.appearance-card-copy{display:grid;gap:.25rem}.appearance-card-copy strong{font-size:1rem}.appearance-card-copy>span{color:#526b66;font-size:.9rem;line-height:1.35}.appearance-card-arrow{width:1rem;height:1rem;color:var(--color-primary)}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#526b66;font-size:.9rem}.breadcrumbs a{color:var(--color-primary);font-weight:600;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.colour-guide-hero{background:linear-gradient(180deg,#fff,#f3faf8)}.colour-guide-hero-red-orange{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#f7e7df,#fff 55%,#f3faf8)}.colour-guide-hero-buff{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#f7efd8,#fff 55%,#f3faf8)}.colour-guide-hero-brown{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#efe4db,#fff 55%,#f3faf8)}.colour-guide-hero-neutral{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#e8eceb,#fff 55%,#f3faf8)}.colour-guide-hero-blend{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#f3dfd4,#eee2c9 35%,#dce5e7 68%,#f3faf8)}.finish-guide-hero-smooth{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#e8eceb,#fff 55%,#f3faf8)}.finish-guide-hero-glazed{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#d9eef2,#fff 55%,#f3faf8)}.finish-guide-hero-tumbled{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#efe4db,#fff 55%,#f3faf8)}.finish-guide-hero-traditional{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#f3e4d8,#fff 55%,#f3faf8)}.finish-guide-hero-wirecut{background:linear-gradient(180deg,#ffffffeb,#f3faf8f5),linear-gradient(135deg,#e4e8e7,#fff 55%,#f3faf8)}.bond-anchor-section{scroll-margin-top:5.5rem}#bond-catalogue{padding-top:1.5rem}.bond-catalogue-size{margin-bottom:2.25rem}.bond-catalogue-size-label{margin:0 0 .55rem;font-size:1.05rem;font-weight:600;color:#16312c}.bond-size-blurb{max-width:48rem;margin:.75rem 0 0;padding:.15rem 0 .15rem 1rem;border-left:3px solid var(--color-border);color:#35524c;font-size:.95rem;line-height:1.55}.bond-size-example-link{margin:.5rem 0 0 1rem;color:var(--color-muted);font-size:.88rem}.bond-catalogue-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1rem;margin:0 0 1rem}.bond-catalogue-types{display:flex;flex-wrap:wrap;gap:.5rem}.bond-type-chip{padding:.45rem .9rem;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:#16312c;font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.bond-type-chip:hover{border-color:var(--color-primary)}.bond-type-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bond-type-blurb{max-width:48rem;margin:0 0 1.35rem;padding:.15rem 0 .15rem 1rem;border-left:3px solid var(--color-border);color:#35524c;font-size:.95rem;line-height:1.55}.bond-example-grid.guide-image-placeholder-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.75rem 1.25rem}.bond-example-grid .guide-image-placeholder{margin:0}.bond-example-grid .guide-image-placeholder figcaption{margin-top:.7rem;padding-bottom:.35rem;font-size:inherit}.bond-example-grid .guide-image-media{overflow:hidden;border:0;border-radius:0}.bond-example-grid .guide-image-media-square img{transform:none;object-fit:cover;width:100%;height:100%}.bond-example-grid .guide-image-caption-primary{font-size:.9rem}.bond-example-grid .guide-image-caption-aka{font-size:.84rem}.guide-image-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.15rem}.guide-image-headers-tag{display:block;color:#9a5b12;font-size:.8rem;font-weight:600;line-height:1.3}.seamless-textures-hero{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#dfecea,#fff,#f3faf8)}.seamless-brick-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.75rem}.seamless-brick-colour-group{margin-top:1.75rem}.seamless-brick-colour-group:first-of-type{margin-top:1.25rem}.seamless-brick-colour-group>h3{scroll-margin-top:5.5rem;margin:0 0 .15rem;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.3}.seamless-brick-colour-group-links{margin-top:.35rem!important;font-size:.9rem!important}.seamless-brick-colour-group-links a{color:#0f766e}.seamless-brick-mosaic-item{display:flex;flex-direction:column;gap:.35rem;min-width:0;color:inherit;text-decoration:none}.seamless-brick-mosaic-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:0;background:#d4d4d4}.seamless-example-grid .guide-image-media{border-radius:0}.seamless-brick-mosaic-item span{font-size:.72rem;line-height:1.25;color:#35524c}.seamless-brick-mosaic-item:hover span,.seamless-brick-mosaic-item:focus-visible span{color:#0f766e;text-decoration:underline}.seamless-mosaic-note{margin:.85rem 0 0;color:#526b66;font-size:.92rem}.seamless-example-grid.guide-image-placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.seamless-example-grid-sizes.guide-image-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.seamless-example-grid-dense.guide-image-placeholder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seamless-example-grid .guide-image-placeholder figcaption,.seamless-example-grid .guide-image-caption-primary{font-size:.82rem;line-height:1.3}.seamless-scale-heading{margin:1.75rem 0 .35rem;color:#16312c;font-size:1.05rem;font-weight:600}.seamless-scale-heading:first-of-type{margin-top:1.25rem}.seamless-scale-list{margin:.75rem 0 0;padding-left:1.2rem;color:#35524c;line-height:1.65}.seamless-scale-list li+li{margin-top:.55rem}.seamless-scale-list strong{color:#16312c;font-weight:600}.seamless-scale-list span:before{content:" — "}.seamless-quality-list.guide-image-placeholder-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:.85rem}.seamless-quality-list .guide-image-placeholder{display:flex;flex-direction:row;align-items:center;gap:.85rem;margin:0}.seamless-quality-list .guide-image-media,.seamless-quality-list .guide-image-media-square{flex:0 0 auto;width:2.5rem;max-width:none;aspect-ratio:1;border-radius:2px}.seamless-quality-list .guide-image-placeholder:nth-child(2) .guide-image-media,.seamless-quality-list .guide-image-placeholder:nth-child(2) .guide-image-media-square{width:3.5rem}.seamless-quality-list .guide-image-placeholder:nth-child(3) .guide-image-media,.seamless-quality-list .guide-image-placeholder:nth-child(3) .guide-image-media-square{width:4.75rem}.seamless-quality-list .guide-image-media img,.seamless-quality-list .guide-image-media-square img{width:100%;height:100%;object-fit:cover}.seamless-quality-list .guide-image-placeholder figcaption{margin:0;flex:1;min-width:0;color:#35524c;font-size:.95rem;line-height:1.45}.seamless-quality-list .guide-image-caption-primary{font-size:inherit;line-height:inherit}@media (max-width: 900px){.seamless-brick-mosaic,.seamless-example-grid.guide-image-placeholder-grid,.seamless-example-grid-dense.guide-image-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.seamless-brick-mosaic,.seamless-example-grid.guide-image-placeholder-grid,.seamless-example-grid-dense.guide-image-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.brick-blending-hero{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#e8f0ee,#fff,#f7f3ea)}.blend-page-toc{display:flex;flex-wrap:wrap;gap:.65rem 1.1rem;margin:1.35rem 0 0;padding:0;list-style:none}.blend-page-toc a{color:#35524c;font-size:.95rem;font-weight:600;text-decoration:underline;text-decoration-color:#0075664d;text-underline-offset:.2em}.blend-page-toc a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.blend-example{display:flex;flex-direction:column;gap:.35rem}.blend-example-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem}.blend-example-spiel{margin:0;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.35;flex:1 1 12rem}.blend-example .guide-image-placeholder{margin:0}.blend-example .btn{flex:0 0 auto;align-self:center}.blend-example-wide-stack{margin:1.5rem 0 1.25rem;display:grid;gap:2rem}.blend-example-wide{margin:0}.blend-example-wide .guide-image-media img{aspect-ratio:215 / 65}.blend-example-grid{margin:1.5rem 0 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}@media (min-width: 900px){.blend-example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.blend-nature-section{max-width:64rem}.colour-guide-content h2.blend-facing-bricks-heading{margin-top:3rem}.blend-nature-row-heading{margin:1.25rem 0 .5rem;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.35}.blend-nature-row-heading-follow{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.blend-nature-quad.guide-image-placeholder-grid{margin:.35rem 0 0;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.2rem;row-gap:0}.blend-nature-quad .guide-image-placeholder{margin:0}.blend-nature-brick-groups{margin-top:1.5rem;max-width:48rem;display:grid;gap:4rem}.blend-nature-brick-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}.blend-nature-brick-grid.guide-image-placeholder-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.blend-nature-grid{margin:1.5rem 0 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.blend-nature-leaves{margin-bottom:1rem}.blend-nature-bricks{margin:.25rem 0 1rem}.blend-nature-pebbles{margin-top:.25rem}.blend-example-note{margin:.25rem 0 0;color:#5a726c;font-size:.95rem;line-height:1.55}.blend-interior-spiel{margin:1.25rem 0 .35rem;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.35}#complementary-blends .blend-interior-spiel+.guide-image-placeholder{margin-top:0}#complementary-blends h3,#compatibility h3{margin-top:2rem}.blend-collab-seamless-grid.guide-image-placeholder-grid{margin:.75rem 0 1rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media (max-width: 700px){.blend-collab-seamless-grid.guide-image-placeholder-grid{grid-template-columns:1fr}}.seamless-scenario-grid{margin-top:.5rem}.colour-guide-content{max-width:48rem}.colour-guide-content h2{margin:.35rem 0 .85rem}.colour-guide-content h3{margin:1.25rem 0 .65rem;color:#16312c;font-size:1.15rem;line-height:1.35}.colour-guide-content>p{margin:0 0 1rem;color:#35524c;line-height:1.65}.colour-guide-content>p:last-child{margin-bottom:0}.colour-guide-content>.texture-next-step-copy{margin-top:1.5rem}.colour-guide-list{margin:0;padding-left:1.2rem;color:#35524c;line-height:1.65}.colour-guide-list li+li{margin-top:.55rem}.colour-guide-list a{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.colour-guide-list a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.mortar-colour-group+.mortar-colour-group{margin-top:2.5rem;padding-top:.5rem}.colour-guide-content>.texture-control-group>.mortar-complementary-lead{margin-bottom:0}.colour-guide-content .texture-control-group>.mortar-colour-group:first-of-type,.colour-guide-content .texture-control-group>.mortar-glued-joint-examples,.mortar-contrast-warning>.mortar-colour-comparison-grid{margin-top:2.75rem}.colour-guide-content .texture-control-group>.mortar-example-set{margin-top:.75rem}.colour-guide-card-grid{display:grid;gap:1rem;margin-top:1.25rem}.colour-guide-card-grid article{padding:1rem 0 0;border-top:1px solid var(--color-border)}.colour-guide-card-grid article:first-child{padding-top:0;border-top:0}.colour-guide-card-grid h3{margin:0 0 .4rem;color:#16312c;font-size:1.05rem}.colour-guide-card-grid p{margin:0;color:#35524c;line-height:1.55}.colour-design-process{margin:1rem 0;padding-left:1.4rem}.colour-design-process li{padding-left:.25rem;line-height:1.6}.colour-design-process li+li{margin-top:.75rem}.colour-design-process strong{color:#16312c}.colour-pairing-grid{display:grid;gap:.8rem;margin:1.25rem 0 0}.colour-idea-block{display:flex;flex-direction:column;gap:.65rem}.colour-pairing-swatch{width:100%;height:4.25rem;border:1px solid rgba(22,49,44,.18);border-radius:.55rem;box-shadow:inset 0 0 0 1px #ffffff40}.colour-idea-block h3{margin:0;color:#35524c;font-size:1rem;font-weight:400;line-height:1.5}.colour-idea-list{display:grid;gap:1.75rem;margin:1.25rem 0 0}.colour-example-block{display:flex;flex-direction:column;gap:.65rem}.colour-example-block .guide-image-placeholder{margin:0}@media (min-width: 768px){.colour-example-block .guide-image-placeholder{display:grid;grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);gap:1.25rem;align-items:center}.colour-example-block .guide-image-placeholder figcaption{margin-top:0}.colour-example-block:nth-child(2n) .guide-image-placeholder{grid-template-columns:minmax(14rem,1fr) minmax(0,2fr)}.colour-example-block:nth-child(2n) .guide-image-media{grid-column:2}.colour-example-block:nth-child(2n) .guide-image-placeholder figcaption{grid-row:1;grid-column:1}}.colour-guide-closing{max-width:48rem}.colour-guide-closing h2{margin:.35rem 0 .85rem}.colour-guide-closing>p{margin:0 0 1.25rem;color:#35524c;line-height:1.65}.next-steps-grid{display:grid;gap:1rem}.next-step-card{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;border:1px solid var(--color-border);border-radius:.55rem;background:#fff}.next-step-card h3{margin:0 0 .4rem;color:#16312c;font-size:1.05rem}.next-step-card p{flex:1;margin:0 0 1rem;color:#35524c;line-height:1.5}@media (min-width: 768px){.next-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.colour-guide-other-grid{display:grid;gap:.85rem}.colour-guide-other-card .appearance-card-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.colour-guide-blend-card{max-width:40rem}.colour-guide-actions{margin-top:1.25rem}.guide-image-placeholder{margin:1.25rem 0 0}.guide-image-placeholder-wide{max-width:none}.guide-image-media{display:block;width:100%;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:0;background:#f3faf8;cursor:zoom-in}.guide-image-media img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.guide-image-media-square img{aspect-ratio:1 / 1}.guide-image-media-contain img{object-fit:contain;background:#d4d4d4}.guide-image-media-natural{overflow:visible;border:0;border-radius:0;background:transparent}.guide-image-media-natural img{aspect-ratio:auto;object-fit:contain}.guide-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:.75rem;background:#f3faf8eb}.guide-image-lightbox-stage{display:grid;gap:.65rem;justify-items:center;align-items:center;max-width:calc(100vw - 1.5rem)}.guide-image-lightbox-image{display:block;width:auto;height:auto;max-width:calc(100vw - 1.5rem);max-height:calc(100vh - 4.5rem);object-fit:contain;image-rendering:auto;background:transparent;border-radius:0;box-shadow:0 12px 36px #16312c2e;transition:transform .2s ease}.guide-image-lightbox-image-actual{border-radius:0}.guide-image-lightbox-caption{margin:0;color:#16312c;font-weight:600;text-align:center}.guide-image-lightbox-count{color:#526b66;font-weight:500}.guide-image-lightbox-stage .guide-image-meta{align-items:center}.guide-image-lightbox-close{position:absolute;top:1rem;right:1rem;z-index:2;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:.35rem;background:#fff;color:#16312c;font-weight:650;cursor:pointer;box-shadow:0 4px 14px #16312c1a}.guide-image-lightbox-rotate{position:absolute;top:1rem;right:5.5rem;z-index:2;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:.35rem;background:#fff;color:#16312c;font-weight:650;cursor:pointer;box-shadow:0 4px 14px #16312c1a}.guide-image-lightbox-rotate:hover,.guide-image-lightbox-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.guide-image-lightbox-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:2.6rem;height:2.6rem;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:#16312c;font-size:1.75rem;line-height:1;cursor:pointer;box-shadow:0 4px 14px #16312c1a}.guide-image-lightbox-nav-prev{left:1rem}.guide-image-lightbox-nav-next{right:1rem}.guide-image-lightbox-nav:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 640px){.guide-image-lightbox-nav-prev{left:.4rem}.guide-image-lightbox-nav-next{right:.4rem}.guide-image-lightbox-image{max-width:calc(100vw - 4.5rem)}}.guide-image-placeholder-frame{display:grid;align-content:center;justify-items:center;gap:.45rem;min-height:11rem;padding:1.25rem;border:1.5px dashed #9db5af;border-radius:.85rem;background:linear-gradient(180deg,#ffffffb3,#f3faf8f2),repeating-linear-gradient(-45deg,rgba(0,130,114,.04) 0,rgba(0,130,114,.04) 8px,transparent 8px,transparent 16px);text-align:center;color:#35524c}.guide-image-placeholder-tag{display:inline-block;padding:.15rem .5rem;border-radius:999px;background:#0082721a;color:var(--color-primary-dark);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.guide-image-placeholder-frame strong{max-width:22rem;color:#16312c;font-size:.98rem;line-height:1.35}.guide-image-placeholder figcaption{margin-top:.55rem;color:#5a726c;font-size:.85rem;line-height:1.4}.guide-image-caption-primary{color:#16312c;font-size:.95rem;font-weight:600;line-height:1.35}.guide-image-caption-aka{color:#6a807a;font-size:.88rem;font-weight:400;line-height:1.35}.guide-image-lightbox-caption .guide-image-caption-primary{color:inherit;font-size:inherit;font-weight:inherit}.guide-image-lightbox-caption .guide-image-caption-aka{color:#526b66;font-size:.92em;font-weight:500}.guide-image-placeholder-grid{display:grid;gap:.85rem;margin-top:1.25rem}.material-compare-grid{gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}.material-compare-grid .guide-image-placeholder{margin:0}.material-compare-grid .guide-image-media{border:0;border-radius:0;background:transparent}.material-compare-grid .guide-image-media-natural{overflow:hidden}.material-compare-grid .guide-image-placeholder figcaption{margin-top:.45rem;padding:0 .15rem}.texture-control-group{margin-top:1.75rem}.texture-control-group h3{margin:0 0 .15rem;color:#16312c;font-size:1.05rem}.texture-control-group>p{margin:.35rem 0 0;color:#35524c;line-height:1.55}.texture-control-group .guide-image-placeholder-grid{margin-top:.75rem}.share-spec-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1.5rem;margin-top:1.25rem}@media (max-width: 700px){.share-spec-examples{grid-template-columns:1fr}}.share-spec-card{display:flex;flex-direction:column;gap:.85rem;min-width:0}.share-spec-preview{margin:0}.share-spec-preview .guide-image-media{max-width:none;width:100%;cursor:pointer}.share-spec-preview .guide-image-media img{aspect-ratio:3 / 2;object-fit:cover;width:100%}.share-spec-preview figcaption{display:flex;flex-direction:column;gap:.25rem;margin-top:.65rem}.share-spec-preview figcaption strong{color:#16312c;font-size:1.05rem;font-weight:700}.share-spec-preview figcaption span{color:#3d524c;font-size:.95rem;line-height:1.45}.share-spec-actions{display:flex;flex-wrap:wrap;gap:.65rem}.colour-guide-content .texture-control-group>h3{scroll-margin-top:5.5rem;margin:0 0 .35rem;color:#16312c;font-size:1.25rem;font-weight:700;line-height:1.3}.mortar-colour-comparison-grid{display:grid;gap:.85rem;margin-top:1.25rem}.mortar-glued-joint-examples{display:grid;gap:2.75rem}.mortar-glued-joint-example{display:grid;gap:.65rem}.mortar-glued-joint-example>h4{margin:0;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.35}.mortar-glued-joint-example .mortar-product-note{margin:0}.colour-guide-content>.mortar-glued-linear-note{margin-top:4.5rem;padding-top:1.5rem}.mortar-colour-comparison{display:grid;gap:.85rem}.mortar-colour-comparison-side{display:flex;flex-direction:column;gap:.65rem}.mortar-colour-comparison-side .guide-image-placeholder{margin:0}.mortar-colour-comparison-side .guide-image-media{border-radius:0}.mortar-facade-size-compare{display:grid;gap:1.5rem;margin-top:1.25rem}.mortar-facade-distance-compare{margin-top:1.25rem}.mortar-facade-distance-compare .mortar-colour-comparison-grid{margin-top:0}.mortar-facade-distance-compare .mortar-colour-comparison-grid[hidden]{display:none}.mortar-facade-distance-actions{margin-top:1rem}.mortar-facade-distance-compare .guide-image-media{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;max-width:100%;padding:0;overflow:hidden}.mortar-facade-distance-compare .guide-image-media img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:1 / 1;object-fit:contain;image-rendering:auto}.mortar-facade-distance-compare .mortar-colour-mix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%}.mortar-colour-mix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mortar-abcd-compare{display:grid;gap:.85rem;margin-top:1rem;margin-bottom:1.75rem}.mortar-chart-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;margin-top:1.15rem}.mortar-chart-swatch{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mortar-chart-row .guide-image-placeholder{margin:0;width:100%}.mortar-chart-aggregate{display:block;width:100%;height:auto;margin-top:.5rem;aspect-ratio:3 / 2;object-fit:cover;border:1px solid var(--color-border);border-radius:.35rem}.mortar-chart-note{margin:.6rem 0 0;color:#5a726c;font-size:.85rem;line-height:1.4}.mortar-chart-row .guide-image-media img{aspect-ratio:1 / 1;object-fit:cover}.mortar-chart-row figcaption{color:#16312c;font-weight:600}@media (max-width: 760px){.mortar-chart-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.mortar-chart-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.mortar-abcd-mosaic{display:grid;grid-template-columns:380px 380px;gap:2px;width:762px;max-width:100%;overflow:hidden;border:1px solid var(--color-border);background:var(--color-border)}@media (max-width: 780px){.mortar-abcd-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.mortar-abcd-tile{position:relative;margin:0;min-width:0;background:#fff}.mortar-abcd-tile .guide-image-placeholder{margin:0}.mortar-abcd-tile .guide-image-media{display:block;width:100%;border:0;border-radius:0;padding:0}.mortar-abcd-tile .guide-image-media img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:0}.mortar-abcd-tile .guide-image-placeholder-frame{border-radius:0}.mortar-abcd-mark{position:absolute;top:.4rem;left:.4rem;z-index:1;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#0e1c1ac7;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;line-height:1;pointer-events:none}.mortar-abcd-key{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;max-width:762px}.mortar-abcd-key li{display:flex;align-items:baseline;gap:.55rem;margin:0;color:#3a4f4a;font-size:.95rem;font-weight:400;line-height:1.4}.mortar-abcd-key-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:999px;background:#16312c;color:#fff;font-size:.72rem;font-weight:700;line-height:1}.mortar-abcd-key-caption{min-width:0}@media (max-width: 700px){.mortar-abcd-key li{gap:.45rem}}.mortar-placeholder-trio{display:grid;grid-template-columns:repeat(3,minmax(0,360px));justify-content:start;gap:.85rem;margin-top:1.25rem;width:100%}.mortar-placeholder-trio .guide-image-placeholder{margin:0;max-width:360px}.mortar-placeholder-trio article{display:flex;flex-direction:column;gap:.5rem;min-width:0}.mortar-placeholder-trio article h4{margin:0;color:#16312c;font-size:1.05rem}.mortar-placeholder-trio article .mortar-colour-comparison-note{margin:0}.mortar-placeholder-trio .guide-image-placeholder-frame{box-sizing:border-box;width:100%;max-width:360px;aspect-ratio:1 / 1;min-height:0;height:auto}@media (max-width: 900px){.mortar-placeholder-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.mortar-placeholder-trio .guide-image-placeholder,.mortar-placeholder-trio .guide-image-placeholder-frame{max-width:none}}@media (max-width: 560px){.mortar-placeholder-trio{grid-template-columns:1fr}}@media (max-width: 400px){.mortar-facade-distance-compare .guide-image-media{width:100%;height:auto;aspect-ratio:1}.mortar-facade-distance-compare .guide-image-media img{width:100%;height:auto}}.mortar-illusion-grid{display:grid;gap:.85rem;margin:1.25rem 0 1.5rem}.mortar-illusion-grid article{display:flex;flex-direction:column;gap:.65rem}.mortar-illusion-grid .guide-image-placeholder{margin:0}.mortar-illusion-grid .guide-image-media{border-radius:0}.mortar-illusion-grid h3{margin:0;color:#16312c;font-size:1.05rem}.mortar-colour-comparison-grid article{display:flex;flex-direction:column;gap:.65rem}.mortar-colour-comparison-grid h4{margin:0;color:#35524c;font-size:.95rem;font-weight:600}.mortar-colour-comparison-grid .guide-image-placeholder{margin:0}.mortar-colour-comparison-grid .guide-image-media{border-radius:0}.mortar-colour-image-pair{display:grid;gap:.35rem;overflow:hidden;border:0}.mortar-colour-image-pair .guide-image-media{border:1px solid var(--color-border)}.mortar-colour-image-pair .guide-image-placeholder-frame{border:0;border-radius:0}.mortar-colour-image-pair>.guide-image-placeholder:first-child .guide-image-media img{aspect-ratio:4 / 1;object-fit:cover;object-position:left top}.mortar-colour-image-pair--full-close>.guide-image-placeholder:first-child .guide-image-media img{aspect-ratio:1 / 1;object-fit:contain;object-position:center}.mortar-colour-wheel{max-width:28rem;margin:1.25rem auto 1.75rem}.mortar-colour-wheel .guide-image-placeholder{margin:0}.mortar-viewing-distance-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem 1.35rem;align-items:end;margin:.35rem 0 1rem}.mortar-viewing-distance-row>p,.mortar-viewing-distance-row>div>p{margin:0;color:#35524c;line-height:1.65}.mortar-viewing-distance-row>div>p+p{margin-top:.75rem}.mortar-viewing-distance{margin:0;max-width:none}.mortar-viewing-distance img{display:block;width:100%;max-width:22rem;height:auto;background:transparent}@media (max-width: 720px){.mortar-viewing-distance-row{grid-template-columns:1fr}}.mortar-colour-comparison-grid h3,.mortar-colour-comparison-grid h5,.mortar-colour-comparison-side h4,.mortar-colour-comparison-side h5{margin:0;color:#35524c;font-size:.95rem;font-weight:600}.mortar-colour-group>h3,.mortar-colour-group>h4{margin:0 0 .15rem;color:#16312c;font-size:1.05rem;font-weight:600}.mortar-contrast-warning .mortar-colour-comparison-grid>article>h4{color:#16312c;font-size:1.05rem;font-weight:600}#mortar-blends .mortar-colour-group>h4{margin:2.5rem 0 .35rem;font-size:1.05rem;font-weight:600}#mortar-blends .mortar-colour-group:first-of-type>h4{margin-top:0}#mortar-blends .mortar-colour-group>h4+p{margin-top:.35rem;color:#35524c;line-height:1.65}.mortar-colour-comparison-note{margin:0;color:#5a726c;font-size:.85rem;line-height:1.4}.mortar-product-note,.texture-control-group>.mortar-product-note{margin:0 0 .65rem;color:#5a726c;font-size:.85rem;line-height:1.4}.mortar-colour-group+.mortar-colour-group .mortar-product-note{margin-top:0}.mortar-same-brick-note,.texture-control-group>.mortar-same-brick-note{margin:2.5rem 0 0;color:#16312c;font-size:1.05rem;font-weight:700;line-height:1.4}.mortar-example-set h4{margin:2.5rem 0 .2rem;color:#16312c;font-size:1.05rem;font-weight:600}.mortar-example-set>h4:first-child{margin-top:0}@media (min-width: 768px){.guide-image-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blend-nature-quad.guide-image-placeholder-grid,.mortar-colour-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mortar-colour-comparison,.mortar-facade-size-compare .mortar-colour-comparison-grid,.mortar-facade-distance-compare .mortar-colour-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mortar-facade-distance-compare .mortar-colour-mix-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mortar-colour-mix-grid,.mortar-illusion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-pairing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-image-placeholder-grid .guide-image-placeholder-frame{min-height:10rem}}.why-bricktextures-grid{display:grid;gap:1.5rem}.why-bricktextures-grid article{padding-top:1rem;border-top:3px solid var(--color-primary)}.why-bricktextures-grid a{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.why-bricktextures-grid a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.why-bricktextures-develop{margin-top:2.75rem}.why-bricktextures-cta{display:flex;justify-content:center;margin-top:2rem}#why-bricktextures,#traditional-use,#designing-with,#download-textures,#mortar-perception,#mortar-design,#mortar-complementary,#mortar-colour-chart,#mortar-blends,#mortar-from-design-to-build,#no-mortar-colour-influence,#contrast-too-much,#choose-which-blend-dominates,#using-pigments,#natural-colours{scroll-margin-top:5rem}.mortar-delivery-flow{margin:1.1rem 0 0;color:#16312c;font-size:.95rem;font-weight:600;line-height:1.55}.mortar-delivery-flow span{margin:0 .35rem;color:var(--color-primary);font-weight:700}.mortar-approve-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,14rem);gap:.85rem 1.15rem;align-items:start}.mortar-approve-step .mortar-trial-panel{margin:0;max-width:14rem;width:100%}.mortar-trial-panel img{display:block;width:100%;height:auto;border-radius:2px}@media (max-width: 720px){.mortar-approve-step{grid-template-columns:1fr}.mortar-approve-step .mortar-trial-panel{max-width:16rem}}.mortar-delivery-steps{list-style:none;margin:1.25rem 0 0;padding:0 0 0 1rem;display:grid;gap:1.35rem;border-left:2px solid rgba(22,49,44,.14)}.mortar-delivery-steps>li{margin:0;padding:0}.mortar-delivery-steps h4{margin:0 0 .25rem;color:#16312c;font-size:1.05rem;font-weight:600;line-height:1.35}.mortar-delivery-steps p{margin:0 0 .65rem;color:#35524c;line-height:1.65}.mortar-delivery-step-prompt{margin:0;color:#16312c;font-style:italic;font-weight:600}.mortar-delivery-steps p:last-child{margin-bottom:0}.colour-guide-closing-more{margin-top:2.5rem}.guide-section-nav{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.guide-section-nav ul{display:flex;flex-wrap:wrap;gap:.45rem 1.1rem;list-style:none;margin:.65rem 0 0;padding:0}.guide-section-nav a{color:var(--color-link);font-weight:600;font-size:.95rem;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.guide-section-nav a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.mortar-intent-hub{max-width:52rem}.mortar-intent-hub>h2{margin-bottom:.5rem}.mortar-intent-grid{display:grid;gap:.65rem;margin:1.35rem 0 0}.mortar-intent-btn{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;margin:0;padding:.95rem 1.05rem;border:1px solid rgba(0,130,114,.35);border-radius:.25rem;background:#fff;color:#16312c;font:inherit;font-size:1rem;line-height:1.35;text-align:left;cursor:pointer;box-shadow:0 1px #16312c0a;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.mortar-intent-btn-label{flex:1 1 auto}.mortar-intent-btn-action{flex:0 0 auto;color:#008272;font-size:.85rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.mortar-intent-btn:hover,.mortar-intent-btn:focus-visible{border-color:#008272;background:#f3faf8f2;box-shadow:0 0 0 1px #0082722e;outline:none}.mortar-intent-btn.is-active{border-color:#008272;background:#f3faf8fa;color:#0f2a26;box-shadow:inset 3px 0 #008272}.mortar-intent-hint{margin:.9rem 0 0;color:#5a726c;font-size:.92rem}.mortar-intent-panel{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.mortar-intent-panel .texture-control-group{margin-top:0}.mortar-intent-panel .texture-control-group+.texture-control-group{margin-top:1.75rem}.mortar-intent-panel h4{margin:0 0 .45rem;color:#16312c;font-size:1.05rem}.mortar-contrast-warning{padding:1.15rem 1.15rem 1.25rem;border-left:3px solid #9a6b2f;background:#9a6b2f0f}.mortar-contrast-warning>h3{margin-top:0}@media (min-width: 768px){.mortar-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.why-bricktextures-grid h3{margin:0 0 .45rem;color:#16312c;font-size:1.1rem}.why-bricktextures-grid p{margin:0;color:#526b66;line-height:1.55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05110f8c;display:grid;place-items:center;z-index:30;padding:1rem}.role-modal{width:min(560px,100%);max-height:85vh;overflow:auto}.role-modal p{margin-top:0}.role-options{display:grid;gap:.45rem;margin-top:.75rem}.role-option{display:flex;align-items:center;gap:.55rem}.other-role-input{margin-top:.9rem;display:grid;gap:.35rem;font-weight:600;color:#16312c}.other-role-input input{border:1px solid var(--color-border);border-radius:.5rem;padding:.6rem .7rem;font-size:.95rem;font-family:inherit}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:1fr}.feature-grid{display:grid;gap:1rem}.card{border:1px solid var(--color-border);border-radius:.9rem;padding:1.1rem;background:#fff}.feature-card{text-align:center;padding:1.25rem 1rem}.feature-card h2{margin-bottom:0;font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.35}.feature-kicker{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);font-weight:700;font-size:.8rem}.benefit-list{margin:0;padding-left:1.25rem;display:grid;gap:.55rem}.inline-link{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.inline-link:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.section :is(p,li,figcaption)>a:not([class]),.colour-guide-content :is(p,li)>a:not([class]){color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.section :is(p,li,figcaption)>a:not([class]):hover,.colour-guide-content :is(p,li)>a:not([class]):hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.cta-band{border-top:1px solid var(--color-border)}.page-header{padding-bottom:1.25rem}.highlight-card{margin-top:1rem;border-left:4px solid var(--color-primary)}.contact-form{margin-top:1rem;display:grid;gap:.8rem}.contact-form label{display:grid;gap:.35rem;font-weight:600;color:#16312c}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--color-border);border-radius:.5rem;padding:.65rem .7rem;font-size:.95rem;font-family:inherit;background:#fff;color:var(--color-text)}.contact-form textarea{resize:vertical}.contact-lead{margin-left:0;margin-right:0}.page-header .contact-lead{margin-top:.9rem}.contact-supporting-copy{margin:0;color:#35524c;line-height:1.55}.manufacturer-note{margin-top:0;color:#31534d;font-weight:600}.manufacturer-value-card{display:flex;flex-direction:column}.manufacturer-value-stack{margin-top:1rem;display:grid;gap:1rem}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-error{margin:0;color:#b42318;font-weight:600;font-size:.9rem}.site-footer{border-top:1px solid var(--color-border);background:#e9e9e9;padding:0}.footer-content{padding:1.25rem 0}.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center}.site-footer p{margin:.25rem 0;color:#4d4d4d;font-size:.9rem}.site-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-nav a{color:#203632;font-size:.95rem}.hub-link-grid{display:grid;gap:.9rem;grid-template-columns:1fr}.hub-link-card{display:grid;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;color:inherit;border:1px solid var(--color-border);background:var(--color-bg);transition:border-color .15s ease,box-shadow .15s ease}.hub-link-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #00827214}.hub-link-card strong{color:var(--color-text);font-size:1.05rem}.hub-link-card span{color:#405652;line-height:1.45;font-size:.95rem}.hub-inline-link{margin:1.1rem 0 0}.hub-inline-link a{color:var(--color-link);font-weight:600;text-decoration:underline;text-decoration-color:#00756659;text-underline-offset:.2em;text-decoration-thickness:from-font;transition:color .15s ease,text-decoration-color .15s ease}.hub-inline-link a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.footer-bottom{margin-top:0;padding:.65rem 0;border-top:1px solid #5b5b5b;background:#5b5b5b}.footer-bottom p{margin:0 auto;width:min(1200px,calc(100% - 2rem));text-align:center;color:#fff}@media (min-width: 768px){.lead{max-width:56rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-cta-wrap{width:min(56rem,100%);margin-left:auto;margin-right:auto}.hero-cta{width:min(14rem,calc((100% - 1.4rem) / 3))}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.colour-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem}.colour-guide-card-grid article{padding:0;border-top:0}.colour-guide-other-grid,.hub-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-bricktextures-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manufacturer-value-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}@media (min-width: 1100px){.appearance-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.appearance-card{grid-template-columns:1fr auto;align-items:start;gap:.65rem;min-height:0;padding:.75rem}.appearance-swatch{grid-column:1 / -1;width:100%;height:4.25rem}.appearance-swatch-image{display:flex;align-items:flex-end;justify-content:center;height:auto;aspect-ratio:215 / 73}.appearance-swatch-image img{width:100%;height:auto}.appearance-card-copy strong{font-size:.92rem;line-height:1.25}.appearance-card-copy>span{font-size:.8rem;line-height:1.3}.appearance-card-arrow{margin-top:.15rem}}body{margin:0;min-width:320px;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#0b0b0b;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}