/* Menuiserie sheets only. The approved homepage styling is unchanged. */
.joinery-sheet{background:#f1f2ef;color:var(--ink)}
.joinery-sheet .service-top{background:#e8ece9}
.joinery-intro{padding:36px 48px 30px}
.joinery-intro .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--red);font-size:11px}
.joinery-intro .eyebrow-mark{--mark-width:32px}
.joinery-intro h2{font-size:clamp(30px,3.4vw,48px);font-weight:500;line-height:1.12;letter-spacing:-1.2px;margin:0 0 20px;max-width:900px}
.joinery-intro>p:last-child{max-width:850px;font-size:16px;line-height:1.75;color:#4c5e65;margin:0}
.joinery-visual{position:relative;margin:0 48px;height:380px;overflow:hidden;background:#dce1de}
.joinery-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.joinery-visual figcaption{position:absolute;left:18px;bottom:16px;max-width:calc(100% - 36px);padding:9px 13px;background:#f1f2eff0;font-size:11px;line-height:1.4;color:var(--ink)}
.joinery-visual-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#102b3d;color:#cbd5d9}
.joinery-visual-pending>.brand-symbol{--mark-width:130px}
.joinery-visual-pending>span:last-child{font-size:14px;letter-spacing:.03em}
.joinery-method{padding:40px 48px 45px}
.joinery-method>.eyebrow{font-size:11px;color:#66767c;margin:0 0 12px}
.joinery-method>h3{font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:0 0 28px}
.joinery-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:38px}
.joinery-steps>li{display:flex;align-items:flex-start;gap:14px;padding:24px 0;border-top:1px solid #cbd3d0}
.joinery-steps>li:last-child{grid-column:1/-1;max-width:100%}
.joinery-steps .brand-symbol{--mark-width:29px;margin-top:6px}
.joinery-steps h4{font-size:18px;font-weight:600;line-height:1.35;margin:0 0 10px}
.joinery-steps p{font-size:15px;line-height:1.75;color:#52646b;margin:0;max-width:790px}
.joinery-sheet .service-cta{padding-left:48px;padding-right:48px;background:#e6ebe8}
@media(max-width:960px){
 .joinery-intro{padding:32px}
 .joinery-visual{margin:0 32px;height:340px}
 .joinery-method{padding:34px 32px}
 .joinery-steps{column-gap:26px}
 .joinery-sheet .service-cta{padding-left:32px;padding-right:32px}
}
@media(max-width:620px){
 .joinery-intro{padding:28px 24px}
 .joinery-intro h2{font-size:34px;letter-spacing:-.8px}
 .joinery-intro>p:last-child{font-size:15px;line-height:1.7}
 .joinery-visual{margin:0;height:auto;aspect-ratio:4/3}
 .joinery-visual>img{height:100%;position:absolute;inset:0}
 .joinery-visual figcaption{font-size:10px;left:16px;bottom:14px}
 .joinery-visual-pending>.brand-symbol{--mark-width:105px}
 .joinery-method{padding:30px 24px}
 .joinery-method>h3{font-size:28px;margin-bottom:22px}
 .joinery-steps{grid-template-columns:1fr}
 .joinery-steps>li{padding:21px 0;gap:13px}
 .joinery-steps h4{font-size:18px}
 .joinery-steps p{font-size:15px}
 .joinery-sheet .service-cta{padding:26px 24px}
}