:root{--ink:#18221f;--paper:#f5f3ed;--copper:#cf895f;--line:#d9dbd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:1px;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:7px}.mark{background:var(--ink);color:var(--paper);font-size:30px;padding:8px 12px;line-height:1;position:relative}.mark span{font-size:16px;color:var(--copper)}nav{display:flex;gap:28px;align-items:center;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:10px 17px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:70px 8% 55px 10%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1{font-size:clamp(45px,5.7vw,88px);letter-spacing:-4px;line-height:1.03;font-weight:500;margin:0 0 28px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#8a5034}.intro{max-width:410px;color:#65716a;font-size:17px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 23px;font-size:13px;font-weight:700;cursor:pointer}.copper{background:var(--copper);color:var(--ink)}.button:hover{background:#e7a17a}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.hero-note{display:flex;gap:24px;font-size:9px;letter-spacing:1.5px;margin-top:58px}.floor-image{background-image:url('assets/flooring-inspiration.png');background-size:200% 200%;background-repeat:no-repeat;background-color:#c9c8bd}.polished{background-position:left top}.flake{background-position:right top}.terrazzo{background-position:left bottom}.wood{background-position:right bottom}.hero-photo{position:relative;min-height:540px}.photo-tag{position:absolute;top:28px;left:28px;padding:8px 12px;background:rgba(245,243,237,.88);font-size:9px;letter-spacing:1.8px}.photo-caption{position:absolute;bottom:0;width:100%;padding:18px 25px;background:rgba(24,34,31,.9);color:white;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.strip{display:flex;justify-content:space-around;padding:23px 5%;background:var(--ink);color:#dfe2d9;font-size:12px;letter-spacing:1px}.strip span:before{content:'✦';color:var(--copper);margin-right:16px}.section{padding:95px 8%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:50px;margin-bottom:40px;align-items:end}h2{font-size:clamp(35px,4vw,60px);line-height:1.1;font-weight:500;letter-spacing:-2px;margin:0}p{color:#67716b}.section-head>p{max-width:350px;font-size:14px;margin:0}.service-list article{display:flex;gap:35px;padding:29px 0;border-top:1px solid var(--line);align-items:start}.number{font-size:12px;color:#976344;padding-top:7px}.service-list article div{flex:1}.service-list h3{font-size:24px;font-weight:500;margin:0 0 6px}.service-list p{font-size:14px;max-width:730px;margin:0}.arrow{font-size:27px}.finishes{background:#e9eae3;max-width:none}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid #bcc3b8;padding:9px 18px;border-radius:30px;background:none;font-size:12px;cursor:pointer}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.gallery article[hidden]{display:none}.gallery .floor-image{aspect-ratio:1.5}.card-caption{display:flex;justify-content:space-between;margin-top:14px}.card-caption small{font-size:8px;letter-spacing:1.5px;color:#667268}.card-caption h3{font-weight:500;margin:4px 0;font-size:22px}.card-caption>span{font-size:11px;color:#6e796f;padding-top:10px}.image-note{font-size:11px;max-width:800px;margin-top:27px}.custom-note{margin-top:35px;padding-top:25px;border-top:1px solid #bfc8bb;display:flex;gap:35px;align-items:center}.custom-note strong{font-size:17px;white-space:nowrap}.custom-note p{font-size:13px;flex:1}.custom-note a{font-size:12px;white-space:nowrap;border-bottom:1px solid}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach>div>p:not(.eyebrow){max-width:350px;font-size:14px;margin:25px 0}.approach ol{list-style:none;margin:0;padding:0}.approach li{display:flex;gap:25px;border-top:1px solid var(--line);padding:23px 0}.approach li>span{color:#986d50;font-size:13px}.approach h3{margin:0;font-size:19px;font-weight:500}.approach li p{font-size:13px;margin:10px 0}.faq{border-top:1px solid var(--line);padding-top:60px}.faq h2{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:17px}.faq details p{font-size:14px;max-width:850px}.contact{max-width:none;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact .eyebrow{color:var(--copper)}.contact h2 em{color:var(--copper)}.contact p{color:#aab6ad;font-size:14px}.person{display:flex;gap:15px;align-items:center;margin:36px 0 20px}.avatar{border:1px solid #526157;width:55px;height:55px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.person h3{margin:0;font-size:21px;font-weight:500}.person small{font-size:9px;letter-spacing:2px;color:var(--copper)}.contact-phone{display:block;font-size:29px}.email{display:block;font-size:14px;margin-top:10px;overflow-wrap:anywhere}.contact .contact-small{font-size:11px;max-width:300px;margin-top:20px}form{border:1px solid #455348;padding:30px}form h3{font-size:24px;font-weight:500;margin:0}form>p{margin:8px 0 22px!important;font-size:11px!important}label{display:block;font-size:11px;margin:16px 0 6px}label span{color:#aab6ad}input,select,textarea{width:100%;color:var(--paper);background:#233029;border:1px solid #556258;border-radius:0;padding:12px;font-size:13px}input::placeholder,textarea::placeholder{color:#b3bdb4}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--copper)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{width:100%;margin-top:20px}footer{padding:45px 8%;display:flex;align-items:center;gap:40px;justify-content:space-between}footer p{font-size:12px}footer>div{display:flex;gap:25px;font-size:10px;color:#67716b}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.hero-copy{padding-top:50px}.hero-note{gap:12px}h1{letter-spacing:-2px}.approach{gap:45px}.contact{gap:35px}.custom-note{flex-wrap:wrap;gap:10px 30px}.custom-note p{min-width:250px}footer{flex-wrap:wrap}}@media(max-width:760px){header{padding:18px 6%}.brand{font-size:20px}.menu{display:block;background:none;border:1px solid var(--ink);padding:6px 12px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}h1{font-size:60px}.hero-photo{min-height:350px}.hero-note{margin-top:35px}.strip{flex-direction:column;gap:8px;padding:23px 7%}.section{padding:60px 7%}.section-head{display:block}.section-head>p{margin-top:25px;max-width:100%}.service-list article{gap:20px}.service-list h3{font-size:21px}.gallery{gap:30px;grid-template-columns:1fr}.approach,.contact{grid-template-columns:1fr;gap:40px}.custom-note{display:block}.custom-note strong{white-space:normal}.form-row{grid-template-columns:1fr;gap:0}form{padding:23px}.contact-phone{font-size:27px}footer{padding:35px 7%;gap:20px}footer>div{width:100%;justify-content:space-between}.hero-photo .photo-caption{font-size:8px}.card-caption h3{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
