/* Slate & Stone bathroom-focused direction. Original assets and capture behavior preserved. */
body{background:#fafaf7;color:#193551}header{background:#f4f4f1;border-bottom:1px solid #daddda}.brand img{width:210px;height:210px}nav{gap:38px}.button{background:#193551;color:#fff;border-radius:2px;padding:17px 25px}.button:hover{background:#2c4b66}h1,h2,h3{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-1.5px}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.06}h1 em{font-style:normal;color:#193551}h2{font-size:clamp(32px,3.8vw,49px)}h3{letter-spacing:-.6px;font-size:25px}.hero{display:flex;flex-direction:column;position:relative;background:#fafaf7;color:#193551;padding-bottom:10px}.hero figure{order:0;height:490px;margin:0 4% 0 16%;overflow:hidden}.hero figure>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 48%}.hero figcaption{left:auto;padding:9px 16px;font-size:8px}.hero-copy{order:1;position:relative;margin:-155px 30% 0 6%;padding:38px 45px 30px;background:#fafaf7;border-top:6px solid #b89b50;z-index:1}.hero .eyebrow{color:#786125;font-size:9px}.hero-copy>p:not(.eyebrow){color:#526474;max-width:510px;font-size:15px}.hero-copy .button{margin-top:10px}.underlink{display:inline-block;margin:15px 0 0 20px}.hero-note{display:none}.strip{margin:30px 6% 0;background:transparent;border-top:1px solid #c9cec9;border-bottom:1px solid #c9cec9;padding:20px 0;color:#526474}.section{padding:75px 7%}.work{background:#fafaf7}.section-head{align-items:end}.gallery{grid-template-columns:1.2fr 1fr;gap:38px 32px;align-items:start}.photo{position:relative}.photo img{height:330px;object-fit:cover}.photo:nth-child(even){margin-top:65px}.photo:nth-child(3) img,.photo:nth-child(4) img{height:440px;object-fit:contain;background:#e7e5dc}.photo span{font-size:18px;font-weight:bold;letter-spacing:-.4px}.photo small{font-size:9px;color:#6a706f}.photo i{font-style:normal;color:#7a622b}#services{background:#e7e5dc}.services{display:block;margin-top:35px}.services article{display:grid;grid-template-columns:110px 1fr 1.2fr 160px;gap:22px;align-items:center;border-top:1px solid #bfc3bc;padding:23px 0}.services article:last-child{border-bottom:1px solid #bfc3bc}.services h3,.services p{margin:0}.services span{font-size:9px}.services button{font-weight:bold;font-size:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10px 60px}.about>.eyebrow{grid-column:1/-1}.about>h2{grid-column:1;grid-row:2/4}.about>p:not(.eyebrow){grid-column:2;font-size:15px;margin-top:0}.steps{grid-column:1/-1;margin-top:30px}.steps h3{font-size:20px}.steps b{font-family:Arial,sans-serif;font-style:normal;font-size:13px;font-weight:bold}.planner{display:block;background:#f0f1ed;color:#193551;border-top:1px solid #d5d9d0}.planner>div{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.planner .eyebrow{color:#786125;grid-column:1/-1}.planner h2{grid-column:1;grid-row:2/5}.planner>div>p,.planner .contact{grid-column:2;margin:0 0 15px;max-width:none}.planner .contact b{margin-top:8px}.planner .caption{color:#526474}.planner form{background:white;padding:35px;margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;max-width:1000px}.planner form label,.planner form input,.planner form select,.planner form textarea,.planner form button,.planner form p,.planner form output{grid-column:1/-1}label{font-size:13px}input,select,textarea{background:#fafaf7;padding:14px}.planner form .button{justify-self:start;width:auto;min-width:230px}.faq{max-width:1100px}footer{background:#193551;color:white}.review h1{font-size:clamp(32px,5vw,60px)}
@media(min-width:701px){label[for="customer-name"],#customer-name{grid-column:1!important}label[for="phone"],#phone{grid-column:2!important}label[for="customer-name"],label[for="phone"]{grid-row:1}#customer-name,#phone{grid-row:2}}
@media(max-width:700px){header{padding:0 5%;gap:8px}.brand img{width:205px;height:205px}nav .button{font-size:10px;padding:13px 12px;max-width:none}.hero figure{height:340px;margin:0 0 0 12%}.hero-copy{margin:-50px 7% 0 0;padding:27px 24px 28px;border-top-width:4px}h1{font-size:39px;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .button{font-size:12px}.underlink{margin-left:0;display:block}.strip{font-size:8px;gap:12px;margin-top:15px}.section{padding:48px 6%}.gallery{gap:26px;grid-template-columns:1fr}.photo:nth-child(even){margin-top:0}.photo img{height:auto;max-height:400px;object-fit:contain}.photo:nth-child(3) img,.photo:nth-child(4) img{height:410px}.photo span{font-size:17px}.services article{grid-template-columns:1fr;gap:10px;padding:24px 0}.services button{justify-self:start}.about{display:block}.about>p:not(.eyebrow){margin-top:18px}.steps{display:block}.steps article{margin:25px 0}.planner>div{display:block}.planner form{display:block;padding:23px 18px}.planner .contact{margin-top:25px}.planner form .button{width:100%;min-width:0}.planner .caption{font-size:11px}.photo-label{display:none}}@media(max-width:370px){.brand img{width:180px;height:180px}}

.hero figcaption{color:#fff}.hero figure{isolation:isolate}


.hero figcaption{top:14px;right:14px;bottom:auto;left:auto;max-width:calc(100% - 28px);font-size:8px;letter-spacing:.5px}


/* Distinct portfolio art direction */

header{flex-direction:column;background:#292521;color:#fff3e5;padding:25px 6% 0;gap:16px}header .brand{width:340px!important}header .brand img{mix-blend-mode:normal}header nav{width:100%;justify-content:center;border-top:1px solid #655449;padding:14px 0;gap:50px}header nav .button{background:transparent;color:#efb48a;border:1px solid #8a6a53;padding:10px 20px}.hero,.hero-copy,.work{background:#f5efe6;color:#292521}.hero-copy{border-color:#a85e38}.hero h1 em{color:#a85e38}.button,footer{background:#292521;color:#fff3e5}.hero figcaption{background:#292521}.hero-copy>p:not(.eyebrow),.strip{color:#65584e}#services{background:#e4d7c8}.planner{background:#eadfd3;color:#292521}.hero .eyebrow,.planner .eyebrow{color:#844525}@media(max-width:700px){header{padding:20px 5% 0}header .brand{width:260px!important}header nav{gap:16px;font-size:11px}header nav>a:not(.button){display:block}header nav .button{padding:8px 10px;font-size:10px}}

.preview{background:#292521;color:white}.preview a{color:white}
/* Carry the stone palette through all lower sections. */
.photo,.services button,.planner form,input,select,textarea{color:#292521}.section-head>p,.services p,.steps p,.about>p:not(.eyebrow),.planner .caption{color:#65584e}.close{background:#292521}.hero-copy{color:#292521}@media(min-width:701px){.hero figure{height:390px}.hero-copy{margin-top:-125px}}