/* Roofing service and project record redesign */
.rrx-services-v10{padding:68px 5vw 58px;background:#061c36;color:#fff}
.rrx-services-v10 header{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;margin-bottom:30px}
.rrx-services-v10 h2{max-width:900px;margin:14px 0 0;font:700 clamp(52px,5.4vw,88px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase}
.rrx-services-v10 header p{max-width:480px;margin:0 0 7px;color:#aebdca;font-size:15px;line-height:1.7}
.rrx-service-rail{border-top:1px solid #375069}
.rrx-service-tile{position:relative;display:grid;grid-template-columns:92px minmax(250px,1fr) auto;gap:28px;align-items:center;min-height:102px;padding:14px 4px;color:#fff;border-bottom:1px solid #375069;overflow:hidden;transition:padding .28s ease,background .28s ease}
.rrx-service-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff561f;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}
.rrx-service-tile:hover{padding-left:24px;background:#092746}.rrx-service-tile:hover:before{transform:scaleY(1)}
.rrx-service-mark{display:grid;place-items:center;width:64px;aspect-ratio:1;border:1px solid #ff7447;border-radius:50%;color:#ff7447;font:700 16px 'Barlow Condensed',sans-serif;text-transform:uppercase;transition:color .28s ease,background .28s ease}
.rrx-service-tile:hover .rrx-service-mark,.rrx-service-tile.is-urgent .rrx-service-mark{background:#ff561f;color:#fff}
.rrx-service-tile b{display:block;margin-bottom:6px;font:700 clamp(27px,2.4vw,38px) 'Barlow Condensed',sans-serif;text-transform:uppercase}.rrx-service-tile p{max-width:700px;margin:0;color:#aebdca;line-height:1.55}
.rrx-service-tile em{padding:10px 14px;color:#ff7447;border:1px solid #375069;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}

.rrx-record{display:grid;grid-template-columns:1.15fr .85fr;min-height:670px;background:#f1eee8;color:#071d38}
.rrx-record-image{position:relative;min-height:670px;overflow:hidden}.rrx-record-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,13,25,.58),transparent 50%);pointer-events:none}
.rrx-record-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.rrx-record:hover .rrx-record-image img{transform:scale(1.025)}
.rrx-record-image span,.rrx-record-image i{position:absolute;z-index:2;bottom:28px;padding:12px 15px;background:#061c36;color:#fff;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}
.rrx-record-image span{left:28px}.rrx-record-image i{right:28px;background:#ff561f}
.rrx-record-copy{align-self:center;padding:70px 6vw}.rrx-record-copy h2{max-width:700px;margin:18px 0 26px;font:700 clamp(54px,5.5vw,92px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase}
.rrx-record-copy>p{max-width:570px;color:#53616c;line-height:1.75}.rrx-record-items{display:grid;grid-template-columns:1fr 1fr;margin:34px 0;border-top:1px solid #b9c2c8;border-left:1px solid #b9c2c8}
.rrx-record-items span{padding:15px;border-right:1px solid #b9c2c8;border-bottom:1px solid #b9c2c8;color:#071d38;font-size:10px;text-transform:uppercase;letter-spacing:.08em;transition:background .22s ease,color .22s ease}.rrx-record-items span:hover{background:#061c36;color:#fff}
.rrx-record-copy blockquote{margin:28px 0 0;padding-left:22px;border-left:4px solid #ff561f;font:italic 20px/1.55 Georgia,serif}

@media(max-width:800px){.rrx-services-v10{padding:70px 18px}.rrx-services-v10 header{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.rrx-services-v10 h2{font-size:56px}.rrx-service-tile{grid-template-columns:66px 1fr;gap:16px;min-height:0;padding:24px 0}.rrx-service-mark{width:58px;font-size:14px}.rrx-service-tile em{grid-column:2;justify-self:start}.rrx-service-tile:hover{padding-left:10px}.rrx-record{grid-template-columns:1fr;min-height:0}.rrx-record-image{min-height:430px}.rrx-record-copy{padding:68px 20px}.rrx-record-copy h2{font-size:58px}.rrx-record-image span{left:16px;bottom:16px}.rrx-record-image i{right:16px;bottom:16px}.rrx-record-items{grid-template-columns:1fr}}