/* 999 Flooring design study, adapting the supplied Hendon and Florz demo HTML structures */
:root{--ink:#14100c;--night:#19120f;--cream:#f3f1ee;--paper:#fffefa;--copper:#c28562;--taupe:#9f8973;--muted:#6f6963;--line:#ddd8d1;--serif:'Antonio','Arial Narrow',sans-serif;--sans:'Noto Sans',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,h4,p,figure,ul{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03}h1{font-size:clamp(5rem,11vw,11rem)}h2{font-size:clamp(4rem,6vw,7.7rem)}h3{font-size:clamp(2.4rem,3.2vw,4.5rem)}h1 i,h2 i,h3 i{font-weight:300;color:var(--copper)}main{overflow:hidden}.mini-caps,.editorial-kicker{font-family:var(--sans);font-weight:600;font-size:10px;letter-spacing:.3em;line-height:1.8;text-transform:uppercase}.section-pad{padding:clamp(80px,10vw,165px) clamp(24px,6vw,110px)}.thin-copy{max-width:430px;color:#6c6560;font-size:14px;line-height:2.2}.line-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:1px solid var(--taupe);font:600 10px var(--sans);letter-spacing:.18em;padding:0 31px;background:transparent;text-align:center;transition:.2s}.line-button:hover{background:var(--copper);border-color:var(--copper);color:white}.line-button.light{border-color:#bdaa9a;color:#fff}.line-button.dark{color:var(--ink);background:transparent;border-color:#7f6c60}.text-underline{display:inline-flex;border:0;background:transparent;border-bottom:1px solid currentColor;font:600 10px var(--sans);padding:0 0 8px;letter-spacing:.17em;white-space:normal;line-height:1.7;max-width:max-content;transition:color .2s}.text-underline:hover{color:var(--copper)}
/* HENDON divided header */
.site-header{position:absolute;top:0;left:0;right:0;z-index:80;color:var(--ink);height:118px;border-bottom:1px solid #6a5c4e23}.site-header.on-dark{color:white;border-color:#fff5}.divided-header{display:grid;grid-template-columns:minmax(0,1fr) 144px minmax(0,1fr);height:100%;padding:0 clamp(24px,3.3vw,66px);align-items:center;gap:16px}.header-left,.header-right{display:flex;align-items:center;min-width:0;gap:clamp(10px,2vw,35px)}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.request-outline{border:1px solid currentColor;padding:14px 15px;font-size:9px;font-weight:600;letter-spacing:.12em;white-space:nowrap;line-height:1.3}.qodef-header-navigation{display:flex;gap:clamp(11px,1.55vw,29px);align-items:center}.qodef-header-navigation a{font-size:10px;letter-spacing:.08em;line-height:1.5;font-weight:600;white-space:nowrap;position:relative;opacity:.92}.qodef-header-navigation a:hover,.qodef-header-navigation a.is-current{color:var(--copper)}.qodef-header-logo-link{justify-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1;position:relative;z-index:1}.monogram-numbers{font-family:var(--serif);font-size:54px;letter-spacing:-.1em;line-height:.71;transform:translateX(-4px);font-weight:400}.monogram-line{margin-top:8px;width:63px;border-top:1px solid currentColor;opacity:.55}.monogram-word{font-size:10px;letter-spacing:.3em;margin-top:7px;margin-right:-.3em}.phone-link{font-size:11px;font-weight:600;white-space:nowrap}.nav-trigger{width:54px;height:46px;border:none;background:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;color:inherit;padding:0}.nav-trigger span{background:currentColor;height:1px;width:40px;transition:transform .2s}.nav-trigger span:last-child{width:28px}.nav-trigger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-trigger[aria-expanded=true] span:last-child{width:40px;transform:translateY(-5px) rotate(-45deg)}
.site-drawer{position:absolute;right:0;top:118px;width:min(440px,100vw);height:auto;background:var(--ink);color:white;box-shadow:0 25px 70px #0003;padding:35px clamp(26px,4vw,54px) 39px;border-top:1px solid #645448}.site-drawer[hidden]{display:none!important}.drawer-caption{color:var(--copper);letter-spacing:.25em;font-size:10px}.drawer-main{padding:24px 0 26px;display:grid;gap:1px}.drawer-main a{font:400 29px var(--serif);border-bottom:1px solid #4a3e35;padding:8px 0}.drawer-main a:hover{color:var(--copper)}.drawer-foot{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;letter-spacing:.07em}
/* Camden Hendon hero with Florz numeric slideshow */
.hero-camden{position:relative;min-height:790px;height:100svh;max-height:1120px;background:#241913;color:#fff}.bdt-slideshow-items{list-style:none;padding:0;height:100%;position:relative}.bdt-slideshow-item{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s,visibility 1.1s}.bdt-slideshow-item.active{opacity:1;visibility:visible;z-index:1}.slide-photo{position:absolute;inset:0;background-size:cover;background-position:center center;transform:scale(1.045);transition:transform 8s linear}.bdt-slideshow-item.active .slide-photo{transform:scale(1.12)}.slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,12,10,.68),rgba(16,12,10,.43) 52%,rgba(16,12,10,.47)),linear-gradient(0deg,#120d0b40,transparent 35%)}.hero-centre{position:relative;z-index:3;min-height:100%;max-width:1280px;margin:auto;padding:155px 20px 95px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-sup{font:600 12px var(--sans);letter-spacing:.38em;color:#dfbb9f;line-height:1.8;margin-bottom:29px}.hero-centre h1{font:300 clamp(71px,10.5vw,160px)/.82 var(--serif);letter-spacing:.075em;text-transform:uppercase;text-shadow:0 3px 40px #0002;margin:0 -4vw 32px;max-width:1500px}.hero-description{max-width:550px;font-size:13px;line-height:1.9;letter-spacing:.025em;color:#f3e9df;margin:0 0 24px}.hero-centre .line-button{margin-top:6px}.hero-mark{z-index:4;position:absolute;left:clamp(25px,4vw,70px);bottom:52px;font-size:10px;letter-spacing:.17em;color:#fffe}.slider-progress{position:absolute;left:clamp(25px,4vw,70px);top:52%;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:4;font-size:10px;letter-spacing:.15em}.progress-track{height:80px;width:1px;background:#ffffff70}.progress-track span{display:block;width:1px;height:25%;background:var(--copper);transition:height .4s}.slide-index{position:absolute;right:clamp(20px,4vw,70px);top:47%;display:flex;flex-direction:column;gap:17px;z-index:5}.slide-choice{font:500 11px var(--sans);letter-spacing:.1em;border:0;background:none;color:#fffa;transition:.25s}.slide-choice.selected{color:#e9ac82;font-weight:700}.hero-phone{position:absolute;bottom:52px;right:clamp(25px,4vw,70px);z-index:5;font-size:10px;letter-spacing:.15em;color:#fff}
/* Hendon stacked-image editorial */
.hendon-split{display:grid;grid-template-columns:49% 51%;align-items:center;gap:3%;background:var(--cream);min-height:750px;padding-right:9%}.split-text{padding-right:7%}.split-text h2{font-size:clamp(57px,6vw,100px);line-height:1;letter-spacing:-.035em;margin:29px 0 24px}.split-text .text-underline{margin-top:29px}.stacked-images{height:clamp(430px,44vw,680px);position:relative;margin-top:40px}.outline-frame{position:absolute;border:1px solid #c18b6d;width:70%;height:75%;left:0;top:-30px}.stacked-major{position:absolute;width:69%;height:88%;top:0;left:8%;overflow:hidden}.stacked-minor{position:absolute;width:45%;height:49%;right:0;bottom:-25px;overflow:hidden;border:10px solid var(--cream)}
/* Florz flooring imagery and portfolio */
.florz-collection{background:var(--paper);padding:clamp(75px,9vw,125px) 0 0}.collection-head{display:flex;justify-content:space-between;gap:80px;padding:0 clamp(24px,6vw,110px) 55px;align-items:end}.collection-head h2{font-size:clamp(66px,7vw,110px);margin:8px 0 0;letter-spacing:-.045em}.collection-head>p{max-width:350px;font-size:13px;line-height:2.1;color:var(--muted);padding-bottom:15px}.flooring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.flooring-tile{height:clamp(450px,43vw,700px);position:relative;color:white;overflow:hidden;background:#3f3028}.flooring-tile:not(:last-child){border-right:3px solid var(--paper)}.tile-image{position:absolute;inset:0}.tile-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,8,6,.80),transparent 58%)}.tile-image img{transition:transform .9s ease}.flooring-tile:hover img{transform:scale(1.045)}.tile-title{position:absolute;bottom:34px;left:clamp(15px,2vw,36px);right:12px;z-index:2}.tile-count{font:600 11px var(--sans);letter-spacing:.15em;color:#d3a17e}.tile-title h3{font:400 clamp(37px,3.3vw,58px)/1 var(--serif);margin:9px 0 18px}.tile-under{font:600 9px var(--sans);letter-spacing:.22em;color:#f3e9e0}.tile-lvt .tile-title h3{font-size:clamp(31px,2.5vw,44px)}
.full-bleed-statement{height:790px;display:grid;grid-template-columns:57% 43%;background:var(--ink);color:white}.statement-image{overflow:hidden}.statement-image img{filter:brightness(.76)}.statement-text{display:flex;flex-direction:column;justify-content:center;padding:8% 13%}.statement-text .mini-caps{color:var(--copper)}.statement-text h2{font-size:clamp(55px,5.3vw,95px);line-height:.97;margin:28px 0}.statement-text p:not(.mini-caps){font-size:13px;line-height:2;color:#d8cbc0;max-width:440px}.statement-text .line-button{align-self:flex-start;margin-top:33px}.process-panel{background:#eae5df;padding:clamp(90px,8.5vw,145px) clamp(24px,6vw,110px);text-align:center}.process-panel h2{margin:13px 0 62px}.numbered-process{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:8%;max-width:1300px;margin:auto}.numbered-process>div{border-top:1px solid #bcb1a6;padding-top:22px}.numbered-process strong{font:400 55px var(--serif);color:var(--copper)}.numbered-process h3{font:400 37px var(--serif);margin:8px 0 13px}.numbered-process p{color:var(--muted);font-size:13px;line-height:2}.process-panel>a{margin-top:54px}.florz-work{background:var(--paper)}.work-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:54px}.work-head .mini-caps{grid-column:1/-1}.work-head h2{line-height:.9}.work-diptych{display:grid;grid-template-columns:1.14fr .86fr;gap:4%;align-items:start}.work-diptych>a:first-child{height:620px}.work-diptych>a:nth-child(2){height:480px;margin-top:115px}.work-diptych a{position:relative;display:block;overflow:hidden}.work-diptych a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 40%)}.work-diptych a>span{position:absolute;bottom:27px;left:29px;color:white;font-size:10px;letter-spacing:.2em;z-index:1}.photo-caveat{font-size:11px;color:#857a70;margin-top:23px}.hendon-areas{background:#27201b;color:white;padding:125px 10%;text-align:center}.hendon-areas .mini-caps{color:var(--copper)}.hendon-areas h2{margin:25px auto}.hendon-areas p{color:#b8aba0;margin:0 0 30px}.hendon-areas .text-underline{margin:auto}
/* Inner-page page title follows Hendon's giant property headlines */
.editorial-title-section{background:var(--night);color:var(--cream);padding:230px 7.5% 125px;min-height:690px;position:relative}.editorial-title-section:after{content:'999';position:absolute;right:4.5%;bottom:40px;color:#fff1;font:400 200px/1 var(--serif);letter-spacing:-.1em;pointer-events:none}.editorial-title-section .editorial-kicker{color:var(--copper)}.editorial-title-section h1{font:300 clamp(75px,9.4vw,158px)/.88 var(--serif);letter-spacing:.07em;margin:35px 0 27px;max-width:1220px}.editorial-title-section h1 em{color:var(--copper);font-style:normal}.editorial-title-section>p{font-size:13px;letter-spacing:.02em;line-height:1.9;color:#ddcec0;max-width:550px}.page-flooring .florz-collection{padding-top:110px}.sample-selector{display:grid;grid-template-columns:33% 1fr;gap:7%;background:var(--cream)}.selector-intro h2{font-size:clamp(57px,5.4vw,83px);margin:25px 0}.selector-intro>p:last-child{color:var(--muted);max-width:310px}.room-tabs{display:flex;gap:3%;border-bottom:1px solid #bfb6ad;margin-bottom:25px}.room-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 2px;font:600 10px var(--sans);letter-spacing:.09em;color:var(--muted)}.room-tabs button.active{border-color:var(--copper);color:var(--ink)}.room-stage{position:relative;height:500px}.room-stage img{filter:brightness(.79)}.room-description{position:absolute;background:var(--paper);right:-1px;bottom:-1px;padding:33px;width:55%}.room-description h3{font-size:40px;margin:8px 0}.room-description p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:14px}
/* Flooring material detail pages */
.material-hero{min-height:770px;display:grid;grid-template-columns:45% 55%;background:#ddd3c8}.material-hero-text{padding:210px 9% 95px 16%;display:flex;flex-direction:column;justify-content:center}.material-hero-text h1{font:300 clamp(63px,7vw,120px)/.86 var(--serif);letter-spacing:.045em;margin:45px 0 21px;overflow-wrap:anywhere}.material-hero-text .mini-caps{color:#7f5c42}.material-sub{font:400 clamp(28px,3vw,49px)/1.13 var(--serif);max-width:440px}.material-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:45px}.material-hero-photo{height:100%;min-height:770px;position:relative;overflow:hidden}.material-hero-photo img{filter:brightness(.9)}.material-hero-photo>span{position:absolute;bottom:28px;right:33px;color:white;text-shadow:0 1px 10px #000;font-size:9px;letter-spacing:.22em}.material-editorial{display:grid;grid-template-columns:28% 1fr;gap:6%;background:var(--paper)}.material-editorial h2{font-size:clamp(53px,5.5vw,92px);max-width:830px;margin-bottom:26px;letter-spacing:-.02em}.material-editorial p:not(.mini-caps){max-width:680px;color:var(--muted);font-size:14px;line-height:2.1}.material-detail{display:grid;grid-template-columns:50% 50%;background:#e4ddd5;min-height:720px}.detail-photo{position:relative;overflow:hidden}.detail-photo>span{position:absolute;bottom:28px;left:35px;color:white;text-shadow:0 1px 10px #000;font-size:10px;letter-spacing:.12em}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:9% 13%}.detail-copy h2{font-size:clamp(55px,5vw,88px);margin:22px 0 35px}.spec-list{margin-bottom:37px}.spec-list>div{border-top:1px solid #c7bbb1;padding:16px 0;display:grid;grid-template-columns:35% 1fr;align-items:center;gap:15px}.spec-list>div:last-child{border-bottom:1px solid #c7bbb1}.spec-list span{font-size:9px;font-weight:600;letter-spacing:.15em}.spec-list strong{font-size:13px;font-weight:500;line-height:1.8}.considerations{background:var(--paper)}.considerations h2{margin:13px 0 48px}.consideration-list{border-top:1px solid #c9beb3}.consideration-list>div{border-bottom:1px solid #c9beb3;padding:20px 4px;display:grid;grid-template-columns:15% 1fr}.consideration-list span{font:400 34px var(--serif);color:var(--taupe)}.consideration-list p{font:400 30px var(--serif)}.next-material{padding:80px 8%;background:#ddd2c8}.next-material a{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ae9d91;margin-top:12px;padding:8px 0;font:400 clamp(42px,6vw,90px) var(--serif)}.next-material a span{font:600 10px var(--sans);letter-spacing:.17em}
/* Bespoke editorial inner page layouts */
.image-title{min-height:750px;position:relative;display:flex;align-items:flex-end;color:white;background:#3f332c}.big-title-photo{position:absolute;inset:0}.big-title-photo img{filter:brightness(.42)}.hero-sub-text{position:relative;padding:215px 8% 100px;max-width:1100px}.hero-sub-text .mini-caps{color:var(--copper)}.hero-sub-text h1{font:300 clamp(74px,10vw,155px)/.88 var(--serif);letter-spacing:.035em;margin:25px 0}.hero-sub-text>p:last-child{max-width:470px;font-size:14px;line-height:1.9;color:#e4d9cf}.fitting-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--paper)}.fitting-intro h2{font-size:clamp(60px,5.4vw,85px);margin:20px 0}.fitting-intro>p{align-self:end;color:var(--muted);font-size:14px;line-height:2.2;max-width:520px}.service-lines{background:var(--paper)}.service-lines h2{margin:17px 0 45px}.ser-lines{border-top:1px solid #c9beb3}.ser-lines>div{font:400 clamp(26px,3vw,43px) var(--serif);padding:19px 0;border-bottom:1px solid #c9beb3;display:flex;gap:6%}.ser-lines span{font-size:21px;color:var(--copper);width:60px;flex-shrink:0}.service-lines>p:last-child{margin-top:25px;color:var(--muted);font-size:12px}
.gallery-section{background:var(--paper)}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:55px}.gallery-tabs{display:flex;gap:18px;flex-wrap:wrap}.gallery-tabs button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;font:600 10px var(--sans);letter-spacing:.1em}.gallery-tabs button.active{border-color:var(--copper);color:var(--copper)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:35px}.project-tile{grid-column:span 6}.project-tile:nth-child(3),.project-tile:nth-child(6){grid-column:span 4}.project-tile:nth-child(4),.project-tile:nth-child(5){grid-column:span 4}.project-tile>img{height:clamp(290px,34vw,510px)}.project-tile:nth-child(3n)>img{height:340px}.project-tile figcaption{display:grid;grid-template-columns:50px 1fr;padding-top:17px;gap:15px}.project-tile figcaption>span{font-size:10px;letter-spacing:.12em;color:var(--copper)}.project-tile figcaption strong{display:block;font:400 34px var(--serif)}.project-tile figcaption small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.project-tile[hidden]{display:none!important}
.big-step-section{background:var(--paper)}.big-step{display:grid;grid-template-columns:50% 50%;min-height:620px}.big-step:nth-child(even){background:#e9e2da}.big-step:nth-child(even) .step-photo{order:-1}.step-left{padding:10% 15%;display:flex;flex-direction:column;justify-content:center}.step-left>span{font:300 100px var(--serif);color:var(--copper)}.step-left h2{font:400 clamp(52px,5.6vw,84px) var(--serif);margin:10px 0 27px}.step-left p{color:var(--muted);max-width:430px;line-height:2.2}.step-photo{min-height:620px}.about-statement{display:grid;grid-template-columns:40% 1fr;gap:8%;background:var(--paper)}.large-numeral{display:block;font:300 clamp(180px,20vw,340px)/.8 var(--serif);letter-spacing:-.06em;margin:30px 0;color:var(--copper)}.large-numeral sup{font-size:.3em;vertical-align:top}.num-caption{font-size:10px;letter-spacing:.26em;font-weight:600}.about-statement h2{margin-bottom:32px;font-size:clamp(55px,6vw,90px)}.about-statement>div>p:not(.mini-caps){margin-bottom:24px;color:var(--muted);max-width:610px;font-size:14px;line-height:2.1}.areas-wrap{display:grid;grid-template-columns:40% 1fr;gap:10%;background:var(--paper)}.areas-copy h2{font-size:clamp(57px,5vw,83px);margin:25px 0}.areas-copy>p{line-height:2.1;color:var(--muted);max-width:350px}.areas-copy .text-underline{margin-top:30px}.areas-list>div{display:grid;grid-template-columns:65px 1fr;align-items:center;border-bottom:1px solid #cdbfb2;padding:12px 0}.areas-list>div:first-child{border-top:1px solid #cdbfb2}.areas-list span{font:300 30px var(--serif);color:var(--copper)}.areas-list strong{font:400 clamp(30px,3.4vw,55px) var(--serif)}
.contact-layout{background:var(--paper);display:grid;grid-template-columns:41% 1fr;gap:11%}.contact-data h2{font-size:clamp(56px,5.5vw,86px);margin:22px 0 55px}.detail-contact{border-top:1px solid var(--line);padding:23px 0;display:flex;flex-direction:column}.detail-contact span{font-size:9px;letter-spacing:.23em;margin-bottom:12px}.detail-contact a{font:400 clamp(23px,2.6vw,37px) var(--serif);line-height:1.4}.contact-form{background:#eee8e2;padding:50px 7%}.contact-form form{margin-top:25px}form label{display:block;color:#4c423a;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:22px}form input,form select,form textarea{width:100%;border:0;border-bottom:1px solid #b0a69b;border-radius:0;background:transparent;padding:14px 0;outline:none;font-size:14px;letter-spacing:0;color:var(--ink)}form input:focus,form select:focus,form textarea:focus{border-bottom-color:var(--copper)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-fine{color:var(--muted);font-size:10px;margin-top:20px;line-height:1.8}.booking-intro{height:610px;background:#e0d6cb;display:grid;grid-template-columns:48% 52%}.booking-photo{overflow:hidden}.booking-title{padding:175px 7% 65px;display:flex;flex-direction:column;justify-content:center}.booking-title .mini-caps{color:#a16f50}.booking-title h1{font:300 clamp(70px,7.5vw,120px)/.85 var(--serif);letter-spacing:.045em;margin:35px 0 20px}.booking-title p:last-child{color:var(--muted);max-width:450px;line-height:2}.booking-form-section{display:grid;grid-template-columns:47% 53%;min-height:650px}.booking-aside{background:#27201b;color:white;padding:13% 14%}.booking-aside .mini-caps{color:var(--copper)}.booking-aside h2{font-size:clamp(60px,6vw,95px);margin:27px 0}.booking-aside>p:not(.mini-caps){font-size:13px;color:#d1c5bb;max-width:370px;line-height:2.1}.booking-notes{display:flex;flex-direction:column;gap:18px;margin-top:50px;border-top:1px solid #63554a;padding-top:32px}.booking-notes span{font-size:10px;letter-spacing:.13em;color:#d3b49d}.booking-form{padding:11% 13%;background:var(--paper)}.booking-progress{display:flex;align-items:center;gap:20px;max-width:470px}.booking-progress>span{font:500 12px var(--sans);color:var(--copper);white-space:nowrap}.booking-progress>div{background:#ddd1c4;height:2px;flex:1}.booking-progress>div>span{display:block;height:2px;background:var(--copper);width:33%;transition:width .3s}.wizard-step{display:none;padding:0;margin:35px 0 0;border:0;min-width:0}.wizard-step.active{display:block}.wizard-step legend{font:400 clamp(51px,5vw,76px)/1 var(--serif);margin-bottom:35px;float:left;width:100%}.wizard-step legend i{color:var(--copper)}.wizard-step label{clear:both}.wizard-step button{margin-top:6px}.wizard-actions{display:flex;gap:22px;align-items:center}.wizard-actions>.text-underline{margin:0}.wizard-step.active button{max-width:100%}
/* footer */
.closing-invitation{background:#201811;padding:130px 5% 115px;color:var(--cream);text-align:center;position:relative}.closing-invitation>.mini-caps{color:var(--copper)}.closing-invitation h2{font-size:clamp(72px,8vw,135px);margin:19px 0 16px}.closing-invitation>p:not(.mini-caps){color:#cfc4ba;max-width:520px;margin:0 auto 32px;font-size:13px}.site-footer{background:#14100c;color:#d4c8be;padding:80px 6% 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:6%;max-width:1600px;margin:auto}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-logo{font:400 21px var(--serif);letter-spacing:.14em;color:white;line-height:1}.footer-logo span{font-size:55px;letter-spacing:-.09em}.footer-main p:not(.mini-caps){max-width:290px;color:#a99d92;font-size:12px;margin-top:20px;line-height:2}.footer-main a:not(.footer-logo){font-size:12px;line-height:1.7}.footer-main .mini-caps{color:var(--copper);margin-bottom:18px}.footer-bottom{border-top:1px solid #594a3e;margin-top:90px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:#95877a}.footer-bottom a{color:#e9d1bd}.mobile-contact{display:none}
@media(max-width:1300px){.divided-header{grid-template-columns:1fr 116px 1fr;padding:0 22px}.request-outline{display:none}.header-left,.header-right{gap:18px}.qodef-header-navigation{gap:15px}.phone-link{display:none}.flooring-grid{grid-template-columns:repeat(2,1fr)}.flooring-tile{height:580px}.tile-title h3{font-size:60px}}
@media(max-width:1000px){.site-header{height:88px}.site-drawer{top:88px}.divided-header{grid-template-columns:1fr 1fr;gap:0}.monogram{grid-column:1;grid-row:1;justify-self:start}.monogram-numbers{font-size:43px}.monogram-word{font-size:8px}.monogram-line{width:49px}.header-left{display:none}.header-right{grid-column:2;grid-row:1}.header-right nav{display:none}.nav-trigger{margin-left:auto}.hero-camden{height:830px;min-height:620px}.hero-centre{padding:120px 7% 90px}.hero-centre h1{font-size:clamp(79px,12vw,124px)}.hero-mark{bottom:25px}.hero-phone{bottom:25px}.slider-progress{display:none}.hendon-split{grid-template-columns:1fr 1fr;min-height:0;padding-right:6%}.split-text h2{font-size:65px}.stacked-images{height:500px}.material-hero,.booking-intro{min-height:630px}.material-hero-photo{min-height:630px}.material-hero-text{padding:170px 8% 60px 10%}.material-hero-text h1{font-size:74px}.material-detail{min-height:580px}.detail-copy{padding:7%}.editorial-title-section{padding-top:190px;min-height:580px}.contact-layout{gap:5%}.work-diptych>a:first-child{height:510px}.work-diptych>a:nth-child(2){height:420px}}
@media(max-width:700px){html{scroll-behavior:auto}body{font-size:13px}.section-pad{padding:75px 22px}.site-header{height:80px}.divided-header{padding:0 22px}.site-drawer{top:80px;height:calc(100dvh - 80px);overflow:auto}.monogram-numbers{font-size:39px}.monogram-line{margin-top:6px}.monogram-word{margin-top:6px}.nav-trigger{width:48px}.nav-trigger span{width:35px}.nav-trigger span:last-child{width:27px}.hero-camden{height:100svh;min-height:670px;max-height:900px}.slide-photo{background-position:55% center}.hero-centre{padding:145px 23px 115px;justify-content:center}.hero-sup{font-size:9px;letter-spacing:.23em;line-height:2;margin-bottom:22px}.hero-centre h1{font-size:clamp(61px,13.6vw,89px);letter-spacing:.015em;line-height:.95;margin:0 -12px 25px}.hero-description{font-size:11px;max-width:310px;line-height:1.9;margin:0 0 22px}.line-button{font-size:9px;letter-spacing:.12em;min-height:49px;padding:0 19px}.hero-mark{bottom:44px;left:18px;max-width:150px;font-size:8px;line-height:1.7}.hero-phone{bottom:44px;right:18px;font-size:8px;letter-spacing:.03em}.slide-index{top:auto;bottom:130px;right:50%;transform:translateX(50%);display:flex;flex-direction:row;gap:17px}.slide-choice{font-size:11px}.hendon-split{display:flex;flex-direction:column;gap:30px;padding:75px 24px 70px}.split-text{padding:0}.split-text h2{font-size:clamp(59px,13vw,80px);margin:22px 0}.thin-copy{font-size:13px}.stacked-images{height:400px;width:100%;margin:36px 0 25px}.stacked-major{width:73%;height:91%;left:8%}.stacked-minor{width:49%;height:48%;right:0}.outline-frame{top:-18px}.florz-collection{padding-top:70px}.collection-head{display:block;padding:0 23px 38px}.collection-head h2{font-size:71px;line-height:.97}.collection-head>p{margin-top:24px;max-width:100%;line-height:1.9}.flooring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flooring-tile{height:365px;border:0!important}.flooring-tile:nth-child(odd){border-right:2px solid var(--paper)!important}.flooring-tile:nth-child(-n+2){border-bottom:2px solid var(--paper)!important}.tile-title{left:13px;bottom:17px;right:9px}.tile-title h3{font-size:clamp(28px,7.5vw,43px);margin:7px 0 10px;line-height:.96}.tile-lvt .tile-title h3{font-size:30px}.tile-under{font-size:7px;letter-spacing:.1em}.tile-count{font-size:10px}.full-bleed-statement{height:auto;display:block}.statement-image{height:340px}.statement-text{padding:76px 26px 83px}.statement-text h2{font-size:61px}.process-panel{padding:76px 24px}.process-panel h2{font-size:62px;margin:17px 0 33px}.numbered-process{display:block}.numbered-process>div{padding:18px 0 22px}.numbered-process strong{font-size:40px}.numbered-process h3{font-size:40px;margin:5px 0}.numbered-process p{font-size:12px}.process-panel>a{margin-top:30px}.florz-work{padding:78px 22px}.work-head{display:block;margin-bottom:35px}.work-head h2{font-size:64px;margin:14px 0 20px}.work-diptych{grid-template-columns:1fr;gap:30px}.work-diptych>a:first-child{height:400px}.work-diptych>a:nth-child(2){height:370px;margin:0}.hendon-areas{padding:90px 22px}.hendon-areas h2{font-size:63px}.editorial-title-section{min-height:540px;padding:173px 22px 85px}.editorial-title-section h1{font-size:clamp(70px,14vw,100px);letter-spacing:.025em;margin:30px 0}.editorial-title-section:after{font-size:135px;right:7px;bottom:10px}.editorial-title-section>p{position:relative;z-index:2;max-width:320px}.page-flooring .florz-collection{padding-top:76px}.sample-selector{display:block}.selector-intro h2{font-size:65px}.selector-interactive{margin-top:40px}.room-tabs{gap:8px;justify-content:space-between}.room-tabs button{font-size:9px}.room-stage{height:530px}.room-description{width:85%;padding:21px}.room-description h3{font-size:33px}.material-hero{display:flex;flex-direction:column;min-height:0}.material-hero-text{padding:170px 22px 58px;order:0}.material-hero-text h1{font-size:clamp(71px,15vw,105px);margin:37px 0 23px;line-height:.88}.material-sub{font-size:38px}.material-hero-actions{margin-top:32px;gap:20px}.material-hero-photo{height:420px;min-height:420px}.material-editorial{display:block}.material-editorial>div{margin-top:32px}.material-editorial h2{font-size:61px;line-height:.95}.material-detail{display:block}.detail-photo{height:390px}.detail-copy{padding:80px 24px}.detail-copy h2{font-size:65px}.spec-list>div{grid-template-columns:36% 1fr;gap:13px}.spec-list strong{font-size:12px}.considerations h2{font-size:64px}.consideration-list>div{grid-template-columns:45px 1fr;padding:21px 0}.consideration-list p{font-size:27px}.next-material{padding:70px 22px}.next-material a{font-size:55px;display:block}.next-material a span{display:block;margin-top:8px}.image-title{min-height:620px}.hero-sub-text{padding:180px 22px 65px}.hero-sub-text h1{font-size:clamp(68px,14vw,105px)}.fitting-intro{display:block}.fitting-intro h2{font-size:59px}.fitting-intro>p{margin-top:27px}.ser-lines>div{font-size:30px;gap:15px}.ser-lines span{width:42px}.gallery-heading{display:block}.gallery-tabs{margin-top:25px;gap:18px}.gallery-tabs button{font-size:9px}.project-grid{display:block}.project-tile{margin-bottom:45px}.project-tile>img,.project-tile:nth-child(3n)>img{height:360px}.project-tile figcaption{grid-template-columns:32px 1fr}.project-tile figcaption strong{font-size:34px}.big-step{display:block}.big-step:nth-child(even) .step-photo{order:unset}.step-left{padding:65px 25px}.step-left>span{font-size:80px}.step-left h2{font-size:57px}.step-photo{min-height:0;height:370px}.about-statement{display:block}.large-numeral{font-size:210px}.about-statement>div:last-child{margin-top:75px}.about-statement h2{font-size:64px}.areas-wrap{display:block}.areas-copy h2{font-size:61px}.areas-list{margin-top:50px}.areas-list>div{grid-template-columns:42px 1fr}.areas-list strong{font-size:34px}.contact-layout{display:block}.contact-data h2{font-size:65px}.contact-form{margin:70px -22px -75px;padding:65px 22px}.field-pair{grid-template-columns:1fr;gap:0}.booking-intro{height:auto;display:flex;flex-direction:column-reverse}.booking-photo{height:320px}.booking-title{padding:160px 22px 55px}.booking-title h1{font-size:clamp(72px,15vw,105px)}.booking-form-section{display:block}.booking-aside{padding:75px 24px}.booking-aside h2{font-size:72px}.booking-notes{margin-top:45px}.booking-form{padding:75px 23px}.wizard-step legend{font-size:58px}.closing-invitation{padding:90px 23px}.closing-invitation h2{font-size:71px}.site-footer{padding:75px 22px 105px}.footer-main{grid-template-columns:1fr 1fr;gap:48px 16px}.footer-main>div:first-child{grid-column:1/-1}.footer-logo{font-size:20px}.footer-bottom{margin-top:68px;display:block}.footer-bottom>span{display:block;margin-top:8px}.mobile-contact{display:grid;grid-template-columns:1fr 1.3fr;position:fixed;bottom:0;left:0;right:0;z-index:70;height:59px;background:var(--ink);color:white;box-shadow:0 -2px 20px #0003}.mobile-contact a{display:flex;align-items:center;justify-content:center;font:600 10px var(--sans);letter-spacing:.12em}.mobile-contact a:first-child{border-right:1px solid #817063}.mobile-contact a:last-child{background:var(--copper);color:var(--ink)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.bdt-slideshow-item:not(.active){display:none}}
/* Header sits over dark photography on these page templates */
.page-flooring .site-header,.page-our-work .site-header,.page-how-it-works .site-header,.page-areas .site-header,.page-contact .site-header,.page-about .site-header,.page-fitting .site-header{color:#f3f1ee;border-color:#ffffff40}
/* Keep the reference-style full-width headline in its intended two-line composition */
@media (min-width:701px){.hero-centre h1{font-size:clamp(75px,8.15vw,134px);white-space:nowrap;line-height:.88}}
@media (max-width:700px){.hero-centre h1{white-space:normal}}
/* Keep the booking editorial title within its photographic split */
.booking-title h1{font-size:clamp(58px,5vw,88px);line-height:.94;letter-spacing:.015em}
@media(max-width:700px){.booking-title h1{font-size:clamp(49px,10.1vw,67px);letter-spacing:0;line-height:.96}}

/* V4: Exact typography families defined in supplied AxiomThemes Carpet source.
   Antonio for display/section headings; Noto Sans for reading, labels, forms and navigation.
   Only typography and service-focused language are updated. */
:root{--display:'Antonio','Arial Narrow',sans-serif;--body:'Noto Sans',Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--body)}
h1,h2,h3,h4,.drawer-main a,.footer-logo,.monogram-numbers,.large-numeral,.step-left>span{font-family:var(--display)}
h1,h2,h3{font-weight:550;line-height:1.1;letter-spacing:0}
h1 i,h2 i,h3 i{font-style:normal;font-weight:500;color:var(--copper)}
.hero-centre h1{font-family:var(--display);font-weight:600;font-size:clamp(85px,10.5vw,166px);line-height:1.07;letter-spacing:-.017em;margin:0 0 23px;max-width:1250px;white-space:normal;text-transform:uppercase}
.hero-sup{font-family:var(--body);font-weight:600;letter-spacing:.19em}
.split-text h2{font-size:clamp(66px,6.6vw,108px);line-height:1.13;letter-spacing:0}
.collection-head h2{font-size:clamp(74px,7.2vw,118px);line-height:1.12;letter-spacing:0}
.tile-title h3{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:0;font-size:clamp(45px,3.8vw,66px)}
.work-head h2,.statement-text h2{line-height:1.1;letter-spacing:0}
.editorial-title-section h1{font-family:var(--display);font-size:clamp(98px,11vw,178px);line-height:1.08;letter-spacing:-.012em;font-weight:600}
.editorial-title-section:after{font-family:var(--display);font-weight:500;letter-spacing:-.02em}
.material-hero-text h1{font-family:var(--display);font-size:clamp(83px,8.4vw,138px);line-height:1.08;letter-spacing:0;font-weight:600}
.material-sub{font-family:var(--body);font-weight:400;font-size:clamp(20px,2.1vw,29px);line-height:1.5}
.hero-sub-text h1{font-family:var(--display);font-size:clamp(90px,10.7vw,168px);line-height:1.07;letter-spacing:0;font-weight:600}
.booking-title h1{font-family:var(--display);font-size:clamp(78px,6.8vw,111px);font-weight:600;line-height:1.08;letter-spacing:0}
.step-left h2{font-family:var(--display);font-weight:550;line-height:1.1}
.step-left>span{font-family:var(--display);font-weight:500}
.ser-lines>div{font-family:var(--display);font-weight:550}
.drawer-main a{font-size:35px;font-weight:500;line-height:1.2}
.monogram-numbers{font-size:62px;font-weight:600;letter-spacing:-.065em;line-height:.85}
.monogram-word{font-family:var(--body);letter-spacing:.24em}
.footer-logo{font-size:29px;font-weight:550;letter-spacing:.01em}
.footer-logo span{font-family:var(--display);font-size:61px;font-weight:600;letter-spacing:-.05em}
.closing-invitation h2{font-family:var(--display);font-weight:550;font-size:clamp(82px,8.8vw,143px);line-height:1.12}
.process-panel h2,.material-editorial h2,.selector-intro h2,.fitting-intro h2,.contact-data h2{line-height:1.12}
.numbered-process h3{font-weight:550;line-height:1.15}
.mini-caps,.editorial-kicker{font-family:var(--body);font-size:10px;letter-spacing:.18em;font-weight:700}
.line-button,.text-underline,.tile-under,.qodef-header-navigation a,.request-outline,.phone-link{font-family:var(--body);font-weight:700;letter-spacing:.08em}
.hero-description,.thin-copy,.collection-head>p,.statement-text p,.contact-layout p{font-family:var(--body)}
@media(max-width:1300px){.tile-title h3{font-size:clamp(43px,5.1vw,67px)}}
@media(max-width:1000px){.monogram-numbers{font-size:48px}.hero-centre h1{font-size:clamp(78px,11.8vw,136px)}.material-hero-text h1{font-size:clamp(76px,9vw,107px)}.editorial-title-section h1{font-size:clamp(80px,12vw,130px)}}
@media(max-width:700px){
 .hero-centre h1{font-size:clamp(63px,14.5vw,97px);line-height:1.04;letter-spacing:-.012em;white-space:normal;margin:0 0 20px}
 .hero-sup{font-size:9px;letter-spacing:.16em}
 .monogram-numbers{font-size:44px}
 .split-text h2{font-size:clamp(58px,12vw,82px);line-height:1.13}
 .collection-head h2{font-size:clamp(65px,12.5vw,89px);line-height:1.09}
 .tile-title h3{font-size:clamp(41px,8.5vw,60px);line-height:1.05}
 .editorial-title-section h1{font-size:clamp(80px,15.5vw,116px);line-height:1.07;letter-spacing:0}
 .material-hero-text h1{font-size:clamp(75px,16vw,119px);line-height:1.07}
 .material-sub{font-size:20px;line-height:1.5}
 .hero-sub-text h1{font-size:clamp(75px,15.5vw,120px);line-height:1.07}
 .booking-title h1{font-size:clamp(68px,13vw,93px);line-height:1.06}
 .closing-invitation h2{font-size:clamp(70px,13vw,95px)}
 .footer-logo{font-size:27px}
}