.residential-showcase{color:#fff;background:#061b33;border-bottom:1px solid #f3b63d44;padding:70px 24px}.residential-showcase-inner{max-width:1440px;margin:auto}.residential-showcase-heading{text-align:center;max-width:780px;margin:0 auto 40px}.residential-kicker{color:#f3b63d;letter-spacing:.19em;font-size:11px;font-weight:600}.residential-showcase-heading h2{margin:16px 0 20px;font-size:clamp(32px,4vw,55px)}.residential-showcase-heading h2 span{color:#f3b63d}.residential-showcase-heading>p:last-child{color:#d0d6d8;max-width:620px;margin:auto;line-height:1.7}.residential-photo-layout{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,3.7fr) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.residential-menu{color:#061b33;background:#eef6ff;border:1px solid #f3b63d;border-radius:18px;grid-area:1/2/3;align-self:center;overflow:hidden;box-shadow:0 20px 60px #0005,0 0 30px #f3b63d12}.residential-menu-label{letter-spacing:.08em;background:#f3b63d;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:10px;font-weight:700;display:flex}.residential-menu-label a{letter-spacing:0;text-underline-offset:3px;font-size:12px;text-decoration:underline}.residential-menu img{width:100%;height:auto;display:block}.residential-menu figcaption{color:#516678;padding:16px 20px;font-size:12px;line-height:1.6}.residential-menu figcaption strong{color:#061b33}.residential-photo{background:#062943;border:1px solid #ffffff20;border-radius:14px;margin:0;overflow:hidden}.residential-photo a{display:block}.residential-photo img{object-fit:cover;width:100%;height:185px;transition:filter .25s;display:block}.residential-photo a:hover img{filter:brightness(1.08)}.residential-photo figcaption{padding:13px}.residential-photo figcaption span{color:#c5cbcf;margin-bottom:6px;font-size:10px;display:block}.residential-photo figcaption strong{color:#f3b63d;font-family:var(--font-display);font-size:17px;line-height:1.2;display:block}.residential-photo-stucco{grid-area:1/1}.residential-photo-siding{grid-area:2/1}.residential-photo-action{grid-area:1/3}.residential-photo-action img{object-position:50% 65%}.residential-photo-window{grid-area:2/3;align-self:center}.residential-photo-window a{background:#fff;padding:10px 0}.residential-photo-window img{object-fit:contain;max-width:272px;height:auto;margin:auto}.residential-notes{border-top:1px solid #ffffff20;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-top:40px;padding-top:35px;display:grid}.residential-notes h3{color:#f3b63d;margin:12px 0;font-size:30px}.residential-notes p:not(.residential-kicker){color:#d0d6d8;font-size:14px;line-height:1.7}.residential-quote{color:#061b33;background:#f3b63d;border-radius:10px;gap:20px;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.residential-dog{align-items:center;gap:24px;display:flex}.residential-dog img{object-fit:cover;border:1px solid #f3b63d55;border-radius:14px;width:160px;height:200px}.residential-dog strong{font-family:var(--font-display);color:#f3b63d;margin:10px 0;font-size:25px;display:block}.residential-showcase a:focus-visible{outline-offset:4px;outline:3px solid #f3b63d}@media (width<=1099px){.residential-photo-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.residential-menu{grid-area:1/1/auto/-1}.residential-photo-stucco,.residential-photo-siding,.residential-photo-action,.residential-photo-window{grid-area:auto;align-self:stretch}.residential-photo img{height:260px}.residential-photo-stucco img{object-fit:contain;background:#eef6ff}.residential-photo-window img{height:auto}.residential-photo-window a{align-items:center;min-height:260px;display:flex}.residential-notes{gap:25px}.residential-dog{gap:16px}.residential-dog img{width:130px;height:180px}}@media (width<=640px){.residential-showcase{padding:45px 16px}.residential-showcase-heading{margin-bottom:26px}.residential-menu-label{flex-wrap:wrap;padding:12px}.residential-photo-layout{gap:12px}.residential-photo img{height:180px}.residential-photo-window a{min-height:180px}.residential-photo-window img{height:auto}.residential-photo figcaption{padding:12px}.residential-photo figcaption strong{font-size:16px}.residential-notes{grid-template-columns:1fr;gap:30px}.residential-dog{border-top:1px solid #ffffff20;padding-top:25px}}@media (prefers-reduced-motion:reduce){.residential-photo img{transition:none}}.roof-showcase .residential-photo-action img{object-position:center 20%}.roof-showcase .residential-photo-siding img{object-position:center 25%}.roof-before-after{grid-area:2/3}.roof-comparison-photos a{display:block;position:relative}.roof-comparison-photos img{object-fit:cover;height:120px}.roof-comparison-photos span{z-index:1;color:#f3b63d;letter-spacing:.08em;background:#061b33e8;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.roof-comparison-photos a+a{border-top:2px solid #f3b63d}.roof-support-photo a{flex-shrink:0}@media (width<=1099px){.roof-before-after{grid-area:auto}.roof-comparison-photos img{height:130px}}@media (width<=640px){.roof-comparison-photos img{height:95px}}.concrete-showcase .residential-menu figcaption a{color:#065fc4;margin-top:8px;font-weight:700;text-decoration:underline;display:block}.concrete-showcase .residential-photo-stucco img{object-fit:cover;object-position:center 70%}.concrete-showcase .residential-photo-action img{object-position:center}.concrete-paver-pair{grid-area:2/3}.concrete-comparison>div{position:relative}.concrete-comparison img{object-fit:cover;height:110px}.concrete-comparison span{color:#f3b63d;background:#061b33;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.concrete-finish-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.concrete-finish-grid article{background:#062943;border:1px solid #ffffff20;border-radius:14px;padding:24px}.concrete-finish-grid h3{color:#f3b63d;margin-bottom:12px;font-size:23px}.concrete-finish-grid p{color:#d0d6d8;font-size:14px;line-height:1.75}.concrete-finish-grid a{color:#f3b63d;margin-top:14px;text-decoration:underline;display:block}.concrete-video video{background:#000;border-radius:14px;width:100%;max-height:360px}.concrete-video figcaption{color:#d0d6d8;margin-top:10px;font-size:12px}@media (width<=1099px){.concrete-paver-pair{grid-area:auto}.concrete-comparison img{height:130px}}@media (width<=640px){.concrete-finish-grid{grid-template-columns:1fr;gap:12px}.concrete-comparison img{height:95px}}.concrete-diagram-image{position:relative}.concrete-paver-hotspot{border-radius:6px;width:21%;height:14%;position:absolute;top:63%;left:78%}.concrete-paver-hotspot:hover{outline:3px solid #f3b63d;box-shadow:0 0 20px #f3b63d77}.paver-showcase .residential-photo-stucco img{object-fit:cover;object-position:58% 35%}.paver-showcase .residential-photo-action img{object-position:50% 28%}.paver-comparison{grid-area:2/3}.paver-comparison a{position:relative}.paver-comparison img{object-fit:cover;height:110px}.paver-comparison a span{color:#f3b63d;background:#061b33;border-radius:5px;padding:3px 8px;font-size:10px;position:absolute;top:8px;left:8px}.paver-support{align-items:center;gap:24px;display:flex}.paver-support img{object-fit:contain;border-radius:12px;width:160px;height:250px}.paver-support>a{flex-shrink:0}.paver-support strong{color:#f3b63d;font-size:24px}.paver-support figcaption a{color:#f3b63d;margin-top:12px;text-decoration:underline;display:block}.paver-source-note{color:#c5cbcf;margin-top:30px;font-size:12px}.paver-source-note a{text-underline-offset:3px;text-decoration:underline}@media (width<=1099px){.paver-comparison{grid-area:auto}.paver-comparison img{height:130px}}@media (width<=640px){.paver-comparison img{height:95px}.paver-support{gap:16px}.paver-support img{width:120px;height:213px}}.pool-photo-layout{grid-template-columns:minmax(0,1fr) minmax(0,3.4fr);align-items:start;gap:20px;display:grid}.pool-diagram{grid-area:1/2/3;align-self:center;margin:0}.pool-project{grid-area:1/1}.pool-paving{grid-area:2/1}.pool-project img{aspect-ratio:1;object-fit:contain;height:auto}.pool-paving img{aspect-ratio:4/3;height:auto}.pool-showcase .residential-kicker,.pool-showcase .residential-menu-label,.pool-showcase .residential-menu-label a,.pool-showcase .residential-menu figcaption{font-size:14px}.pool-showcase figcaption a,.pool-materials a,.pool-sources a{color:#f3b63d;text-underline-offset:3px;text-decoration:underline}.pool-diagram figcaption a{color:#12576a}.pool-showcase .residential-photo figcaption span{font-size:14px}.pool-paving figcaption>a{margin-top:12px;font-size:14px;display:block}.pool-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;display:grid}.pool-materials article{background:#062943;border:1px solid #ffffff20;border-radius:14px;padding:25px}.pool-materials h3,.pool-process h3{font-family:var(--font-display);color:#f3b63d;margin-bottom:16px;font-size:27px}.pool-materials p,.pool-scope{color:#d0d6d8;font-size:16px;line-height:1.75}.pool-materials a{margin-top:14px;display:inline-block}.pool-process{border-top:1px solid #ffffff20;margin-top:36px;padding-top:30px}.pool-process ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;padding-left:22px;list-style:decimal;display:grid}.pool-process li{padding-left:3px}.pool-process strong{color:#f3b63d;font-size:18px;display:block}.pool-process span{color:#d0d6d8;margin-top:8px;font-size:16px;line-height:1.6;display:block}.pool-scope{max-width:900px;margin-top:30px}.pool-sources{color:#d0d6d8;margin-top:28px;font-size:14px;line-height:1.8}@media (width<=1099px){.pool-photo-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-diagram{grid-area:1/1/auto/-1}.pool-project,.pool-paving{grid-area:2}.pool-materials{grid-template-columns:1fr}.pool-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.pool-process ol{grid-template-columns:1fr}.pool-showcase .residential-menu-label{font-size:14px}.pool-project img,.pool-paving img{height:auto}.pool-materials article{padding:20px}}.pool-diagram-image{position:relative}.pool-paver-hotspot{border-radius:10px;width:16%;height:10%;position:absolute;top:70%;left:83%}.pool-paver-hotspot:hover{box-shadow:0 0 0 3px #f3b63d}.pool-paver-hotspot:focus-visible{outline-offset:2px;outline:3px solid #f3b63d}@media (width>=1100px){.pool-photo-layout{grid-template-columns:minmax(0,1fr) minmax(0,3.7fr) minmax(0,1fr)}.pool-diagram{grid-area:1/2/3}.pool-action{grid-area:1/1}.pool-paving{grid-area:2/1}.pool-project{grid-area:1/3/3;align-self:center}.pool-action img{aspect-ratio:3/4;object-fit:contain;height:auto}.pool-project img{height:auto}}@media (width<=1099px){.pool-action,.pool-project,.pool-paving{grid-area:auto}.pool-action img{aspect-ratio:3/4;object-fit:contain;height:auto}}