@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@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{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}: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;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-code{width:100%}}.jar-service-faq { background: #f8f2e8; padding: 96px 24px; overflow: hidden;}.jar-service-faq__inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 46% 54%; gap: 56px; align-items: stretch;}.jar-service-faq__left { border-right: 1px solid rgba(201,173,105,0.65); padding-right: 32px; display: flex; flex-direction: column; justify-content: flex-start; gap: 20px; min-height: 900px;}.jar-service-faq__sketch { width: 100%; margin: 0 auto; display: block;}.jar-service-faq__left-content { display: flex; flex-direction: column; align-items: flex-start; margin-top: -80px;}.jar-service-faq__label,.jar-service-faq__eyebrow { font-size: 13px; letter-spacing: 0.34em; text-transform: uppercase; color: #b8924f; margin: 0 0 18px;}.jar-service-faq__left-heading { font-size: clamp(38px, 3vw, 52px); line-height: 1.05; font-weight: 400; color: #1f1f1f; margin: 0 0 24px;}.jar-service-faq__left-heading em { color: #b8924f; font-style: italic;}.jar-service-faq__left-text { max-width: 380px; font-size: 18px; line-height: 1.7; color: #625c55; margin: 0 0 32px;}.jar-service-faq__signature { width: 270px; max-width: 100%; display: block;}.jar-service-faq__right { padding: 36px 0 0;}.jar-service-faq__eyebrow { display: flex; align-items: center; gap: 20px;}.jar-service-faq__eyebrow::after { content: ""; display: block; height: 1px; background: rgba(184,146,79,0.7); flex: 1;}.jar-service-faq__heading { font-size: clamp(95px, 8vw, 150px); line-height: 0.9; font-weight: 400; color: #171717; margin: 0 0 28px;}.jar-service-faq__intro { max-width: 620px; font-size: 21px; line-height: 1.55; color: #625c55; margin: 0 0 42px;}.jar-service-faq__list { display: flex; flex-direction: column; gap: 10px;}.jar-service-faq__item { display: grid; grid-template-columns: 44px 1px minmax(0, 1fr) 38px; gap: 22px; align-items: center; border: 1px solid rgba(65,61,58,0.16); border-radius: 6px; padding: 22px 24px; background: rgba(255,255,255,0.24); box-shadow: 0 12px 34px rgba(65,61,58,0.04); cursor: pointer; position: relative; overflow: hidden; transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease, padding 0.4s ease, border-color 0.4s ease;}.jar-service-faq__item::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #b8924f; transform: scaleY(0); transform-origin: top; transition: transform 0.45s ease;}.jar-service-faq__item:hover { transform: translateY(-2px);}.jar-service-faq__item:not(.jar-service-faq__item--active):hover { background: rgba(255,255,255,0.48);}.jar-service-faq__item:hover::before,.jar-service-faq__item--active::before { transform: scaleY(1);}.jar-service-faq__item--active { align-items: start; background: #171717; border-color: #171717; padding: 38px; box-shadow: 0 22px 54px rgba(0,0,0,0.2);}.jar-service-faq__number { color: #b8924f; font-size: 18px; line-height: 1; margin: 0;}.jar-service-faq__divider { width: 1px; height: 38px; background: rgba(184,146,79,0.45); transition: height 0.45s ease, background 0.45s ease;}.jar-service-faq__item--active .jar-service-faq__divider { height: 100%; min-height: 110px; background: rgba(184,146,79,0.75);}.jar-service-faq__item-content { width: 100%;}.jar-service-faq__question { font-size: 22px; line-height: 1.35; font-weight: 400; color: #171717; margin: 0; transition: color 0.35s ease, transform 0.35s ease;}.jar-service-faq__item:hover .jar-service-faq__question { transform: translateX(4px);}.jar-service-faq__item:not(.jar-service-faq__item--active) .jar-service-faq__question { font-size: 18px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.jar-service-faq__item--active .jar-service-faq__question { color: #ffffff; max-width: 100%;}.jar-service-faq__answer { display: block; width: 100%; max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; padding-top: 0; border-top: 1px solid rgba(184,146,79,0.28); font-size: 18px; line-height: 1.75; color: rgba(255,255,255,0.82); transform: translateY(10px); transition: max-height 0.55s ease, opacity 0.4s ease, margin-top 0.4s ease, padding-top 0.4s ease, transform 0.4s ease;}.jar-service-faq__item--active .jar-service-faq__answer { max-height: 340px; opacity: 1; margin-top: 28px; padding-top: 28px; transform: translateY(0);}.jar-service-faq__icon { width: 38px; height: 38px; border: 1px solid rgba(184,146,79,0.45); border-radius: 50%; position: relative; flex-shrink: 0; margin: 0; background: transparent; color: transparent; font-size: 0; line-height: 0; transform: none !important; transition: background 0.35s ease, border-color 0.35s ease;}.jar-service-faq__icon::before,.jar-service-faq__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; background: #b8924f; transform: translate(-50%, -50%); transition: opacity 0.25s ease, transform 0.25s ease;}.jar-service-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg);}.jar-service-faq__item--active .jar-service-faq__icon::after { opacity: 0;}.jar-service-faq__item:hover .jar-service-faq__icon,.jar-service-faq__item--active .jar-service-faq__icon { border-color: rgba(184,146,79,0.8); background: rgba(184,146,79,0.08); transform: none !important;}@media (max-width: 991px) { .jar-service-faq__inner { grid-template-columns: 1fr; } .jar-service-faq__left { border-right: none; padding-right: 0; min-height: auto; gap: 48px; } .jar-service-faq__left-content { margin-top: 0; }}@media (max-width: 767px) { .jar-service-faq { padding: 72px 20px; } .jar-service-faq__heading { font-size: 58px; } .jar-service-faq__item, .jar-service-faq__item--active { grid-template-columns: 36px 1px minmax(0, 1fr) 34px; gap: 14px; padding: 22px 18px; } .jar-service-faq__item:not(.jar-service-faq__item--active) .jar-service-faq__question { white-space: normal; } .jar-service-faq__question, .jar-service-faq__item:not(.jar-service-faq__item--active) .jar-service-faq__question { font-size: 18px; } .jar-service-faq__answer { font-size: 16px; } .jar-service-faq__icon { width: 34px; height: 34px; } .jar-service-faq__icon::before, .jar-service-faq__icon::after { width: 14px; height: 2px; }}.jar-testimonial { background: #f8f2e8; padding: 96px 24px; overflow: hidden;}.jar-testimonial__inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 44% 56%; grid-template-areas: "content visual" "bottom bottom"; column-gap: 72px; row-gap: 56px; align-items: stretch;}.jar-testimonial__content { grid-area: content; display: flex; flex-direction: column; align-items: flex-start; padding: 48px 48px 0 0;}.jar-testimonial__visual { grid-area: visual; border-left: 1px solid rgba(184,146,79,0.7); padding-left: 56px; display: flex; align-items: center; justify-content: center;}.jar-testimonial__sketch { width: 100%; display: block;}.jar-testimonial__eyebrow { width: 100%; display: flex; align-items: center; gap: 24px; font-size: 13px; letter-spacing: 0.34em; text-transform: uppercase; color: #b8924f; margin: 0 0 48px;}.jar-testimonial__eyebrow::after { content: ""; height: 1px; flex: 1; background: rgba(184,146,79,0.7);}.jar-testimonial__quote-icon { font-size: 72px; line-height: 0.7; color: #b8924f; margin: 0 0 20px;}.jar-testimonial__quote { font-size: clamp(54px, 5vw, 92px); line-height: 1.05; font-weight: 400; color: #171717; margin: 0; max-width: 680px;}.jar-testimonial__small-line { width: 110px; height: 1px; background: #b8924f; margin: 48px 0 32px;}.jar-testimonial__text { max-width: 620px; font-size: 21px; line-height: 1.75; color: #4f4943; margin: 0 0 40px;}.jar-testimonial__stars { color: #b8924f; font-size: 28px; letter-spacing: 8px; margin: 0 0 36px;}.jar-testimonial__author { border-left: 1px solid #b8924f; padding-left: 32px;}.jar-testimonial__name { font-size: 26px; line-height: 1.2; color: #171717; margin: 0 0 8px;}.jar-testimonial__location { font-size: 13px; letter-spacing: 0.34em; text-transform: uppercase; color: #b8924f; margin: 0;}.jar-testimonial__bottom { grid-area: bottom; display: grid; grid-template-columns: 300px 1fr; gap: 56px; align-items: end; padding-top: 24px;}.jar-testimonial__signature { width: 300px; max-width: 100%; display: block;}.jar-testimonial__bottom-line { height: 1px; width: 100%; background: rgba(184,146,79,0.7); margin-bottom: 22px;}@media (max-width: 991px) { .jar-testimonial__inner { grid-template-columns: 1fr; grid-template-areas: "visual" "content" "bottom"; gap: 48px; } .jar-testimonial__visual { border-left: none; padding-left: 0; } .jar-testimonial__content { padding: 0; } .jar-testimonial__bottom { grid-template-columns: 1fr; gap: 24px; }}@media (max-width: 767px) { .jar-testimonial { padding: 72px 20px; } .jar-testimonial__quote { font-size: 44px; } .jar-testimonial__text { font-size: 18px; } .jar-testimonial__stars { font-size: 22px; letter-spacing: 5px; } .jar-testimonial__signature { width: 240px; }}#brxe-rbcgcr {color: var(--light)}#brxe-ziiewu {position: relative; overflow: hidden}#brxe-xurjvo {margin-top: var(--space-l); margin-bottom: var(--space-m)}#brxe-ycckan {padding-right: 55px; padding-left: 55px}#brxe-vjyzkx {color: var(--primary); line-height: 1.08; font-weight: 400; font-size: var(--text-3xl); margin-bottom: 25px}#brxe-nabuhp {line-height: 1.82; font-size: 15px; margin-bottom: 25px}#brxe-uvygbr {display: flex; align-items: flex-start; flex-direction: column}@media (max-width: 480px) {#brxe-uvygbr {order: 0}}#brxe-cpwdaw {display: grid; align-items: initial; align-items: center; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 55px; max-width: 1400px}@media (max-width: 992px) {#brxe-cpwdaw {gap: 25px; grid-template-columns: repeat(1, minmax(0, 1fr)); display: grid; align-items: initial; max-width: 100%}}@media (max-width: 480px) {#brxe-cpwdaw {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 55px}}#brxe-fzlqoa {position: relative; background-image: url("https://jarrodsstaircases.co.uk/wp-content/uploads/staircase-background-2-1920w-1900x1920.webp"); background-position: center left; background-repeat: no-repeat; background-size: contain; padding-top: 110px; padding-right: 40px; padding-bottom: 110px; padding-left: 40px; overflow: hidden}:where(#brxe-fzlqoa > *:not(figcaption)) {position: relative}#brxe-fzlqoa::before {background-image: linear-gradient(var(--light-90), var(--light-90)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}@media (max-width: 992px) {#brxe-fzlqoa {padding-top: var(--space-2xl); padding-right: 25px; padding-bottom: var(--space-2xl); padding-left: 25px; max-width: 100%}}@media (max-width: 480px) {#brxe-fzlqoa {padding-top: var(--space-xl); padding-right: var(--space-m); padding-bottom: var(--space-xl); padding-left: var(--space-m); background-position: top center}}#brxe-klrsfj {color: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%)}#brxe-iaquyc {color: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%)}#brxe-orupgv {color: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%)}#brxe-gdcqvs {color: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%)}#brxe-uhplmc {color: hsl(0, 0%, 100%); fill: hsl(0, 0%, 100%)}#brxe-srijig {position: relative; overflow: hidden}#brxe-uoocgr {display: flex; align-items: flex-start; flex-direction: column; order: 1}#brxe-hwdhcj {width: 100%; height: 620px; border-radius: 24px; box-shadow: 0 28px 55px -30px transparent}#brxe-hwdhcj:not(.tag), #brxe-hwdhcj img {object-fit: cover; object-position: 85%}@media (max-width: 480px) {#brxe-hwdhcj:not(.tag), #brxe-hwdhcj img {object-fit: cover}#brxe-hwdhcj {height: 350px}}#brxe-qwkztl {display: grid; align-items: initial; align-items: stretch}#brxe-tornax {display: grid; align-items: initial; align-items: center; grid-template-columns: 1fr 1fr; gap: 55px; width: 100%}@media (max-width: 992px) {#brxe-tornax {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px}}@media (max-width: 480px) {#brxe-tornax {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px}}#brxe-vkkxyf {max-width: 1400px; row-gap: 70px}@media (max-width: 992px) {#brxe-vkkxyf {max-width: 100%}}#client-testimonials {position: relative; background-image: url("https://jarrodsstaircases.co.uk/wp-content/uploads/staircase-background-2-1920w-1900x1920.webp"); background-position: center left; background-repeat: no-repeat; background-size: contain; padding-top: 110px; padding-right: 40px; padding-bottom: 110px; padding-left: 40px; overflow: hidden}:where(#client-testimonials > *:not(figcaption)) {position: relative}#client-testimonials::before {background-image: linear-gradient(var(--light-90), var(--light-90)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}@media (max-width: 992px) {#client-testimonials {padding-top: var(--space-2xl); padding-right: 25px; padding-bottom: var(--space-2xl); padding-left: 25px}}@media (max-width: 480px) {#client-testimonials {padding-top: var(--space-xl); padding-right: var(--space-m); padding-bottom: var(--space-xl); padding-left: var(--space-m); background-position: top center}}@media (max-width: 480px) {#brxe-ppodnj {max-width: 100%}}@media (max-width: 480px) {#brxe-oisebn {max-width: 100%}}#brxe-bbykkj {width: 75%; align-items: center; align-self: center !important; justify-content: center}@media (max-width: 480px) {#brxe-bbykkj {width: 100%}}#brxe-swnezo {background-color: var(--primary); min-height: 100svh; justify-content: center; align-self: center !important; align-items: center; padding-top: 40px; padding-bottom: 40px}@media (max-width: 992px) {#brxe-swnezo {padding-top: 0; padding-bottom: 0}}@media (max-width: 480px) {#brxe-swnezo {min-height: auto; padding-top: var(--space-m); padding-bottom: var(--space-m)}}.brxe-9bb8ed {color: var(--primary)}.brxe-657503 {text-align: center}.brxe-c94f9a {text-align: center; font-size: 15px}.brxe-ad1934 {width: 350px}.brxe-hgmrth {width: 550px; max-width: 100%}@media (max-width: 480px) {.brxe-hgmrth {max-width: calc(100vw - 55px)}}.brxe-02cff1 {align-items: center; align-self: center !important; justify-content: center}@media (max-width: 992px) {.brxe-02cff1 {margin-top: 0; justify-self: center; justify-content: center; width: 100%}}@media (max-width: 480px) {.brxe-02cff1 {width: 100%}}.brxe-e89c58 {display: flex; flex-direction: column; justify-content: center; justify-self: center}@media (max-width: 992px) {.brxe-e89c58 {grid-template-columns: repeat(2, minmax(0, 1fr)); flex-direction: row; display: grid; align-items: initial; padding-right: 0; gap: 15px}}@media (max-width: 480px) {.brxe-e89c58 {grid-template-columns: 1fr; gap: 32px}}.brxe-7830e2 {font-size: 14px; color: #C9AD69; letter-spacing: 4px; text-transform: uppercase}.brxe-fa358e {color: #413D3A; line-height: 0.9; font-size: var(--text-3xl)}@media (max-width: 992px) {.brxe-fa358e {font-size: 65px}}@media (max-width: 480px) {.brxe-fa358e {font-size: var(--text-3xl)}[data-brx-variant="eqcugr"] .brxe-fa358e {font-size: 48px}}.brxe-19c33a {line-height: 1.6; font-size: 16px; max-width: 100%}@media (max-width: 992px) {.brxe-19c33a {max-width: 100%}}@media (max-width: 480px) {.brxe-19c33a {font-size: 15px}}.brxe-b9a7f3 {display: flex; width: 80px}.brxe-6bfedf {font-size: 15px; line-height: 1.7; max-width: 700px}[data-brx-variant="eqcugr"] .brxe-6bfedf:is(.jar-service-faq__item--active *) {max-height: none}.brxe-6bfedf:is(.jar-service-faq__item--active *) {max-height: none !important}.brxe-f6099d {width: 100%; display: flex; flex-direction: column}.brxe-af3423 {display: flex; row-gap: 0px; grid-template-columns: 1fr; gap: 80px; column-gap: 40px; padding-top: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(65,61,58,0.15)}@media (max-width: 480px) {.brxe-af3423 {column-gap: 16px}}.brxe-6a09e4 {display: flex; flex-direction: column; row-gap: 15px}.brxe-c1d3c3 {display: flex; flex-direction: column; row-gap: 5px}.brxe-8d3a35 {max-width: 1400px; width: 1400px; display: grid; align-items: initial; grid-template-columns: 35% 65%; gap: 80px; align-items: flex-start}@media (max-width: 992px) {.brxe-8d3a35 {grid-template-columns: 1fr; width: 100%; max-width: 100%; gap: 25px}}.brxe-zbdjxg {background-color: var(--light); padding-top: var(--space-2xl)}@media (max-width: 992px) {.brxe-zbdjxg {padding-top: 0; padding-right: 25px; padding-left: 25px}}@media (max-width: 480px) {.brxe-zbdjxg {width: 100%; padding-top: var(--space-2xl)}}