@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@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%}}.feature-project { display: grid; grid-template-columns: 55% 45%; height: 760px; overflow: hidden;}.feature-project__image { height: 100%; overflow: hidden;}.feature-project__image img,.feature-project__image picture { width: 100%; height: 100%; display: block;}.feature-project__image img { object-fit: cover;}@media (max-width: 767px) { .feature-project { display: flex !important; flex-direction: column !important; height: auto !important; overflow: visible !important; } .feature-project__image { width: 100% !important; height: 320px !important; } .feature-project__content { width: 100% !important; height: auto !important; min-height: unset !important; max-height: none !important; overflow: visible !important; padding: 56px 24px !important; }}.testimonial-section { background: #2B2B2B; padding: 120px 64px !important; }.testimonial-inner { max-width: 860px; margin: 0 auto; text-align: center; display: flex !important; flex-direction: column; align-items: center; gap: 32px; }.testimonial-mark { opacity: 0.6; }.testimonial-section .testimonial-quote { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: clamp(18px, 2.2vw, 26px); font-weight: 300; line-height: 1.7; color: #E8E4DD; border: none; padding: 0; margin: 0; }.testimonial-section .testimonial-quote::before, .testimonial-section .testimonial-quote::after { display: none; content: none; }.testimonial-attribution { display: flex !important; flex-direction: column; gap: 4px; }.testimonial-name { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #B8A684; }.testimonial-location { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 300; color: rgba(255,255,255,.4); }@media (max-width:1024px){ .testimonial-section{ padding: 80px 40px !important; } }@media (max-width:768px){ .testimonial-section{ padding: 64px 24px !important; } }.reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }.reveal.visible { opacity: 1; transform: translateY(0); }.testimonial-deco--left, .testimonial-deco--right { position: absolute; top: 50%; transform: translateY(-50%); width: clamp(180px, 16vw, 320px); pointer-events: none; opacity: 0.18; z-index: 0;}.testimonial-deco--left { left: 2%; }.testimonial-deco--right { right: 2%; }.testimonial-deco--left svg,.testimonial-deco--right svg { width: 100%; height: auto; display: block; }@media (max-width: 1400px) { .testimonial-deco--left, .testimonial-deco--right { display: none; }}root { background: #3a3734; padding: 110px 0;}root .why-wrapper { width: min(1200px, calc(100% - 80px)); margin: 0 auto; display: flex; gap: 90px; align-items: flex-start;}root .why-left { width: 38%;}root .why-right { width: 62%;}root .why-eyebrow { color: #B8A684; font-family: Inter, sans-serif; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 26px;}root .why-heading { color: #fff; font-family: "Playfair Display", serif; font-size: 62px; line-height: 0.98; font-weight: 400; margin-bottom: 26px;}root .why-intro,root .why-card-text { color: #C8C0B4; font-family: Inter, sans-serif; font-size: 15px; line-height: 1.8; font-weight: 300;}root .why-intro { max-width: 420px;}root .why-graphic { height: 340px; margin-top: 60px; border: 1px solid rgba(184,166,132,0.25);}root .why-card { display: grid; grid-template-columns: 45px 1fr; gap: 28px; padding: 0 0 34px; margin-bottom: 34px; border-bottom: 1px solid rgba(184,166,132,0.18);}root .why-card:last-child { border-bottom: 0; margin-bottom: 0;}root .why-card-number { color: #B8A684; font-family: Inter, sans-serif; font-size: 12px; font-style: italic; line-height: 1.2;}root .why-card-title { color: #fff; font-family: "Playfair Display", serif; font-size: 30px; line-height: 1.2; font-weight: 400; margin-bottom: 18px;}.about-nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; padding: 56px 0; border-top: 1px solid rgba(65,61,58,.12); border-bottom: 1px solid rgba(65,61,58,.12);}.about-nav__item { text-decoration: none; color: #413D3A; display: flex; flex-direction: column; gap: 12px; transition: .3s ease;}.about-nav__item span { font-size: 11px; letter-spacing: .25em; text-transform: uppercase; color: #C9AD69;}.about-nav__item strong { font-family: "Playfair Display", serif; font-size: 26px; font-weight: 400; line-height: 1.2;}.about-nav__item:hover { transform: translateY(-4px);}.about-nav__item:hover strong { color: #C9AD69;}@media (max-width: 991px) { .about-nav { grid-template-columns: 1fr; gap: 24px; }}.jarrods-floating-section { display: grid; grid-template-columns: 45% 55%; gap: 100px; align-items: center; max-width: 1320px; margin: 0 auto; padding: 140px 64px;}.jarrods-floating-content { max-width: 520px;}.jarrods-label { font-size: 11px; letter-spacing: .32em; text-transform: uppercase; color: #C9AD69; margin-bottom: 24px;}.jarrods-floating-content h2 { font-family: "Playfair Display", serif; font-size: clamp(42px, 5vw, 68px); line-height: 1.08; font-weight: 400; color: #413D3A; margin-bottom: 28px;}.jarrods-floating-content p { font-family: Inter, sans-serif; font-size: 15px; line-height: 1.9; color: #6D6A65; margin-bottom: 22px;}.jarrods-link { display: inline-flex; margin-top: 12px; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: #C9AD69; text-decoration: none;}.jarrods-floating-images { position: relative; height: 760px;}.jarrods-main-image { width: 100%; height: 620px; overflow: hidden;}.jarrods-main-image img { width: 100%; height: 100%; object-fit: cover; display: block;}.jarrods-floating-image { position: absolute; right: -40px; bottom: 0; width: 320px; height: 400px; border: 14px solid #FCFCFA; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,.08);}.jarrods-floating-image img { width: 100%; height: 100%; object-fit: cover; display: block;}@media (max-width: 991px) { .jarrods-floating-section { grid-template-columns: 1fr; gap: 60px; padding: 80px 24px; } .jarrods-floating-images { height: 600px; } .jarrods-main-image { height: 460px; } .jarrods-floating-image { width: 220px; height: 280px; right: 0; }}#brxe-pnmzgr {color: var(--light)}#brxe-porgzp {font-family: "Playfair Display"}#brxe-qvrcir {margin-top: 30px}@media (max-width: 480px) {#brxe-qvrcir {margin-top: 60px}}#brxe-lbpbun {position: relative; overflow: hidden}@media (max-width: 480px) {#brxe-mactci {max-width: 100%; width: 100%}}@media (max-width: 480px) {#brxe-onizbs {width: 100%; max-width: 100%}}@media (max-width: 480px) {#brxe-zeqaws {max-width: 100%; width: 100%}}#brxe-oiyrti {align-items: center; justify-content: space-between; align-self: center !important; flex-direction: row; column-gap: 55px}@media (max-width: 480px) {#brxe-oiyrti {justify-self: center; align-items: center; justify-content: center; align-self: center !important; row-gap: 25px}}#brxe-iweuga {align-items: center; justify-content: center; grid-template-columns: repeat(1, minmax(0, 1fr)); background-color: #f4f4f4; padding-top: 25px; padding-bottom: 25px}@media (max-width: 992px) {#brxe-iweuga {grid-template-columns: repeat(1, minmax(0, 1fr)); padding-right: 25px; padding-left: 25px}#brxe-iweuga :nth-child(5) { grid-column: 1 / 3; grid-row: 3 / 4;}}@media (max-width: 480px) {#brxe-iweuga {padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0; gap: 0px}}#brxe-azbsvx {margin-top: var(--space-l); margin-bottom: var(--space-m)}#brxe-fliafj {padding-right: 55px; padding-left: 55px}#brxe-jhkvbg {margin-bottom: 28px; font-weight: 500}#brxe-rzpgby {color: var(--primary); line-height: 1.08; font-weight: 400; font-size: var(--text-3xl); font-family: "Playfair Display"; margin-bottom: 34px}#brxe-vwepsk {line-height: 1.82; font-size: 15px; margin-bottom: 25px}#brxe-gyusso {display: flex; align-items: flex-start; flex-direction: column}@media (max-width: 480px) {#brxe-gyusso {order: 1}}#brxe-qittpm {width: 100%; height: 620px; border-radius: 24px; box-shadow: 0 28px 55px -30px transparent}#brxe-qittpm:not(.tag), #brxe-qittpm img {object-fit: cover; object-position: 10%}@media (max-width: 480px) {#brxe-qittpm:not(.tag), #brxe-qittpm img {object-fit: cover}#brxe-qittpm {height: 350px}}#brxe-cuctot {display: grid; align-items: initial; align-items: stretch}#brxe-spfobi {display: grid; align-items: initial; align-items: center; grid-template-columns: 1fr 1fr; gap: 55px; max-width: 1400px}@media (max-width: 992px) {#brxe-spfobi {gap: 25px; grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; align-items: initial; max-width: 100%}}@media (max-width: 480px) {#brxe-spfobi {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px}}#the-early-days {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(#the-early-days > *:not(figcaption)) {position: relative}#the-early-days::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) {#the-early-days {padding-top: var(--space-2xl); padding-right: 25px; padding-bottom: var(--space-2xl); padding-left: 25px; max-width: 100%}}@media (max-width: 480px) {#the-early-days {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-txrkfb {max-width: 100%}}@media (max-width: 480px) {#brxe-kfigog {max-width: 100%}}#brxe-tmdjor {margin-bottom: 28px}#brxe-coiizq {color: var(--primary); line-height: 1.08; font-weight: 400; font-size: var(--text-3xl); margin-bottom: 34px}#brxe-ziltzq {line-height: 1.82; font-size: 15px; font-weight: 400; margin-bottom: 25px}#brxe-bkztya {display: flex; align-items: flex-start; flex-direction: column; order: 1}#brxe-dzvify {width: 100%; height: 620px; border-radius: 24px; box-shadow: 0 28px 55px -30px transparent}#brxe-dzvify:not(.tag), #brxe-dzvify img {object-fit: cover; object-position: 85%}@media (max-width: 480px) {#brxe-dzvify:not(.tag), #brxe-dzvify img {object-fit: cover}#brxe-dzvify {height: 350px}}#brxe-wdpfkp {display: grid; align-items: initial; align-items: stretch}#brxe-nqhwkp {display: grid; align-items: initial; align-items: center; grid-template-columns: 1fr 1fr; gap: 55px; max-width: 1400px}@media (max-width: 992px) {#brxe-nqhwkp {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; max-width: 100%}}@media (max-width: 480px) {#brxe-nqhwkp {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px}}#honing-his-craft {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(#honing-his-craft > *:not(figcaption)) {position: relative}#honing-his-craft::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) {#honing-his-craft {padding-top: var(--space-2xl); padding-right: 25px; padding-bottom: var(--space-2xl); padding-left: 25px}}@media (max-width: 480px) {#honing-his-craft {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-khecdh {max-width: 100%}}#brxe-jnnkwt {margin-bottom: 28px}#brxe-yupuqa {margin-bottom: 34px; color: var(--primary); line-height: 1.08; font-weight: 400; font-size: var(--text-3xl)}#brxe-pzvilo {line-height: 1.82; font-weight: 400; font-size: 15px; margin-bottom: 25px}#brxe-ydywkz {display: flex; align-items: flex-start; flex-direction: column}@media (max-width: 480px) {#brxe-ydywkz {order: 1}}#brxe-izrfou {width: 100%; height: 620px; border-radius: 24px; box-shadow: 0 28px 55px -30px transparent}#brxe-izrfou:not(.tag), #brxe-izrfou img {object-fit: cover; object-position: 60%}@media (max-width: 480px) {#brxe-izrfou {height: 350px}}#brxe-xgoupj {display: grid; align-items: initial; align-items: stretch}#brxe-srrhzy {display: grid; align-items: initial; align-items: center; grid-template-columns: 1fr 1fr; gap: 55px; max-width: 1400px}@media (max-width: 992px) {#brxe-srrhzy {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px; max-width: 100%}}@media (max-width: 480px) {#brxe-srrhzy {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 25px}}#looking-ahead {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(#looking-ahead > *:not(figcaption)) {position: relative}#looking-ahead::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) {#looking-ahead {padding-top: var(--space-2xl); padding-right: 25px; padding-bottom: var(--space-2xl); padding-left: 25px}}@media (max-width: 480px) {#looking-ahead {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-qbkxpr {color: var(--light); max-width: 100%}#brxe-htslmw {width: 100%; align-items: center}#brxe-zwlqrx {font-size: 13px; color: #B8924F; fill: #B8924F}#brxe-twjzhg {font-size: 13px; color: #B8924F; fill: #B8924F}#brxe-zprfhf {font-size: 13px; color: #B8924F; fill: #B8924F}#brxe-qpvxkb {width: 100%}@media (max-width: 992px) {#brxe-qpvxkb {grid-template-columns: repeat(1, minmax(0, 1fr))}}#brxe-uefnni {width: 100%; max-width: 1400px; row-gap: 55px}#brxe-wncewc {padding-top: var(--space-2xl); padding-bottom: var(--space-2xl)}@media (max-width: 992px) {#brxe-wncewc {padding-right: 25px; padding-left: 25px}}