html{scroll-padding-top:60px;scroll-padding-bottom:115px}body{overflow-wrap:break-word}body.epoxy-king-site{background:white}select:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e35b32;outline-offset:4px;scroll-margin-block:100px}img{max-width:100%}[hidden]{display:none!important}.ek-mobile-nav{display:none}.ek-legacy .elementor{max-width:100%}.ek-legacy h1{margin-bottom:30px}.ek-legacy h2{margin-block:30px 18px}.ek-legacy p,.ek-legacy ul{margin-bottom:20px}.ek-legacy a:not(.button){text-decoration:underline;text-underline-offset:3px}.ek-legacy img{width:auto;max-width:100%}.ek-legacy .elementor img{width:100%}.ek-legacy .elementor h1{font-size:clamp(2rem,5vw,4.5rem)}.ek-form-error{color:#a60000;border-left:4px solid #a60000;padding:14px;background:#fff3f3}.ek-form-success{color:#134d28;border-left:4px solid #216c3c;padding:14px;background:#f0fff4}.ek-form-status:empty{display:none}.ek-field-error{font-size:.875rem;color:#a60000}.ek-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ek-dynamic:has(>.project-grid){display:contents}.ek-shortlist{position:static!important;margin-top:30px}.catalog-tools select{min-height:48px;width:100%;padding:10px;border:1px solid #777;background:#fff;color:#171b1d}.swatch-card h3{font-size:1.05rem;letter-spacing:0}.ek-filter[aria-pressed=true],.gallery-filters button[aria-pressed=true]{outline-offset:4px}.ek-project-details dt{font-weight:700;margin-top:18px}.ek-project-details dd{margin:6px 0 24px}.published-gallery img{height:auto}.footer-bottom{display:flex;gap:24px;flex-wrap:wrap}.ek-no-results{padding-block:32px}.ek-editor-note{border-left:4px solid #141a33;padding:15px;background:#eef0f3}.ek-photo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ek-photo-fields label{display:block}.ek-photo-fields input,.ek-photo-fields textarea{width:100%}.ek-fieldset{border:1px solid #c4c9cf;padding:18px;margin-block:20px}.ek-fieldset legend{font-weight:700}.ek-staged-warning{background:#fcf1cb;padding:12px;text-align:center;color:#34290a}.ek-project-intro{max-width:760px}.ek-card-type,.ek-code{overflow-wrap:anywhere}.ek-controls{scroll-margin-block:110px}.ek-catalog-wrap .ek-pick{min-height:44px}.ek-copy,.ek-clear{min-height:44px}.ek-fields-help{font-size:.85rem;color:#555}.ek-project-photo-caption{padding:12px 0;font-size:.9rem;color:#555}.ek-gallery-empty{padding:24px 0}.ek-flakes .ek-shortlist{color:#fff}.ek-flakes .ek-shortlist button{color:inherit}.ek-flakes .ek-shortlist a{color:#fff}.ek-project-breadcrumb{font-size:.875rem;margin-bottom:20px}.ek-project-breadcrumb a{text-decoration:underline}.ek-legacy iframe{max-width:100%}
@media(max-width:1000px){.ek-mobile-nav{display:block;position:relative}.ek-mobile-nav summary{cursor:pointer;list-style:none;font-size:1.6rem;min-width:44px;min-height:44px;display:grid;place-items:center}.ek-mobile-nav summary::-webkit-details-marker{display:none}.ek-mobile-nav nav{position:absolute!important;right:0;top:52px;width:min(320px,calc(100vw - 30px));max-height:calc(100dvh - 185px);overflow-y:auto;background:#141a33;color:white;z-index:45;padding:15px;box-shadow:0 8px 25px #0003;display:flex!important;flex-direction:column;align-items:stretch!important;gap:0!important}.ek-mobile-nav:not([open]) nav{display:none!important}.ek-mobile-nav a{display:block!important;padding:12px;min-height:44px}.ek-mobile-nav a:focus-visible{outline-color:#ffb28b}.nav>nav{display:none!important}}
@media(max-width:700px){html{scroll-padding-top:25px;scroll-padding-bottom:125px}.epoxy-king-site{padding-bottom:70px}.header-actions{gap:8px}.nav .header-actions>.button{font-size:.75rem;padding:10px 12px}.nav .brand{width:185px;max-width:calc(100% - 105px)}.ek-photo-fields{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>a{display:block;margin-top:14px}.ek-shortlist-actions{flex-wrap:wrap}.ek-legacy .wrap{width:calc(100% - 32px)}.ek-form-status{scroll-margin-bottom:120px}.mobile-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Homepage project panels: a softer slate surface within the navy section. */
.work-section .project-card{background:#26354d;color:#f8fafc}
.work-section .project-card h3{color:#f8fafc}
.work-section .project-card span{color:#c3cfdf}
.work-section .project-card:hover{background:#2e405d}
.work-section .project-card:focus-visible{outline:3px solid #fff;outline-offset:5px}

/* Responsive modern image sources preserve the established photo layout. */
.ek-performance-picture{display:contents}
.garage-hero-photo>.ek-performance-picture>img{object-fit:cover;object-position:54% center;width:100%;height:100%}
.service-page--commercial-epoxy-flooring .service-hero-image>.ek-performance-picture>img,.service-page--basement-interior-flooring .service-hero-image>.ek-performance-picture>img{object-position:55% center}
.service-page--concrete-polishing .service-hero-image>.ek-performance-picture>img{object-position:53% center}
@media(max-width:700px){.garage-hero-photo>.ek-performance-picture>img{object-position:center 62%}.service-hero-image>.ek-performance-picture>img{object-position:center 60%}}

/* Let the homepage finish photo blend into the navy, like the main hero. */
.color-teaser{position:relative;isolation:isolate;overflow:hidden;padding:0}
.color-teaser .teaser-grid{min-height:540px;padding-block:80px;gap:64px}
.color-teaser .teaser-grid>img,.color-teaser .teaser-grid>.ek-performance-picture>img{position:absolute;inset:0 auto 0 0;width:57%;max-width:none;height:100%;object-fit:cover;object-position:center 48%;border:0;border-radius:0;-webkit-mask-image:linear-gradient(90deg,#000 48%,transparent 100%);mask-image:linear-gradient(90deg,#000 48%,transparent 100%)}
.color-teaser .teaser-grid>div{grid-column:2;position:relative;z-index:1}
@media(max-width:900px){.color-teaser .teaser-grid{display:block;min-height:0;padding-block:0 52px}.color-teaser .teaser-grid>img,.color-teaser .teaser-grid>.ek-performance-picture>img{position:relative;inset:auto;display:block;width:100vw;height:clamp(280px,62vw,480px);margin-inline:calc((100% - 100vw)/2);object-position:center 48%;-webkit-mask-image:linear-gradient(180deg,#000 48%,transparent 100%);mask-image:linear-gradient(180deg,#000 48%,transparent 100%)}.color-teaser .teaser-grid>div{margin-top:-12px}}

/* Compact desktop footer; retain the existing stacked phone layout. */
@media(min-width:901px){
  footer{padding-block:40px 22px}
  .footer-grid{gap:32px;align-items:start}
  .footer-grid p{margin-top:16px}
  .footer-grid>div>.brand{margin-bottom:16px}
  .footer-grid .footer-label{margin-bottom:12px}
  .footer-grid>div>a:not(.brand){min-height:30px;margin-bottom:4px;line-height:1.55}
  .footer-grid .review-link{margin-top:14px}
  .footer-region{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);column-gap:36px;align-items:center;text-align:left;margin-top:26px;padding-block:22px}
  .footer-region .footer-license{grid-column:1;grid-row:1/3;font-size:1.125rem;line-height:1.5}
  .footer-region-links{grid-column:2;margin:0;max-width:none;font-size:.875rem;line-height:1.75}
  .footer-region-overview{grid-column:2;margin-top:6px;font-size:.75rem;line-height:1.7;justify-self:start}
  footer .footer-bottom{flex-direction:row;justify-content:flex-start;gap:12px 24px;text-align:left;padding-top:16px}
  footer .footer-bottom>span{margin-right:auto}
  footer .footer-bottom>a{margin:0}
}
@media(min-width:1100px){
  .footer-grid{grid-template-columns:1.05fr 1.6fr .95fr;gap:clamp(28px,3vw,48px)}
  .footer-grid>div:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-content:start}
  .footer-grid>div:nth-child(2)>.footer-label{grid-column:1/-1}
}

/* Blend promotional photography into its surrounding surface. */
/* Keep responsive source elements out of the editorial hero grid. */
.content-page .has-image .page-hero-grid>picture{display:block;min-width:0}
.content-page .has-image .page-hero-grid>picture>img{width:100%}
.work-section .project-card img{-webkit-mask-image:none;mask-image:none}
.work-section .project-card>div{position:relative;padding-top:24px}
.garage-hero-photo>img,.garage-hero-photo>picture>img,.service-hero-image>img,.service-hero-image>picture>img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
.content-page .has-image .page-hero-grid>img,.content-page .has-image .page-hero-grid>picture>img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
@media(max-width:800px){.content-page .has-image .page-hero-grid>img,.content-page .has-image .page-hero-grid>picture>img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}}
@media(max-width:700px){.garage-hero-photo>img,.garage-hero-photo>picture>img,.service-hero-image>img,.service-hero-image>picture>img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%);mask-image:linear-gradient(180deg,transparent 0,#000 24%)}}
