/* 999 Flooring V9.3: mobile size and image rendering, surgical overrides only. */
:root { --site-mobile-gutter:18px; }
html,body{max-width:100%;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
/* Keep images sharp at their displayed dimensions rather than zooming small files. */
.flooring-tile img,.flooring-tile .tile-image img,.work-diptych img,.stacked-images img {max-width:100%;image-rendering:auto;}
.slide-photo,.flooring-tile img,.room-stage img{background-position:center;}
.flooring-tile img {object-fit:cover;object-position:50% 52%;}
.flooring-tile:hover img{transform:none}
.flooring-tile .tile-image img{transform:none!important;transition:none!important}
/* Visually modest, indexable search-supporting information. */
.seo-support{background:#f5f1eb;color:#211b17;padding:38px max(24px,5vw) 43px;border-top:1px solid #ded4c9}
.seo-support-inner{max-width:1130px;margin:auto}
.seo-support .mini-caps{color:#a8785e;font-size:10px;margin:0 0 9px}
.seo-support h2{font:500 clamp(29px,3.5vw,44px)/1.13 var(--display,'Antonio',sans-serif);margin:0 0 18px;letter-spacing:0}
.seo-support-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.seo-support details{border-bottom:1px solid #cbbeb0;padding:10px 0 13px;min-width:0}
.seo-support summary{cursor:pointer;font:650 13px/1.45 var(--body,'Noto Sans',sans-serif);list-style:none;padding-right:18px;position:relative}
.seo-support summary::after{content:'+';position:absolute;right:1px;top:0;font-weight:400;font-size:20px}
.seo-support details[open] summary::after{content:'−'}
.seo-support details p{font:400 12px/1.75 var(--body,'Noto Sans',sans-serif);margin:9px 0 0;color:#61554a}
.seo-support .seo-related{display:flex;gap:8px 16px;flex-wrap:wrap;margin:18px 0 0}
.seo-support .seo-related a{font:700 11px/1.4 var(--body,'Noto Sans',sans-serif);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .site-header{z-index:999!important}
 .divided-header{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;padding:0 16px!important;gap:8px!important;width:100%!important}
 .divided-header>.qodef-header-logo-link.brand-real{order:0!important;grid-area:auto!important;flex:0 0 51px!important;width:51px!important;min-width:51px!important;max-width:51px!important;height:52px!important;position:relative!important;z-index:2!important;margin:0!important}
 .divided-header>.qodef-header-logo-link.brand-real img{width:51px!important;max-width:51px!important;height:49px!important;max-height:49px!important;object-fit:contain!important;filter:none!important}
 .divided-header>.header-right{order:2!important;display:flex!important;flex:0 0 68px!important;min-width:68px!important;width:68px!important;align-items:center!important;justify-content:flex-end!important;grid-area:auto!important;margin:0!important}
 .divided-header>.mobile-brand-word{display:block!important;position:static!important;order:1!important;flex:1 1 auto!important;min-width:0!important;max-width:unset!important;text-align:center!important;transform:none!important;font:600 clamp(16px,4.6vw,21px)/1 var(--display,'Antonio',sans-serif)!important;letter-spacing:.05em!important;white-space:nowrap!important;pointer-events:none}
 .nav-trigger{display:flex!important;flex-direction:column!important;gap:5px!important;justify-content:center!important;align-items:center!important;width:63px!important;min-width:63px!important;height:50px!important;padding:4px!important;position:relative!important}
 .nav-trigger>.menu-label{display:block!important;background:transparent!important;width:auto!important;height:auto!important;font:700 9px/1.1 var(--body,'Noto Sans',sans-serif)!important;letter-spacing:.07em!important;transform:none!important}
 .nav-trigger>span:not(.menu-label){width:27px!important;height:2px!important;min-height:2px!important;background:currentColor!important;display:block!important;grid-area:auto!important;margin:0!important;align-self:center!important}
 .site-header,.divided-header{height:67px!important}
 .site-drawer{top:67px!important;height:calc(100dvh - 67px)!important}
 .hero-camden{height:590px!important;max-height:calc(100svh - 50px)!important;min-height:510px!important}
 .hero-centre{padding:94px 19px 77px!important}
 .hero-centre h1,.hero-centre .slide-secondary-heading{font-size:clamp(40px,10.3vw,55px)!important;font-weight:600!important;line-height:.99!important;max-width:100%!important;letter-spacing:-.005em!important;margin:0 0 13px!important;white-space:normal!important}
 .hero-sup{font-size:9px!important;letter-spacing:.10em!important;margin:0 0 13px!important}
 .hero-description{font-size:12px!important;line-height:1.5!important;max-width:300px!important;margin:0 0 13px!important}
 .hero-centre .line-button{font-size:10px!important;min-height:42px!important}
 .slider-progress,.hero-phone,.hero-mark{display:none!important}
 .slide-index{bottom:88px!important;right:50%!important;transform:translateX(50%)!important;top:auto!important;width:108px!important;display:flex!important;gap:11px!important;justify-content:center!important}
 .hendon-split{padding:33px var(--site-mobile-gutter) 35px!important;min-height:0!important}
 .stacked-images{height:162px!important;min-height:0!important;margin:0 0 19px!important;max-width:100%!important}
 .stacked-major{width:72%!important;height:100%!important;left:0!important;top:0!important}
 .stacked-minor{width:35%!important;height:56%!important;bottom:0!important;right:0!important}
 .outline-frame{display:none!important}
 .split-text h2{font-size:clamp(33px,9vw,44px)!important;line-height:1.05!important;margin:8px 0 12px!important;letter-spacing:0!important}
 .split-text h2 br{display:none!important}
 .split-text .thin-copy{font-size:12px!important;line-height:1.53!important;margin:0 0 10px!important}
 .florz-collection{padding:30px 0 0!important}
 .collection-head{padding:0 var(--site-mobile-gutter) 17px!important}
 .collection-head h2{font-size:clamp(34px,9.2vw,45px)!important;line-height:1.02!important;margin:4px 0!important;letter-spacing:0!important}
 .collection-head>p{font-size:11px!important;line-height:1.5!important;margin:6px 0 0!important}
 .flooring-grid{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding:0 var(--site-mobile-gutter) 11px!important;width:100%!important}
 .flooring-grid>.flooring-tile{flex:0 0 43vw!important;min-width:0!important;width:43vw!important;max-width:195px!important;height:187px!important;min-height:0!important;scroll-snap-align:start!important;position:relative!important;border:0!important}
 .flooring-grid .tile-title{bottom:11px!important;left:10px!important;right:7px!important}
 .flooring-grid .tile-title h3,.flooring-grid .tile-lvt .tile-title h3{font-size:clamp(24px,6vw,31px)!important;line-height:1.04!important;margin:4px 0 6px!important}
 .flooring-grid .tile-count,.flooring-grid .tile-under{font-size:8px!important;letter-spacing:0!important}
 .flooring-grid .tile-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
 .full-bleed-statement .statement-image{height:165px!important}
 .statement-text{padding:28px var(--site-mobile-gutter) 31px!important}
 .statement-text h2,.process-panel h2,.work-head h2,.hendon-areas h2{font-size:clamp(34px,9.2vw,43px)!important;line-height:1.04!important}
 .process-panel{padding:33px var(--site-mobile-gutter)!important}
 .numbered-process>div h3{font-size:25px!important}
 .florz-work.section-pad,.hendon-areas,.closing-invitation{padding-top:34px!important;padding-bottom:34px!important}
 .work-diptych>a,.work-diptych>a:nth-child(2){flex:0 0 66vw!important;width:66vw!important;height:185px!important;margin:0!important}
 .work-head{margin-bottom:12px!important}
 .editorial-title-section{padding:104px var(--site-mobile-gutter) 34px!important;min-height:0!important}
 .editorial-title-section h1{font-size:clamp(40px,10vw,52px)!important;line-height:1.01!important;margin:10px 0!important;letter-spacing:0!important}
 .editorial-title-section>p{font-size:12px!important;line-height:1.5!important}
 .hero-sub,.image-title{height:315px!important;min-height:315px!important}
 .hero-sub-text{padding:101px var(--site-mobile-gutter) 27px!important}
 .hero-sub-text h1,.image-title h1{font-size:clamp(38px,9.5vw,51px)!important;line-height:1!important}
 .material-hero-text{padding:100px var(--site-mobile-gutter) 26px!important}
 .material-hero-text h1{font-size:clamp(44px,10.5vw,58px)!important}
 .material-hero-photo{height:170px!important;min-height:170px!important}
 .material-editorial,.material-detail .detail-copy,.considerations,.fitting-intro,.contact-layout,.areas-wrap,.about-statement{padding:33px var(--site-mobile-gutter)!important}
 .material-editorial h2,.detail-copy h2,.considerations h2,.fitting-intro h2,.contact-data h2,.areas-copy h2,.about-statement h2{font-size:clamp(35px,9.4vw,47px)!important;line-height:1.06!important}
 .detail-photo{height:185px!important}
 .project-grid{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;gap:11px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:0 18px 13px!important}
 .project-grid .project-tile{flex:0 0 63vw!important;width:63vw!important;margin:0!important;scroll-snap-align:start!important}
 .project-grid .project-tile>img{height:195px!important;min-height:0!important}
 .project-grid .project-tile figcaption strong{font-size:22px!important}
 .seo-support{padding:30px 18px 34px!important}
 .seo-support-details{grid-template-columns:1fr!important;gap:0!important}
 .seo-support h2{font-size:32px!important}
 .contact-form{margin:20px 0 0!important;padding:22px 16px!important}
 #booking-wizard,.booking-form,#booking-wizard fieldset,#booking-wizard label{width:100%!important;max-width:100%!important;min-width:0!important}
 #booking-wizard input,#booking-wizard select,#booking-wizard textarea{font-size:16px!important;max-width:100%!important;min-width:0!important}
 .booking-title h1{font-size:clamp(42px,10.5vw,53px)!important;line-height:1.02!important}
 .booking-aside{padding:25px var(--site-mobile-gutter)!important}
 .booking-form{padding:24px var(--site-mobile-gutter) 28px!important}
 .wizard-step legend{font-size:36px!important;line-height:1.07!important}
 .site-footer{padding-top:31px!important}
}
@media(max-width:374px){
 .divided-header>.qodef-header-logo-link.brand-real,.divided-header>.qodef-header-logo-link.brand-real img{width:43px!important;max-width:43px!important}
 .divided-header>.mobile-brand-word{font-size:16px!important}
 .flooring-grid>.flooring-tile{flex-basis:45vw!important;width:45vw!important}
}
@media(min-width:701px) and (max-width:1000px){
 .flooring-grid>.flooring-tile{flex:0 0 29vw!important;width:29vw!important;height:250px!important;max-width:none!important}
 .hero-centre h1,.hero-centre .slide-secondary-heading{font-size:clamp(58px,8vw,75px)!important}
}
@media(min-width:1001px){
 .seo-support{padding:45px 7vw}
 .flooring-tile{height:clamp(360px,32vw,500px)!important}
}
@media(prefers-reduced-motion:reduce){.flooring-tile img,.slide-photo{transition:none!important;transform:none!important}}