@layer bricks {.brxe-pagination{width:100%}}@layer bricks {.brxe-template{width:100%}}@layer bricks {:where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column}:where(.brxe-icon-box).top .icon{margin-bottom:20px}:where(.brxe-icon-box).bottom{flex-direction:column-reverse}:where(.brxe-icon-box).bottom .icon{margin-top:20px}:where(.brxe-icon-box).right{flex-direction:row-reverse}:where(.brxe-icon-box).right .icon{margin-left:20px}:where(.brxe-icon-box).left{flex-direction:row}:where(.brxe-icon-box).left .icon{margin-right:20px}:where(.brxe-icon-box) .icon{display:inline-flex}:where(.brxe-icon-box) .icon a{display:inline-flex}:where(.brxe-icon-box) i{display:inline-block;font-size:40px;line-height:1;text-align:center}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-filter-search{position:relative;width:100%}.brxe-filter-search :where(input){width:100%}.brxe-filter-search .icon{cursor:pointer;display:grid;height:100%;margin-inline:10px;place-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s;visibility:hidden}.brxe-filter-search .icon.brx-show{visibility:visible}}@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{overflow:hidden;position:relative}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute!important;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-breadcrumbs{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.brxe-breadcrumbs .separator{display:flex}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}.brxe-filter-active-filters{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;margin:0;padding:0}.brxe-filter-active-filters:empty{display:none}.brxe-filter-active-filters button{position:relative;white-space:nowrap}}#brxe-yzgdtm:not(.tag), #brxe-yzgdtm img {object-fit: cover; object-position: bottom left}#brxe-yzgdtm {position: absolute; top: 0px; right: 0px; bottom: 0px; max-height: 100%; min-height: 100%; width: 68%; height: 100%}:where(#brxe-yzgdtm > *) {position: relative}#brxe-yzgdtm::before {background-image: linear-gradient(90deg, #f4ebe9 8%, rgba(0, 0, 0, 0) 45%); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}@media (max-width: 991px) {#brxe-yzgdtm:not(.tag), #brxe-yzgdtm img {object-position: 50%}}@media (max-width: 767px) {#brxe-yzgdtm {width: 100%; height: 400px; min-height: 400px; position: absolute}#brxe-yzgdtm:not(.tag), #brxe-yzgdtm img {object-fit: cover; object-position: center}:where(#brxe-yzgdtm > *) {position: relative}#brxe-yzgdtm::before {background-image: linear-gradient(rgba(0, 0, 0, 0), #f4ebe9); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}}@media (max-width: 478px) {#brxe-yzgdtm:not(.tag), #brxe-yzgdtm img {object-position: top; object-fit: contain}:where(#brxe-yzgdtm > *) {position: relative}#brxe-yzgdtm::before {background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #f4ebe9 94%); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}#brxe-yzgdtm {position: relative; height: auto; min-height: auto; min-width: 100%; max-width: 100%}}#brxe-eqtvml .item {color: var(--bricks-color-sdemza); font-size: var(--john-charcol-small); line-height: var(--john-charcol-small-leading)}#brxe-eqtvml {gap: 0.25rem}@media (max-width: 767px) {#brxe-eqtvml {width: 100%; justify-content: center}}@media (max-width: 478px) {#brxe-eqtvml {text-align: left; justify-content: center; z-index: 2}}#brxe-kjkuci {z-index: 5}@media (max-width: 767px) {#brxe-lklzfd {text-align: center}}#brxe-xqszzu {max-width: 80%}@media (max-width: 767px) {#brxe-xqszzu {text-align: center; max-width: 100%}}#brxe-cxaboz {margin-bottom: 1rem; max-width: 80%}@media (max-width: 767px) {#brxe-cxaboz {margin-top: 0; margin-bottom: 0; text-align: center; max-width: 100%}#brxe-cxaboz a {text-align: center; font-size: inherit}}#brxe-ltmetr {margin-bottom: 0.75rem}#brxe-bthscf {flex-grow: 1; justify-content: center; row-gap: 20px}@media (max-width: 767px) {#brxe-bthscf {column-gap: 1rem; row-gap: 1rem; justify-content: center; align-items: center}}@media (max-width: 767px) {#brxe-bkgxqq {width: fit-content}}#brxe-qxnfsb {color: var(--bricks-color-sdemza)}#brxe-nulhbt {flex-direction: column; align-items: flex-start; column-gap: 0.5rem; row-gap: 0.5rem}@media (max-width: 767px) {#brxe-nulhbt {justify-content: center; align-items: center}}#brxe-rrxgxc {align-self: stretch !important; width: 100%; justify-content: flex-end}@media (max-width: 767px) {#brxe-rrxgxc {padding-top: 0; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; row-gap: 2rem}}@media (max-width: 478px) {#brxe-rrxgxc {padding-right: 0; padding-bottom: 1.5rem; padding-left: 0}}#brxe-wkqkia {text-align: center; font-size: 1.625rem; color: var(--bricks-color-smxlht); font-family: "din-2014"; font-weight: 600; line-height: 1.75rem}#brxe-wkqkia a {text-align: center; font-size: 1.625rem; color: var(--bricks-color-smxlht); font-family: "din-2014"; font-weight: 600; line-height: 1.75rem; font-size: inherit}#brxe-wcockw {color: var(--bricks-color-smxlht); text-align: center; margin-top: 2rem; margin-bottom: 2rem}#brxe-wcockw a {color: var(--bricks-color-smxlht); text-align: center; font-size: inherit}#brxe-zgamfc {min-width: 100%; margin-top: 0}#brxe-fqvajz {min-width: 100%; margin-top: 1rem}#brxe-agfncq {background-color: var(--bricks-color-whyriy); border-radius: var(--john-charcol-button-rounded); justify-content: center; align-self: flex-end !important; align-items: center; padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; padding-left: 1.25rem; max-width: 338px}@media (max-width: 767px) {#brxe-agfncq {max-width: 100%; column-gap: 0px; row-gap: 0px}}#brxe-nibfnf {align-self: stretch !important; width: 100%; justify-content: flex-end; align-items: flex-end}@media (max-width: 767px) {#brxe-nibfnf {padding-right: 0; padding-left: 0; margin-bottom: -1rem}}#brxe-ufpilx {z-index: 1; flex-direction: row; align-self: stretch !important; width: 100%; column-gap: 0px; row-gap: 0px; flex-grow: 1}@media (max-width: 767px) {#brxe-ufpilx {column-gap: 2rem; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem}}@media (max-width: 478px) {#brxe-ufpilx {padding-top: 1rem}}#brxe-bbcnja {min-height: 700px; background-position: top right; background-size: contain; background-repeat: no-repeat; background-color: var(--bricks-color-coabwm); align-self: stretch !important; width: 100%; overflow: hidden; flex-direction: column; column-gap: 0px; row-gap: 0px; position: relative; padding-top: 1.2rem; padding-bottom: 2.5rem}@media (max-width: 767px) {#brxe-bbcnja {padding-top: 250px; padding-right: 0; padding-bottom: 2rem; padding-left: 0}}@media (max-width: 478px) {#brxe-bbcnja {padding-top: 0}}#brxe-npwnty {color: var(--bricks-color-sdemza); font-size: 0.875rem; font-family: "din-2014"; font-weight: 600; line-height: 1.5rem}#brxe-npwnty a {color: var(--bricks-color-sdemza); font-size: 0.875rem; font-family: "din-2014"; font-weight: 600; line-height: 1.5rem; font-size: inherit}#brxe-kecizr {row-gap: 4px; max-width: 381px}@media (max-width: 478px) {#brxe-kecizr {max-width: 100%; min-width: 100%}}#brxe-zanqal {color: var(--bricks-color-sdemza); font-size: 0.875rem; font-family: "din-2014"; font-weight: 600; line-height: 1.5rem}#brxe-zanqal a {color: var(--bricks-color-sdemza); font-size: 0.875rem; font-family: "din-2014"; font-weight: 600; line-height: 1.5rem; font-size: inherit}#brxe-bjizag {row-gap: 4px; max-width: 381px}@media (max-width: 478px) {#brxe-bjizag {min-width: 100%; max-width: 100%}}#brxe-brvnxt {flex-direction: row; align-items: flex-end}@media (max-width: 767px) {#brxe-brvnxt {flex-direction: row; flex-wrap: nowrap}}@media (max-width: 478px) {#brxe-brvnxt {flex-wrap: nowrap; flex-direction: column; align-self: flex-start !important; justify-content: flex-start; align-items: flex-start}}#brxe-budjyl {background-color: var(--bricks-color-kzxonb)}.brxe-oomxps .brxe-dccnps.brxe-image {transition: var(--john-charcol-transition); height: 290px}.brxe-oomxps .brxe-dccnps.brxe-image:not(.tag), .brxe-oomxps .brxe-dccnps.brxe-image img {object-fit: cover}.brxe-oomxps .brxe-aadxbj.brxe-div {overflow: hidden; border-radius: var(--john-charcol-button-rounded); margin-top: -1.25rem; width: 100%}@media (max-width: 767px) {.brxe-oomxps .brxe-aadxbj.brxe-div {margin-top: -1rem}}.brxe-oomxps .brxe-nmgeoi.brxe-icon {font-size: 1.5rem; width: 1.5rem; height: 2rem}@media (max-width: 767px) {.brxe-oomxps .brxe-nmgeoi.brxe-icon {width: 1rem; height: 1.25rem}}.brxe-oomxps .brxe-lybjqy.brxe-div {display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; position: absolute; top: 0px; right: 1.25rem; background-color: var(--bricks-color-ubxyqs); border-radius: 999px; transform: translateY(-50%)}@media (max-width: 767px) {.brxe-oomxps .brxe-lybjqy.brxe-div {width: 2.5rem; height: 2.5rem}}.brxe-oomxps .brxe-pnbcmk.brxe-heading {font-size: var(--john-charcol-h4); line-height: var(--john-charcol-h4-leading); transition: var(--john-charcol-transition)}.brxe-oomxps .brxe-cgdlio.brxe-icon {height: 14px; width: 14px; transition: var(--john-charcol-transition)}.brxe-oomxps .brxe-dunhxh.brxe-div {display: flex; flex-direction: row; align-items: center; row-gap: 0.8rem; column-gap: 0.8rem; justify-content: flex-start}.brxe-oomxps .brxe-hwzfeu.brxe-text {color: var(--bricks-color-sdemza)}.brxe-oomxps .brxe-hwzfeu.brxe-text a {color: var(--bricks-color-sdemza); font-size: inherit}.brxe-oomxps .brxe-gtopol.brxe-div {padding-top: 1rem; padding-right: 2rem; padding-left: 1rem; position: relative; display: flex; flex-direction: column; column-gap: 1rem; row-gap: 1rem}.brxe-oomxps .brxe-wxnwba.brxe-div {display: flex; flex-direction: column; padding-bottom: 2rem; padding-left: 1rem; width: 100%; background-color: var(--bricks-color-ubxyqs); border-radius: var(--john-charcol-button-rounded); row-gap: 0px; column-gap: 0px; min-height: 100%}@media (max-width: 767px) {.brxe-oomxps .brxe-wxnwba.brxe-div {padding-left: 0.75rem}}.brxe-oomxps .brxe-pwzyvd.brxe-block {align-self: stretch !important; width: 100%}.brxe-oomxps.brxe-block {align-self: stretch !important; width: 100%}#brxe-uyiamd {flex-direction: row; justify-content: center; column-gap: 3.5rem; align-items: stretch}#brxe-aworub .bricks-button {border-width: 1px; border-color: var(--bricks-color-nnmvph); font-size: 1rem; color: var(--bricks-color-sdemza)}#brxe-aworub .bricks-button:hover {color: var(--bricks-color-whyriy)}#brxe-yuyvxu {flex-direction: column; align-items: flex-start; column-gap: 1rem; row-gap: 1rem; margin-top: 2rem}.brxe-mjkyys .brxe-ipcmdk.brxe-image:not(.tag), .brxe-mjkyys .brxe-ipcmdk.brxe-image img {object-fit: cover}.brxe-mjkyys .brxe-dynsmo.brxe-heading {transition: var(--john-charcol-transition)}@media (max-width: 478px) {.brxe-mjkyys.brxe-block {max-width: 100%}}#guides {grid-gap: 4rem; grid-template-columns: 1fr 1fr 1fr; column-gap: 2.5rem; row-gap: 2.5rem; flex-wrap: wrap; flex-direction: row; margin-top: 1rem; display: grid; align-items: initial}@media (max-width: 991px) {#guides {grid-template-columns: 1fr 1fr; grid-gap: 2rem}}@media (max-width: 767px) {#guides {grid-template-columns: 1fr; column-gap: 2rem; row-gap: 2rem}}#brxe-yhswbi {align-self: center}#brxe-mrxxla {row-gap: 1.5rem}@media (max-width: 478px) {#brxe-usgpvn {padding-bottom: 2.5rem}}.brxe-jwpjgj:not(.tag), .brxe-jwpjgj img {object-fit: cover}.brxe-jwpjgj {border-radius: var(--john-charcol-button-rounded); position: absolute; top: 0px; left: 0px; bottom: 0px; flex-grow: 1; align-self: flex-start; min-height: 100%}@media (max-width: 767px) {.brxe-jwpjgj {min-width: 100%; min-height: auto; max-height: 21rem}}@media (max-width: 478px) {.brxe-jwpjgj {max-height: 300px; min-height: 300px; height: 300px}}.brxe-punqdf {width: 80%; max-width: 80%; position: relative}.brxe-punqdf:before { content:""; width:2px; background:red; height:130%; position: absolute; left:-1.6rem; top:-15%}.brxe-ugmodu {height: 29px; width: 42px; position: absolute; right: 30px; top: 30px}.brxe-qlibvf {font-size: 1.25rem}.brxe-qlibvf a {font-size: 1.25rem; font-size: inherit}@media (max-width: 478px) {.brxe-qlibvf {font-size: 1rem; line-height: 1.4rem}.brxe-qlibvf a {font-size: 1rem; line-height: 1.4rem; font-size: inherit}}.brxe-pucohi {width: 75%; padding-top: 2.5rem; padding-right: 3.5rem; padding-bottom: 2.5rem; padding-left: 1.5rem; row-gap: 1.5rem; border: 2px solid #e9eaea; border-radius: var(--john-charcol-button-rounded) 0 0 var(--john-charcol-button-rounded); position: relative; background-color: var(--bricks-color-kzxonb); min-width: 75%; max-width: 75%}@media (max-width: 991px) {.brxe-pucohi {padding-right: 2.5rem}}@media (max-width: 767px) {.brxe-pucohi {width: 100%; padding-top: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; padding-left: 1.5rem; border-radius: var(--john-charcol-button-rounded) 0 0 var(--john-charcol-button-rounded)}}@media (max-width: 478px) {.brxe-pucohi {min-width: 100%; max-width: 100%; border-radius: var(--john-charcol-button-rounded) var(--john-charcol-button-rounded) 0 0}}.brxe-avfnaz {border-radius: var(--john-charcol-button-rounded); width: 100%; max-width: 130px; height: 100%; max-height: 130px}.brxe-avfnaz:not(.tag), .brxe-avfnaz img {object-fit: cover}.brxe-qcmwmx {color: var(--bricks-color-smxlht); font-size: 1rem; margin-top: 0.5rem}.brxe-rqqvfy {color: var(--bricks-color-smxlht); font-size: 0.875rem; line-height: 1.1rem}.brxe-rqqvfy a {color: var(--bricks-color-smxlht); font-size: 0.875rem; line-height: 1.1rem; font-size: inherit}.brxe-bvwfqx {row-gap: 0rem; overflow: hidden; width: 100%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 767px) {.brxe-bvwfqx {width: 100%; flex-direction: row; align-items: center; column-gap: 1rem; row-gap: 1rem}}.brxe-ogchdu {width: 25%; background-color: var(--bricks-color-sdemza); padding-top: 2.688rem; padding-right: 1.25rem; padding-bottom: 2.688rem; padding-left: 1.25rem; row-gap: 0rem; overflow: hidden; border-top-right-radius: var(--john-charcol-button-rounded); border-bottom-right-radius: var(--john-charcol-button-rounded); min-height: 100%; align-self: stretch !important; width: 100%; max-width: 25%}@media (max-width: 767px) {.brxe-ogchdu {width: 100%; padding-top: 1.5rem; padding-right: 1rem; padding-bottom: 1rem; padding-left: 1rem; flex-direction: column; column-gap: 1rem; row-gap: 1rem; z-index: 2; align-items: flex-start}}@media (max-width: 478px) {.brxe-ogchdu {max-width: 100%; border-radius: 0 0 var(--john-charcol-button-rounded) var(--john-charcol-button-rounded)}}.brxe-pwfyyj {width: 67%; align-self: flex-end !important; padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: rgba(0, 0, 0, 0); justify-content: flex-end; flex-direction: row; align-items: stretch; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)}.brxe-vuxgfq {flex-direction: row; position: relative; justify-content: flex-end; align-items: center; height: 100%; min-height: 100%; max-height: 100%; overflow: hidden}@media (max-width: 767px) {.brxe-vuxgfq {flex-wrap: nowrap; justify-content: center; min-height: 38.5rem; align-items: center}}@media (max-width: 478px) {.brxe-vuxgfq {min-height: auto; align-self: center !important; justify-content: center; align-items: center; max-height: auto}}#brxe-irzter svg {height: 44px; width: auto}#brxe-irzter {gap: 1.1rem}#brxe-syjgud svg {height: 55px}#brxe-syjgud {gap: 1.1rem}#brxe-foajnc svg {height: 50px}#brxe-foajnc {gap: 1.1rem}#brxe-talpev {flex-direction: row; justify-content: space-between; margin-top: 2rem}@media (max-width: 767px) {#brxe-talpev {margin-top: 0}}#brxe-pltrxw {row-gap: 1.85rem; position: relative}#brxe-rseyzf {background-color: var(--bricks-color-tjczge)}@media (max-width: 478px) {#brxe-rseyzf {padding-bottom: 2.5rem}}#brxe-nukpbj {width: 50%}@media (max-width: 767px) {#brxe-nukpbj {width: 100%; min-height: 16.5rem}}@media (max-width: 767px) {#brxe-vublhl {text-align: center}}@media (max-width: 767px) {#brxe-jsqadj {text-align: center}#brxe-jsqadj a {text-align: center; font-size: inherit}}#brxe-bebbfw {row-gap: 1.5rem; width: 50%; padding-top: 3.438rem; padding-right: 3rem; padding-bottom: 3.438rem}@media (max-width: 767px) {#brxe-bebbfw {padding-top: 2.5rem; padding-right: 1.5rem; padding-bottom: 0; padding-left: 1.5rem; width: 100%; max-width: 100%; justify-content: center; align-items: center}}#brxe-utwggr {row-gap: 1.5rem; flex-direction: row; align-self: center !important; justify-content: center; align-items: stretch; column-gap: 5rem; padding-top: 3rem; padding-bottom: 3rem}@media (max-width: 991px) {#brxe-utwggr {padding-top: 0; padding-bottom: 0}}@media (max-width: 767px) {#brxe-utwggr {flex-direction: column-reverse}}#brxe-wuszkd {background-image: url(https://charcol.co.uk/wp-content/uploads/2025/06/Mask-Group-99@2x-1024x675.png); background-position: bottom left; background-size: 50%; background-repeat: no-repeat; background-color: var(--bricks-color-giploy); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 478px) {#brxe-wuszkd {background-size: contain}}