:root{--ink:#171815;--dark:#171915;--gold:#c5a15a;--cream:#f3f1eb;--paper:#faf9f5;--line:#d8d6cd;--muted:#63665f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c5a15a;outline-offset:4px}.skip{position:absolute;top:-60px;left:10px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.wrap{width:min(1310px,calc(100% - 112px));margin:auto}.preview-note{background:#d7c69d;color:#29261e;text-align:center;font-size:11px;padding:8px 20px;letter-spacing:.03em}.preview-note span{padding:0 7px}.header{height:92px;background:#f9f8f4;display:flex;align-items:center;justify-content:space-between;padding:0 56px;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-3px;border-right:1px solid #aaa9a0;padding-right:13px}.brand-symbol span{color:var(--gold);font-size:31px}.brand-words{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:.16em;line-height:1}.brand-words small{display:block;font-size:8px;letter-spacing:.39em;margin-top:7px;font-weight:600}.nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav a:hover,.footer-links a:hover{color:#a57c35}.header-cta{font-size:12px;font-weight:700;letter-spacing:.03em;border-bottom:1px solid #bd9c5c;padding:12px 0}.header-cta span{margin-left:20px;color:#a47f3d}.menu-toggle,.mobile-menu{display:none}.hero{min-height:650px;height:calc(100svh - 120px);max-height:850px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:#31332f}.hero-image{position:absolute;inset:0;background:url('hero-floor.jpg') center 58%/cover no-repeat;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,15,13,.84) 0%,rgba(14,15,13,.65) 43%,rgba(14,15,13,.08) 100%),linear-gradient(0deg,rgba(13,15,13,.38),transparent 35%)}.hero-content{position:relative;padding-bottom:20px}.eyebrow{display:flex;align-items:center;gap:12px;color:#917344;font-size:10px;font-weight:800;letter-spacing:.18em;margin:0 0 25px}.eyebrow.light{color:#ddc79f}.line{display:inline-block;width:30px;height:1px;background:currentColor}.hero h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;font-weight:600;line-height:1.08}.hero h1{font-size:clamp(48px,5.7vw,85px);margin:0 0 24px;max-width:800px}.hero h1 em,h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.025em}.hero h1 em{color:#e0cfac}.hero-copy{font-size:17px;line-height:1.7;max-width:535px;color:#ecece6;margin:0}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:37px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 22px;font-size:12px;font-weight:700;letter-spacing:.02em;min-height:58px;transition:background .2s,color .2s}.button span{font-size:17px}.button-gold{background:#c9ad77;color:#171815}.button-gold:hover{background:#e5d1a8}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:12px;font-weight:700;border-bottom:1px solid #b99d6d;padding:0 0 9px}.text-link span{font-size:17px}.text-link.white{color:white}.hero-bottom{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#e3e0d7}.hero-bottom i{display:inline-block;width:60px;border-top:1px solid #bfa575;margin:0 10px 3px}.concept-tag{position:absolute;right:18px;bottom:10px;color:#ddd;font-size:8px;letter-spacing:.12em}.section{padding:128px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro h2,.section-heading h2,.compare-heading h2,.process h2,.faq h2{font-size:clamp(39px,4vw,61px);margin:0}.intro h2 em,.section-heading h2 em,.compare-heading h2 em,.process h2 em,.faq h2 em{color:#8f754a}.intro-right{max-width:520px;padding-top:30px}.intro-right p,.section-heading>p,.compare-heading>p,.faq-intro{color:#676963;font-size:15px;line-height:1.8}.intro-right .large-copy{font-size:21px;line-height:1.6;color:#262923;margin-top:0}.intro-right .text-link{margin-top:15px}.finishes{background:#eeeee8}.section-heading,.compare-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading>p,.compare-heading>p{max-width:365px;margin:0}.finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.finish-card{background:#faf9f5}.finish-visual{height:370px;position:relative;overflow:hidden}.metallic-visual{background:linear-gradient(140deg,transparent 20%,rgba(19,19,17,.1)),url('hero-floor.jpg') center 70%/cover}.flake-visual{background-color:#626660;background-image:radial-gradient(ellipse at 12% 18%,#d4d3c8 0 2px,transparent 3px),radial-gradient(ellipse at 65% 48%,#1d211f 0 2px,transparent 3px),radial-gradient(ellipse at 80% 24%,#eeece1 0 1px,transparent 2px),radial-gradient(ellipse at 30% 75%,#bcb9a9 0 3px,transparent 4px),radial-gradient(ellipse at 50% 15%,#383b37 0 2px,transparent 3px),linear-gradient(120deg,#383d39,#8c8d84);background-size:37px 31px,43px 37px,31px 29px,51px 47px,31px 31px,100% 100%}.finish-num,.visual-caption{position:absolute;color:white;z-index:1;font-size:9px;letter-spacing:.13em;text-shadow:0 1px 7px #000}.finish-num{top:24px;left:24px}.visual-caption{bottom:18px;right:20px;font-size:8px}.finish-body{padding:30px 31px 35px;display:flex;justify-content:space-between;gap:20px;min-height:215px}.micro{font-size:9px;letter-spacing:.15em;color:#95743c;font-weight:800}.finish-body h3{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.04em;margin:12px 0}.finish-body p:not(.micro){font-size:14px;line-height:1.7;color:#686a64;max-width:440px}.round-arrow{width:44px;height:44px;display:grid;place-items:center;border:1px solid #bfbeb4;border-radius:50%;flex:none;font-size:18px;transition:.2s}.round-arrow:hover{background:#1d211c;color:#fff}.compare-heading{margin-bottom:55px}.compare-table{border-top:1px solid #a8aba1}.compare-row{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:26px;padding:23px 0;border-bottom:1px solid #d8d9d1;font-size:14px;line-height:1.55}.compare-row span:first-child{font-weight:700}.compare-top{font-size:10px;letter-spacing:.13em;color:#8b7042}.compare-note{font-size:12px;color:#777b73;margin-top:23px}.statement{background:#1c211c;color:white;padding:110px 0;position:relative;overflow:hidden}.statement:after{content:'';position:absolute;width:600px;height:600px;border:1px solid rgba(197,161,90,.18);border-radius:50%;right:-180px;top:-300px;box-shadow:0 0 0 70px rgba(197,161,90,.025),0 0 0 140px rgba(197,161,90,.025),0 0 0 210px rgba(197,161,90,.02)}.statement-inner{position:relative;z-index:1}.statement h2,.contact h2{font-size:clamp(42px,5.5vw,80px);margin:0;color:#faf9f4}.statement h2 em,.contact h2 em{color:#cbb184}.statement-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:48px}.statement-bottom p{font-size:16px;line-height:1.8;color:#c9cec6;max-width:570px;margin:0}.button-outline{border:1px solid #a59e8b;color:#fff;white-space:nowrap}.button-outline:hover{background:#fff;color:#171815}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:70px}.step-num{color:#b2925e;font-family:'Cormorant Garamond',serif;font-size:30px;font-style:italic}.step-line{border-top:1px solid #c7c9bf;margin:22px 0 28px}.steps h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.02em}.steps p{font-size:14px;line-height:1.8;color:#6c6e68}.faq{background:#efefe9}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.faq-intro{max-width:320px;margin-top:25px}.faq-list{border-top:1px solid #b9bcb1}.faq-list details{border-bottom:1px solid #c9ccc2}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:#9a7e4b;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#646861;line-height:1.75;font-size:14px;padding:0 40px 22px 0;margin:0}.contact{background:#20231f;color:white;padding:115px 0}.contact-inner{display:grid;grid-template-columns:1.4fr .8fr;gap:90px;align-items:center}.contact-inner>div>p:not(.eyebrow){color:#c5c9c0;line-height:1.75;max-width:530px;margin-top:25px}.contact-card{background:#f7f6ef;color:#1b1d19;padding:35px}.contact-card h3{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.04em;margin:18px 0 12px}.contact-card>p:not(.micro){color:#686c65;font-size:14px;line-height:1.7}.coming-soon{margin:26px 0 16px;padding:18px;background:#d1ba8c;color:#24241e;font-weight:700;font-size:13px;display:flex;justify-content:space-between}.contact-card small{color:#70736b;font-size:11px}.footer{background:#151714;color:#e3e4db}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 0}.footer-brand .brand-symbol{border-color:#52544a}.footer-main>p{color:#9ea398;font-size:13px;line-height:1.7}.footer-links{display:flex;gap:24px;color:#cdd0c6;font-size:12px}.footer-bottom{border-top:1px solid #393b34;display:flex;justify-content:space-between;padding:20px 0 24px;color:#858a7f;font-size:9px;letter-spacing:.13em}
@media(max-width:900px){.wrap{width:min(100% - 48px,700px)}.header{height:78px;padding:0 24px}.nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;width:44px;height:44px}.menu-toggle span{width:25px;height:1px;background:#222}.mobile-menu:not([hidden]){display:grid;background:#f9f8f4;padding:0 24px 20px;position:absolute;z-index:10;width:100%;gap:0}.mobile-menu a{padding:14px 0;border-top:1px solid #deded7;font-size:14px}.hero{min-height:600px;height:75svh}.hero-shade{background:linear-gradient(90deg,rgba(13,15,13,.83),rgba(13,15,13,.4)),linear-gradient(0deg,rgba(13,15,13,.4),transparent)}.intro,.faq-layout{gap:45px}.section{padding:90px 0}.finish-visual{height:260px}.steps{grid-template-columns:1fr 1fr}.contact-inner{gap:35px;grid-template-columns:1fr 1fr}.contact h2{font-size:50px}.statement-bottom{align-items:start;flex-direction:column}}
@media(max-width:600px){.preview-note{font-size:10px}.header{height:74px}.hero{height:680px;min-height:0;max-height:82svh}.hero h1{font-size:clamp(45px,11vw,62px)}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px}.hero-bottom span:last-child{display:none}.section{padding:75px 0}.intro,.faq-layout,.contact-inner{grid-template-columns:1fr;gap:28px}.intro-right{padding:0}.intro-right .large-copy{font-size:18px}.section-heading,.compare-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:35px}.finish-grid{grid-template-columns:1fr;gap:20px}.finish-visual{height:260px}.finish-body{min-height:0;padding:25px}.compare-row{grid-template-columns:.75fr 1fr 1fr;gap:12px;font-size:12px;padding:18px 0}.compare-top{font-size:8px;letter-spacing:.06em}.statement{padding:80px 0}.statement h2,.contact h2{font-size:45px}.steps{gap:25px 18px;margin-top:45px}.steps p{font-size:13px}.faq-layout{gap:35px}.contact{padding:80px 0}.footer-main{align-items:flex-start;flex-direction:column}.footer-bottom{gap:15px;flex-direction:column}.brand-words{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.brand-logo{display:block;width:126px;height:76px;object-fit:cover;mix-blend-mode:multiply}.footer-brand{background:#faf9f5}.footer-brand .brand-logo{height:78px}

/* Refined typography, comfortable spacing, and reusable service-page layout. */
html{scroll-padding-top:30px}body{font-size:17px;line-height:1.6}p{overflow-wrap:break-word}.wrap{width:min(1320px,calc(100% - 128px))}.header{min-height:116px;height:auto;padding:16px clamp(32px,4vw,68px);display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) auto;gap:clamp(28px,3vw,52px)}.brand{min-width:0;justify-self:start}.brand-logo{width:178px;height:90px;object-fit:cover;mix-blend-mode:normal}.nav{justify-content:center;align-items:center;gap:clamp(22px,2.2vw,38px);font-size:14px;line-height:1.45;white-space:nowrap}.nav a{display:flex;align-items:center;min-height:44px}.header-cta{white-space:nowrap;font-size:13px;padding:15px 0}.header-cta span{margin-left:14px}.hero h1,.page-hero h1{letter-spacing:-.04em;line-height:1.17;font-weight:700}.hero h1{font-size:clamp(53px,5.5vw,82px)}.hero h1 em,h2 em,.page-hero h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:0;line-height:1.2}.hero-copy{font-size:19px;line-height:1.75}.hero-content{padding-top:32px;padding-bottom:48px}.hero-bottom{font-size:11px;line-height:1.5}.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.5}.micro{font-size:11px;letter-spacing:.11em;line-height:1.5}.section{padding:clamp(84px,9vw,140px) 0}.intro h2,.section-heading h2,.compare-heading h2,.process h2,.faq h2,.related h2{line-height:1.2;letter-spacing:-.04em}.intro-right p,.section-heading>p,.compare-heading>p,.faq-intro,.steps p,.finish-body p:not(.micro),.faq-list details p{font-size:16px;line-height:1.8}.intro-right .large-copy{font-size:22px;line-height:1.65}.button,.text-link{font-size:14px}.finish-body{padding:34px 36px 38px;min-height:unset}.finish-body h3{font-size:30px;line-height:1.3}.finish-body p:not(.micro){margin-bottom:20px}.finish-num,.visual-caption{font-size:10px}.card-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:700;border-bottom:1px solid #ad8a51;padding:0 0 8px}.card-link span{font-size:18px}.compare-row{font-size:16px;padding:25px 0;line-height:1.65}.compare-top{font-size:12px;line-height:1.5}.compare-note{font-size:14px;line-height:1.65}.statement h2,.contact h2{line-height:1.18}.statement-bottom p,.contact-inner>div>p:not(.eyebrow){font-size:17px;line-height:1.8}.steps h3{font-size:18px;line-height:1.4}.faq-list summary{font-size:17px;line-height:1.5}.contact-card>p:not(.micro){font-size:16px}.coming-soon{font-size:14px;line-height:1.5}.contact-card small{font-size:13px}.footer-main{gap:40px;align-items:center}.footer-brand{background:transparent}.footer-brand .brand-logo{height:90px;filter:brightness(0) invert(1);opacity:.9}.footer-main>p,.footer-links{font-size:14px}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px 24px}.footer-bottom{font-size:11px;line-height:1.5}
.page-hero{background:#20231f;color:#f8f7f0;padding:54px 0 105px}.breadcrumb{font-size:13px;color:#d4d6cb;margin:0 0 62px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.breadcrumb span{padding:0 10px;color:#cbb184}.page-hero h1{font-family:Manrope,sans-serif;font-size:clamp(45px,5.1vw,76px);margin:0;max-width:1000px}.page-hero h1 em{color:#d6bf96}.page-hero .wrap>p:not(.eyebrow):not(.breadcrumb){max-width:720px;font-size:19px;line-height:1.8;color:#e1e4dc;margin:28px 0 34px}.article-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:100px;padding-top:100px;padding-bottom:110px}.article-aside{padding-top:18px}.article-aside>p:not(.micro){max-width:230px;color:#666a62;font-size:16px;line-height:1.8}.article-aside .text-link{margin-top:20px;line-height:1.5}.article-content{min-width:0}.article-block{display:grid;grid-template-columns:46px minmax(0,1fr);gap:25px;padding:30px 0 45px;border-top:1px solid #d0d1c8}.article-number{font-family:'Cormorant Garamond',serif;font-size:25px;font-style:italic;color:#947544}.article-block h2,.article-faq h2{font-family:Manrope,sans-serif;font-size:clamp(24px,2.4vw,33px);font-weight:700;line-height:1.3;letter-spacing:-.035em;margin:0 0 17px}.article-block p{max-width:740px;font-size:17px;line-height:1.85;color:#555a52;margin:0}.article-faq{margin-top:30px}.article-faq h2{margin-bottom:28px}.related{background:#efefe9;padding:85px 0}.related h2{font-size:clamp(36px,4vw,57px);margin:0 0 38px}.related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-links a{border-top:1px solid #aaa99e;padding:20px 0;display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:700}.related-links span{color:#9b7b48}.related-links a:hover{color:#946f38}
@media(max-width:1100px){.header{grid-template-columns:1fr auto;padding:12px 28px}.nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:0;width:48px;height:48px;cursor:pointer}.menu-toggle span{width:27px;height:2px;background:#222}.mobile-menu:not([hidden]){display:grid;background:#f9f8f4;padding:8px 28px 24px;position:absolute;z-index:10;width:100%;gap:0;box-shadow:0 12px 24px #1112}.mobile-menu a{padding:14px 0;border-top:1px solid #deded7;font-size:16px}.article-layout{gap:50px;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}.header{min-height:84px;padding:8px 22px}.brand-logo{width:130px;height:72px}.hero{height:auto;min-height:640px;max-height:none;padding:100px 0 110px}.hero h1{font-size:clamp(43px,10.7vw,60px);line-height:1.18}.hero-copy{font-size:17px}.hero-content{padding:0}.hero-bottom{bottom:27px}.hero-bottom span:last-child{display:none}.hero-actions{gap:22px}.intro,.faq-layout,.contact-inner{grid-template-columns:1fr;gap:32px}.intro-right .large-copy{font-size:20px}.section-heading,.compare-heading{flex-direction:column;align-items:start;gap:24px}.finish-grid{grid-template-columns:1fr}.finish-visual{height:260px}.finish-body{padding:28px}.compare-row{grid-template-columns:1fr;gap:7px;padding:20px 0}.compare-top{display:none}.compare-row span:nth-child(2):before{content:'Metallic: ';font-weight:700}.compare-row span:nth-child(3):before{content:'Flake: ';font-weight:700}.steps{grid-template-columns:1fr 1fr}.footer-main{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}.footer-brand .brand-logo{height:76px}.page-hero{padding:32px 0 72px}.breadcrumb{margin-bottom:52px}.page-hero h1{font-size:clamp(39px,9vw,55px);line-height:1.18}.page-hero .wrap>p:not(.eyebrow):not(.breadcrumb){font-size:17px}.article-layout{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:75px}.article-aside>p:not(.micro){max-width:none}.article-block{grid-template-columns:32px minmax(0,1fr);gap:15px;padding:25px 0 36px}.article-block p{font-size:16px}.related-links{grid-template-columns:1fr 1fr;gap:5px 22px}}
@media(max-width:380px){.hero h1{font-size:40px}.steps,.related-links{grid-template-columns:1fr}.finish-visual{height:220px}.article-block{grid-template-columns:1fr;gap:8px}.article-number{font-size:22px}}
.contact .contact-card>p:not(.micro){color:#4d524b}.contact-card .micro{color:#80602a}
.hero h1,.page-hero h1,h2,.finish-body h3,.steps h3,.faq-list summary,.contact-card h3,.article-block h2,.article-faq h2{font-family:'Space Grotesk',Arial,sans-serif}

/* Photography-led finish stories and educational paths. */
.metallic-visual{background:linear-gradient(180deg,rgba(15,15,14,.4),transparent 45%,rgba(15,15,14,.42)),url('/metallic-floor.jpg') center 62%/cover no-repeat}
.flake-visual{background:linear-gradient(180deg,rgba(15,15,14,.4),transparent 45%,rgba(15,15,14,.42)),url('/flake-floor.jpg') center 67%/cover no-repeat}
.material-story{display:grid;grid-template-columns:1.08fr .92fr;min-height:570px;background:#1c211d;color:#f8f7f0}
.material-image{min-height:430px;position:relative;background:linear-gradient(0deg,rgba(17,20,17,.3),transparent 35%),url('/epoxy-floor.jpg') center/cover no-repeat}
.material-image .visual-caption{position:absolute;bottom:25px;left:30px;color:#fff}
.material-copy{align-self:center;padding:clamp(50px,7vw,110px)}
.material-copy .eyebrow{color:#d1b57f}.material-copy h2,.field-notes h2{font-size:clamp(37px,4vw,62px);line-height:1.15;letter-spacing:-.04em;margin:22px 0}
.material-copy h2 em{color:#d8c199}.material-copy>p:not(.eyebrow){color:#d8ddd3;line-height:1.8;max-width:500px}.material-copy .card-link{margin-top:18px;color:#fff}
.field-notes{background:#f8f7f2}.field-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,140px);align-items:start}.field-notes-grid>div:first-child>p:not(.eyebrow){max-width:480px;color:#65695f;line-height:1.8}.field-links{border-top:1px solid #b7b9af}.field-links a{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;border-bottom:1px solid #cfd0c7}.field-links small{display:block;color:#8d744a;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:7px}.field-links strong{font-size:17px;line-height:1.4}.field-links a>span:last-child{font-size:23px;color:#967642}.field-links a:hover strong{text-decoration:underline;text-underline-offset:5px}
.page-metallic-epoxy-flooring .page-hero{background:linear-gradient(90deg,rgba(20,23,19,.95),rgba(20,23,19,.68)),url('/metallic-floor.jpg') center/cover}
.page-flake-flooring .page-hero,.page-garage-floor-coatings .page-hero{background:linear-gradient(90deg,rgba(20,23,19,.95),rgba(20,23,19,.68)),url('/flake-floor.jpg') center/cover}
.page-epoxy-flooring .page-hero,.page-commercial-epoxy-flooring .page-hero{background:linear-gradient(90deg,rgba(20,23,19,.95),rgba(20,23,19,.68)),url('/epoxy-floor.jpg') center/cover}
.page-concept{display:block;margin-top:35px;font-size:10px;letter-spacing:.12em;color:#e1e4dc}
@media(max-width:700px){.material-story,.field-notes-grid{grid-template-columns:1fr}.material-image{min-height:300px}.material-copy{padding:55px 22px 65px}.field-notes-grid{gap:28px}.field-notes h2,.material-copy h2{font-size:clamp(37px,9vw,50px)}.field-links strong{font-size:16px}}
.brand-logo{width:178px;height:112px}.footer-brand .brand-logo{height:112px}@media(max-width:700px){.brand-logo{width:130px;height:92px}.footer-brand .brand-logo{height:92px}}

/* A hands-on planning moment, grounded in the customer's actual choices. */
.planner{background:#e8e5dc;color:#1b1d19;overflow:hidden}.planner-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.planner-heading h2{font-size:clamp(40px,5vw,70px);line-height:1.14;letter-spacing:-.045em;margin:18px 0 0}.planner-heading>p{max-width:385px;color:#4f554d;line-height:1.8;margin:0 0 5px}.planner-grid{display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 22px 75px rgba(26,28,22,.08)}.planner-form{background:#f9f8f3;padding:clamp(30px,5vw,70px)}.planner-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;margin-bottom:28px}.planner-number{color:#a17c43;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:28px;line-height:1.25}.planner-step label{display:block;font-weight:700;font-size:17px;margin-bottom:10px}.planner-step select{width:100%;min-height:54px;padding:12px 44px 12px 15px;border:1px solid #aeb1a8;border-radius:0;background:#fff;color:#252a24;font:inherit;font-size:16px;cursor:pointer}.planner-step select:focus-visible{outline:3px solid #96733c;outline-offset:3px}.planner-submit{border:0;cursor:pointer;margin:8px 0 0 72px;min-height:56px}.planner-privacy{color:#5b6057;font-size:13px;line-height:1.5;margin:18px 0 0 72px}.planner-result{position:relative;background:#202620;color:#f8f7f0;padding:clamp(38px,5vw,70px);min-height:440px;overflow:hidden}.planner-result:before{content:'';position:absolute;right:-160px;bottom:-250px;width:450px;height:450px;border:1px solid rgba(209,181,127,.2);border-radius:50%;box-shadow:0 0 0 45px rgba(209,181,127,.035),0 0 0 90px rgba(209,181,127,.035)}.planner-result>*{position:relative}.planner-result .micro{color:#dfc695}.planner-result h3{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(30px,3.5vw,46px);line-height:1.17;letter-spacing:-.04em;margin:30px 0 22px}.planner-result p:not(.micro){color:#e0e3d9;line-height:1.75;max-width:470px}.planner-result .planner-space{color:#eed6a7!important;font-weight:700}.planner-result-rule{height:1px;background:#7f826f;margin:32px 0}.planner-result .planner-hint{font-size:15px}.planner-result-link{display:inline-block;margin-top:12px;border-bottom:1px solid #d6bc86;padding-bottom:6px;font-weight:700;color:#fff}.compare-guide{display:inline-block;margin-top:22px;font-weight:700;border-bottom:1px solid #9f814d;padding:0 0 7px}.compare-guide span{margin-left:20px;color:#8d6c34}
.finish-visual{height:clamp(280px,31vw,460px)}.finish-card{overflow:hidden}.finish-visual{transition:background-size .4s ease}.finish-body{background:#f7f6f1}.planner-result:focus{outline:3px solid #c5a15a;outline-offset:-5px}
@media(max-width:900px){.planner-heading{display:block;margin-bottom:32px}.planner-heading>p{margin-top:22px}.planner-grid{grid-template-columns:1fr}.planner-form{padding:30px 23px 35px}.planner-step{grid-template-columns:32px minmax(0,1fr);gap:12px}.planner-submit,.planner-privacy{margin-left:44px}.planner-submit{max-width:calc(100% - 44px)}.planner-result{min-height:0;padding:38px 27px 45px}.finish-visual{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.finish-visual{transition:none}}
.article-planning{background:#e9e5d9;padding:clamp(28px,4vw,48px);margin:20px 0 60px}.article-planning .micro{color:#765c31;font-weight:700}.article-planning h2{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;line-height:1.2;margin:14px 0}.article-planning p:not(.micro){color:#4f554d;line-height:1.75;max-width:600px}.article-planning a{display:inline-block;margin-top:10px;border-bottom:1px solid #8d6c34;padding-bottom:7px;font-weight:700}.article-planning a span{margin-left:20px}
.finish-visual{display:block}.finish-visual:focus-visible{outline:4px solid #c5a15a;outline-offset:-4px}

/* Typography and motion tuned for a calm, polished reading experience. */
body{font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3{overflow-wrap:normal;text-wrap:balance}
p{max-width:75ch;text-wrap:pretty}
.hero h1,.page-hero h1{line-height:1.14;letter-spacing:-.045em}
.hero h1 em,.page-hero h1 em,h2 em{line-height:1.18}
.finish-body p:not(.micro),.article-block p,.faq-list details p{line-height:1.8}
.mobile-menu a,.related-links a,.field-links a{min-height:48px}
.button,.text-link,.card-link,.header-cta,.planner-result-link,.compare-guide,.related-links a,.field-links a,.menu-toggle{transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s ease}
.button span,.text-link span,.card-link span,.header-cta span,.compare-guide span,.field-links a>span:last-child{transition:transform .25s ease}
@media(hover:hover){.button:hover span,.text-link:hover span,.card-link:hover span,.header-cta:hover span,.compare-guide:hover span,.field-links a:hover>span:last-child{transform:translate(3px,-3px)}.hero-actions a:hover span{transform:translateY(4px)}.finish-visual{transition:transform .7s cubic-bezier(.2,.65,.25,1),filter .5s ease}.finish-card:hover .finish-visual{transform:scale(1.018);filter:brightness(1.06)}}
.faq-list summary span{transition:transform .25s ease}
.planner-step select{border-radius:2px}
@keyframes ironmark-arrive{from{opacity:.72;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes ironmark-hero{from{opacity:.45;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.has-arrived{animation:ironmark-arrive .7s cubic-bezier(.2,.65,.25,1) both}.hero-content{animation:ironmark-hero .85s cubic-bezier(.2,.65,.25,1) both}}
@media(max-width:700px){body{font-size:16px}.hero h1{font-size:clamp(40px,10.5vw,60px);line-height:1.16}.hero-copy{font-size:17px;line-height:1.7}.intro-right .large-copy{line-height:1.55}.finish-body h3{font-size:27px}.faq-list summary{font-size:16px}.mobile-menu:not([hidden]){max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:700px){.planner-submit{width:100%;max-width:100%;margin-left:0;gap:12px}.planner-privacy{margin-left:0}}
