.bath-hero{height:470px;position:relative;overflow:hidden;background:var(--olive)}
.bath-hero-photo{position:absolute;inset:0 0 0 30%;background:url('assets/bath_hero.webp?v=rebuild1') center/cover no-repeat;image-rendering:auto}
.bath-hero-panel{position:absolute;inset:0 auto 0 0;width:44%;padding:48px 52px;color:#fff;background:linear-gradient(90deg,rgba(39,45,31,.99),rgba(39,45,31,.95) 80%,rgba(39,45,31,.72))}
.bath-hero h1,.bath-featured h2,.bath-reimagine h2,.bath-materials h2,.bath-cta h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.bath-hero h1{font-size:51px;line-height:1}.bath-hero h1 em,.bath-featured h2 em{font-weight:400}
.bath-hero-panel>p:not(.eyebrow):not(.bath-micro){font-size:15px;line-height:1.55;max-width:360px}
.bath-micro{margin-top:26px;text-transform:uppercase;letter-spacing:.19em;font-size:9px;color:#d8c8aa}
.bath-side-note{position:absolute;right:45px;bottom:36px;color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:9px;line-height:1.6;text-shadow:0 1px 8px #000}

.bath-principles{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 44px;background:#fffdf8}
.bath-principles article{text-align:center;padding:2px 28px;border-right:1px solid var(--line)}
.bath-principles article:last-child{border-right:0}
.bath-icon{font-size:31px;color:var(--deep-olive);margin-bottom:9px}
.bath-principles h3,.bath-featured h3,.bath-materials h3{margin:0 0 7px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.bath-principles p,.bath-featured article p,.bath-materials article p{margin:0;font-size:11px;line-height:1.45;color:#666}

.bath-featured{display:grid;grid-template-columns:25% 25% 25% 25%;padding:34px 40px;background:#fffdf8;gap:8px}
.featured-copy{padding:8px 26px 8px 0}
.section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:#886b49}
.bath-featured h2,.bath-reimagine h2,.bath-materials h2{font-size:38px;line-height:1.03}
.featured-copy>p:not(.section-label){font-size:13px;line-height:1.5}
.bath-featured article{text-align:center}
.bath-featured article img{width:100%;height:210px;object-fit:cover}
.bath-featured article h3{margin-top:10px}

.bath-reimagine{display:grid;grid-template-columns:31% 55% 14%;background:#f4efe5;min-height:300px}
.bath-reimagine-copy{padding:42px 38px}
.bath-reimagine-copy>p:not(.section-label){font-size:13px;line-height:1.55}
.bath-compare{position:relative;overflow:hidden}
.bath-compare img{width:100%;height:100%;min-height:300px;object-fit:cover}
.bath-reimagine-note{display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.2em;font-size:10px;line-height:1.7;color:#806f5e;background:#f5f0e6}
.before,.after{position:absolute;top:16px;padding:8px 13px;background:rgba(35,35,31,.92);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.before{left:16px}.after{right:16px}.compare-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.16)}

.bath-materials{display:grid;grid-template-columns:31% repeat(4,minmax(0,1fr));padding:34px 40px;gap:12px;background:#fffdf8}
.materials-copy{padding-right:20px}
.materials-copy>p:not(.section-label){font-size:13px;line-height:1.5}
.bath-materials article{text-align:center;min-width:0}
.bath-materials article img{display:block;width:100%;max-width:100%;height:155px;object-fit:cover}
.bath-materials article h3{margin-top:10px}

.bath-testimonial{display:grid;grid-template-columns:120px minmax(0,1fr) 190px;align-items:center;padding:0 38px;background:#f7f2e9;min-height:135px}
.kind-words{padding:0 18px 0 0;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:#8a765c}
.bath-testimonial blockquote{margin:0;padding:22px 26px;min-width:0;overflow-wrap:anywhere}
.bath-testimonial blockquote p{font:italic 16px/1.45 Georgia,serif;margin:0 0 8px;max-width:100%}
.bath-testimonial blockquote cite{font-size:10px;color:#777}
.bath-testimonial .testimonial-rating{padding-right:20px;min-width:0}

.bath-cta{display:grid;grid-template-columns:35% 1fr auto;align-items:stretch;min-height:230px;color:#fff;background:var(--deep-olive)}
.bath-cta-photo{height:100%;min-height:230px;background:url('assets/bath_cta.webp?v=rebuild1') center/cover no-repeat}
.bath-cta-copy{padding:34px 34px}
.bath-cta h2{font-size:34px;line-height:1.05}
.bath-cta-body{max-width:510px;font-size:13px;line-height:1.55;color:#f1ede4}
.light-label{color:#d7c7aa}
.bath-cta-note{align-self:center;padding:30px 45px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;line-height:1.65}

.bath-featured > *, .bath-testimonial > *{min-width:0}

@media(max-width:1100px) and (min-width:901px){
  .bath-testimonial{grid-template-columns:105px minmax(0,1fr) 150px;padding:0 24px}
  .bath-testimonial blockquote{padding:18px 16px}.bath-testimonial blockquote p{font-size:14px}
  .bath-testimonial .testimonial-rating{padding-right:8px}
}

@media(max-width:900px){
  .bath-hero{height:680px;background:#273022}
  .bath-hero-photo{position:absolute;inset:0;display:block;background-image:url('assets/bath_hero_mobile.webp?v=rebuild1');background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:auto}
  .bath-hero-panel{width:auto;left:0;right:0;top:auto;bottom:0;padding:30px 20px 28px;box-sizing:border-box;background:linear-gradient(0deg,rgba(39,45,31,.99),rgba(39,45,31,.94) 76%,rgba(39,45,31,.22))}
  .bath-hero h1{font-size:40px;line-height:1.02}.bath-hero-panel>p:not(.eyebrow):not(.bath-micro){max-width:none}.bath-side-note{display:none}
  .bath-hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px}.bath-hero .hero-actions .button{width:auto;max-width:100%}
  .bath-principles{grid-template-columns:1fr 1fr;padding:14px}.bath-principles article{padding:22px 12px;border-right:0;border-bottom:1px solid var(--line)}
  .bath-principles article:nth-child(odd){border-right:1px solid var(--line)}.bath-principles article:nth-last-child(-n+2){border-bottom:0}
  .bath-featured{grid-template-columns:1fr 1fr;padding:32px 18px}.featured-copy{grid-column:1/-1;padding:0 0 18px}
  .bath-featured article img{height:180px}.bath-featured article:last-child{grid-column:1/-1}.bath-featured article:last-child img{height:220px}
  .bath-reimagine{grid-template-columns:1fr}.bath-reimagine-copy{padding:34px 20px}.bath-compare{min-height:250px}.bath-reimagine-note{padding:24px}
  .bath-materials{grid-template-columns:1fr 1fr;padding:32px 18px}.materials-copy{grid-column:1/-1}.bath-materials article img{height:150px}
  .bath-testimonial{grid-template-columns:1fr;padding:0 20px}.kind-words{padding:22px 0 0}.bath-testimonial blockquote{padding:18px 0}.bath-testimonial .testimonial-rating{padding:0 0 24px}
  .bath-cta{display:grid;grid-template-columns:1fr;min-height:0;text-align:left}
  .bath-cta-photo{display:block;width:100%;height:230px;min-height:230px;background-image:url('assets/bath_cta.webp?v=rebuild1');background-size:cover;background-position:center;background-repeat:no-repeat}
  .bath-cta-copy{padding:28px 20px 20px}.bath-cta h2{font-size:31px;line-height:1.08}.bath-cta .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.bath-cta .hero-actions .button{width:auto;max-width:100%}
  .bath-cta-note{align-self:auto;padding:0 20px 26px;text-align:left;line-height:1.55}
  .legal-footer{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding-left:20px;padding-right:20px}
}