*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body.rails{margin:0;background:#f5f2eb;color:#233d32;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}svg{display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.3vw,78px);max-width:760px}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:25px}p{margin-top:18px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{width:min(1440px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 56px;gap:24px;border-bottom:1px solid #cdd1c6}.wordmark{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:22px;font-weight:600;letter-spacing:-.06em}.wordmark{max-width:100%}.railings-logo{display:block;width:260px;max-width:100%;height:auto}footer .railings-logo{width:220px}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{padding:10px 0;text-decoration:none;font-size:14px;min-height:44px}.site-header .nav-contact{display:flex;align-items:center;gap:12px}.nav-contact svg,.button svg,.text-link svg,.secondary svg{width:22px;height:22px;flex:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:660px}.hero-copy{padding:78px 40px 48px 56px;align-self:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:600;line-height:1.6;margin:0 0 24px}.lead{font-size:19px;line-height:1.65;max-width:530px;color:#526357}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 23px;background:#233d32;color:#fff;text-decoration:none;font-size:15px;min-height:56px;margin-top:30px}.button:hover{background:#3c5947}.secondary,.text-link{display:inline-flex;align-items:center;gap:15px;padding:13px 0;text-underline-offset:6px;min-height:44px}.secondary{display:flex;width:fit-content;font-size:14px;text-decoration:none;margin-top:10px}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:#526357;margin-top:45px}.hero-note span{width:6px;height:6px;border-radius:50%;background:#647b63}.hero figure{display:flex;flex-direction:column;background:#e9e4da;justify-content:center;min-width:0;position:relative}.rail-study{width:100%;height:auto;max-height:700px}.hero figcaption{padding:0 28px 22px;font-size:10px;color:#526459;letter-spacing:.03em}.catalogue-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:90px;border-bottom:1px solid #cdd1c6}.catalogue-section .lead{margin:0}.catalogue-section .text-link{margin-top:20px}.process{padding-block:90px}.section-heading{max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.steps article{border-top:1px solid #a9b4a6;padding-top:22px}.number{font-size:12px;letter-spacing:.1em;color:#526357}.steps h3{margin-top:35px}.steps p{color:#526357;font-size:15px}.contact{background:#233d32;color:#f5f2eb}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:120px;padding-block:80px}.contact .lead,.contact .small{color:#d1d8cb}.light{background:#e3d9c4;color:#233d32}.light:hover{background:#fff}.small{font-size:12px;line-height:1.65}.contact-detail{padding-top:42px;overflow-wrap:anywhere}.contact-detail>a{display:block;font-size:clamp(19px,2.2vw,28px);text-underline-offset:8px;min-height:44px}.contact-detail p{font-size:13px;color:#d1d8cb}.contact-detail ul{padding-left:18px;font-size:14px}.payment-note{border-top:1px solid #6b7c6c;padding-top:18px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:80px}.questions h2{font-size:34px}.questions details{border-bottom:1px solid #cdd1c6;padding:0 0 18px;margin-bottom:20px}.questions summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:600}.questions details p{font-size:14px;color:#526357;margin-top:8px}footer{display:flex;align-items:center;gap:30px;padding-block:35px;border-top:1px solid #cdd1c6;font-size:12px;flex-wrap:wrap}footer .wordmark{margin-right:auto;font-size:18px}footer p{margin:0}footer>a:not(.wordmark){min-height:44px;display:inline-flex;align-items:center}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px 20px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #805027;outline-offset:5px}.contact :focus-visible{outline-color:#e3d9c4}.preview{background:#f5db9f;padding:12px;text-align:center;color:#233d32}.catalogue-page{padding-block:60px 90px}.catalogue-page>.eyebrow{margin-top:42px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px}.coming-soon{grid-column:1/-1;background:#e5e6da;padding:45px}.coming-soon h2{margin-top:20px}.product{padding:28px;border:1px solid #a9b4a6;overflow-wrap:anywhere}.product h2{font-size:29px}.product dt{font-weight:bold;font-size:13px}.product dd{margin:0 0 12px;font-size:14px}.charcoal .hero figure{filter:grayscale(1)}.charcoal{--unused:0}@media(min-width:1441px){.hero-copy{padding-left:80px}}@media(max-width:900px){.site-header{padding:20px 28px}.wrap{width:calc(100% - 56px)}.site-header nav{gap:18px}.hero-copy{padding:50px 28px}.hero{min-height:580px}.catalogue-section,.questions{gap:35px}.contact-grid{gap:50px}.steps{gap:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.site-header{padding:18px 22px;display:block}.wordmark{font-size:22px}.site-header nav{justify-content:space-between;gap:10px;margin-top:12px}.site-header nav a{font-size:12px}.hero{display:flex;flex-direction:column}.hero-copy{padding:46px 24px 32px}h1{font-size:47px}.hero .lead{font-size:17px}.hero-note{margin-top:26px}.hero figure{max-height:none}.rail-study{max-height:390px}.hero figcaption{padding:0 24px 18px}.wrap{width:calc(100% - 48px)}.catalogue-section,.questions,.contact-grid{grid-template-columns:1fr;gap:28px;padding-block:48px}.process{padding-block:48px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps h3{margin-top:15px}.steps p{margin-top:12px}.contact-detail{padding-top:8px}.contact h2{font-size:40px}.questions h2{font-size:32px}.product-grid{grid-template-columns:1fr}.coming-soon{padding:28px}footer{gap:14px 24px;padding-block:26px}footer .wordmark{width:100%}footer p{width:100%}.catalogue-page{padding-block:35px 50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}