: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-page-nav ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.bond-page-nav-intro{margin-top:1.25rem}.bond-page-nav-intro ul{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.bond-anchor-section{scroll-margin-top:5.5rem}.bond-page-nav a{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:.65rem;background:#fff;color:#16312c;text-decoration:none;font-weight:600;line-height:1.35;transition:border-color .2s ease,box-shadow .2s ease}.bond-page-nav a:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #00827214}.bond-list-item-heading{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.bond-list-item-heading h3{margin:0;color:#16312c;font-size:1.15rem}.bond-list-item .bond-example-grid{margin-top:1rem}.bond-example-grid.guide-image-placeholder-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.85rem}.bond-example-grid .guide-image-placeholder{margin:0}.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-list-item .guide-image-placeholder figcaption{font-size:.9rem}.seamless-textures-hero{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#dfecea,#fff,#f3faf8)}.brick-blending-hero{background:linear-gradient(180deg,#ffffffe6,#f3faf8f5),linear-gradient(135deg,#e8f0ee,#fff,#f7f3ea)}.blend-example{display:flex;flex-direction:column;gap:.75rem}.blend-example .guide-image-placeholder{margin:0}.blend-example .btn{align-self:flex-start}.blend-example-grid{margin-bottom:1.75rem}.seamless-scenario-grid{margin-top:.5rem}.bond-list{display:grid;gap:1.5rem}.bond-list-item{display:grid;gap:.55rem;padding-top:1.25rem;border-top:1px solid var(--color-border);scroll-margin-top:5.5rem}.bond-list-item:first-child{padding-top:0;border-top:0}.bond-also-known{margin:0;color:var(--color-muted);font-size:.92rem}.bond-list-item>p{margin:0;color:#35524c;line-height:1.55}.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}.bond-pick-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.bond-pick-section:first-of-type{margin-top:1rem}.bond-pick-section h3{margin-top:0}.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)}.colour-guide-subheading{margin:1.75rem 0 .65rem;color:#16312c;font-size:1.15rem}.colour-guide-content>.colour-guide-subheading+p{margin-top:0}.mortar-colour-group+.mortar-colour-group{margin-top:2.5rem;padding-top:.5rem}.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:.35rem;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-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;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;background:transparent;border-radius:0;box-shadow:0 12px 36px #16312c2e;transition:transform .2s ease}.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-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-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-preview .guide-image-media{max-width:22rem;cursor:pointer}.share-spec-preview .guide-image-media img{aspect-ratio:auto;object-fit:contain}.share-spec-preview figcaption 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}.share-spec-preview figcaption a:hover{color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}.mortar-colour-comparison-grid{display:grid;gap:.85rem;margin-top:1.25rem}.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 .guide-image-placeholder{margin:0}.mortar-colour-comparison-grid .guide-image-media{border-radius:0}.mortar-colour-image-pair{display:grid;overflow:hidden;border:1px solid var(--color-border)}.mortar-colour-image-pair .guide-image-media{border:0}.mortar-colour-image-pair .guide-image-placeholder-frame{border:0;border-radius:0}.mortar-colour-image-pair .guide-image-placeholder+.guide-image-placeholder .guide-image-media{border-top:1px solid var(--color-border)}.mortar-colour-comparison-grid h3{margin:0;color:#16312c;font-size:1.05rem}.mortar-colour-comparison-note{margin:0;color:#5a726c;font-size:.85rem;line-height:1.4}.mortar-colour-notes{margin-top:2rem}.mortar-colour-notes>h3,.mortar-colour-caution h3{margin:0 0 .45rem;color:#16312c;font-size:1.05rem}.mortar-colour-notes p{margin:0}.mortar-colour-notes>p+p{margin-top:.85rem}.mortar-colour-notes>p+h3{margin-top:1.25rem}.mortar-colour-caution{margin-top:1.25rem;padding:1rem 1.1rem;border-left:3px solid #a85c49;border-radius:.25rem;background:#ffffffb8}.mortar-colour-notes .mortar-guide-link-copy{margin-top:1.25rem}@media (min-width: 768px){.guide-image-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mortar-colour-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.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{scroll-margin-top:5rem}.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)}.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,.bond-page-nav ul,.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}