.s-page{font-size:18px;line-height:1.75;color:#172e2a}.s-page p{font-size:18px;line-height:1.75;margin:0 0 20px}.s-page h1{font-size:clamp(55px,6.5vw,94px);line-height:1.03;letter-spacing:-.065em;font-weight:650;margin:0}.s-page h2{font-size:clamp(34px,3.5vw,51px);line-height:1.12;letter-spacing:-.045em;margin:0 0 28px}.s-page .p-eyebrow{font-size:13px;font-weight:750;letter-spacing:.12em;line-height:1.6;margin-bottom:22px}.s-section{padding-top:64px;padding-bottom:64px}.s-top{padding-top:30px;padding-bottom:0}.s-breadcrumb{font-size:14px!important;color:#53645f}.s-breadcrumb span{margin-left:12px}.s-title-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin:42px 0}.s-deck{font-size:24px!important;line-height:1.4!important;font-weight:600}.s-hero-intro{max-width:500px}.s-photo{margin:0!important}.s-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.s-hero-photo{height:520px}.s-hero-photo img{object-position:center 56%}.s-hero-caption{display:flex;justify-content:space-between;border-bottom:1px solid #bdcfc6;padding-top:14px}.s-hero-caption p{font-size:12px;letter-spacing:.07em}.s-reading-grid,.s-aftercare-grid,.s-related{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.s-prose{max-width:720px}.s-method{display:grid;grid-template-columns:1.15fr .7fr;gap:85px;align-items:center}.s-equipment{height:650px;transform:rotate(2deg);padding:12px;background:#e5f0ea}.s-scope{background:#e5f4ed;border-radius:6px;padding:44px;margin-top:18px;margin-bottom:28px}.s-scope-heading{max-width:760px}.s-page .p-table{margin-top:30px;margin-bottom:26px}.s-page .p-table th,.s-page .p-table td{font-size:16px;line-height:1.6}.s-note{font-size:16px!important;max-width:900px}.s-stair-layout{display:grid;grid-template-columns:.8fr 1.1fr;gap:90px;align-items:center}.s-stairs{height:760px}.s-stair-copy{padding-top:45px}.s-stains-top{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center}.s-spot{height:450px}.s-quote{border-top:1px solid #bdcfc6;border-bottom:1px solid #bdcfc6;background:#f6f8f4}.s-quote-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}.s-quote-heading .p-eyebrow{grid-column:1/-1}.s-quote-heading h2{grid-row:2/4}.s-room{height:450px;margin-bottom:40px!important}.s-faq{display:grid;grid-template-columns:.7fr 1.2fr;gap:90px;background:#e5f4ed}.s-faq details{border-bottom:1px solid #bacdc2;padding:20px 0}.s-faq summary{font-size:19px;font-weight:650;cursor:pointer;line-height:1.45}.s-faq details p{margin-top:18px}.s-final{display:flex;justify-content:space-between;align-items:center;gap:50px}.s-final-copy{max-width:670px}.s-page a:focus-visible,.s-page summary:focus-visible{outline:3px solid #08785f;outline-offset:5px}
@media(max-width:900px){.s-reading-grid,.s-aftercare-grid,.s-related,.s-method,.s-stair-layout,.s-stains-top,.s-faq{gap:35px}.s-title-grid{gap:30px}.s-hero-photo{height:430px}.s-equipment,.s-stairs{height:620px}}
@media(max-width:760px){.s-page,.s-page p{font-size:17px;line-height:1.75}.s-section{padding-top:42px;padding-bottom:42px}.s-title-grid,.s-reading-grid,.s-aftercare-grid,.s-related,.s-method,.s-stair-layout,.s-stains-top,.s-quote-heading,.s-faq{display:grid;grid-template-columns:1fr;gap:22px}.s-title-grid{margin:28px 0}.s-page h1{font-size:54px}.s-page h2{font-size:36px}.s-deck{font-size:22px!important}.s-hero-photo{height:280px}.s-hero-photo img{object-position:64% center}.s-hero-caption{display:block}.s-hero-caption p{margin-bottom:7px}.s-top{padding-top:20px;padding-bottom:0}.s-equipment{height:430px;transform:none}.s-stairs{height:520px;max-width:430px}.s-stair-copy{padding:0}.s-scope{padding:28px 18px;width:calc(100% - 36px)!important;margin-left:auto!important;margin-right:auto!important}.s-spot,.s-room{height:270px}.s-quote-heading h2{grid-row:auto}.s-page .p-table th,.s-page .p-table td{font-size:16px}.s-final{display:block}.s-faq summary{font-size:18px}.s-faq-title p{max-width:36ch}.s-section .wp-block-buttons{margin-top:24px}.s-page .p-eyebrow{font-size:12px}.s-breadcrumb{font-size:13px!important}}
/* Approved hero rule: copy beside photography on desktop. */
.s-top .s-title-grid{grid-template-columns:1fr 1fr;gap:52px;align-items:center;margin:32px 0 0}.s-hero-copy{min-width:0;padding:22px 0}.s-top h1{font-size:clamp(54px,5.1vw,76px);line-height:1.05;margin-bottom:26px}.s-top .s-hero-intro{max-width:520px}.s-top .s-deck{font-size:22px!important}.s-top .s-hero-photo{height:600px;min-width:0}.s-top .s-hero-photo img{object-position:70% center}.s-top .s-hero-caption{margin-top:20px}.s-hero-copy .wp-block-buttons{margin-top:24px}
@media(max-width:1000px) and (min-width:761px){.s-top .s-title-grid{gap:28px}.s-top h1{font-size:54px}.s-top .s-hero-photo{height:620px}}
@media(max-width:760px){.s-top .s-title-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.s-top h1{font-size:49px;margin-bottom:22px}.s-hero-copy{padding:0}.s-top .s-hero-photo{height:350px}.s-top .s-hero-photo img{object-position:67% center}.s-top .s-deck{font-size:21px!important}}