:root{--ink:#2f3336;--muted:#6b6f72;--soft:#f7f7f5;--paper:#fff;--marble:#f0efec;--line:#2f333629;--charcoal:#2f3336;--charcoal-soft:#45494b;--silver:#d9d9d9;--taupe:#d9d9d9;--shadow:0 24px 70px #2f333629;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--script:"Great Vibes", cursive;--content:1180px;color:var(--ink);background:var(--soft);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}figure{margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffffe0,#f7f7f5f0),url(/marble-sealant-hero.png) top/1200px repeat-y,#f7f7f5;min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}#app{min-height:100svh}.site-shell{overflow:hidden}.hero{isolation:isolate;background:linear-gradient(#fffffffa 0%,#f7f6f4f5 100%),url(/marble-sealant-hero.png) 50%/cover no-repeat;grid-template-rows:auto 1fr auto;min-height:94svh;padding:22px clamp(18px,4vw,64px) 34px;display:grid;position:relative}.hero:before{z-index:-1;content:"";pointer-events:none;border:1px solid #2f333624;position:absolute;inset:18px}.nav{width:min(var(--content), 100%);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.brand,.nav-links,.hero-actions,.contact address{align-items:center;display:flex}.brand{color:var(--charcoal);gap:12px;text-decoration:none}.brand-monogram{width:46px;height:46px;font-family:var(--serif);background:linear-gradient(#ffffffb8,#ffffffb8),url(/marble-sealant-hero.png) 50%/cover no-repeat;border:1px solid #2f333633;place-items:center;font-size:1.4rem;font-style:italic;line-height:1;display:grid}.brand-name{font-family:var(--serif);letter-spacing:.28em;text-transform:uppercase;font-size:1rem}.nav-links{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;gap:clamp(14px,3vw,34px);font-size:.82rem;font-weight:800}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--ink)}.hero-content{text-align:center;align-self:center;width:min(920px,100%);margin:54px auto 48px}.hero-logo{border:1px solid #2f33360f;width:min(780px,100%);margin:0 auto 40px;box-shadow:0 32px 90px #2f333638}.hero-logo img{width:100%;height:auto;display:block}.eyebrow,.section-kicker{color:var(--charcoal-soft);letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h2{font-family:var(--serif);letter-spacing:.02em;margin-bottom:0;font-size:clamp(2.2rem,4.8vw,5rem);font-weight:400;line-height:1.06}h3{font-family:var(--serif);color:var(--charcoal);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:1.05rem;font-weight:500;line-height:1.18}p{color:var(--muted);line-height:1.65}.hero-copy{max-width:620px;color:var(--charcoal-soft);margin-inline:auto;font-size:clamp(1rem,1.6vw,1.18rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}.button{letter-spacing:.12em;text-transform:uppercase;border:1px solid #2f333657;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:.74rem;font-weight:750;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.button.primary{color:var(--paper);background:var(--charcoal);border-color:var(--charcoal)}.button.primary:hover{background:var(--charcoal-soft)}.button.secondary{background:#ffffffb8}.button.secondary:hover{background:#fffffff0}.hero-panel{width:min(var(--content), 100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #2f33362e;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.hero-panel div{border-right:1px solid #2f333624;min-height:104px;padding:22px 28px}.hero-panel div:last-child{border-right:0}.hero-panel strong,.hero-panel span{display:block}.hero-panel strong{font-family:var(--script);color:var(--ink);margin-bottom:4px;font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1}.hero-panel span{color:var(--muted);font-size:.94rem}.intro,.services,.process,.work,.contact{padding:clamp(68px,10vw,130px) clamp(18px,4vw,64px)}.intro,.section-heading,.process,.contact{width:min(var(--content), 100%);margin:0 auto}.intro{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:clamp(34px,7vw,92px);display:grid}.intro h2{font-style:italic}.intro p:last-child,.process-copy p,.contact p{font-size:1.05rem}.brand-quote{text-align:center;background:var(--charcoal);padding:clamp(52px,8vw,96px) clamp(18px,4vw,64px)}.brand-quote p{font-family:var(--script);color:var(--paper);opacity:.88;margin:0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.2}.services{background:linear-gradient(#ffffffb8,#ffffffb8),url(/marble-sealant-hero.png) 50%/cover no-repeat}.section-heading{margin-bottom:36px}.section-heading h2{max-width:860px}.service-grid,.work-grid{width:min(var(--content), 100%);border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;display:grid}.service-grid article,.work-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffffad;min-height:270px;padding:clamp(24px,3vw,34px)}.service-icon{width:44px;height:44px;color:var(--charcoal);border:1px solid #2f333638;place-items:center;margin-bottom:34px;font-size:.76rem;font-weight:850;display:inline-grid}.process{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(34px,7vw,90px);display:grid}.process-copy h2{margin-bottom:22px}.process-list{counter-reset:step;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--line);counter-increment:step;grid-template-columns:120px 1fr;gap:20px;padding:28px 0;display:grid}.process-list li:before{color:var(--taupe);content:"0" counter(step);font-weight:850}.process-list span{color:var(--ink);font-weight:850}.process-list p{margin-bottom:0}.process-gallery{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.process-gallery article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);min-height:260px;position:relative;overflow:hidden}.process-gallery img{object-fit:cover;width:100%;height:100%;min-height:260px;display:block}.process-gallery span{color:var(--charcoal);letter-spacing:.12em;text-transform:uppercase;background:#ffffffd6;padding:10px 14px;font-size:.76rem;font-weight:850;position:absolute;bottom:18px;left:18px}.work{background:var(--charcoal)}.work .section-kicker,.work h2{color:var(--paper)}.work .section-kicker{opacity:.7}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid article{background:var(--paper)}.work-grid img{border-bottom:1px solid var(--line);object-fit:cover;width:calc(100% + 2px);height:230px;margin:-1px -1px 28px;display:block}.contact{background:var(--charcoal);grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:clamp(28px,6vw,90px);display:grid}.contact .section-kicker{color:var(--paper);opacity:.6}.contact h2{color:var(--paper);margin-bottom:22px;font-style:italic}.contact p{color:#ffffffad}.contact address{flex-direction:column;align-items:stretch;gap:10px;font-style:normal}.contact address a,.contact address span{color:var(--paper);background:#ffffff12;border:1px solid #ffffff24;padding:18px 20px;text-decoration:none;transition:background .15s}.contact address a:hover{background:#ffffff24}@media (width<=900px){.hero{min-height:auto;padding-top:18px}.hero:before{inset:10px}.nav{align-items:flex-start}.nav-links{gap:14px;padding-top:10px;font-size:.88rem}.hero-content{margin:84px auto 58px}.hero-panel,.intro,.process,.contact{grid-template-columns:1fr}.service-grid,.work-grid,.process-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.hero{background:linear-gradient(#fffffff5,#f7f6f4f5),url(/marble-sealant-hero.png) 50%/cover no-repeat}.nav{flex-direction:column;align-items:center;gap:16px}.nav-links{justify-content:center;width:100%}.brand{gap:8px}.brand-monogram{width:40px;height:40px;font-size:1.2rem}.brand-name{letter-spacing:.18em;max-width:128px;font-size:.78rem}.hero-logo{box-shadow:0 16px 50px #2f33362e}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-panel,.service-grid,.work-grid,.process-gallery{grid-template-columns:1fr}.hero-panel div{border-bottom:1px solid #39363224;border-right:0;min-height:88px}.hero-panel div:last-child{border-bottom:0}.process-list li{grid-template-columns:1fr;gap:8px}}