.project-heading{max-width:760px;margin-bottom:30px}.project-heading h2{margin:12px 0 18px}.project-heading>p:last-child{color:#53656a;font-size:15px;line-height:1.8}.project-grid{display:grid;gap:24px}.project-grid.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-figure{min-width:0;margin:0}.project-photo{position:relative;display:block;background:#e8e9e2;overflow:hidden;border-radius:2px}.project-photo img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .2s}.project-photo:hover img{transform:scale(1.025)}.project-figure figcaption{font-size:12px;color:#526460;line-height:1.65;margin-top:11px;max-width:540px}.photo-stage{position:absolute;left:12px;top:12px;background:#fbf9f3;color:#17333f;padding:6px 11px;font-size:11px;font-weight:700;line-height:1.4}.photo-expand{position:absolute;bottom:10px;right:10px;padding:5px 9px;background:#142f3be8;color:white;font-size:10px;line-height:1.4}.project-more{margin-top:30px;border-top:1px solid #ccd4cf;border-bottom:1px solid #ccd4cf}.project-more>summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;list-style:none;padding:20px 0;font-size:14px;font-weight:600;min-height:54px}.project-more>summary::-webkit-details-marker{display:none}.project-more>summary span{font-size:22px;line-height:1}.project-more[open]>summary span{transform:rotate(45deg)}.project-more>.project-grid{padding:6px 0 24px}.project-note{max-width:850px;margin:27px 0;font-size:14px;line-height:1.85;color:#53656a}.project-note h3{color:#17333f;font-size:21px;margin:0 0 12px}.project-note p{margin:0 0 15px}.project-note a,.project-links a{color:#17333f;text-decoration:underline;text-underline-offset:5px}.project-links{display:flex;justify-content:space-between;gap:24px;font-size:13px;padding:20px 0}.project-links a{min-height:44px;display:flex;align-items:center}.project-figure video{width:100%;height:auto;aspect-ratio:3/4;display:block;background:#112b36;object-fit:contain;border-radius:2px}.project-section .three .project-photo img{aspect-ratio:3/4}.service-hero figure{margin:0}.service-hero figure>figcaption{font-size:11px;color:#53656a;margin-top:10px}.service-hero figure>img{object-position:center}.app-swipe-hint{display:none}.project-smallprint{font-size:11px;color:#53656a;margin-top:22px}.app-grid{max-width:930px;margin-inline:auto}.app-grid .project-photo{background:#111}.app-grid .project-photo img{aspect-ratio:709/1536;object-fit:contain}.app-grid .photo-stage{top:auto;bottom:12px;background:#fbf9f3}.app-grid .photo-expand{bottom:auto;top:12px}.photo-dialog{position:fixed;inset:0;border:0;padding:55px 18px 18px;background:#102630;color:#fff;max-width:min(94vw,1400px);max-height:94dvh;width:max-content;border-radius:4px;box-sizing:border-box}.photo-dialog::backdrop{background:#07171deb}.photo-dialog figure{margin:0}.photo-dialog img{display:block;width:auto;height:auto;max-width:calc(94vw - 36px);max-height:calc(94dvh - 125px);margin:auto;object-fit:contain}.photo-dialog figcaption{font:13px/1.6 Arial,sans-serif;color:#e2e8e6;max-width:850px;margin:14px auto 0}.photo-close{position:absolute;right:13px;top:9px;min-height:38px;border:1px solid #5d777f;border-radius:3px;padding:7px 15px;background:#173b49;color:white;font:13px Arial,sans-serif;cursor:pointer}.photo-open{overflow:hidden}.project-photo:focus-visible,.project-more summary:focus-visible,.photo-close:focus-visible{outline:3px solid #b07b2f;outline-offset:5px}.home-project{border-top:1px solid #d8ded7}.home-project .section-heading .text-link{flex-shrink:0}.home-project .project-photo img{aspect-ratio:4/3;object-position:center 45%}.photo-home-caption{font-size:10px;color:#53656a;margin-top:8px}
@media(max-width:760px){.project-grid{gap:18px}.project-grid.three{grid-template-columns:1fr 1fr}.project-grid.three>:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}.project-grid.three.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-grid.app-grid>:last-child{grid-column:auto}.app-grid .photo-stage{font-size:8px;left:5px;bottom:5px;padding:4px}.app-grid .photo-expand{font-size:8px;right:5px;top:5px;padding:4px}.project-heading>p:last-child{font-size:14px}.home-project .section-heading{align-items:start;flex-direction:column;gap:12px}.home-project .section-heading .text-link{font-size:11px}.project-links{font-size:12px}.photo-stage{left:9px;top:9px;padding:5px 9px}.photo-expand{font-size:9px}}
@media(max-width:520px){.project-grid.pair{gap:12px}.project-grid.three{grid-template-columns:1fr}.project-grid.three>:last-child{grid-column:auto}.project-grid.three .project-photo img{aspect-ratio:4/3}.project-grid.three.app-grid{grid-template-columns:1fr;max-width:300px;gap:28px}.project-grid.app-grid .project-photo img{aspect-ratio:709/1536}.app-grid .photo-stage,.app-grid .photo-expand{font-size:10px;padding:6px 9px}.app-grid .photo-stage{left:10px;bottom:10px}.app-grid .photo-expand{top:10px;right:10px}.project-grid.pair .project-photo img{aspect-ratio:3/4}.project-figure figcaption{font-size:11px;margin-top:9px}.photo-expand{font-size:8px;padding:4px 6px;bottom:7px;right:7px}.photo-stage{font-size:10px;left:7px;top:7px}.project-links{display:block}.project-links a+a{margin-top:8px}.project-heading{margin-bottom:23px}.project-more>summary{font-size:13px}.project-note{font-size:13px}.photo-dialog figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.project-photo img{transition:none}}

@media(max-width:520px){.app-swipe-hint{display:block;font-size:11px;color:#53656a;margin-bottom:14px}.project-grid.three.app-grid{display:flex;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 4px 16px}.project-grid.app-grid>.project-figure{flex:0 0 230px;min-width:0;scroll-snap-align:start}.app-grid:focus-visible{outline:3px solid #b07b2f;outline-offset:5px}}

/* The media gallery keeps the homepage short and gives the projects room. */
[hidden]{display:none!important}.project-extra{padding-bottom:36px}.project-extra .project-more{margin-top:0}.project-browse{display:inline-flex;align-items:center;min-height:48px;margin-top:16px;font-size:13px;color:#17333f;text-decoration:underline;text-underline-offset:5px}.home-video-teaser{display:flex;align-items:center;gap:24px;padding:22px;margin-top:28px;background:#e9ede6;border:1px solid #d4ddd4;text-decoration:none;color:#17333f}.video-thumb{position:relative;display:block;flex:0 0 124px;height:98px;overflow:hidden;background:#112b36}.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:brightness(.8)}.video-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:25px;text-shadow:0 1px 5px #000}.home-video-teaser>span:last-child{display:grid;gap:8px}.home-video-teaser small{font-size:9px;letter-spacing:1.5px;font-weight:700}.home-video-teaser strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.home-video-teaser span>span{font-size:12px}.home-video-teaser:hover{border-color:#9d6b2a}.home-video-teaser:focus-visible{outline:3px solid #a16c24;outline-offset:4px}.gallery-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:65px;padding-top:24px;padding-bottom:50px}.gallery-intro h1{font-size:clamp(38px,4.8vw,65px);line-height:1.06;margin:20px 0}.gallery-intro h1 em{color:#8b652e}.gallery-intro>div>p:last-child{max-width:600px;color:#53656a;font-size:15px;line-height:1.8}.gallery-intro .home-video-teaser{margin:0;padding:16px;gap:18px}.gallery-intro .home-video-teaser strong{font-size:23px}.gallery-intro .video-thumb{flex-basis:94px;height:130px}.gallery-intro .home-video-teaser small{line-height:1.7;letter-spacing:1px}.gallery-section.section{padding-top:0}.gallery-toolbar{border-top:1px solid #ccd4cf;padding-top:25px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:24px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}.gallery-filters button,.gallery-more{font:inherit;font-size:12px;color:#17333f;background:transparent;border:1px solid #b9c6c2;padding:12px 18px;min-height:46px;cursor:pointer;border-radius:2px}.gallery-filters button[aria-pressed=true]{background:#17333f;color:#fff;border-color:#17333f}.gallery-filters button:hover{border-color:#8b652e}.gallery-status{font-size:11px;color:#53656a;white-space:nowrap;margin:0}.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}.project-gallery-grid .project-photo img{aspect-ratio:4/3;object-fit:cover}.project-gallery-grid .project-figure figcaption{font-size:12px;line-height:1.5;margin-top:12px}.gallery-more-row{text-align:center;margin-top:40px}.gallery-more{background:#17333f;border-color:#17333f;color:#fff;padding:15px 28px;min-width:210px}.gallery-more span{padding-left:20px;font-size:18px}.gallery-more-row p{font-size:11px;color:#53656a;margin:18px 0 0}.project-video-section{background:#152e3b;color:#fbf8f1;padding:65px 0}.project-video-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.project-video-layout h2{font-size:clamp(32px,4vw,48px);margin:16px 0 22px}.project-video-layout p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:460px;color:#d3dedc}.project-video-layout a{display:inline-flex;min-height:48px;align-items:center;color:#e5c795;font-size:13px;text-underline-offset:5px}.project-video-layout figure{margin:0;text-align:center}.project-video-layout video{display:block;width:100%;height:420px;background:#0c1d25;object-fit:contain}.project-video-layout figcaption{font-size:11px;color:#c0ceca;margin-top:14px}.photo-dialog{padding-bottom:14px;max-width:min(94vw,1400px)}.photo-dialog img,.photo-dialog video{max-height:calc(94dvh - 190px);max-width:calc(94vw - 36px);width:auto;height:auto;display:block;object-fit:contain;margin:auto}.photo-dialog video{width:min(440px,calc(94vw - 36px));height:calc(94dvh - 145px);max-height:calc(94dvh - 145px);background:#0c1d25}.photo-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px}.photo-controls button{min-height:44px;background:#173b49;color:#fff;border:1px solid #5d777f;padding:8px 15px;font:12px Arial,sans-serif;border-radius:2px;cursor:pointer}.photo-controls button:disabled{opacity:.45;cursor:default}.photo-counter{font:11px Arial,sans-serif;color:#d3dedc}.photo-close{min-height:44px}.gallery-filters button:focus-visible,.gallery-more:focus-visible,.photo-controls button:focus-visible{outline:3px solid #b07b2f;outline-offset:4px}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px;gap:18px}
@media(max-width:1000px){.gallery-intro{gap:30px;grid-template-columns:1.2fr 1fr}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.gallery-intro .home-video-teaser{gap:12px}.gallery-intro .video-thumb{flex-basis:70px}.gallery-intro .home-video-teaser strong{font-size:20px}.project-video-layout{gap:40px}}
@media(max-width:760px){.gallery-intro{grid-template-columns:1fr;padding-top:15px;gap:24px;padding-bottom:30px}.gallery-intro .home-video-teaser{max-width:480px}.gallery-intro .video-thumb{flex-basis:100px;height:90px}.gallery-intro .home-video-teaser strong{font-size:23px}.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.gallery-filters button{padding:11px 15px}.project-video-layout{gap:30px}.project-video-layout video{height:360px}.project-video-layout h2{font-size:34px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.photo-dialog{padding-inline:12px}.photo-dialog img{max-width:calc(94vw - 24px)}}
@media(max-width:520px){.home-video-teaser{padding:14px;gap:15px;margin-top:22px}.video-thumb{flex-basis:74px;height:96px}.home-video-teaser strong{font-size:21px}.home-video-teaser small{font-size:8px;line-height:1.6;letter-spacing:1px}.home-video-teaser span>span{font-size:11px}.gallery-intro h1{font-size:41px}.gallery-intro>div>p:last-child{font-size:14px}.gallery-filters{gap:7px}.gallery-filters button{font-size:11px;padding:10px 13px}.project-gallery-grid{grid-template-columns:1fr;gap:25px}.project-gallery-grid .project-photo img{aspect-ratio:4/3}.project-gallery-grid .photo-expand{font-size:10px;padding:7px 10px}.project-gallery-grid .project-figure figcaption{font-size:12px}.gallery-more-row{margin-top:30px}.project-video-section{padding:42px 0}.project-video-layout{grid-template-columns:1fr;gap:24px}.project-video-layout video{height:380px}.project-video-layout h2{font-size:34px}.photo-controls{gap:10px}.photo-controls button{padding:8px 12px}.photo-dialog figcaption{font-size:11px;margin-top:12px}.project-grid.app-grid{display:flex;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:4px 4px 16px}.project-grid.app-grid>.project-figure{flex:0 0 230px}.project-extra{padding-bottom:25px}}

/* Larger project stories and the full landscape walkthrough. */
.project-walkthrough{display:grid;grid-template-columns:1fr 1.75fr;gap:34px;align-items:center;margin-top:35px;padding-top:32px;border-top:1px solid #ccd4cf}.project-walkthrough h3{font-size:27px;line-height:1.18;margin:15px 0}.project-walkthrough>div>p:last-child{font-size:14px;color:#53656a;line-height:1.8}.walkthrough-video video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;background:#0c1d25}.photo-dialog.landscape-video{width:min(1100px,94vw)}.photo-dialog.landscape-video video{width:100%;height:auto;aspect-ratio:16/9;max-height:calc(94dvh - 145px)}.project-video-heading{max-width:700px;margin-bottom:35px}.project-video-heading h2{font-size:clamp(32px,4vw,48px);margin:16px 0}.project-video-heading>p:last-child{font-size:15px;line-height:1.8;color:#d3dedc}.project-video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:38px}.project-video-grid article{min-width:0}.project-video-grid h3{font-size:22px;margin:0 0 20px}.project-video-grid video{width:100%;height:330px;aspect-ratio:auto;object-fit:contain}.project-video-grid figcaption{color:#c0ceca}.project-video-grid article>p{font-size:13px;line-height:1.8;color:#d3dedc;max-width:600px}.project-video-grid a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#e5c795;text-underline-offset:5px}.gallery-intro .home-video-teaser strong{font-size:21px;line-height:1.2}
@media(max-width:760px){.project-walkthrough{grid-template-columns:1fr;gap:20px}.project-walkthrough>div{max-width:540px}.project-video-grid{grid-template-columns:1fr;gap:38px}.project-video-grid video{height:auto;aspect-ratio:16/9}.project-video-grid #video-rain-chain video{height:360px;aspect-ratio:auto}.project-video-grid article{max-width:100%}.project-walkthrough h3{font-size:25px}}
@media(max-width:520px){.project-walkthrough{margin-top:26px;padding-top:24px}.project-video-grid #video-rain-chain video{height:350px}.photo-dialog.landscape-video figcaption{font-size:11px}.project-video-grid{gap:32px}}
#insulated-stucco-project .project-grid.three .project-photo img{aspect-ratio:4/3}
.project-photo img[src*="project-storefront-fascia"]{object-position:center top}
#porch-vinyl-renovation .project-grid.three .project-photo img{aspect-ratio:4/3}
.project-photo img[src*="project-porch-vinyl-before-angle"]{object-position:center 20%}
.project-photo img[src*="project-porch-vinyl-capping"]{object-position:center 25%}

/* Compact service-page previews and four full project videos. */
.project-video-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-video-teasers .home-video-teaser{margin-top:0;gap:18px}.project-video-teasers .video-thumb{flex-basis:100px;height:140px}.project-video-teasers .video-thumb img{object-position:center 25%}.project-video-teasers .home-video-teaser strong{font-size:23px;line-height:1.2}.project-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}.project-video-grid .portrait-video video{height:420px;aspect-ratio:auto;object-fit:contain}.gallery-intro .video-thumb img{object-position:center 25%}
@media(max-width:900px){.project-video-teasers{grid-template-columns:1fr}.project-video-teasers .home-video-teaser{max-width:650px}}
@media(max-width:760px){.project-video-grid{grid-template-columns:1fr}.project-video-grid .portrait-video video{height:min(480px,110vw);aspect-ratio:auto}.project-video-teasers .home-video-teaser strong{font-size:23px}}
@media(max-width:380px){.project-video-teasers .video-thumb{flex-basis:74px;height:120px}.project-video-teasers .home-video-teaser{gap:14px}.project-video-teasers .home-video-teaser strong{font-size:20px}}

.related-video-group{min-width:0}.related-video-group h3{font-size:19px;margin:20px 0 16px}.related-video-group .home-video-teaser+.home-video-teaser{margin-top:18px}.project-video-grid .video-more{margin-top:20px;border-color:#57717a;color:#fbf8f1}.project-video-grid .video-more summary{color:inherit;font-size:13px}.project-video-grid .video-more .walkthrough-video{margin-top:18px}.project-video-grid .video-more video{height:360px}

/* Keep the growing video archive scannable and preserve portrait framing. */
.video-category{border-color:#57717a;color:#fbf8f1}.video-category>summary{font-size:18px;color:inherit}.video-category>.project-video-grid{padding:20px 0 35px}.video-category article{min-width:0}
.lighting-project-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:60px}.lighting-project-feature .project-heading{max-width:560px;margin:0}.lighting-project-feature .project-heading>p{line-height:1.8;color:#53656a}.lighting-project-feature .portrait-video video{aspect-ratio:9/16;max-height:560px;object-fit:contain}.lighting-project-feature .project-browse{line-height:1.6}
@media(max-width:760px){.lighting-project-feature{grid-template-columns:1fr;gap:24px}.lighting-project-feature .portrait-video{max-width:420px;width:100%;justify-self:center}.video-category>summary{font-size:16px}}