/* Epoxy Floor Atlanta — independent reconstruction in progress.
 * Hero measurements derived from a user-provided desktop screenshot.
 * Other sections are NOT visually verified against the live Tilda page.
 * Do not replace placeholders with unrelated photos.
 */
:root{--orange:#ff6200;--text:#222;--muted:#666;--content:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.55}
button,input,textarea{font:inherit}
a{color:inherit}
img{max-width:100%;height:auto}
.container{width:min(calc(100% - 48px),var(--content));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.trap{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
:focus-visible{outline:3px solid #1176bd;outline-offset:3px}
.hero{position:relative;min-height:868px;min-height:100svh;color:#fff;background:#736e6b url('/assets/optimized/9cbbf594445bca-__.png-1680w.webp') center center/cover no-repeat}
/* Original Tilda photo with overlay, as on desktop and mobile screenshots. */
.hero__shade{display:block;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(97,92,92,.90),rgba(97,92,92,0));pointer-events:none}
.hero__content{position:relative;z-index:1;width:min(calc(100% - 36px),960px);min-height:868px;min-height:100svh;display:flex;flex-direction:column;align-items:stretch}
.hero__brand{margin:0;padding-top:78px;text-align:center;font-weight:700;font-size:16px;letter-spacing:1.4px;line-height:1.3}
.hero__lower{margin-top:auto;padding-bottom:75px;text-align:center}
.hero h1{font-size:clamp(40px,5.5vw,66px);line-height:1.18;letter-spacing:-1.2px;font-weight:700;max-width:1050px;margin:0 auto 29px}
.hero__subtitle{margin:0 auto 43px;font-weight:700;font-size:16px;max-width:1000px;line-height:1.5}
.lead-form__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 120px;gap:20px;align-items:stretch}
.lead-form input:not(.trap),.lead-form textarea{display:block;width:100%;border:1px solid transparent;background:#fff;color:#333;border-radius:3px;padding:16px 20px;min-height:56px;min-width:0;outline-offset:2px}
.lead-form input::placeholder,.lead-form textarea::placeholder{color:#777;opacity:1}
.lead-form button{background:var(--orange);border:0;border-radius:40px;color:var(--text);min-height:56px;padding:0 24px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}
.lead-form button:hover{filter:brightness(.92)}
.lead-form button:disabled{opacity:.7;cursor:wait}
.lead-form__consent{font-size:14px;line-height:1.6;margin:18px auto 0;font-weight:400}
.form-status{min-height:1em;margin:12px 0 0;font-size:14px;font-weight:600}
.form-status:empty{display:none}
.section{padding-top:94px;padding-bottom:94px}
.section h2{font-size:clamp(30px,3.2vw,44px);line-height:1.25;font-weight:700;text-align:center;margin:0 auto 30px;max-width:950px}
.section p{font-size:17px}
.about{text-align:center}
.about>p{max-width:900px;margin:0 auto}
.gallery-section,.benefits,.contact-section{background:#f7f7f7}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.original-asset-pending{min-height:210px;aspect-ratio:4/3;border:1px dashed #c6c6c6;background:#eee}
.testimonial-feature{max-width:850px;text-align:center}
blockquote{margin:0}
blockquote p{margin:0 0 18px}
blockquote footer{font-weight:700}
.original-asset-pending--brochure{max-width:740px;min-height:340px;margin:24px auto}
.section-intro{text-align:center;margin:0 auto 50px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 34px}
.benefit-grid h3{font-size:21px;line-height:1.3;margin:0 0 14px}
.benefit-grid p{font-size:16px;margin:0}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 26px}
.material-grid article{text-align:center}
.material-grid .original-asset-pending{aspect-ratio:16/10;min-height:220px}
.material-number{display:block;font-size:32px;font-weight:700;margin-top:18px}
.material-grid h3{font-size:23px;margin:6px 0 0}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.original-asset-pending--contact{min-height:570px;aspect-ratio:auto}
.contact-section h2{text-align:left;margin:0 0 32px}
.lead-form--stacked{display:grid;gap:12px}
.lead-form--stacked label{font-size:16px;font-weight:700;margin-bottom:-6px}
.lead-form--stacked input:not(.trap),.lead-form--stacked textarea{border:1px solid #ddd}
.lead-form--stacked button{width:160px;margin-top:12px}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 50px}
.review-grid blockquote{padding:20px 0;border-top:1px solid #ddd}
.review-grid p{font-size:16px}
.site-footer{background:#202020;color:#fff;text-align:center;padding:70px 0}
.site-footer h2{font-size:26px;letter-spacing:1px;margin:0 0 24px}
.site-footer p{margin:0;display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
@media(min-width:1100px) and (max-width:1320px){.hero__content{transform:translateX(7.3%);}}
@media(max-width:980px){
  .hero__lower{padding-bottom:40px}
  .hero h1{font-size:clamp(36px,6vw,60px)}
  .lead-form__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lead-form__row button{grid-column:1/-1}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .container{width:min(calc(100% - 36px),var(--content))}
  .hero,.hero__content{min-height:100svh}
  .hero{background-position:34% center}
  .hero__brand{padding-top:36px;font-size:15px}
  .hero__lower{padding-bottom:30px}
  .hero h1{font-size:36px;line-height:1.12;letter-spacing:-.4px;margin-bottom:22px}
  .desktop-break{display:none}
  .hero__subtitle{font-size:14px;margin-bottom:26px}
  .lead-form__row{display:grid;grid-template-columns:1fr;gap:10px}
  .lead-form__row button{grid-column:auto}
  .lead-form input:not(.trap),.lead-form textarea{min-height:48px;padding:12px 16px}
  .lead-form button{min-height:50px}
  .lead-form__consent{font-size:11px;line-height:1.45;margin-top:12px}
  .section{padding-top:60px;padding-bottom:60px}
  .section h2{font-size:29px}
  .section p{font-size:16px}
  .gallery,.benefit-grid,.material-grid,.contact-layout,.review-grid{grid-template-columns:1fr}
  .gallery{gap:14px}
  .benefit-grid{gap:26px}
  .contact-layout{gap:30px}
  .original-asset-pending--contact{min-height:260px}
  .material-grid{gap:32px}
  .site-footer p{display:grid;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
