/* Homepage-only editorial direction approved on 2026-10-08. */
body.home .header{height:84px;max-width:1328px;gap:36px}
body.home .header .brand{width:215px}
.ph-home-editorial .shell{max-width:1328px}
.ph-showroom{position:relative;isolation:isolate;background:#153a30;color:#fff}
.ph-showroom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.ph-showroom-inner{min-height:clamp(520px,44.2vw,730px);display:flex;align-items:center}
.ph-showroom-copy{width:50%;padding:60px 0 70px}
.ph-eyebrow{font-size:11px;line-height:1.6;font-weight:650;letter-spacing:.2em;text-transform:uppercase;margin-bottom:26px}
.ph-showroom h1{font-size:clamp(44px,5.2vw,76px);font-weight:750;line-height:1.04;letter-spacing:-.055em}
.ph-lead{max-width:425px;font-size:18px;line-height:1.65;margin-top:28px}
.ph-showroom-actions{display:flex;align-items:center;gap:32px;margin-top:34px;flex-wrap:wrap}
.ph-showroom-actions .button{background:white;color:#123d36;border-color:white;font-size:14px;padding:19px 24px;gap:24px}
.ph-showroom-actions .button:hover{background:#eff5f2}
.ph-showroom-actions .text-link{font-size:14px;color:white}
.ph-introduction{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:44px 44px}
.ph-introduction h2{font-size:clamp(34px,4.2vw,58px);line-height:1.1;letter-spacing:-.055em;font-weight:700}
.ph-introduction p,.ph-partnership p:not(.section-label){font-size:18px;line-height:1.8;color:#68746f;max-width:560px}
.ph-category-showcase{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,30fr) minmax(0,30fr);grid-template-rows:minmax(0,1fr);width:calc(100% - 112px);max-width:1328px;height:560px;margin-inline:auto}
.ph-category-showcase>*{min-width:0;min-height:0}
.ph-bath-feature{position:relative;display:block;overflow:hidden;background:#f1ece4}
.ph-bath-feature>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transition:transform .4s}
.ph-bath-feature:hover>img{transform:scale(1.025)}
.ph-bath-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 10% 38px;background:rgba(249,246,240,.88)}
.ph-bath-caption h2{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:750}
.ph-bath-caption p{font-size:14px;line-height:1.6;margin-top:10px;max-width:350px;color:#68746f}
.ph-category-links{padding:8px 28px;display:flex;flex-direction:column;justify-content:center}
.ph-category-links>a{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:100px;border-bottom:1px solid #cbd4cf;padding:18px 0;transition:color .2s}
.ph-category-links>a:hover{color:var(--green)}
.ph-category-links h3{font-size:23px;line-height:1.35;letter-spacing:-.045em;font-weight:700}
.ph-category-links .ph-all-categories{font-size:13px;min-height:68px;border:0;font-weight:650}
.ph-chair-detail{display:block;height:100%;width:100%;min-height:0;object-fit:cover;object-position:center}
.ph-partnership{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px;border-bottom:1px solid var(--line);margin-bottom:85px;align-items:center}
.ph-partnership h2{font-size:clamp(34px,3.8vw,54px)}
.ph-partnership .text-link{margin-top:22px}
@media(min-width:1600px){.ph-showroom-image{object-position:center 55%}}
@media(max-width:1150px){.ph-showroom h1{font-size:46px}.ph-lead{font-size:16px;max-width:360px}.ph-showroom-copy{width:46%}.ph-showroom-actions{gap:15px}.ph-showroom-actions .button{padding:17px 16px;font-size:13px}.ph-introduction{gap:45px}.ph-category-links{padding-inline:25px}.ph-category-links h3{font-size:21px}.ph-bath-caption{padding-inline:35px}body.home .header .brand{width:200px}}
@media(max-width:800px){body.home .header{height:86px}.ph-showroom-inner{min-height:500px}.ph-showroom-copy{width:48%}.ph-showroom h1{font-size:39px}.ph-eyebrow{font-size:9px}.ph-showroom-image{object-position:47% center}.ph-introduction{gap:30px}.ph-introduction p{font-size:16px}.ph-category-showcase{grid-template-columns:minmax(0,55fr) minmax(0,45fr);height:540px;width:calc(100% - 48px)}.ph-chair-detail{display:none}.ph-bath-feature{min-height:0}.ph-category-links>a{min-height:100px}.ph-bath-caption h2{font-size:23px}.ph-partnership{gap:40px;padding-block:70px}}
@media(max-width:700px){body.home .header .brand{width:165px}.ph-showroom{display:flex;flex-direction:column}.ph-showroom-image{position:static;order:2;aspect-ratio:1.3;height:auto;object-fit:cover;object-position:right;z-index:auto}.ph-showroom-inner{min-height:0;order:1}.ph-showroom-copy{width:100%;padding:46px 0 38px}.ph-eyebrow{font-size:10px;margin-bottom:23px}.ph-showroom h1{font-size:clamp(36px,9.7vw,58px);line-height:1.08}.ph-lead{font-size:16px;max-width:100%;margin-top:22px}.ph-showroom-actions{margin-top:25px;gap:19px}.ph-showroom-actions .button{padding:17px 20px;font-size:13px}.ph-introduction{grid-template-columns:1fr;gap:24px;padding-block:42px}.ph-introduction h2{font-size:36px}.ph-category-showcase{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;width:calc(100% - 40px)}.ph-bath-feature{min-height:0;aspect-ratio:1}.ph-bath-caption{padding:24px}.ph-category-links{padding:8px 24px 18px}.ph-category-links>a{min-height:85px;padding-block:22px}.ph-category-links h3{font-size:23px}.ph-partnership{grid-template-columns:1fr;gap:26px;padding-block:48px;margin-bottom:48px}.ph-partnership p:not(.section-label){font-size:16px}.ph-partnership h2{font-size:35px}.ph-home-editorial .brand-faq h2{font-size:34px}.ph-home-editorial .contact-inner h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ph-bath-feature>img{transition:none}}

.ph-category-links p{font-size:14px;line-height:1.5;color:#68746f;margin-top:7px}

@media(min-width:1151px){body.home .header,.ph-home-editorial .shell{width:calc(100% - 112px)}}

.ph-showroom-actions .text-link{background:#153a30;padding:12px 14px;border-radius:2px}
@media(max-width:380px){body.home .header{gap:9px}body.home .header .brand{width:135px}.ph-showroom-actions .button{white-space:normal;text-align:left;max-width:100%;gap:15px}}
@media(max-width:700px){.ph-bath-feature{aspect-ratio:auto}.ph-bath-feature>img{position:static;display:block;height:auto;aspect-ratio:1;object-fit:cover}.ph-bath-caption{position:static;padding:22px;background:#f7f3ec}.ph-bath-caption h2{font-size:24px}.ph-category-links{padding-inline:12px}.ph-category-links h3{font-size:21px}}

/* Product visibility: preserve whole images and keep captions outside the photo. */
.ph-bath-feature{display:grid;grid-template-rows:minmax(0,1fr) auto}
.ph-bath-feature>img{position:static;display:block;width:100%;height:100%;min-height:0;object-fit:contain;aspect-ratio:auto}
.ph-bath-feature:hover>img{transform:none}
.ph-bath-caption{position:static;padding:24px 28px;background:#f7f3ec}
.ph-chair-detail{object-fit:contain;background:#fff;padding:18px}
@media(max-width:1000px){
 .ph-category-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;height:auto}
 .ph-bath-feature{grid-column:1;grid-row:1;aspect-ratio:auto}
 .ph-bath-feature>img{height:auto;aspect-ratio:1}
 .ph-chair-detail{display:block;grid-column:2;grid-row:1;height:100%;max-height:560px}
 .ph-category-links{grid-column:1/-1;grid-row:2;padding-inline:12px}
}
@media(max-width:700px){
 .ph-category-showcase{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
 .ph-bath-feature,.ph-category-links,.ph-chair-detail{grid-column:1;grid-row:auto}
 .ph-bath-caption{padding:22px}
 .ph-chair-detail{height:auto;aspect-ratio:1;max-height:none;padding:16px}
}

.ph-category-links>a{min-height:82px;padding-block:14px}
