:root{--purple:#755ba6;--yellow:#f3ea2a;--black:#101211;--muted:#646763}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--black);background:#fff;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{max-width:100%;display:block}header{background:var(--black);color:#fff;z-index:20;border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;height:98px;padding:10px 5%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;display:flex}.brand img{object-fit:contain;width:74px;height:74px}.brand span{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;line-height:1}.brand b{letter-spacing:1px;font-size:18px;display:block}.brand small{letter-spacing:2px;color:#c5c5c5;margin-top:9px;font-family:Inter,sans-serif;font-size:8px;display:block}nav{align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}nav>a:hover{color:var(--yellow)}.button{background:var(--yellow);color:#101211;border:0;justify-content:space-between;align-items:center;gap:32px;padding:19px 24px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:hover{color:#101211;background:#fff65a;transform:translateY(-2px)}.button.small{padding:15px 19px}.menu{display:none}.hero{color:#fff;background:#222;align-items:center;min-height:700px;display:flex;position:relative}.hero-photo,.hero-shade{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-photo{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,#080e0ce0,#080e0c91 44%,#080e0c0f 80%)}.hero-copy{max-width:850px;padding:70px 7%;position:relative}.eyebrow{letter-spacing:2.3px;margin:0 0 22px;font-size:11px;font-weight:700}.purple{color:var(--purple)}h1,h2,h3{font-family:Barlow Condensed,Impact,sans-serif}h1{letter-spacing:-1px;margin:0 0 27px;font-size:clamp(60px,6.9vw,102px);font-weight:700;line-height:.96}h1 em{color:var(--yellow);font-style:normal}.hero-copy>p:not(.eyebrow){color:#e3e5e1;font-size:16px;line-height:1.8}.actions{align-items:center;gap:30px;margin-top:32px;display:flex}.text-link{border-bottom:1px solid #ffffff70;padding-bottom:6px;font-size:13px;font-weight:600}.dark{color:var(--black);border-color:#aaa;margin-top:30px;display:table}.hero-caption{letter-spacing:1.5px;text-align:right;font-size:9px;position:absolute;bottom:24px;right:5%}.hero-caption span{color:#ddd;margin-top:7px;display:block}.trust{background:var(--yellow);letter-spacing:1.2px;justify-content:space-between;align-items:center;gap:15px;padding:22px 6%;font-size:10px;font-weight:700;display:flex}.trust i{font-size:20px;font-style:normal}.section{padding:95px 7%}h2{letter-spacing:-.4px;margin:0 0 25px;font-size:clamp(42px,4.1vw,62px);font-weight:700;line-height:1.02}p{color:var(--muted);font-size:15px;line-height:1.8}.section-head{justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px;display:flex}.section-head>p{max-width:390px;margin-bottom:25px}.services{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service-image{position:relative;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:290px;transition:transform .4s}.service:hover img{transform:scale(1.04)}.service-image span{background:var(--yellow);padding:7px 9px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}h3{margin:18px 0 8px;font-size:25px;font-weight:600}.service h3{justify-content:space-between;gap:5px;display:flex}.service h3 b{color:var(--purple);font-family:Inter;font-size:19px}.service p{margin-top:7px;font-size:13px}.work{background:#f3f3ef}.filters{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.filters button{background:0 0;border:1px solid #cfd0ca;padding:11px 18px;font-size:12px}.filters button.active{background:var(--black);color:#fff;border-color:var(--black)}.gallery{grid-template-columns:repeat(3,1fr);gap:35px 25px;display:grid}.project{text-align:left;background:0 0;border:0;padding:0}.project>div{position:relative;overflow:hidden}.project img{object-fit:cover;width:100%;height:275px;transition:transform .4s}.project:hover img{transform:scale(1.035)}.project>div>span{background:var(--yellow);padding:9px 12px;font-size:11px;position:absolute;bottom:15px;right:15px}.project small{color:var(--purple);text-transform:uppercase;letter-spacing:1.3px;margin-top:16px;font-size:10px;display:block}.project h3{margin-top:6px}.trade{background:var(--purple);color:#fff;grid-template-columns:1fr 1fr;display:grid}.trade-copy{padding:80px 14%}.trade p{color:#ede8f5}.trade img{object-fit:cover;width:100%;height:100%;min-height:580px;max-height:640px}.trade ul{margin:26px 0 32px;padding:0;list-style:none}.trade li{border-bottom:1px solid #ffffff30;padding:12px 0;font-size:13px}.trade li:before{content:"↗";color:var(--yellow);margin-right:14px}.finishes{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.finish-photo{position:relative}.finish-photo img{object-fit:cover;width:100%;height:540px}.finish-photo span{color:#fff;letter-spacing:2px;font-size:10px;position:absolute;bottom:22px;left:22px}.swatches{gap:12px;margin:30px 0 14px;display:flex}.swatches i{border:3px solid #fff;border-radius:50%;width:48px;height:48px;box-shadow:0 0 0 1px #ddd}.finishes small{color:var(--muted);font-size:10px}.process{background:#f8f8f5;border-top:1px solid #ddd}.steps{grid-template-columns:repeat(4,1fr);gap:35px;margin-top:40px;display:grid}.steps>div{border-top:1px solid #ccc;padding-top:20px}.steps span{color:var(--purple);font-family:Barlow Condensed;font-size:45px}.steps p{font-size:13px}.about{background:var(--black);color:#fff;grid-template-columns:1fr 1fr;gap:0 90px;display:grid}.about>.eyebrow{color:var(--yellow);grid-column:1/-1}.about p{color:#ccc}.about h2{font-size:64px}.about .text-link{margin-top:16px;display:inline-block}.faq{grid-template-columns:1fr 1.4fr;gap:70px;display:grid}details{border-bottom:1px solid #d5d5d0;padding:22px 0}summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:var(--purple);font-size:22px}details p{margin-bottom:0;font-size:14px}.quote{background:#f1f0f5;grid-template-columns:1fr 1.2fr;gap:90px;display:grid}.quote>div>p{max-width:350px}.phone{margin:28px 0 8px;font-family:Barlow Condensed;font-size:33px;font-weight:600;display:block}.quote>div>a:not(.phone){font-size:14px}.quote .note{margin-top:28px;font-size:12px}.fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{margin-bottom:19px;font-size:12px;font-weight:600;display:block}input,textarea,select{color:#222;background:#fff;border:1px solid #d3d0da;border-radius:0;width:100%;margin-top:9px;padding:14px;font-size:13px;display:block}textarea{resize:vertical}form>.button{width:100%}form>small{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.7;display:block}.form-status{border:1px solid var(--purple);padding:15px;font-size:13px}footer{color:#fff;background:#101211;padding:50px 7% 25px}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:35px;padding-bottom:40px;display:grid}.footer-top>.brand{align-self:start}.footer-top h3{margin-top:0;font-size:21px}.footer-top p,.footer-top>div>a{color:#c5c7c2;font-size:13px;line-height:1.8}.footer-top>div>a{margin-top:6px;display:block}.footer-bottom{color:#aaa;letter-spacing:.5px;border-top:1px solid #ffffff25;justify-content:space-between;gap:20px;padding-top:25px;font-size:9px;display:flex}.modal{z-index:100;background:#080a09ed;place-items:center;padding:65px 20px 20px;display:grid;position:fixed;inset:0}.modal figure{max-width:1000px;max-height:90vh;margin:0}.modal figure img{object-fit:contain;max-height:73vh;margin:auto}.modal figcaption{color:#fff;padding:15px 0;font-size:18px}.modal small{color:#ccc;margin-top:8px;font-size:12px;display:block}.close{background:#fff;border:0;padding:10px 16px;position:absolute;top:20px;right:25px}@media (width>=1600px){.section{padding-left:max(7%,50vw - 700px);padding-right:max(7%,50vw - 700px)}}@media (width<=1000px){nav{gap:16px}.brand span{display:none}.services,.gallery{grid-template-columns:repeat(2,1fr)}.finishes,.quote,.about{gap:40px}.trade-copy{padding:60px 10%}.steps{gap:20px}.trust{font-size:8px}.section{padding:70px 6%}}@media (width<=650px){header{height:80px;padding:7px 5%}.brand img{width:60px;height:60px}.brand span{font-size:23px;display:block}.brand b{font-size:14px}.brand small{font-size:7px}.menu{color:#fff;background:0 0;border:1px solid #666;padding:10px;font-size:12px;display:block}nav{background:var(--black);padding:25px;display:none;position:absolute;top:80px;left:0;right:0}nav.open{flex-direction:column;align-items:stretch;gap:22px;display:flex}.hero{min-height:650px}.hero-copy{padding:65px 6% 90px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#08100ee0,#08100e55)}h1{font-size:64px}.hero-copy>p:not(.eyebrow){font-size:14px}.eyebrow{letter-spacing:1.7px;font-size:9px}.hero-caption{font-size:8px}.actions{gap:20px}.text-link{font-size:12px}.trust{text-align:center;grid-template-columns:1fr 1fr;gap:18px;font-size:8px;display:grid}.trust i{display:none}.section{padding:58px 6%}.section-head{margin-bottom:25px;display:block}.section-head>p{max-width:none}.services{gap:24px 15px}.service-image img{height:210px}h3{font-size:23px}.service p{font-size:12px}.gallery{gap:28px 15px}.project img{height:190px}.project h3{font-size:22px}.project>div>span{padding:7px;font-size:9px;bottom:8px;right:8px}.filters{gap:7px}.filters button{padding:10px 12px;font-size:10px}.trade,.finishes,.about,.faq,.quote{grid-template-columns:1fr}.trade-copy{padding:55px 6%}.trade img{height:340px;min-height:0}.finish-photo img{height:400px}.finishes{gap:35px}.steps{grid-template-columns:1fr 1fr;gap:25px}.about h2{font-size:49px}.about,.faq{gap:10px}.quote{gap:30px}.fields{gap:12px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 18px}.footer-top>.brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom span:nth-child(2){display:none}.project small{font-size:8px}.modal figcaption{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.hero .eyebrow{color:#e8e6ee}.trade .eyebrow{color:var(--yellow)}.reviews{background:#f1eef6;grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.reviews>div>p:not(.eyebrow){color:#59575e;margin:22px 0}.reviews .text-link{margin-top:12px;display:inline-block}.review-list{gap:20px;display:grid}.review-card{background:#fff;border:1px solid #e1dbe9;padding:32px}.stars{color:#755ba6;letter-spacing:3px;justify-content:space-between;align-items:center;font-size:22px;display:flex}.stars small{letter-spacing:0;color:#59575e;font:600 13px Inter,sans-serif}.review-card blockquote{color:#242129;margin:24px 0;font-size:20px;line-height:1.6}.review-person{align-items:center;gap:14px;display:flex}.review-person>span{color:#755ba6;background:#eee8f5;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.review-person strong{font-size:14px}.review-person small{color:#666;margin-top:4px;font-size:12px;display:block}.review-person>a{color:#755ba6;margin-left:auto;font-size:24px}.review-person>a:focus-visible{outline-offset:5px;outline:2px solid #755ba6}@media (width<=850px){.reviews{grid-template-columns:1fr;gap:30px}.review-card{padding:24px}}
